@timmbr/ui 1.17.6 → 1.18.0

package/dist/components/Calendar/Calendar.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { CalendarProps } from './Calendar.types';
+export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/components/Calendar/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAYtD,eAAO,MAAM,QAAQ,sFAsLpB,CAAC"}

package/dist/components/Calendar/Calendar.helpers.d.ts

@@ -0,0 +1,31 @@
+import { type ClassNames, type CustomComponents } from '@daypicker/react';
+import type { CalendarSize } from './Calendar.styles';
+import type { CaptionLayout, NavLayout } from './Calendar.types';
+export type CaptionDefaultsInput = {
+    captionLayout?: CaptionLayout;
+    navLayout?: NavLayout;
+    startMonth?: Date;
+    endMonth?: Date;
+    today?: Date;
+};
+export type CaptionDefaults = {
+    captionLayout: CaptionLayout;
+    navLayout?: NavLayout;
+    startMonth?: Date;
+    endMonth?: Date;
+};
+/**
+ * Resolves Calendar caption chrome defaults when consumers omit layout/bounds.
+ * Default is a clickable label caption (in-popover month/year grids) with around-nav.
+ * Native DayPicker dropdowns remain available via `captionLayout="dropdown"`.
+ * Bounds default to 100y back / 10y forward when both startMonth and endMonth are omitted.
+ */
+export declare function resolveCaptionDefaults({ captionLayout: captionLayoutProp, navLayout: navLayoutProp, startMonth: startMonthProp, endMonth: endMonthProp, today, }: CaptionDefaultsInput): CaptionDefaults;
+/**
+ * DayPicker replaces default classNames per key. Always keep the `rdp-*`
+ * tokens so style.css + theme bridge (range trail gradients, middle band)
+ * still match. Selected white text must never win on `.rdp-range_middle`.
+ */
+export declare function buildCalendarClassNames(size?: CalendarSize, overrides?: Partial<ClassNames>): Partial<ClassNames>;
+export declare function buildCalendarComponents(overrides?: Partial<CustomComponents>): Partial<CustomComponents>;
+//# sourceMappingURL=Calendar.helpers.d.ts.map

package/dist/components/Calendar/Calendar.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.helpers.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAcjE,MAAM,MAAM,oBAAoB,GAAG;IACjC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,KAAK,CAAC,EAAE,IAAI,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,IAAI,CAAC;CACjB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,aAAa,EAAE,iBAAiB,EAChC,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,QAAQ,EAAE,YAAY,EACtB,KAAK,GACN,EAAE,oBAAoB,GAAG,eAAe,CAgBxC;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,IAAI,GAAE,YAAwB,EAC9B,SAAS,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,GAC9B,OAAO,CAAC,UAAU,CAAC,CAsGrB;AAED,wBAAgB,uBAAuB,CACrC,SAAS,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,GACpC,OAAO,CAAC,gBAAgB,CAAC,CA6B3B"}

package/dist/components/Calendar/Calendar.helpers.js

@@ -0,0 +1,153 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '@timmbr/utils';
+import { ChevronLeft, ChevronDown, ChevronRight } from '@timmbr/icons';
+import { getDefaultClassNames } from '../../node_modules/.pnpm/react-day-picker@10.0.2_@types_react@19.3.0_react@19.3.0/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js';
+
+const selectedDayButton = "[&_button]:bg-primary [&_button]:text-primary-foreground [&_button]:hover:bg-primary [&_button]:hover:text-primary-foreground";
+const baseDayButton = "inline-flex h-full w-full items-center justify-center rounded-[2px] text-body-3 font-medium text-inherit transition-colors duration-150 hover:bg-grey-100 hover:text-foreground dark:hover:bg-grey-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1";
+const navButton = "z-10 inline-flex size-9 shrink-0 items-center justify-center rounded-[2px] text-foreground transition-colors hover:bg-grey-100 dark:hover:bg-grey-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-40";
+const dropdownChrome = "h-8 rounded-[2px] border border-grey-300 bg-background pl-2 pr-1 text-body-3 font-medium text-foreground dark:border-grey-700 dark:bg-grey-900 focus-within:border-primary focus-within:ring-2 focus-within:ring-primary/20";
+function resolveCaptionDefaults({
+  captionLayout: captionLayoutProp,
+  navLayout: navLayoutProp,
+  startMonth: startMonthProp,
+  endMonth: endMonthProp,
+  today
+}) {
+  const captionLayout = captionLayoutProp ?? "label";
+  const navLayout = navLayoutProp !== void 0 ? navLayoutProp : "around";
+  let startMonth = startMonthProp;
+  let endMonth = endMonthProp;
+  if (startMonth === void 0 && endMonth === void 0) {
+    const year = (today ?? /* @__PURE__ */ new Date()).getFullYear();
+    startMonth = new Date(year - 100, 0, 1);
+    endMonth = new Date(year + 10, 11, 31);
+  }
+  return { captionLayout, navLayout, startMonth, endMonth };
+}
+function buildCalendarClassNames(size = "default", overrides) {
+  const compact = size === "compact";
+  const dcn = getDefaultClassNames();
+  const defaults = {
+    root: cn(
+      dcn.root,
+      "rdp-timmbr p-0 bg-transparent",
+      // Keep around-nav metrics in sync with size-9 chrome so caption padding matches.
+      "[--rdp-nav_button-width:2.25rem] [--rdp-nav_button-height:2.25rem] [--rdp-nav-height:2.25rem]",
+      compact && "text-body-3"
+    ),
+    // Keep months on one row. Wrapping stacks dual-month range calendars and
+    // strands around-nav arrows on opposite months (broken caption chrome).
+    months: cn(dcn.months, "relative flex flex-row flex-nowrap items-start gap-4"),
+    month: cn(dcn.month, "relative flex w-max min-w-[17.5rem] flex-col gap-3"),
+    // DayPicker around-nav adds margin-inline equal to nav width. Combined with
+    // w-full that overflows right and optically shifts the caption. Use equal
+    // padding instead so the label stays centered between the arrows.
+    month_caption: cn(
+      dcn.month_caption,
+      "relative flex h-9 w-full items-center justify-center px-9",
+      "![margin-inline:0]"
+    ),
+    caption_label: cn(
+      dcn.caption_label,
+      "inline-flex items-center justify-center gap-1 text-body-3 font-semibold text-foreground select-none",
+      "[&_svg]:size-3.5 [&_svg]:opacity-70"
+    ),
+    dropdowns: cn(
+      dcn.dropdowns,
+      "relative z-[1] inline-flex h-9 items-center justify-center gap-1.5"
+    ),
+    // Visible chrome wraps the caption_label; native <select> is an invisible hit target.
+    dropdown_root: cn(dcn.dropdown_root, "relative inline-flex items-center", dropdownChrome),
+    dropdown: cn(
+      dcn.dropdown,
+      "absolute inset-0 z-[2] m-0 h-full w-full cursor-pointer opacity-0 appearance-none"
+    ),
+    months_dropdown: cn(dcn.months_dropdown),
+    years_dropdown: cn(dcn.years_dropdown),
+    nav: cn(dcn.nav, "absolute inset-x-0 top-0 z-[1] flex h-9 items-center justify-between"),
+    // Positioning comes from DayPicker `[data-nav-layout=around]` — keep size in sync with px-9.
+    button_previous: cn(dcn.button_previous, navButton),
+    button_next: cn(dcn.button_next, navButton),
+    month_grid: cn(dcn.month_grid, "w-full border-collapse"),
+    weekdays: cn(dcn.weekdays, "flex"),
+    weekday: cn(
+      dcn.weekday,
+      "w-10 flex-1 text-center text-caption font-semibold uppercase text-muted-foreground select-none",
+      compact && "w-9"
+    ),
+    week: cn(dcn.week, "mt-1 flex w-full"),
+    day: cn(
+      dcn.day,
+      "relative h-10 w-10 p-0 text-center text-body-3 text-foreground focus-within:z-10",
+      compact && "h-9 w-9"
+    ),
+    day_button: cn(dcn.day_button, baseDayButton),
+    selected: cn(
+      dcn.selected,
+      "[&:not(.rdp-range_middle)]:[&_button]:bg-primary [&:not(.rdp-range_middle)]:[&_button]:text-primary-foreground",
+      "[&:not(.rdp-range_middle)]:[&_button]:hover:bg-primary [&:not(.rdp-range_middle)]:[&_button]:hover:text-primary-foreground"
+    ),
+    today: cn(
+      dcn.today,
+      "font-semibold text-primary [&:not([data-selected])]:border [&:not([data-selected])]:border-primary/60"
+    ),
+    outside: cn(
+      dcn.outside,
+      "text-muted-foreground opacity-50",
+      "[&:not(.rdp-range_middle)]:aria-selected:bg-primary/20 [&:not(.rdp-range_middle)]:aria-selected:text-primary-foreground"
+    ),
+    disabled: cn(dcn.disabled, "pointer-events-none text-muted-foreground opacity-40"),
+    hidden: cn(dcn.hidden, "invisible"),
+    // Primary fill on the day_button only. Cell keeps DayPicker half-cell
+    // gradient tokens so the trail connects into the middle band.
+    range_start: cn(dcn.range_start, selectedDayButton, "[&_button]:rounded-[2px]"),
+    range_end: cn(dcn.range_end, selectedDayButton, "[&_button]:rounded-[2px]"),
+    range_middle: cn(
+      dcn.range_middle,
+      // DayPicker `.rdp-selected` sets large/bold on every selected day — reset trail only.
+      "rounded-none bg-primary/20 text-body-3 font-normal text-foreground",
+      "[&_button]:rounded-none [&_button]:bg-transparent [&_button]:text-body-3 [&_button]:font-normal [&_button]:text-foreground [&_button]:shadow-none",
+      "[&_button]:hover:bg-transparent [&_button]:hover:text-foreground"
+    ),
+    chevron: cn(dcn.chevron, "size-3.5 shrink-0 fill-current text-foreground opacity-70")
+  };
+  if (!overrides) {
+    return defaults;
+  }
+  const merged = { ...defaults };
+  for (const key of Object.keys(overrides)) {
+    const value = overrides[key];
+    if (value === void 0) continue;
+    const base = defaults[key];
+    merged[key] = base ? cn(base, value) : value;
+  }
+  return merged;
+}
+function buildCalendarComponents(overrides) {
+  const Chevron = ({
+    className,
+    orientation = "right",
+    ...props
+  }) => {
+    const Icon = orientation === "left" ? ChevronLeft : orientation === "down" || orientation === "up" ? ChevronDown : ChevronRight;
+    return /* @__PURE__ */ jsx(
+      Icon,
+      {
+        className: cn(
+          "size-4 shrink-0 text-foreground",
+          orientation === "up" && "rotate-180",
+          className
+        ),
+        "aria-hidden": true,
+        ...props
+      }
+    );
+  };
+  return {
+    Chevron,
+    ...overrides
+  };
+}
+
+export { buildCalendarClassNames, buildCalendarComponents, resolveCaptionDefaults };

package/dist/components/Calendar/Calendar.js

@@ -0,0 +1,188 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { ChevronDown } from '@timmbr/icons';
+import { resolveMotion } from '../../types/motion.js';
+import { resolveCaptionDefaults, buildCalendarClassNames, buildCalendarComponents } from './Calendar.helpers.js';
+import { calendarRootVariants } from './Calendar.styles.js';
+import { CalendarYearPicker, CalendarMonthPicker } from './subcomponents/CalendarMonthYearPickers.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+import { DayPicker } from '../../node_modules/.pnpm/react-day-picker@10.0.2_@types_react@19.3.0_react@19.3.0/node_modules/react-day-picker/dist/esm/DayPicker.js';
+
+function startOfMonth(date) {
+  return new Date(date.getFullYear(), date.getMonth(), 1);
+}
+const Calendar = React.forwardRef(
+  ({
+    className,
+    classNames,
+    components,
+    formatters,
+    motion,
+    size,
+    showOutsideDays = true,
+    fixedWeeks = false,
+    captionLayout,
+    navLayout,
+    startMonth,
+    endMonth,
+    captionPicker,
+    defaultMonth,
+    month: monthProp,
+    onMonthChange,
+    ...props
+  }, ref) => {
+    const globalMotion = useGlobalAnimation();
+    const { shouldAnimate } = resolveMotion(motion, globalMotion);
+    const captionDefaults = resolveCaptionDefaults({
+      captionLayout,
+      navLayout,
+      startMonth,
+      endMonth
+    });
+    const useCaptionPicker = captionPicker ?? captionDefaults.captionLayout === "label";
+    const [view, setView] = React.useState("days");
+    const [uncontrolledMonth, setUncontrolledMonth] = React.useState(
+      () => startOfMonth(monthProp ?? defaultMonth ?? /* @__PURE__ */ new Date())
+    );
+    const displayMonth = startOfMonth(monthProp ?? uncontrolledMonth);
+    const setDisplayMonth = React.useCallback(
+      (next) => {
+        const normalized = startOfMonth(next);
+        if (monthProp === void 0) {
+          setUncontrolledMonth(normalized);
+        }
+        onMonthChange?.(normalized);
+      },
+      [monthProp, onMonthChange]
+    );
+    React.useEffect(() => {
+      if (monthProp !== void 0) {
+        setUncontrolledMonth(startOfMonth(monthProp));
+      }
+    }, [monthProp]);
+    const mergedClassNames = React.useMemo(
+      () => buildCalendarClassNames(size ?? "default", classNames),
+      [classNames, size]
+    );
+    const openYears = React.useCallback((fromMonth) => {
+      setDisplayMonth(fromMonth);
+      setView("years");
+    }, [setDisplayMonth]);
+    const mergedComponents = React.useMemo(() => {
+      const base = buildCalendarComponents(components);
+      if (!useCaptionPicker || captionDefaults.captionLayout !== "label") {
+        return base;
+      }
+      return {
+        ...base,
+        MonthCaption: ({
+          calendarMonth,
+          displayIndex: _displayIndex,
+          className: captionClassName,
+          children: _children,
+          ...captionProps
+        }) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(captionClassName, "flex items-center justify-center"),
+            ...captionProps,
+            children: /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  mergedClassNames.caption_label,
+                  "cursor-pointer rounded-[2px] px-1.5 py-1 transition-colors hover:bg-grey-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary dark:hover:bg-grey-800"
+                ),
+                "aria-label": `Choose month and year, currently ${calendarMonth.date.toLocaleString("default", {
+                  month: "long",
+                  year: "numeric"
+                })}`,
+                onClick: () => openYears(calendarMonth.date),
+                children: [
+                  /* @__PURE__ */ jsx("span", { children: calendarMonth.date.toLocaleString("default", {
+                    month: "long",
+                    year: "numeric"
+                  }) }),
+                  /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5 opacity-70", "aria-hidden": true })
+                ]
+              }
+            )
+          }
+        )
+      };
+    }, [
+      captionDefaults.captionLayout,
+      components,
+      mergedClassNames.caption_label,
+      openYears,
+      useCaptionPicker
+    ]);
+    const dayPickerProps = props;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "calendar",
+        "data-view": view,
+        className: cn(calendarRootVariants({ size }), className),
+        children: view === "years" ? /* @__PURE__ */ jsx(
+          CalendarYearPicker,
+          {
+            displayMonth,
+            startMonth: captionDefaults.startMonth,
+            endMonth: captionDefaults.endMonth,
+            onSelectYear: (year) => {
+              setDisplayMonth(new Date(year, displayMonth.getMonth(), 1));
+              setView("months");
+            },
+            onDecadeChange: (anchorYear) => {
+              setDisplayMonth(new Date(anchorYear, displayMonth.getMonth(), 1));
+            }
+          }
+        ) : view === "months" ? /* @__PURE__ */ jsx(
+          CalendarMonthPicker,
+          {
+            displayMonth,
+            startMonth: captionDefaults.startMonth,
+            endMonth: captionDefaults.endMonth,
+            onSelectMonth: (month) => {
+              setDisplayMonth(month);
+              setView("days");
+            },
+            onOpenYears: () => setView("years"),
+            onYearChange: (year) => {
+              setDisplayMonth(new Date(year, displayMonth.getMonth(), 1));
+            }
+          }
+        ) : /* @__PURE__ */ jsx(
+          DayPicker,
+          {
+            showOutsideDays,
+            fixedWeeks,
+            animate: shouldAnimate,
+            classNames: mergedClassNames,
+            captionLayout: captionDefaults.captionLayout,
+            navLayout: captionDefaults.navLayout,
+            startMonth: captionDefaults.startMonth,
+            endMonth: captionDefaults.endMonth,
+            defaultMonth,
+            ...dayPickerProps,
+            components: mergedComponents,
+            month: displayMonth,
+            onMonthChange: setDisplayMonth,
+            formatters: {
+              formatMonthDropdown: (month) => month.toLocaleString("default", { month: "short" }),
+              ...formatters
+            }
+          }
+        )
+      }
+    );
+  }
+);
+Calendar.displayName = "Calendar";
+
+export { Calendar };

package/dist/components/Calendar/Calendar.styles.d.ts

@@ -0,0 +1,7 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const calendarRootVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type CalendarVariants = VariantProps<typeof calendarRootVariants>;
+export type CalendarSize = NonNullable<CalendarVariants['size']>;
+//# sourceMappingURL=Calendar.styles.d.ts.map

package/dist/components/Calendar/Calendar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,oBAAoB;;8EAU/B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACzE,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC"}

package/dist/components/Calendar/Calendar.styles.js

@@ -0,0 +1,15 @@
+import { cva } from 'class-variance-authority';
+
+const calendarRootVariants = cva("inline-block font-sans text-foreground", {
+  variants: {
+    size: {
+      default: "",
+      compact: "text-body-3"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+
+export { calendarRootVariants };

package/dist/components/Calendar/Calendar.types.d.ts

@@ -0,0 +1,83 @@
+import type { ClassNames, CustomComponents, DayPickerProps, DateRange } from '@daypicker/react';
+import type { MotionProp } from '../../types/motion';
+import type { CalendarVariants } from './Calendar.styles';
+/** Caption chrome layout for month/year navigation. */
+export type CaptionLayout = NonNullable<DayPickerProps['captionLayout']>;
+/** Previous/next button placement relative to the caption. */
+export type NavLayout = NonNullable<DayPickerProps['navLayout']>;
+type CalendarChromeProps = Omit<DayPickerProps, 'mode' | 'selected' | 'onSelect' | 'required' | 'min' | 'max'> & {
+    motion?: MotionProp;
+    classNames?: Partial<ClassNames>;
+    components?: Partial<CustomComponents>;
+    /**
+     * Caption chrome. Defaults to `'label'` with an in-popover month/year picker.
+     * Pass `'dropdown'` / `'dropdown-months'` / `'dropdown-years'` for native selects.
+     */
+    captionLayout?: CaptionLayout;
+    /**
+     * Nav button placement. Defaults to `'around'`.
+     */
+    navLayout?: NavLayout;
+    /**
+     * When `captionLayout` is `'label'` (default), clicking the caption replaces
+     * the day grid with year → month pickers inside the same surface.
+     * Defaults to `true` for label captions; ignored for dropdown captions.
+     */
+    captionPicker?: boolean;
+    /**
+     * Earliest navigable month. When both `startMonth` and `endMonth` are omitted,
+     * defaults to Jan 1 of (currentYear - 100).
+     */
+    startMonth?: Date;
+    /**
+     * Latest navigable month. When both `startMonth` and `endMonth` are omitted,
+     * defaults to Dec 31 of (currentYear + 10).
+     */
+    endMonth?: Date;
+    /**
+     * Day matchers that disable interaction (dates, ranges, day-of-week, etc.).
+     * @see https://daypicker.dev/docs/selection-modes#disabled
+     */
+    disabled?: DayPickerProps['disabled'];
+    /**
+     * Day matchers that hide days from the grid.
+     * @see https://daypicker.dev/docs/selection-modes#hidden
+     */
+    hidden?: DayPickerProps['hidden'];
+} & CalendarVariants;
+export type CalendarSingleProps = CalendarChromeProps & {
+    mode?: 'single';
+    selected?: Date;
+    onSelect?: (date: Date | undefined) => void;
+    /** Require a selected date (DayPicker single-mode required). */
+    required?: boolean;
+};
+export type CalendarMultipleProps = CalendarChromeProps & {
+    mode: 'multiple';
+    selected?: Date[];
+    onSelect?: (dates: Date[] | undefined) => void;
+    /** Minimum number of selected days. */
+    min?: number;
+    /** Maximum number of selected days. */
+    max?: number;
+    required?: boolean;
+};
+export type CalendarRangeProps = CalendarChromeProps & {
+    mode: 'range';
+    selected?: DateRange;
+    onSelect?: (range: DateRange | undefined) => void;
+    /** Minimum number of days in the range. */
+    min?: number;
+    /** Maximum number of days in the range. */
+    max?: number;
+    required?: boolean;
+};
+export type CalendarUncontrolledProps = CalendarChromeProps & {
+    mode?: undefined;
+    selected?: undefined;
+    onSelect?: undefined;
+    required?: undefined;
+};
+export type CalendarProps = CalendarSingleProps | CalendarMultipleProps | CalendarRangeProps | CalendarUncontrolledProps;
+export type { DateRange };
+//# sourceMappingURL=Calendar.types.d.ts.map

package/dist/components/Calendar/Calendar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.types.ts"],"names":[],"mappings":"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"}

package/dist/components/Calendar/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Calendar';
+export * from './Calendar.types';
+export * from './Calendar.styles';
+export * from './Calendar.helpers';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}

package/dist/components/Calendar/subcomponents/CalendarMonthYearPickers.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export type CalendarMonthPickerProps = {
+    displayMonth: Date;
+    startMonth?: Date;
+    endMonth?: Date;
+    onSelectMonth: (month: Date) => void;
+    onOpenYears: () => void;
+    onYearChange: (year: number) => void;
+    className?: string;
+};
+export declare function CalendarMonthPicker({ displayMonth, startMonth, endMonth, onSelectMonth, onOpenYears, onYearChange, className, }: CalendarMonthPickerProps): React.JSX.Element;
+export type CalendarYearPickerProps = {
+    displayMonth: Date;
+    startMonth?: Date;
+    endMonth?: Date;
+    onSelectYear: (year: number) => void;
+    onDecadeChange: (anchorYear: number) => void;
+    className?: string;
+};
+export declare function CalendarYearPicker({ displayMonth, startMonth, endMonth, onSelectYear, onDecadeChange, className, }: CalendarYearPickerProps): React.JSX.Element;
+//# sourceMappingURL=CalendarMonthYearPickers.d.ts.map

package/dist/components/Calendar/subcomponents/CalendarMonthYearPickers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonthYearPickers.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/subcomponents/CalendarMonthYearPickers.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkD/B,MAAM,MAAM,wBAAwB,GAAG;IACrC,YAAY,EAAE,IAAI,CAAC;IACnB,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,aAAa,EACb,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,wBAAwB,qBAqE1B;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,YAAY,EAAE,IAAI,CAAC;IACnB,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,SAAS,GACV,EAAE,uBAAuB,qBA+DzB"}