asheeui 0.6.15 → 1.0.0

package/dist/components/calendar/DateGrid.js

@@ -0,0 +1,194 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { ChevronRightIcon as t } from "../../icons/ChevronRightIcon.js";
+import { ChevronLeftIcon as n } from "../../icons/ChevronLeftIcon.js";
+import { DAYS_OF_WEEK as r, MONTHS as i, buildDayCells as a } from "./calendar.helpers.js";
+import { CALENDAR_COLOR_CLASSES as o, DATE_PICKER_CELL_SIZE_CLASS as s } from "./calendar-styles.js";
+import { TimeSpinner as c } from "./TimeSpinner.js";
+import { memo as l, useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/calendar/DateGrid.tsx
+var _ = l(function({ selected: l, mode: _, isClearable: v, resolvedSizeKey: y, resolvedColor: b, radiusClass: x, onSelect: S, onClose: C, disableFuture: w = !1 }) {
+	let T = /* @__PURE__ */ new Date(), [E, D] = m(l?.getFullYear() ?? T.getFullYear()), [O, k] = m(l?.getMonth() ?? T.getMonth()), [A, ee] = m(l?.getHours() ?? 0), [j, te] = m(l?.getMinutes() ?? 0), [M, N] = m(l?.getSeconds() ?? 0), [P, F] = m(() => l ?? T), I = p({}), L = p(!1), R = (e) => `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`, z = u((e) => {
+		F((t) => {
+			let n = new Date(t.getFullYear(), t.getMonth(), t.getDate() + e);
+			return D(n.getFullYear()), k(n.getMonth()), L.current = !0, n;
+		});
+	}, []);
+	d(() => {
+		L.current && (L.current = !1, I.current[R(P)]?.focus());
+	});
+	function B(e) {
+		switch (e.key) {
+			case "ArrowLeft":
+				e.preventDefault(), z(-1);
+				return;
+			case "ArrowRight":
+				e.preventDefault(), z(1);
+				return;
+			case "ArrowUp":
+				e.preventDefault(), z(-7);
+				return;
+			case "ArrowDown":
+				e.preventDefault(), z(7);
+				return;
+			case "PageUp":
+				e.preventDefault(), z(-30);
+				return;
+			case "PageDown":
+				e.preventDefault(), z(30);
+				return;
+		}
+	}
+	let V = o[b] ?? o.primary;
+	function H(e, t, n) {
+		let r = l ?? /* @__PURE__ */ new Date();
+		S(new Date(r.getFullYear(), r.getMonth(), r.getDate(), e, t, n, 0));
+	}
+	function U(e) {
+		ee(e), H(e, j, M);
+	}
+	function W(e) {
+		te(e), H(A, e, M);
+	}
+	function G(e) {
+		N(e), H(A, j, e);
+	}
+	function K(e) {
+		S(new Date(E, O, e, A, j, M, 0)), _ === "date" && C();
+	}
+	function ne() {
+		O === 0 ? (k(11), D((e) => e - 1)) : k((e) => e - 1);
+	}
+	function re() {
+		O === 11 ? (k(0), D((e) => e + 1)) : k((e) => e + 1);
+	}
+	function q(e) {
+		return !!l && l.getFullYear() === E && l.getMonth() === O && l.getDate() === e;
+	}
+	function J(e) {
+		return T.getFullYear() === E && T.getMonth() === O && T.getDate() === e;
+	}
+	let ie = new Date(T.getFullYear(), T.getMonth(), T.getDate());
+	function Y(e) {
+		return w ? new Date(E, O, e) > ie : !1;
+	}
+	let X = !w || E < T.getFullYear() || E === T.getFullYear() && O < T.getMonth(), Z = _ === "date" || _ === "datetime", ae = _ === "time" || _ === "datetime", oe = _ !== "date" || v && !!l, Q = a(E, O), $ = f(() => Q.map((e, t) => ({
+		key: e === null ? `empty-slot-${t}` : `day-${e}`,
+		day: e
+	})), [Q]), se = f(() => {
+		let e = [];
+		for (let t = 0; t < $.length; t += 7) e.push($.slice(t, t + 7));
+		return e;
+	}, [$]);
+	return /* @__PURE__ */ g("div", {
+		className: e("bg-background border border-border/70 shadow-xl select-none p-4 w-max", x),
+		children: [/* @__PURE__ */ g("div", {
+			className: "flex flex-row",
+			children: [Z && /* @__PURE__ */ g("div", {
+				className: "flex flex-col w-[264px]",
+				children: [/* @__PURE__ */ g("div", {
+					className: "flex items-center justify-between pb-3 mb-2 border-b border-border/60",
+					children: [
+						/* @__PURE__ */ h("button", {
+							type: "button",
+							onClick: ne,
+							"aria-label": "Previous month",
+							className: e("p-1.5 text-foreground/70 transition-all active:scale-95", "hover:text-foreground hover:bg-secondary", x),
+							children: /* @__PURE__ */ h(n, {})
+						}),
+						/* @__PURE__ */ g("span", {
+							className: "font-semibold text-sm text-foreground tracking-wide",
+							children: [
+								i[O],
+								" ",
+								E
+							]
+						}),
+						/* @__PURE__ */ h("button", {
+							type: "button",
+							onClick: re,
+							disabled: !X,
+							"aria-label": "Next month",
+							className: e("p-1.5 text-foreground/70 transition-all", X ? "hover:text-foreground hover:bg-secondary active:scale-95" : "opacity-30 cursor-not-allowed", x),
+							children: /* @__PURE__ */ h(t, {})
+						})
+					]
+				}), /* @__PURE__ */ g("table", {
+					role: "grid",
+					"aria-label": `${i[O]} ${E}`,
+					tabIndex: -1,
+					onKeyDown: B,
+					className: "w-full table-fixed border-separate border-spacing-1 text-center",
+					children: [/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ h("tr", { children: r.map((e) => /* @__PURE__ */ h("th", {
+						scope: "col",
+						className: "text-[11px] font-bold tracking-wider text-foreground/50 uppercase py-1 mb-1",
+						children: e
+					}, e)) }) }), /* @__PURE__ */ h("tbody", { children: se.map((t, n) => /* @__PURE__ */ h("tr", { children: t.map(({ key: t, day: n }) => n === null ? /* @__PURE__ */ h("td", {}, t) : /* @__PURE__ */ h("td", {
+						role: "gridcell",
+						tabIndex: -1,
+						"aria-selected": q(n),
+						"aria-current": J(n) ? "date" : void 0,
+						children: /* @__PURE__ */ h("button", {
+							ref: (e) => {
+								I.current[R(new Date(E, O, n))] = e;
+							},
+							type: "button",
+							tabIndex: P.getFullYear() === E && P.getMonth() === O && P.getDate() === n ? 0 : -1,
+							"aria-label": `${n} ${i[O]} ${E}`,
+							onClick: () => K(n),
+							disabled: Y(n),
+							className: e("w-full flex items-center justify-center font-medium transition-all duration-200", s[y], x, Y(n) ? "opacity-30 cursor-not-allowed text-foreground/50" : "active:scale-90", !Y(n) && !q(n) && !J(n) && V.hover, q(n) && e(V.bg, "font-semibold shadow-sm"), J(n) && !q(n) && e("border", V.border, V.text), !q(n) && !J(n) && "text-foreground"),
+							children: n
+						})
+					}, t)) }, t[0]?.key ?? `week-${n}`)) })]
+				})]
+			}), ae && /* @__PURE__ */ g("div", {
+				className: e("flex items-center justify-center gap-4", Z && "pl-5 ml-4 border-l border-border/60"),
+				children: [
+					/* @__PURE__ */ h(c, {
+						value: A,
+						max: 23,
+						label: "HH",
+						onChange: U,
+						resolvedColor: b,
+						radiusClass: x
+					}),
+					/* @__PURE__ */ h(c, {
+						value: j,
+						max: 59,
+						label: "MM",
+						onChange: W,
+						resolvedColor: b,
+						radiusClass: x
+					}),
+					/* @__PURE__ */ h(c, {
+						value: M,
+						max: 59,
+						label: "SS",
+						onChange: G,
+						resolvedColor: b,
+						radiusClass: x
+					})
+				]
+			})]
+		}), oe && /* @__PURE__ */ g("div", {
+			className: "flex items-center justify-between border-t border-border/60 pt-3 mt-3",
+			children: [v && l ? /* @__PURE__ */ h("button", {
+				type: "button",
+				onClick: () => {
+					S(null), C();
+				},
+				className: "text-xs font-medium text-foreground/50 hover:text-danger transition-colors active:scale-95 px-2 py-1",
+				children: "Clear"
+			}) : /* @__PURE__ */ h("div", {}), _ !== "date" && /* @__PURE__ */ h("button", {
+				type: "button",
+				onClick: C,
+				className: e("ml-auto text-xs font-semibold px-4 py-2 transition-all hover:opacity-90 active:scale-95 shadow-sm", x, V.bg),
+				children: "Done"
+			})]
+		})]
+	});
+});
+//#endregion
+export { _ as DateGrid };

package/dist/components/calendar/TimeSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/TimeSpinner.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAO1C,UAAU,gBAAgB;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B;;;OAGG;IACH,aAAa,EAAE,KAAK,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAG,EACH,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,GACZ,EAAE,gBAAgB,+BAgGlB"}

package/dist/components/calendar/TimeSpinner.js

@@ -0,0 +1,60 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { ChevronDownIcon as t } from "../../icons/ChevronDownIcon.js";
+import { pad2 as n } from "./calendar.helpers.js";
+import { CALENDAR_COLOR_CLASSES as r } from "./calendar-styles.js";
+import { ChevronUpIcon as i } from "../../icons/ChevronUpIcon.js";
+import { useEffect as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/calendar/TimeSpinner.tsx
+function l({ value: l, max: u, label: d, onChange: f, resolvedColor: p, radiusClass: m }) {
+	let [h, g] = o(n(l));
+	a(() => {
+		g(n(l));
+	}, [l]);
+	let _ = () => f(l >= u ? 0 : l + 1), v = () => f(l <= 0 ? u : l - 1), y = (e) => {
+		let t = e.target.value.replace(/\D/g, "");
+		g(t);
+	}, b = () => {
+		let e = parseInt(h, 10);
+		Number.isNaN(e) || e < 0 || e > u ? g(n(l)) : (f(e), g(n(e)));
+	}, x = (e) => {
+		e.key === "Enter" ? (e.preventDefault(), e.currentTarget.blur()) : e.key === "ArrowUp" ? (e.preventDefault(), _()) : e.key === "ArrowDown" && (e.preventDefault(), v());
+	}, S = r[p] ?? r.primary;
+	return /* @__PURE__ */ c("div", {
+		className: "flex flex-col items-center gap-1 group",
+		children: [
+			/* @__PURE__ */ s("span", {
+				className: "text-[10px] font-medium uppercase tracking-widest text-foreground/50 select-none mb-0.5",
+				children: d
+			}),
+			/* @__PURE__ */ s("button", {
+				type: "button",
+				className: e("w-10 h-7 flex items-center justify-center text-foreground/50 transition-all", "hover:text-foreground active:scale-95", m, S.hover),
+				onClick: _,
+				"aria-label": `Increment ${d}`,
+				children: /* @__PURE__ */ s(i, {})
+			}),
+			/* @__PURE__ */ s("input", {
+				type: "text",
+				inputMode: "numeric",
+				maxLength: 2,
+				value: h,
+				onChange: y,
+				onBlur: b,
+				onKeyDown: x,
+				"aria-label": `${d} input`,
+				className: e("w-11 h-11 text-center text-base font-mono font-medium text-foreground bg-background transition-shadow", "border border-border/70 hover:border-border focus:outline-none focus:ring-2 focus:border-transparent focus:z-10", m)
+			}),
+			/* @__PURE__ */ s("button", {
+				type: "button",
+				className: e("w-10 h-7 flex items-center justify-center text-foreground/50 transition-all", "hover:text-foreground active:scale-95", m, S.hover),
+				onClick: v,
+				"aria-label": `Decrement ${d}`,
+				children: /* @__PURE__ */ s(t, {})
+			})
+		]
+	});
+}
+//#endregion
+export { l as TimeSpinner };

package/dist/components/{date-picker/date-picker-config.d.ts → calendar/calendar-config.d.ts}

@@ -2,41 +2,41 @@ import { FieldSizeKey } from '../field/field-config';
 import { InputConfig } from '../input';
 /**
  * The selection mode of the date picker.
- * - `date`: Select only a date.
- * - `time`: Select only a time.
- * - `datetime`: Select both date and time.
+ * - `date`: Dropmenu only a date.
+ * - `time`: Dropmenu only a time.
+ * - `datetime`: Dropmenu both date and time.
  */
-export type PickerMode = "date" | "time" | "datetime";
+export type CalendarMode = "date" | "time" | "datetime";
 /**
  * Size key for the date picker.
  * Maps to the FieldSizeKey type: "sm", "md", or "lg".
  */
-export type DatePickerSizeKey = FieldSizeKey;
+export type CalendarSizeKey = FieldSizeKey;
 /**
- * Theme configuration options for the DatePicker component.
+ * Theme configuration options for the Calendar component.
  *
- * Set under `components.datePicker` in the AsheeUI config. Values feed the
+ * Set under `components.calendar` in the AsheeUI config. Values feed the
  * component-level fallback tier of the theme cascade.
  */
-export interface DatePickerConfig extends InputConfig {
+export interface CalendarConfig extends InputConfig {
     /**
      * The selection mode of the picker.
      * Controls whether the picker shows date, time, or both.
      *
      * @default "date"
      */
-    mode?: PickerMode;
+    mode?: CalendarMode;
     /**
      * Picker configuration for the calendar popover.
      * Controls portal behavior and other picker-specific settings.
      */
-    picker?: PickerConfig;
+    picker?: CalendarPickerConfig;
 }
 /**
- * Picker configuration for the DatePicker component.
- * Extends DatePickerConfig to allow override of portal settings.
+ * Picker configuration for the Calendar component.
+ * Extends CalendarConfig to allow override of portal settings.
  */
-export interface PickerConfig {
+export interface CalendarPickerConfig {
     /**
      * Whether to render the calendar popover through Floating UI's
      * `FloatingPortal`.
@@ -66,10 +66,10 @@ export interface PickerConfig {
     lockScroll?: boolean;
 }
 /**
- * Default config values registered for the DatePicker component.
+ * Default config values registered for the Calendar component.
  * Inherits field label defaults and sets the default mode to "date".
  */
-export declare const defaultDatePickerConfig: DatePickerConfig;
+export declare const defaultCalendarConfig: CalendarConfig;
 /**
  * Hard fallback values used when no config tier provides a value.
  * These values are used when instance props, component config,
@@ -87,7 +87,7 @@ export declare const FALLBACK_DATE_PICKER_CONFIG: {
 };
 declare module "../../libs/registry" {
     interface ComponentTypeConfigRegistry {
-        datePicker: DatePickerConfig;
+        calendar: CalendarConfig;
     }
 }
-//# sourceMappingURL=date-picker-config.d.ts.map
+//# sourceMappingURL=calendar-config.d.ts.map

package/dist/components/calendar/calendar-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-config.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/calendar-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEhE;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAExD;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC;AAE3C;;;;;GAKG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAElC;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B;;;;;;;;;CAG9B,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,QAAQ,EAAE,cAAc,CAAC;KAC1B;CACF"}

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

@@ -0,0 +1,15 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+import { FALLBACK_FIELD_CONFIG as t } from "../field/field-config.js";
+import { defaultInputConfig as n } from "../input/input-config.js";
+//#region src/components/calendar/calendar-config.ts
+var r = {
+	...n,
+	mode: "date"
+}, i = {
+	...t,
+	mode: "date"
+};
+e("calendar", r);
+//#endregion
+export { i as FALLBACK_DATE_PICKER_CONFIG, r as defaultCalendarConfig };

package/dist/components/{date-picker/date-picker-styles.d.ts → calendar/calendar-styles.d.ts}

@@ -29,4 +29,4 @@ export declare const CALENDAR_COLOR_CLASSES: Record<Color | string, {
     border: string;
     hover: string;
 }>;
-//# sourceMappingURL=date-picker-styles.d.ts.map
+//# 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;;;;GAIG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKvE;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI/D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIpE,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAC7C,CAAC;AAI5B;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,KAAK,GAAG,MAAM,EACd;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAsC5D,CAAC"}

package/dist/components/calendar/calendar-styles.js

@@ -0,0 +1,46 @@
+"use client";
+//#region src/components/calendar/calendar-styles.ts
+var e = {
+	sm: "size-7 text-xs",
+	md: "size-8 text-xs",
+	lg: "size-9 text-sm"
+}, t = {
+	default: {
+		bg: "bg-foreground text-background",
+		text: "text-foreground",
+		border: "border-foreground",
+		hover: "hover:text-foreground hover:bg-secondary"
+	},
+	primary: {
+		bg: "bg-primary text-primary-foreground",
+		text: "text-primary",
+		border: "border-primary",
+		hover: "hover:text-primary hover:bg-primary/10"
+	},
+	secondary: {
+		bg: "bg-secondary text-foreground/70",
+		text: "text-secondary",
+		border: "border-secondary",
+		hover: "hover:text-secondary hover:bg-secondary/10"
+	},
+	success: {
+		bg: "bg-success text-success-foreground",
+		text: "text-success",
+		border: "border-success",
+		hover: "hover:text-success hover:bg-success/10"
+	},
+	warning: {
+		bg: "bg-warning text-warning-foreground",
+		text: "text-warning",
+		border: "border-warning",
+		hover: "hover:text-warning hover:bg-warning/10"
+	},
+	danger: {
+		bg: "bg-danger text-danger-foreground",
+		text: "text-danger",
+		border: "border-danger",
+		hover: "hover:text-danger hover:bg-danger/10"
+	}
+};
+//#endregion
+export { t as CALENDAR_COLOR_CLASSES, e as DATE_PICKER_CELL_SIZE_CLASS };

package/dist/components/{date-picker/date-picker.helpers.d.ts → calendar/calendar.helpers.d.ts}

@@ -1,5 +1,5 @@
 /**
- * DatePicker helper functions for AsheeUI.
+ * Calendar helper functions for AsheeUI.
  * This file provides utility functions for date formatting, parsing,
  * calendar grid building, and input cursor management.
  */
@@ -15,11 +15,11 @@ export declare const DAYS_OF_WEEK: readonly ["Su", "Mo", "Tu", "We", "Th", "Fr",
 export declare const MONTHS: readonly ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
 /**
  * The selection mode of the date picker.
- * - `date`: Select only a date.
- * - `time`: Select only a time.
- * - `datetime`: Select both date and time.
+ * - `date`: Dropmenu only a date.
+ * - `time`: Dropmenu only a time.
+ * - `datetime`: Dropmenu both date and time.
  */
-export type PickerMode = "date" | "time" | "datetime";
+export type CalendarMode = "date" | "time" | "datetime";
 /**
  * Pads a number with leading zero to two digits.
  * Used for formatting hours, minutes, and seconds.
@@ -49,14 +49,14 @@ export declare function pad2(n: number): string;
  * formatDisplay(date, "datetime") // "15/01/2024 14:30:45"
  * ```
  */
-export declare function formatDisplay(date: Date, mode: PickerMode): string;
+export declare function formatDisplay(date: Date, mode: CalendarMode): string;
 /**
  * Gets the default placeholder text for the input based on mode.
  *
  * @param mode - The picker mode.
  * @returns The placeholder text.
  */
-export declare function getDefaultPlaceholder(mode: PickerMode): string;
+export declare function getDefaultPlaceholder(mode: CalendarMode): string;
 /**
  * Builds a 2D array of day numbers for the calendar grid.
  * Returns a flat array where null values represent empty slots
@@ -90,7 +90,7 @@ export declare function buildDayCells(year: number, month: number): (number | nu
  * parseDateString("150120241430", "datetime") // Date(2024, 0, 15, 14, 30)
  * ```
  */
-export declare function parseDateString(input: string, mode: PickerMode, fallbackDate?: Date): Date | null;
+export declare function parseDateString(input: string, mode: CalendarMode, fallbackDate?: Date): Date | null;
 /**
  * Calculates the new cursor position after input formatting.
  * Ensures the cursor stays at the correct position when the
@@ -108,4 +108,4 @@ export declare function parseDateString(input: string, mode: PickerMode, fallbac
  * ```
  */
 export declare function getNewCursorPosition(oldValue: string, newValue: string, oldSelectionStart: number): number;
-//# sourceMappingURL=date-picker.helpers.d.ts.map
+//# 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.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;;GAGG;AACH,eAAO,MAAM,YAAY,qDAAsD,CAAC;AAEhF;;;GAGG;AACH,eAAO,MAAM,MAAM,qIAaT,CAAC;AAIX;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAIxD;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAEtC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAgBpE;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,YAAY,GAAG,MAAM,CAShE;AAID;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAS5E;AAID;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,YAAY,EAClB,YAAY,CAAC,EAAE,IAAI,GAClB,IAAI,GAAG,IAAI,CAsDb;AAID;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,iBAAiB,EAAE,MAAM,GACxB,MAAM,CAqBR"}

package/dist/components/calendar/calendar.helpers.js

@@ -0,0 +1,82 @@
+"use client";
+//#region src/components/calendar/calendar.helpers.ts
+var e = [
+	"Su",
+	"Mo",
+	"Tu",
+	"We",
+	"Th",
+	"Fr",
+	"Sa"
+], t = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+];
+function n(e) {
+	return String(e).padStart(2, "0");
+}
+function r(e, t) {
+	let r = n(e.getDate()), i = n(e.getMonth() + 1), a = e.getFullYear(), o = n(e.getHours()), s = n(e.getMinutes()), c = n(e.getSeconds());
+	switch (t) {
+		case "date": return `${r}/${i}/${a}`;
+		case "time": return `${o}:${s}:${c}`;
+		case "datetime": return `${r}/${i}/${a} ${o}:${s}:${c}`;
+	}
+}
+function i(e) {
+	switch (e) {
+		case "date": return "Dropmenu date...";
+		case "time": return "Dropmenu time...";
+		case "datetime": return "Dropmenu date & time...";
+	}
+}
+function a(e, t) {
+	let n = new Date(e, t + 1, 0).getDate(), r = new Date(e, t, 1).getDay(), i = [...Array(r).fill(null), ...Array.from({ length: n }, (e, t) => t + 1)];
+	for (; i.length % 7 != 0;) i.push(null);
+	return i;
+}
+function o(e, t, n) {
+	let r = e.replace(/\D/g, "");
+	if (r.length === 0) return null;
+	let i = n ?? /* @__PURE__ */ new Date();
+	switch (t) {
+		case "date": {
+			let e = parseInt(r.slice(0, 2), 10) || 1, t = parseInt(r.slice(2, 4), 10) || 1, n = parseInt(r.slice(4, 8), 10) || i.getFullYear();
+			r.length === 4 && (n = 2e3 + n), r.length === 2 && (n = i.getFullYear());
+			let a = Math.min(t - 1, 11), o = new Date(n, a + 1, 0).getDate();
+			return new Date(n, a, Math.min(e, o));
+		}
+		case "time": {
+			let e = parseInt(r.slice(0, 2), 10) || 0, t = parseInt(r.slice(2, 4), 10) || 0, n = parseInt(r.slice(4, 6), 10) || 0, a = i;
+			return new Date(a.getFullYear(), a.getMonth(), a.getDate(), Math.min(e, 23), Math.min(t, 59), Math.min(n, 59));
+		}
+		case "datetime": {
+			let e = parseInt(r.slice(0, 2), 10) || 1, t = parseInt(r.slice(2, 4), 10) || 1, n = parseInt(r.slice(4, 8), 10) || i.getFullYear();
+			r.length >= 4 && r.length < 8 && (n = 2e3 + n), r.length < 4 && (n = i.getFullYear());
+			let a = parseInt(r.slice(8, 10), 10) || 0, o = parseInt(r.slice(10, 12), 10) || 0, s = parseInt(r.slice(12, 14), 10) || 0, c = Math.min(t - 1, 11), l = new Date(n, c + 1, 0).getDate();
+			return new Date(n, c, Math.min(e, l), Math.min(a, 23), Math.min(o, 59), Math.min(s, 59));
+		}
+	}
+}
+function s(e, t, n) {
+	if (n >= e.length) return t.length;
+	let r = (e.slice(0, n).match(/\d/g) || []).length, i = 0;
+	for (let e = 0; e < t.length; e++) if (/\d/.test(t[e]) && i++, i > r) {
+		let e = 0;
+		for (let n = 0; n < t.length; n++) if (/\d/.test(t[n]) && e++, e === r + 1) return n + 1;
+		return t.length;
+	}
+	return t.length;
+}
+//#endregion
+export { e as DAYS_OF_WEEK, t as MONTHS, a as buildDayCells, r as formatDisplay, i as getDefaultPlaceholder, s as getNewCursorPosition, n as pad2, o as parseDateString };

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

@@ -0,0 +1,3 @@
+export * from './Calendar';
+export * from './calendar-config';
+//# 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,mBAAmB,CAAC"}

package/dist/components/calendar/index.js

@@ -0,0 +1,6 @@
+export * from "./Calendar.js";
+export * from "./DateGrid.js";
+export * from "./TimeSpinner.js";
+export * from "./calendar-config.js";
+export * from "./calendar-styles.js";
+export * from "./calendar.helpers.js";