impact-nova 2.0.9 → 2.1.0-alpha.2

package/dist/components/data-display/badge/badge.variants.js

@@ -0,0 +1,103 @@
+import { cva as e } from "class-variance-authority";
+const a = e(
+  "inline-flex min-w-0 max-w-[164px] shrink-0 items-center justify-center border font-sans font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 [&_[data-slot=badge-icon]_svg]:size-4 [&_[data-slot=badge-icon]_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        solid: "",
+        outline: "",
+        subtle: ""
+      },
+      color: {
+        primary: "",
+        success: "",
+        warning: "",
+        destructive: "",
+        neutral: ""
+      },
+      size: {
+        md: "",
+        sm: ""
+      },
+      shape: {
+        circle: "rounded-full",
+        square: "rounded-md"
+      },
+      layout: {
+        default: "gap-1.5 px-2 py-0.5",
+        iconOnly: "p-1"
+      }
+    },
+    compoundVariants: [
+      { size: "md", layout: "default", class: "h-6 text-sm leading-5" },
+      { size: "md", layout: "iconOnly", class: "h-6" },
+      { size: "sm", layout: "default", class: "h-5 text-xs leading-4" },
+      { size: "sm", layout: "iconOnly", class: "h-5" },
+      {
+        variant: "solid",
+        color: "primary",
+        class: "border-transparent bg-badge-info-filled text-brand-foreground"
+      },
+      { variant: "solid", color: "neutral", class: "border-transparent bg-content-badge text-brand-foreground" },
+      {
+        variant: "solid",
+        color: "success",
+        class: "border-transparent bg-badge-success-filled text-success-foreground"
+      },
+      { variant: "solid", color: "warning", class: "border-transparent bg-badge-warning-filled text-content" },
+      {
+        variant: "solid",
+        color: "destructive",
+        class: "border-transparent bg-badge-error-filled text-destructive-foreground"
+      },
+      {
+        variant: "outline",
+        color: "primary",
+        class: "border border-badge-info-filled bg-canvas-elevated text-badge-info-filled"
+      },
+      { variant: "outline", color: "neutral", class: "border border-content-badge bg-canvas-elevated text-content-badge" },
+      {
+        variant: "outline",
+        color: "success",
+        class: "border border-badge-success-filled bg-canvas-elevated text-badge-success-filled"
+      },
+      { variant: "outline", color: "warning", class: "border border-badge-warning-ink bg-canvas-elevated text-badge-warning-ink" },
+      {
+        variant: "outline",
+        color: "destructive",
+        class: "border border-badge-error-filled bg-canvas-elevated text-badge-error-filled"
+      },
+      {
+        variant: "subtle",
+        color: "primary",
+        class: "border-transparent bg-accent text-brand"
+      },
+      { variant: "subtle", color: "neutral", class: "border-transparent bg-badge-neutral-muted text-content-badge" },
+      {
+        variant: "subtle",
+        color: "success",
+        class: "border-transparent bg-badge-success-muted text-badge-success-ink"
+      },
+      {
+        variant: "subtle",
+        color: "warning",
+        class: "border-transparent bg-badge-warning-muted text-badge-warning-ink"
+      },
+      {
+        variant: "subtle",
+        color: "destructive",
+        class: "border-transparent bg-badge-error-muted text-badge-error-ink"
+      }
+    ],
+    defaultVariants: {
+      variant: "solid",
+      color: "primary",
+      size: "md",
+      shape: "circle",
+      layout: "default"
+    }
+  }
+);
+export {
+  a as badgeVariants
+};

package/dist/components/data-display/badge/index.d.ts

@@ -0,0 +1,3 @@
+export { Badge } from './badge';
+export type { BadgeProps } from './badge.types';
+export { badgeVariants } from './badge.variants';

package/dist/components/data-display/badge/index.js

@@ -0,0 +1,6 @@
+import { Badge as e } from "./badge.js";
+import { badgeVariants as t } from "./badge.variants.js";
+export {
+  e as Badge,
+  t as badgeVariants
+};

package/dist/components/data-display/calendar/calendar-apply-validation.d.ts

@@ -0,0 +1,10 @@
+import { DateRange } from 'react-day-picker';
+import { MonthRange, MonthSelection, WeekRange, WeekSelection } from './calendar.types';
+export declare function isCalendarApplyDisabled(params: {
+    showFooter: boolean;
+    pickerType: "date" | "week" | "month";
+    disabled?: unknown;
+    pendingSelection?: Date | Date[] | DateRange;
+    pendingWeekSelection?: WeekSelection | WeekSelection[] | WeekRange;
+    pendingMonthSelection?: MonthSelection | MonthSelection[] | MonthRange;
+}): boolean;

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

@@ -0,0 +1,65 @@
+import { isMonthDisabled as y } from "./calendar-month-utils.js";
+function s(u, o, n) {
+  const c = new Date(u.getFullYear(), u.getMonth(), u.getDate());
+  if (o) {
+    const l = new Date(o.getFullYear(), o.getMonth(), o.getDate());
+    if (c < l) return !0;
+  }
+  if (n) {
+    const l = new Date(n.getFullYear(), n.getMonth(), n.getDate());
+    if (c > l) return !0;
+  }
+  return !1;
+}
+function h(u) {
+  const {
+    showFooter: o,
+    pickerType: n,
+    disabled: c,
+    pendingSelection: l,
+    pendingWeekSelection: g,
+    pendingMonthSelection: m
+  } = u;
+  if (!o) return !1;
+  const f = c;
+  if (!f || typeof f != "object" || !("before" in f) && !("after" in f)) return !1;
+  const i = f.before, a = f.after;
+  if (n === "month") {
+    const e = m;
+    if (!e) return !1;
+    const r = (t) => y(t.year, t.month, c);
+    if (Array.isArray(e)) return e.some(r);
+    if ("from" in e) {
+      const t = e;
+      return !!(t.from && r(t.from) || t.to && r(t.to));
+    }
+    return r(e);
+  }
+  if (n === "week") {
+    const e = g;
+    if (!e) return !1;
+    const r = (t) => s(t.startDate, i, a) || s(t.endDate, i, a);
+    if (Array.isArray(e)) return e.some(r);
+    if ("from" in e) {
+      const t = e;
+      return !!(t.from && r(t.from) || t.to && r(t.to));
+    }
+    return r(e);
+  }
+  if (n === "date") {
+    const e = l;
+    if (!e) return !1;
+    if (Array.isArray(e))
+      return e.some((r) => s(r, i, a));
+    if (e instanceof Date)
+      return s(e, i, a);
+    if ("from" in e) {
+      const r = e;
+      if (r.from && s(r.from, i, a) || r.to && s(r.to, i, a)) return !0;
+    }
+  }
+  return !1;
+}
+export {
+  h as isCalendarApplyDisabled
+};

package/dist/components/data-display/calendar/calendar-caption-header.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export declare function CalendarCaptionHeader({ children }: {
+    children: React.ReactNode[];
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,28 @@
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import * as l from "react";
+function c(e) {
+  return l.isValidElement(e) ? e.props.className?.includes("rdp-button_previous") ?? !1 : !1;
+}
+function o(e) {
+  return l.isValidElement(e) ? e.props.className?.includes("rdp-button_next") ?? !1 : !1;
+}
+function f({ children: e }) {
+  let r = null, s = null, i = null;
+  for (const t of e)
+    c(t) ? r = t : o(t) ? i = t : s = t;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: "grid h-9 w-full grid-cols-[1.75rem_minmax(0,1fr)_1.75rem] items-center gap-x-1",
+      "data-component": "calendar-caption-header",
+      children: [
+        /* @__PURE__ */ n("div", { className: "flex size-7 items-center justify-center", children: r }),
+        /* @__PURE__ */ n("div", { className: "flex min-w-0 items-center justify-center", children: s }),
+        /* @__PURE__ */ n("div", { className: "flex size-7 items-center justify-center", children: i })
+      ]
+    }
+  );
+}
+export {
+  f as CalendarCaptionHeader
+};

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

@@ -0,0 +1,13 @@
+import { FiscalMode, FiscalMonthPattern } from '../../../lib/fiscal-calendar';
+export declare const CALENDAR_DEFAULT_START_MONTH: Date;
+export declare const CALENDAR_DEFAULT_END_MONTH: Date;
+export declare function resolveFiscalPattern(params: {
+    calendarType: "calendar" | "fiscal";
+    fiscalMode: FiscalMode;
+    fiscalMonthPattern?: FiscalMonthPattern;
+}): FiscalMonthPattern | undefined;
+export declare function getMonthNamesLong(intlLocale: string): string[];
+export declare function getMonthNamesShort(intlLocale: string): string[];
+export declare function getCalendarMonthLayoutAttr(pickerType: "date" | "week" | "month", monthMode: "single" | "multiple" | "range"): "dual" | "single" | undefined;
+export declare function getCalendarDayLayoutAttr(pickerType: "date" | "week" | "month", mode: "single" | "multiple" | "range", weekMode: "single" | "multiple" | "range"): "dual" | "single" | undefined;
+export declare function getCalendarNumberOfMonths(mode: "single" | "multiple" | "range", weekMode: "single" | "multiple" | "range"): 1 | 2;

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

@@ -0,0 +1,38 @@
+import { FISCAL_PATTERNS as o } from "../../../lib/fiscal-calendar.js";
+const i = new Date(1900, 0, 1), l = new Date(2100, 11, 31);
+function u(t) {
+  const { calendarType: n, fiscalMode: r, fiscalMonthPattern: e } = t;
+  if (n === "fiscal") {
+    if (e) return e;
+    if (r === "advanced") return o["4-4-5"];
+  }
+}
+function c(t) {
+  return Array.from(
+    { length: 12 },
+    (n, r) => new Date(2024, r, 1).toLocaleString(t, { month: "long" })
+  );
+}
+function f(t) {
+  return Array.from(
+    { length: 12 },
+    (n, r) => new Date(2024, r, 1).toLocaleString(t, { month: "short" })
+  );
+}
+function g(t, n) {
+  if (t === "month")
+    return n === "range" || n === "multiple" ? "dual" : "single";
+}
+function s(t, n, r) {
+  if (t !== "month")
+    return n === "range" || n === "multiple" || r === "range" || r === "multiple" ? "dual" : "single";
+}
+export {
+  l as CALENDAR_DEFAULT_END_MONTH,
+  i as CALENDAR_DEFAULT_START_MONTH,
+  s as getCalendarDayLayoutAttr,
+  g as getCalendarMonthLayoutAttr,
+  c as getMonthNamesLong,
+  f as getMonthNamesShort,
+  u as resolveFiscalPattern
+};

package/dist/components/data-display/calendar/calendar-day-button.d.ts

@@ -0,0 +1,5 @@
+import { DayButton } from 'react-day-picker';
+import * as React from "react";
+export declare function CalendarDayButton({ className, day, modifiers, pickerType, ...props }: React.ComponentProps<typeof DayButton> & {
+    pickerType?: "date" | "week" | "month";
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,49 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as g from "react";
+import "react-day-picker";
+import { cn as u } from "../../../lib/utils.js";
+import { Button as l } from "../../primitives/button/button.js";
+function v({
+  className: n,
+  day: d,
+  modifiers: e,
+  pickerType: t,
+  ...a
+}) {
+  const o = g.useCallback(
+    (r) => {
+      r && e.focused && r.focus({ preventScroll: !0 });
+    },
+    [e.focused]
+  );
+  return /* @__PURE__ */ s(
+    l,
+    {
+      ref: o,
+      tabIndex: e.focused ? 0 : -1,
+      variant: "ghost",
+      size: "sm",
+      "data-day": d.date.toLocaleDateString(),
+      "data-selected-single": e.selected && !e.range_start && !e.range_end && !e.range_middle,
+      "data-range-start": e.range_start,
+      "data-range-end": e.range_end,
+      "data-range-middle": e.range_middle,
+      className: u(
+        "gap-2 whitespace-nowrap focus-visible:ring-1 focus-visible:ring-focus-ring disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 px-3 rounded-lg flex items-center justify-center font-normal transition-colors w-5 h-5 border border-transparent focus-visible:outline-none text-sm rdp-day rdp-day_button",
+        t !== "week" && "hover:bg-accent hover:text-accent-foreground hover:border-brand",
+        t === "week" && "hover:bg-transparent hover:text-inherit hover:border-transparent",
+        "data-[selected-single=true]:bg-brand data-[selected-single=true]:text-brand-foreground data-[selected-single=true]:rounded-lg data-[selected-single=true]:border-transparent",
+        "data-[range-start=true]:bg-brand data-[range-start=true]:text-brand-foreground data-[range-start=true]:rounded-lg data-[range-start=true]:border-transparent",
+        "data-[range-end=true]:bg-brand data-[range-end=true]:text-brand-foreground data-[range-end=true]:rounded-lg data-[range-end=true]:border-transparent",
+        "data-[range-middle=true]:text-accent-foreground data-[range-middle=true]:rounded-none",
+        n
+      ),
+      "data-component": "calendar-day",
+      ...a,
+      disabled: a.disabled || e.disabled
+    }
+  );
+}
+export {
+  v as CalendarDayButton
+};

package/dist/components/data-display/calendar/calendar-day-picker-classnames.d.ts

@@ -0,0 +1,53 @@
+import { getDefaultClassNames } from 'react-day-picker';
+type DefaultClassNames = ReturnType<typeof getDefaultClassNames>;
+export declare function getCalendarDayPickerClassNames(params: {
+    defaultClassNames: DefaultClassNames;
+    pickerType: "date" | "week" | "month";
+    calendarType: "calendar" | "fiscal";
+    showOutsideDays: boolean;
+    classNames?: Partial<DefaultClassNames>;
+}): {
+    root: string;
+    chevron?: string | undefined;
+    day: string;
+    day_button?: string | undefined;
+    caption_label: string;
+    dropdowns: string;
+    dropdown?: string | undefined;
+    dropdown_root?: string | undefined;
+    footer?: string | undefined;
+    month_grid?: string | undefined;
+    month_caption: string;
+    months_dropdown?: string | undefined;
+    month: string;
+    months: string;
+    nav?: string | undefined;
+    button_next: string;
+    button_previous: string;
+    week: string;
+    weeks?: string | undefined;
+    weekday: string;
+    weekdays: string;
+    week_number: string;
+    week_number_header: string;
+    years_dropdown?: string | undefined;
+    range_end: string;
+    range_middle: string;
+    range_start: string;
+    selected?: string | undefined;
+    disabled: string;
+    hidden: string;
+    outside: string;
+    focused?: string | undefined;
+    today: string;
+    weeks_before_enter?: string | undefined;
+    weeks_before_exit?: string | undefined;
+    weeks_after_enter?: string | undefined;
+    weeks_after_exit?: string | undefined;
+    caption_after_enter?: string | undefined;
+    caption_after_exit?: string | undefined;
+    caption_before_enter?: string | undefined;
+    caption_before_exit?: string | undefined;
+    table: string;
+};
+export {};

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

@@ -0,0 +1,73 @@
+import "react-day-picker";
+import { cn as e } from "../../../lib/utils.js";
+function s(o) {
+  const { defaultClassNames: t, pickerType: n, calendarType: l, showOutsideDays: a, classNames: r } = o;
+  return {
+    root: e("w-fit", t.root),
+    months: e("relative", t.months),
+    month: e(
+      "relative flex flex-1 min-w-[260px] flex-col gap-2 after:absolute after:top-[5.5rem] after:bottom-0 after:left-[30px] after:w-[1px] after:bg-stroke-hairline",
+      t.month
+    ),
+    button_previous: e(
+      "h-7 w-7 shrink-0 select-none p-0 aria-disabled:opacity-50 flex items-center justify-center",
+      t.button_previous
+    ),
+    button_next: e(
+      "h-7 w-7 shrink-0 select-none p-0 aria-disabled:opacity-50 flex items-center justify-center",
+      t.button_next
+    ),
+    month_caption: e(
+      "flex h-9 min-w-0 items-center justify-center",
+      t.month_caption
+    ),
+    dropdowns: e(
+      "flex h-9 w-fit shrink-0 items-center gap-1 text-sm font-medium",
+      t.dropdowns
+    ),
+    caption_label: e("select-none font-medium text-sm", t.caption_label),
+    table: "w-full border-collapse",
+    weekdays: e(
+      "flex w-full relative after:absolute after:bottom-0 after:right-0 after:h-[1px] after:bg-stroke-hairline after:left-[30px]",
+      t.weekdays
+    ),
+    weekday: e(
+      "flex-1 select-none rounded-md font-normal text-center",
+      "text-[11px] text-content-muted pb-2",
+      "[&:nth-child(2)]:pl-2",
+      t.weekday
+    ),
+    week: e("mt-1 flex w-full items-stretch group/week", t.week),
+    week_number_header: e(
+      "select-none font-normal text-center h-[30px] flex items-center justify-center",
+      "text-[11px] text-content-muted w-[30px] flex-shrink-0",
+      t.week_number_header
+    ),
+    week_number: e(
+      "select-none flex items-center justify-center h-[30px]",
+      "text-[11px] text-content-muted w-[30px] flex-shrink-0 transition-colors",
+      n === "week" && "group-hover/week:bg-accent group-hover/week:rounded-l-lg",
+      t.week_number
+    ),
+    day: e(
+      "group/day relative select-none p-0 text-center flex-1 h-[30px] flex items-center justify-center [&:nth-child(2)]:pl-2 rdp-day",
+      n === "week" && "group-hover/week:bg-accent [&:nth-child(2)]:group-hover/week:rounded-l-full [&:nth-child(8)]:group-hover/week:rounded-r-full",
+      n === "week" && "[&.rdp-selected:nth-child(2)]:rounded-l-full [&.rdp-selected:nth-child(8)]:rounded-r-full",
+      r?.day
+    ),
+    range_start: e("bg-accent rounded-l-full", t.range_start),
+    range_middle: e("bg-accent rounded-none", t.range_middle),
+    range_end: e("bg-accent rounded-r-full", t.range_end),
+    today: e("text-brand", t.today),
+    outside: e(
+      l === "fiscal" || a ? "text-content-muted opacity-50" : "invisible",
+      t.outside
+    ),
+    disabled: e("text-content-muted opacity-50", t.disabled),
+    hidden: e("invisible", t.hidden),
+    ...r
+  };
+}
+export {
+  s as getCalendarDayPickerClassNames
+};

package/dist/components/data-display/calendar/calendar-day-picker-components.d.ts

@@ -0,0 +1,25 @@
+import { DayPicker } from 'react-day-picker';
+import { Button } from '../../primitives/button/button';
+import { Option } from '../../forms/select';
+import { WeekPickerInput } from './calendar-week-utils';
+import * as React from "react";
+export interface BuildCalendarDayPickerComponentsParams {
+    buttonVariant: React.ComponentProps<typeof Button>["variant"];
+    pickerType: "date" | "week" | "month";
+    currentMonth: Date;
+    monthsFull: string[];
+    resolvedStartMonth: Date;
+    resolvedEndMonth: Date;
+    availableYears: Option[];
+    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    previousMonthLabel: string;
+    nextMonthLabel: string;
+    monthPlaceholder: string;
+    yearPlaceholder: string;
+    weekNumberLabel: (weekOfMonth: number) => string;
+    weekLabel: (weekOfMonth: number) => string;
+    onMonthChange: (month: Date) => void;
+    onWeekSelect: (input: WeekPickerInput) => void;
+    components?: React.ComponentProps<typeof DayPicker>["components"];
+}
+export declare function buildCalendarDayPickerComponents({ buttonVariant, pickerType, currentMonth, monthsFull, resolvedStartMonth, resolvedEndMonth, availableYears, weekStartsOn, previousMonthLabel, nextMonthLabel, monthPlaceholder, yearPlaceholder, weekNumberLabel, weekLabel, onMonthChange, onWeekSelect, components, }: BuildCalendarDayPickerComponentsParams): React.ComponentProps<typeof DayPicker>["components"];

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

@@ -0,0 +1,148 @@
+import { jsx as n, jsxs as k } 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 { 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 { PanelIndexContext as h } from "./calendar-panel-context.js";
+import { CalendarWeekNumberCell as W } from "./calendar-week-number-cell.js";
+import { getAvailableMonths as A } from "./calendar-month-utils.js";
+function X({
+  buttonVariant: u,
+  pickerType: f,
+  currentMonth: i,
+  monthsFull: w,
+  resolvedStartMonth: b,
+  resolvedEndMonth: I,
+  availableYears: v,
+  weekStartsOn: M,
+  previousMonthLabel: x,
+  nextMonthLabel: g,
+  monthPlaceholder: S,
+  yearPlaceholder: y,
+  weekNumberLabel: B,
+  weekLabel: P,
+  onMonthChange: m,
+  onWeekSelect: R,
+  components: Y
+}) {
+  return {
+    Root: ({ className: e, rootRef: t, ...a }) => /* @__PURE__ */ n("div", { "data-slot": "calendar", ref: t, className: d(e), ...a }),
+    Chevron: ({ className: e, orientation: t, ...a }) => t === "left" ? /* @__PURE__ */ n(
+      C,
+      {
+        size: 16,
+        className: d("rotate-180 text-content", e),
+        ...a
+      }
+    ) : t === "right" ? /* @__PURE__ */ n(C, { size: 16, className: d("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,
+        ...e
+      }
+    ),
+    NextMonthButton: (e) => /* @__PURE__ */ n(
+      N,
+      {
+        variant: u,
+        size: "icon",
+        className: "h-7 w-7",
+        "aria-label": g,
+        title: g,
+        ...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
+      ] });
+    },
+    Months: ({ className: e, children: t, ...a }) => /* @__PURE__ */ n("div", { "data-slot": "day-months", className: d(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,
+        w,
+        b,
+        I
+      );
+      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));
+            }
+          },
+          scrollToSelectedOnOpen: !0,
+          options: o,
+          className: "w-[116px] shrink-0",
+          menuWidth: "160px",
+          isSearchable: !0,
+          isClearable: !1,
+          placeholder: S
+        }
+      );
+    },
+    YearsDropdown: ({ value: e }) => {
+      const a = p.useContext(h) > 0;
+      return /* @__PURE__ */ n(
+        D,
+        {
+          value: v.find((r) => r.value === e?.toString()),
+          onChange: (r) => {
+            if (r && "value" in r) {
+              const l = parseInt(r.value);
+              if (a) {
+                const o = new Date(
+                  i.getFullYear(),
+                  i.getMonth() + 1,
+                  1
+                ).getMonth();
+                m(new Date(l, o - 1, 1));
+              } else
+                m(new Date(l, i.getMonth(), 1));
+            }
+          },
+          scrollToSelectedOnOpen: !0,
+          options: v,
+          className: "w-[84px] shrink-0",
+          menuWidth: "140px",
+          isSearchable: !0,
+          isClearable: !1,
+          placeholder: y
+        }
+      );
+    },
+    DayButton: (e) => /* @__PURE__ */ n(O, { ...e, pickerType: f }),
+    WeekNumber: ({ week: e, ...t }) => /* @__PURE__ */ n(
+      W,
+      {
+        week: e,
+        weekStartsOn: M,
+        pickerType: f,
+        weekNumberLabel: B,
+        weekLabel: P,
+        onWeekSelect: R,
+        ...t
+      }
+    ),
+    ...Y
+  };
+}
+export {
+  X as buildCalendarDayPickerComponents
+};