impact-nova 2.5.11 → 2.5.12

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

@@ -2,7 +2,7 @@ import { jsxs as f, jsx as l } from "react/jsx-runtime";
 import "react";
 import { cn as u } from "../../../lib/utils.js";
 import { Button as d } from "../../primitives/button/button.js";
-import { formatDateRangeFooterSummary as w, formatWeekFooterSummary as z, formatMonthFooterSummary as Y, formatQuarterFooterSummary as G, formatYearFooterSummary as I } from "./calendar-footer-summary.js";
+import { formatDateRangeFooterSummary as _, formatWeekFooterSummary as z, formatMonthFooterSummary as Y, formatQuarterFooterSummary as G, formatYearFooterSummary as I } from "./calendar-footer-summary.js";
 const h = "relative isolate overflow-hidden animate-flash-highlight motion-reduce:animate-none", $ = {
   "--flash-overlay": "color-mix(in srgb, white 55%, transparent)"
 };
@@ -13,7 +13,7 @@ function a({
   return /* @__PURE__ */ f(
     "div",
     {
-      className: "flex flex-row items-center gap-1 text-xs font-medium leading-[18px] text-content-tertiary",
+      className: "flex min-w-0 flex-row items-center gap-1 text-xs font-medium leading-[18px] text-content-tertiary",
       "aria-live": "polite",
       "aria-atomic": "true",
       children: [
@@ -28,7 +28,7 @@ function O({
   mode: n,
   weekMode: i,
   monthMode: r,
-  yearMode: s = "single",
+  yearMode: m = "single",
   calendarKind: S,
   granularity: v,
   resolvedFiscalPattern: B,
@@ -39,26 +39,26 @@ function O({
   pendingQuarterSelection: N,
   pendingYearSelection: P,
   multiRangeSummary: g,
-  disableApply: C,
-  isApplyDisabled: H,
+  disableApply: w,
+  isApplyDisabled: C,
   footerFlashKey: c = 0,
   footerFlashTarget: p,
   labels: e,
-  onClear: j,
-  onCancel: q,
-  onApply: A
+  onClear: H,
+  onCancel: j,
+  onApply: q
 }) {
-  const _ = t === "month" && r !== "single" || t === "quarter" && r !== "single" || t === "year" && s !== "single" || n === "range" || n === "multi-range" || i === "range" || i === "multiple", m = c > 0 && p === "cancel", o = c > 0 && p === "apply";
+  const A = t === "month" && r !== "single" || t === "quarter" && r !== "single" || t === "year" && m !== "single" || n === "range" || n === "multi-range" || i === "range" || i === "multiple", s = c > 0 && p === "cancel", o = c > 0 && p === "apply";
   return /* @__PURE__ */ f(
     "div",
     {
       className: u(
-        "flex items-center gap-2 border-t p-3 pt-3",
-        _ ? "justify-between" : "justify-end"
+        "flex min-w-0 items-center gap-2 border-t p-3 pt-3",
+        A ? "justify-between" : "justify-end"
       ),
       children: [
         n === "multi-range" && g ? /* @__PURE__ */ l(a, { selectedLabel: e.selected, children: g }) : null,
-        n === "range" && t === "date" ? /* @__PURE__ */ l(a, { selectedLabel: e.selected, children: w(L) }) : null,
+        n === "range" && t === "date" ? /* @__PURE__ */ l(a, { selectedLabel: e.selected, children: _(L) }) : null,
         t === "week" && (i === "range" || i === "multiple") ? /* @__PURE__ */ l(a, { selectedLabel: e.selected, children: z({
           selection: y,
           calendarKind: S,
@@ -73,23 +73,23 @@ function O({
           single: e.quarterSingle,
           plural: e.quarterPlural
         }) }) : null,
-        t === "year" && (s === "range" || s === "multiple") ? /* @__PURE__ */ l(a, { selectedLabel: e.selected, children: I(P, {
+        t === "year" && (m === "range" || m === "multiple") ? /* @__PURE__ */ l(a, { selectedLabel: e.selected, children: I(P, {
           single: e.yearSingle,
           plural: e.yearPlural
         }) }) : null,
-        /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ l(d, { variant: "link", size: "md", onClick: j, children: e.clear }),
+        /* @__PURE__ */ f("div", { className: "flex shrink-0 items-center gap-2", children: [
+          /* @__PURE__ */ l(d, { variant: "link", size: "md", onClick: H, children: e.clear }),
           /* @__PURE__ */ l(
             d,
             {
               variant: "outline",
               size: "md",
-              "data-footer-flash": m ? "cancel" : void 0,
-              className: u(m && h),
-              onClick: q,
+              "data-footer-flash": s ? "cancel" : void 0,
+              className: u(s && h),
+              onClick: j,
               children: e.cancel
             },
-            m ? `footer-cancel-${c}` : "footer-cancel"
+            s ? `footer-cancel-${c}` : "footer-cancel"
           ),
           /* @__PURE__ */ l(
             d,
@@ -99,8 +99,8 @@ function O({
               "data-footer-flash": o ? "apply" : void 0,
               style: o ? $ : void 0,
               className: u(o && h),
-              onClick: A,
-              disabled: C || H,
+              onClick: q,
+              disabled: w || C,
               children: e.apply
             },
             o ? `footer-apply-${c}` : "footer-apply"

package/dist/components/data-display/calendar/calendar-injected-week-row.d.ts

@@ -0,0 +1,5 @@
+import { FiscalWeek } from '../../../lib/fiscal-calendar';
+export declare function InjectedFiscalWeekRow({ fiscalWeek, displayMonth, }: {
+    fiscalWeek: FiscalWeek;
+    displayMonth: Date;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-display/calendar/calendar-injected-week-row.js

@@ -0,0 +1,92 @@
+import { jsxs as w, jsx as r } from "react/jsx-runtime";
+import { useDayPicker as g } from "react-day-picker";
+import { cn as D } from "../../../lib/utils.js";
+import { fiscalWeekToCalendarWeek as N } from "./calendar-leading-week.utils.js";
+import { injectedCalendarDayModifiers as W, callDayPickerSelect as _ } from "./calendar-selection.js";
+function x({
+  fiscalWeek: c,
+  displayMonth: n
+}) {
+  const {
+    classNames: t,
+    components: s,
+    formatters: m,
+    getModifiers: u,
+    isSelected: f,
+    select: k,
+    dayPickerProps: a
+  } = g(), o = N(c, n), b = a.showWeekNumber !== !1;
+  return /* @__PURE__ */ w(
+    s.Week,
+    {
+      className: t.week,
+      week: o,
+      "data-fiscal-injected": "true",
+      children: [
+        b ? /* @__PURE__ */ r(
+          s.WeekNumber,
+          {
+            week: o,
+            className: t.week_number,
+            scope: "row",
+            role: "rowheader"
+          }
+        ) : null,
+        o.days.map((d) => {
+          const i = u(d), l = W({
+            date: d.date,
+            disabled: a.disabled,
+            today: a.today,
+            isSelected: f,
+            customModifiers: a.modifiers
+          }), e = {
+            ...i,
+            ...l,
+            outside: d.outside || i.outside,
+            selected: l.selected || i.selected
+          };
+          return /* @__PURE__ */ r(
+            s.Day,
+            {
+              day: d,
+              modifiers: e,
+              className: D(
+                t.day,
+                e.outside && t.outside,
+                e.selected && t.selected,
+                e.disabled && t.disabled,
+                e.today && t.today,
+                e.range_start && t.range_start,
+                e.range_middle && t.range_middle,
+                e.range_end && t.range_end
+              ),
+              role: "gridcell",
+              "data-day": d.isoDate,
+              "data-outside": d.outside || void 0,
+              "data-selected": e.selected || void 0,
+              "data-disabled": e.disabled || void 0,
+              children: /* @__PURE__ */ r(
+                s.DayButton,
+                {
+                  className: t.day_button,
+                  type: "button",
+                  day: d,
+                  modifiers: e,
+                  disabled: e.disabled || void 0,
+                  onClick: (p) => {
+                    e.disabled || _(k, d.date, e, p);
+                  },
+                  children: m.formatDay(d.date)
+                }
+              )
+            },
+            d.isoDate
+          );
+        })
+      ]
+    }
+  );
+}
+export {
+  x as InjectedFiscalWeekRow
+};

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

@@ -0,0 +1,16 @@
+import { CalendarWeek } from 'react-day-picker';
+import { FiscalCalendarConfig, FiscalWeek } from '../../../lib/fiscal-calendar';
+/** Fiscal weeks owned by this pane that DayPicker never puts in this civil month. */
+export declare function ownedWeeksOutsidePane(options: {
+    paneYear: number;
+    paneMonthIndex: number;
+    panePeriod?: number;
+    fiscalConfig?: FiscalCalendarConfig;
+    fy?: number;
+}): {
+    leading: FiscalWeek[];
+    trailing: FiscalWeek[];
+};
+/** Static Tailwind classes — JIT cannot see dynamic nth-last-child counts. */
+export declare function injectedWeekCollapseClass(count: number): string | undefined;
+export declare function fiscalWeekToCalendarWeek(week: FiscalWeek, displayMonth: Date): CalendarWeek;

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

@@ -0,0 +1,51 @@
+import { CalendarDay as f, CalendarWeek as u } from "react-day-picker";
+import { localDateFromCivil as c, addDays as h, parseCivilDate as s } from "../../../lib/fiscal-calendar/civil-date.js";
+import { buildFiscalYear as m } from "../../../lib/fiscal-calendar/build-year.js";
+function p(e, i, n, r) {
+  const t = (l) => {
+    const { y: d, m: o } = s(l);
+    return d < n || d === n && o - 1 < r;
+  };
+  return t(e) && t(i);
+}
+function C(e, i, n, r) {
+  const t = (l) => {
+    const { y: d, m: o } = s(l);
+    return d > n || d === n && o - 1 > r;
+  };
+  return t(e) && t(i);
+}
+function W(e) {
+  const { paneYear: i, paneMonthIndex: n, panePeriod: r, fiscalConfig: t, fy: l } = e;
+  if (r == null || !t || l == null)
+    return { leading: [], trailing: [] };
+  try {
+    const o = m(t, l).weeks.filter((a) => a.period === r);
+    return {
+      leading: o.filter(
+        (a) => p(a.start, a.end, i, n)
+      ),
+      trailing: o.filter(
+        (a) => C(a.start, a.end, i, n)
+      )
+    };
+  } catch {
+    return { leading: [], trailing: [] };
+  }
+}
+function k(e) {
+  if (!(e <= 0))
+    return e === 1 ? "[&>tr[aria-hidden]:last-child]:hidden" : e === 2 ? "[&>tr[aria-hidden]:nth-last-child(-n+2)]:hidden" : "[&>tr[aria-hidden]:nth-last-child(-n+3)]:hidden";
+}
+function D(e, i) {
+  const n = [];
+  let r = e.start;
+  for (let t = 0; t < 7; t += 1)
+    n.push(new f(c(r), i)), r = h(r, 1);
+  return new u(e.week, n);
+}
+export {
+  D as fiscalWeekToCalendarWeek,
+  k as injectedWeekCollapseClass,
+  W as ownedWeeksOutsidePane
+};

package/dist/components/data-display/calendar/calendar-month-picker-panel.js

@@ -1,56 +1,57 @@
 import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { ChevronRight as g } from "impact-nova-icons";
-import { cn as A } from "../../../lib/utils.js";
-import { Button as f } from "../../primitives/button/button.js";
-import { Select as D } from "../../forms/select/select.js";
-import { isMonthRangeSelection as F } from "../../forms/date-picker/calendar-selection-adapters.js";
-import { CalendarPeriodCell as G } from "./calendar-period-cell.js";
+import { ChevronRight as f } from "impact-nova-icons";
+import { cn as T } from "../../../lib/utils.js";
+import { Button as g } from "../../primitives/button/button.js";
+import { Select as B } from "../../forms/select/select.js";
+import { isMonthRangeSelection as W } from "../../forms/date-picker/calendar-selection-adapters.js";
+import { CalendarPeriodCell as q } from "./calendar-period-cell.js";
+import { PERIOD_RANGE_GRID_CLASSNAME as F } from "./calendar-selection-appearance.js";
 function Z({
-  yearOffset: o = 0,
+  yearOffset: c = 0,
   displayYear: e,
   monthMode: s,
   monthsShort: u,
-  showFooter: p,
+  showFooter: N,
   pendingMonthSelection: v,
-  selectedMonths: N,
-  resolvedStartYear: x,
-  resolvedEndYear: C,
+  selectedMonths: p,
+  resolvedStartYear: C,
+  resolvedEndYear: S,
   yearOptions: l,
-  previousYearLabel: a,
-  nextYearLabel: r,
-  isMonthSelected: S,
-  getMonthRangeProps: k,
-  isMonthDisabled: w,
-  onPreviousYear: j,
-  onNextYear: z,
-  onYearSelect: b,
-  onMonthClick: R,
+  previousYearLabel: r,
+  nextYearLabel: a,
+  isMonthSelected: x,
+  getMonthRangeProps: R,
+  isMonthDisabled: k,
+  onPreviousYear: w,
+  onNextYear: j,
+  onYearSelect: z,
+  onMonthClick: E,
   periodLabels: i
 }) {
   return /* @__PURE__ */ d("div", { className: "flex flex-col gap-4 p-3 min-w-[280px]", children: [
     /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
-      o === 0 ? /* @__PURE__ */ t(
-        f,
+      c === 0 ? /* @__PURE__ */ t(
+        g,
         {
           variant: "ghost",
           size: "icon",
           className: "h-7 w-7 shrink-0",
-          "aria-label": a,
-          title: a,
-          disabled: e <= x,
-          onClick: () => j(e),
-          children: /* @__PURE__ */ t(g, { size: 16, className: "rotate-180" })
+          "aria-label": r,
+          title: r,
+          disabled: e <= C,
+          onClick: () => w(e),
+          children: /* @__PURE__ */ t(f, { size: 16, className: "rotate-180" })
         }
       ) : /* @__PURE__ */ t("span", { className: "size-7 shrink-0", "aria-hidden": !0 }),
       /* @__PURE__ */ t("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ t(
-        D,
+        B,
         {
           value: l.find((n) => n.value === e.toString()) ?? {
             label: e.toString(),
             value: e.toString()
           },
           onChange: (n) => {
-            n && "value" in n && b(parseInt(n.value), o);
+            n && "value" in n && z(parseInt(n.value), c);
           },
           scrollToSelectedOnOpen: !0,
           options: l,
@@ -59,17 +60,17 @@ function Z({
           menuWidth: "140px"
         }
       ) }),
-      (s === "single" || o === 1) && /* @__PURE__ */ t(
-        f,
+      (s === "single" || c === 1) && /* @__PURE__ */ t(
+        g,
         {
           variant: "ghost",
           size: "icon",
           className: "h-7 w-7",
-          "aria-label": r,
-          title: r,
-          disabled: e >= C,
-          onClick: () => z(e),
-          children: /* @__PURE__ */ t(g, { className: "h-4 w-4" })
+          "aria-label": a,
+          title: a,
+          disabled: e >= S,
+          onClick: () => j(e),
+          children: /* @__PURE__ */ t(f, { className: "h-4 w-4" })
         }
       )
     ] }),
@@ -77,23 +78,23 @@ function Z({
       "div",
       {
         "data-period-grid": "",
-        className: A("grid gap-x-0 gap-y-4", i ? "grid-cols-3" : "grid-cols-4"),
-        children: (i ?? u.map((n) => ({ label: n }))).map((n, c) => {
-          const m = n.label, P = S(e, c), { isStart: E, isEnd: M, isMiddle: T } = k(e, c), B = s === "range", h = p ? v : N, I = F(h) && !!h.to, W = w(e, c), q = "caption" in n && typeof n.caption == "string" ? n.caption : void 0;
+        className: T(F, i ? "grid-cols-3" : "grid-cols-4"),
+        children: (i ?? u.map((n) => ({ label: n }))).map((n, o) => {
+          const m = n.label, b = x(e, o), { isStart: P, isEnd: A, isMiddle: I } = R(e, o), M = s === "range", h = N ? v : p, _ = W(h) && !!h.to, D = k(e, o), G = "caption" in n && typeof n.caption == "string" ? n.caption : void 0;
           return /* @__PURE__ */ t(
-            G,
+            q,
             {
-              selected: P,
-              disabled: W,
-              isRange: B,
-              isStart: E,
-              isEnd: M,
-              isMiddle: T,
-              hasRangeEnd: I,
+              selected: b,
+              disabled: D,
+              isRange: M,
+              isStart: P,
+              isEnd: A,
+              isMiddle: I,
+              hasRangeEnd: _,
               size: i ? "period" : "month",
               columns: i ? 3 : 4,
-              onClick: () => R(e, c),
-              caption: q,
+              onClick: () => E(e, o),
+              caption: G,
               children: m
             },
             m

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

@@ -0,0 +1,23 @@
+import { FiscalCalendarConfig } from '../../../lib/fiscal-calendar';
+export type FiscalOrphanWeek = {
+    fy: number;
+    period: number;
+    week: number;
+    weekStart: string;
+    weekEnd: string;
+    periodStart: string;
+    periodEnd: string;
+    weekCount: number;
+    dominantMonth: string;
+    paneMonth: string;
+    side: "leading" | "trailing";
+};
+export declare function retailFiscalConfig(pattern: "4-4-5" | "4-5-4" | "5-4-4", weekStartsOn: 0 | 1, fyStartMonth: number, leapWeekPolicy?: "append-last-period" | "period-13"): FiscalCalendarConfig;
+/** Last week sits fully in November; dominant civil month is October. P2 owns November. */
+export declare const TRAILING_ORPHAN_CUSTOM_TABLE: FiscalCalendarConfig;
+export declare function scanFiscalOrphanWeeks(config: FiscalCalendarConfig, fy: number): FiscalOrphanWeek[];
+export declare function civilDayNumbers(start: string, end: string): string[];
+export declare function parseYearMonth(value: string): {
+    year: number;
+    monthIndex: number;
+};

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

@@ -8,7 +8,9 @@ export declare function weekHasInMonthSelection(week: {
         date: Date;
         outside?: boolean;
     }>;
-}, isSelected?: (date: Date) => boolean): boolean;
+}, isSelected?: (date: Date) => boolean, options?: {
+    includeOutside?: boolean;
+}): boolean;
 export declare function weekIntervalContinues(week: {
     days: Array<{
         date: Date;

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

@@ -1,8 +1,10 @@
 function y(e) {
   return e.days.length > 0 && e.days.every((t) => t.outside);
 }
-function g(e, t) {
-  return t ? e.days.some((r) => !r.outside && t(r.date)) : !1;
+function g(e, t, r) {
+  return t ? e.days.some(
+    (a) => (r?.includeOutside || !a.outside) && t(a.date)
+  ) : !1;
 }
 function d(e, t) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
@@ -12,14 +14,14 @@ function c(e, t) {
 }
 function h(e, t, r) {
   if (!t) return { prev: !1, next: !1 };
-  const a = e.days.find((n) => !n.outside)?.date, o = r?.joinAdjacentWeek ? e.days[0]?.date : e.days.find((n) => !n.outside)?.date, s = r?.joinAdjacentWeek ? e.days.at(-1)?.date : e.days.filter((n) => !n.outside).at(-1)?.date, f = o ? d(o, -1) : void 0, l = s ? d(s, 1) : void 0, i = (n) => {
+  const a = e.days.find((n) => !n.outside)?.date, o = r?.joinAdjacentWeek ? e.days[0]?.date : e.days.find((n) => !n.outside)?.date, i = r?.joinAdjacentWeek ? e.days.at(-1)?.date : e.days.filter((n) => !n.outside).at(-1)?.date, f = o ? d(o, -1) : void 0, l = i ? d(i, 1) : void 0, s = (n) => {
     if (!n || !t(n)) return !1;
     const u = r?.periodForDate?.(n);
     return r?.panePeriod != null && u != null ? u !== r.panePeriod : !!(a && c(n, a));
   };
   return {
-    prev: i(f),
-    next: i(l)
+    prev: s(f),
+    next: s(l)
   };
 }
 export {

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

@@ -1,78 +1,77 @@
-import { jsxs as s, jsx as p } from "react/jsx-runtime";
+import { jsxs as f, jsx as d } from "react/jsx-runtime";
 import "react";
-import { cn as e } from "../../../lib/utils.js";
-import { Button as N } from "../../primitives/button/button.js";
-import { intervalCaptionClassName as v } from "./calendar-interval-caption.js";
-import { SELECTION_RADIUS_END as g, SELECTION_RADIUS_START as T, SELECTION_RADIUS as I, periodRangeTrackClassName as j, periodTileAppearanceClassName as A } from "./calendar-selection-appearance.js";
-import { periodCellKind as D } from "./calendar-selection.js";
-import { handlePeriodGridKeyDown as S } from "./calendar-period-keyboard.js";
-const _ = {
+import { cn as t } from "../../../lib/utils.js";
+import { Button as g } from "../../primitives/button/button.js";
+import { intervalCaptionClassName as y } from "./calendar-interval-caption.js";
+import { periodRangeTrackPositionClassName as v, periodRangeTrackClassName as T, periodTileInsetClassName as k, periodTileAppearanceClassName as j, rangeStartCellClassName as q, rangeEndCellClassName as K, rangeMiddleCellClassName as P } from "./calendar-selection-appearance.js";
+import { periodCellKind as A } from "./calendar-selection.js";
+import { handlePeriodGridKeyDown as D } from "./calendar-period-keyboard.js";
+const I = {
   month: "h-10 w-10",
-  period: "min-h-16 h-auto w-full flex-col items-center justify-center px-1 py-1",
-  quarter: "h-16 min-h-16 max-h-16 w-full min-w-0 flex-col items-center justify-center overflow-hidden whitespace-normal p-2 leading-tight",
-  year: "h-10 min-h-10 max-h-10 w-full min-w-0 overflow-hidden",
-  "year-caption": "h-16 min-h-16 max-h-16 w-full min-w-0 flex-col items-center justify-center gap-0.5 overflow-hidden whitespace-normal p-2 text-xs leading-tight"
+  period: "min-h-16 h-auto min-w-0 flex-col items-center justify-center px-1 py-1",
+  quarter: "h-16 min-h-16 max-h-16 min-w-0 flex-col items-center justify-center overflow-hidden whitespace-normal p-2 leading-tight",
+  year: "h-10 min-h-10 max-h-10 min-w-0 overflow-hidden",
+  "year-caption": "h-16 min-h-16 max-h-16 min-w-0 flex-col items-center justify-center gap-0.5 overflow-hidden whitespace-normal p-2 text-xs leading-tight"
 };
-function P({
-  selected: u,
+function O({
+  selected: C,
   disabled: n = !1,
   isRange: i = !1,
-  isStart: t = !1,
-  isEnd: r = !1,
-  isMiddle: o = !1,
-  hasRangeEnd: d = !1,
+  isStart: e = !1,
+  isEnd: a = !1,
+  isMiddle: s = !1,
+  hasRangeEnd: w = !1,
   size: l,
-  onClick: w,
-  onKeyDown: x,
-  children: y,
+  onClick: u,
+  onKeyDown: N,
+  children: x,
   caption: m,
-  columns: f
+  columns: c
 }) {
-  const a = D({ selected: u, isRange: i, isStart: t, isEnd: r, isMiddle: o }), C = i && d && (o || t || r) && !n, c = l === "month";
-  return /* @__PURE__ */ s(
+  const r = A({ selected: C, isRange: i, isStart: e, isEnd: a, isMiddle: s }), p = i && w && (s || e || a) && !n, o = l === "month";
+  return /* @__PURE__ */ f(
     "div",
     {
-      className: e(
+      className: t(
         "group relative flex w-full items-center justify-center",
-        l === "period" || l === "quarter" || l === "year-caption" ? "min-h-16" : "h-10"
+        l === "period" || l === "quarter" || l === "year-caption" ? "min-h-16" : "h-10",
+        !o && p && !(e && a) && (e ? q : a ? K : P)
       ),
       children: [
-        C ? /* @__PURE__ */ p(
+        o && p ? /* @__PURE__ */ d(
           "div",
           {
-            className: e(
+            className: t(
               "absolute inset-y-0",
-              j,
-              t && r && e("inset-x-2", I),
-              t && !r && e("left-1/2 right-0", c && "-ml-5", T),
-              r && !t && e("right-1/2 left-0", c && "-mr-5", g),
-              o && "inset-x-0"
+              T,
+              v({ isStart: e, isEnd: a })
             )
           }
         ) : null,
-        /* @__PURE__ */ s(
-          N,
+        /* @__PURE__ */ f(
+          g,
           {
             variant: "ghost",
-            onClick: w,
+            onClick: u,
             onKeyDown: (h) => {
-              f && S(h, f), x?.(h);
+              c && D(h, c), N?.(h);
             },
             disabled: n,
-            "data-selection": a,
+            "data-selection": r,
             "data-period-tile": "",
-            className: e(
-              A({ kind: a, disabled: n }),
-              _[l]
+            className: t(
+              j({ kind: r, disabled: n }),
+              I[l],
+              !o && k
             ),
             children: [
-              y,
-              m ? /* @__PURE__ */ p(
+              x,
+              m ? /* @__PURE__ */ d(
                 "span",
                 {
                   "data-slot": "interval-caption",
-                  className: v(
-                    a === "point" || a === "interval-start" || a === "interval-end"
+                  className: y(
+                    r === "point" || r === "interval-start" || r === "interval-end"
                   ),
                   children: m
                 }
@@ -85,5 +84,5 @@ function P({
   );
 }
 export {
-  P as CalendarPeriodCell
+  O as CalendarPeriodCell
 };