erp-pro-ui 0.2.5 → 0.2.7

package/dist/chunks/{button-C4MXPxsC.cjs → button-D2ZYmVda.cjs}

@@ -1,4 +1,4 @@
-require("./chunk-B_GkZjkl.cjs");
+const require_utils = require("./utils-CoA0q63n.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/forms/button/Button.tsx
 var baseClasses = `
@@ -32,7 +32,7 @@ var Button = ({ primary = false, variant, size = "medium", backgroundColor, labe
 	const variantClasses = variantClassMap[variant ?? (primary ? "primary" : "secondary")];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 		type,
-		className: `${baseClasses} ${variantClasses} ${sizeClassMap[size] || sizeClassMap.medium} ${className}`.trim(),
+		className: require_utils.mergeClassNames(baseClasses, variantClasses, sizeClassMap[size] || sizeClassMap.medium, className),
 		style: backgroundColor ? { backgroundColor } : void 0,
 		...props,
 		children: [children, label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
@@ -46,4 +46,4 @@ Object.defineProperty(exports, "Button", {
 	}
 });
 
-//# sourceMappingURL=button-C4MXPxsC.cjs.map
+//# sourceMappingURL=button-D2ZYmVda.cjs.map

package/dist/chunks/button-D2ZYmVda.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-D2ZYmVda.cjs","names":[],"sources":["../../src/components/forms/button/Button.tsx"],"sourcesContent":["import type { ButtonProps, ButtonVariant } from \"./types\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nconst baseClasses = `\n  inline-flex\n  items-center\n  justify-center\n  gap-2\n  cursor-pointer\n  rounded-lg\n  font-semibold\n  leading-none\n  transition-all\n  duration-200\n  ease-in-out\n  active:scale-99\n  hover:opacity-90\n  disabled:opacity-50\n  disabled:cursor-not-allowed\n`;\nconst variantClassMap = {\n  primary: \"bg-ds-accent hover:bg-ds-accent-hover text-ds-on-accent shadow-2\",\n  secondary:\n    \"bg-ds-surface-1 border border-ds-border-2 text-ds-1 shadow-1 hover:border-ds-border-1 hover:bg-ds-canvas\",\n  tertiary:\n    \"bg-transparent text-ds-1 shadow-none hover:bg-ds-canvas/70 hover:text-ds-1 border border-transparent\",\n} satisfies Record<ButtonVariant, string>;\nconst sizeClassMap = {\n  small: \"py-2 px-3 text-xs\",\n  medium: \"py-2.5 px-4 text-sm\",\n  large: \"py-3 px-6 text-base\",\n};\n\nexport const Button = ({\n  primary = false,\n  variant,\n  size = \"medium\",\n  backgroundColor,\n  label,\n  children,\n  type = \"button\",\n  className = \"\",\n  ...props\n}: ButtonProps) => {\n  const resolvedVariant = variant ?? (primary ? \"primary\" : \"secondary\");\n  const variantClasses = variantClassMap[resolvedVariant];\n  const sizeClasses =\n    sizeClassMap[size as keyof typeof sizeClassMap] || sizeClassMap.medium;\n\n  return (\n    <button\n      type={type}\n      className={mergeClassNames(baseClasses, variantClasses, sizeClasses, className)}\n      style={backgroundColor ? { backgroundColor } : undefined}\n      {...props}\n    >\n      {children}\n      {label && <span>{label}</span>}\n    </button>\n  );\n};\n"],"mappings":";;;AAIA,IAAM,cAAc;;;;;;;;;;;;;;;;;AAiBpB,IAAM,kBAAkB;CACtB,SAAS;CACT,WACE;CACF,UACE;AACJ;AACA,IAAM,eAAe;CACnB,OAAO;CACP,QAAQ;CACR,OAAO;AACT;AAEA,IAAa,UAAU,EACrB,UAAU,OACV,SACA,OAAO,UACP,iBACA,OACA,UACA,OAAO,UACP,YAAY,IACZ,GAAG,YACc;CAEjB,MAAM,iBAAiB,gBADC,YAAY,UAAU,YAAY;CAK1D,OACE,iBAAA,GAAA,kBAAA,MAAC,UAAD;EACQ;EACN,WAAW,cAAA,gBAAgB,aAAa,gBAL1C,aAAa,SAAsC,aAAa,QAKO,SAAS;EAC9E,OAAO,kBAAkB,EAAE,gBAAgB,IAAI,KAAA;EAC/C,GAAI;YAJN,CAMG,UACA,SAAS,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAO,MAAY,CAAA,CACvB;;AAEZ"}

package/dist/chunks/{button-hover-border-gradient-ssmwU5-U.cjs → button-hover-border-gradient-D12Zjmd3.cjs}

@@ -1,5 +1,4 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_HoverBorderGradient = require("./HoverBorderGradient-9pfvBoHR.cjs");
+const require_HoverBorderGradient = require("./HoverBorderGradient-DTKasFZO.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/effects/button-hover-border-gradient/ButtonHoverBorderGradient.tsx
 var ButtonHoverBorderGradient = ({ children, ...props }) => {
@@ -21,4 +20,4 @@ Object.defineProperty(exports, "ButtonHoverBorderGradient", {
 	}
 });
 
-//# sourceMappingURL=button-hover-border-gradient-ssmwU5-U.cjs.map
+//# sourceMappingURL=button-hover-border-gradient-D12Zjmd3.cjs.map

package/dist/chunks/{button-hover-border-gradient-ssmwU5-U.cjs.map → button-hover-border-gradient-D12Zjmd3.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"button-hover-border-gradient-ssmwU5-U.cjs","names":[],"sources":["../../src/components/effects/button-hover-border-gradient/ButtonHoverBorderGradient.tsx"],"sourcesContent":["import { HoverBorderGradient } from \"../hover-border-gradient/HoverBorderGradient\";\n\ninterface ButtonHoverBorderGradientProps {\n  children?: React.ReactNode;\n}\n\nexport const ButtonHoverBorderGradient: React.FC<\n  ButtonHoverBorderGradientProps\n> = ({ children, ...props }) => {\n  return (\n    <div className=\"m-40 flex justify-center text-center\" {...props}>\n      <HoverBorderGradient\n        containerClassName=\"rounded\"\n        className=\"flex items-center space-x-2 bg-ds-surface-1 text-ds-1\"\n      >\n        {children}\n      </HoverBorderGradient>\n    </div>\n  );\n};\n"],"mappings":";;;;AAMA,IAAa,6BAER,EAAE,UAAU,GAAG,YAAY;AAC9B,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;EAAuC,GAAI;YACxD,iBAAA,GAAA,kBAAA,KAAC,4BAAA,qBAAD;GACE,oBAAmB;GACnB,WAAU;GAET;GACmB,CAAA;EAClB,CAAA"}
+{"version":3,"file":"button-hover-border-gradient-D12Zjmd3.cjs","names":[],"sources":["../../src/components/effects/button-hover-border-gradient/ButtonHoverBorderGradient.tsx"],"sourcesContent":["import { HoverBorderGradient } from \"../hover-border-gradient/HoverBorderGradient\";\n\ninterface ButtonHoverBorderGradientProps {\n  children?: React.ReactNode;\n}\n\nexport const ButtonHoverBorderGradient: React.FC<\n  ButtonHoverBorderGradientProps\n> = ({ children, ...props }) => {\n  return (\n    <div className=\"m-40 flex justify-center text-center\" {...props}>\n      <HoverBorderGradient\n        containerClassName=\"rounded\"\n        className=\"flex items-center space-x-2 bg-ds-surface-1 text-ds-1\"\n      >\n        {children}\n      </HoverBorderGradient>\n    </div>\n  );\n};\n"],"mappings":";;;AAMA,IAAa,6BAER,EAAE,UAAU,GAAG,YAAY;CAC9B,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;EAAuC,GAAI;YACxD,iBAAA,GAAA,kBAAA,KAAC,4BAAA,qBAAD;GACE,oBAAmB;GACnB,WAAU;GAET;EACkB,CAAA;CAClB,CAAA;AAET"}

package/dist/chunks/{button-hover-border-gradient-DnFvjNNw.mjs → button-hover-border-gradient-VNEg4V0o.mjs}

@@ -1,4 +1,4 @@
-import { t as HoverBorderGradient } from "./HoverBorderGradient-NbdXeLgC.mjs";
+import { t as HoverBorderGradient } from "./HoverBorderGradient-CGKcviEd.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/effects/button-hover-border-gradient/ButtonHoverBorderGradient.tsx
 var ButtonHoverBorderGradient = ({ children, ...props }) => {
@@ -15,4 +15,4 @@ var ButtonHoverBorderGradient = ({ children, ...props }) => {
 //#endregion
 export { ButtonHoverBorderGradient as t };
 
-//# sourceMappingURL=button-hover-border-gradient-DnFvjNNw.mjs.map
+//# sourceMappingURL=button-hover-border-gradient-VNEg4V0o.mjs.map

package/dist/chunks/{button-hover-border-gradient-DnFvjNNw.mjs.map → button-hover-border-gradient-VNEg4V0o.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"button-hover-border-gradient-DnFvjNNw.mjs","names":[],"sources":["../../src/components/effects/button-hover-border-gradient/ButtonHoverBorderGradient.tsx"],"sourcesContent":["import { HoverBorderGradient } from \"../hover-border-gradient/HoverBorderGradient\";\n\ninterface ButtonHoverBorderGradientProps {\n  children?: React.ReactNode;\n}\n\nexport const ButtonHoverBorderGradient: React.FC<\n  ButtonHoverBorderGradientProps\n> = ({ children, ...props }) => {\n  return (\n    <div className=\"m-40 flex justify-center text-center\" {...props}>\n      <HoverBorderGradient\n        containerClassName=\"rounded\"\n        className=\"flex items-center space-x-2 bg-ds-surface-1 text-ds-1\"\n      >\n        {children}\n      </HoverBorderGradient>\n    </div>\n  );\n};\n"],"mappings":";;;AAMA,IAAa,6BAER,EAAE,UAAU,GAAG,YAAY;AAC9B,QACE,oBAAC,OAAD;EAAK,WAAU;EAAuC,GAAI;YACxD,oBAAC,qBAAD;GACE,oBAAmB;GACnB,WAAU;GAET;GACmB,CAAA;EAClB,CAAA"}
+{"version":3,"file":"button-hover-border-gradient-VNEg4V0o.mjs","names":[],"sources":["../../src/components/effects/button-hover-border-gradient/ButtonHoverBorderGradient.tsx"],"sourcesContent":["import { HoverBorderGradient } from \"../hover-border-gradient/HoverBorderGradient\";\n\ninterface ButtonHoverBorderGradientProps {\n  children?: React.ReactNode;\n}\n\nexport const ButtonHoverBorderGradient: React.FC<\n  ButtonHoverBorderGradientProps\n> = ({ children, ...props }) => {\n  return (\n    <div className=\"m-40 flex justify-center text-center\" {...props}>\n      <HoverBorderGradient\n        containerClassName=\"rounded\"\n        className=\"flex items-center space-x-2 bg-ds-surface-1 text-ds-1\"\n      >\n        {children}\n      </HoverBorderGradient>\n    </div>\n  );\n};\n"],"mappings":";;;AAMA,IAAa,6BAER,EAAE,UAAU,GAAG,YAAY;CAC9B,OACE,oBAAC,OAAD;EAAK,WAAU;EAAuC,GAAI;YACxD,oBAAC,qBAAD;GACE,oBAAmB;GACnB,WAAU;GAET;EACkB,CAAA;CAClB,CAAA;AAET"}

package/dist/chunks/calendar-BlUhssD4.mjs

@@ -0,0 +1,203 @@
+import { n as mergeClassNames } from "./utils-Dc7j29ec.mjs";
+import { t as Select } from "./select-DnSSxddm.mjs";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/forms/calendar/Calendar.tsx
+var DAY_NAMES = [
+	"SUN",
+	"MON",
+	"TUE",
+	"WED",
+	"THU",
+	"FRI",
+	"SAT"
+];
+var monthOptions = Array.from({ length: 12 }, (_, i) => new Date(2026, i, 1).toLocaleString(void 0, { month: "long" })).map((label, i) => ({
+	label,
+	value: String(i)
+}));
+function getDaysInMonth(month, year) {
+	const firstDay = new Date(year, month, 1);
+	const lastDay = new Date(year, month + 1, 0);
+	const days = [];
+	for (let i = 0; i < firstDay.getDay(); i++) days.push(null);
+	for (let d = 1; d <= lastDay.getDate(); d++) days.push(new Date(year, month, d));
+	while (days.length % 7 !== 0) days.push(null);
+	return days;
+}
+function isSameDay(a, b) {
+	if (!a || !b) return false;
+	return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function normalizeRange(r) {
+	return {
+		start: r?.start ?? null,
+		end: r?.end ?? null
+	};
+}
+var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRangeSelect, month, year, onMonthChange, footer, className = "", showNav = true, hoverDate, onHoverDate }) => {
+	const today = /* @__PURE__ */ new Date();
+	const [internalMonth, setInternalMonth] = useState(month ?? today.getMonth());
+	const [internalYear, setInternalYear] = useState(year ?? today.getFullYear());
+	const [internalRange, setInternalRange] = useState(normalizeRange(range));
+	const currentMonth = month ?? internalMonth;
+	const currentYear = year ?? internalYear;
+	const currentRange = range ? normalizeRange(range) : internalRange;
+	const yearOptions = useMemo(() => {
+		const end = Math.max((/* @__PURE__ */ new Date()).getFullYear() + 10, currentYear + 5);
+		return Array.from({ length: end - 1980 + 1 }, (_, i) => ({
+			label: String(end - i),
+			value: String(end - i)
+		}));
+	}, [currentYear]);
+	const setDisplayedMonth = (m, y) => {
+		if (month === void 0) setInternalMonth(m);
+		if (year === void 0) setInternalYear(y);
+		onMonthChange?.(m, y);
+	};
+	const updateMonth = (offset) => {
+		const d = new Date(currentYear, currentMonth + offset, 1);
+		setDisplayedMonth(d.getMonth(), d.getFullYear());
+	};
+	const days = useMemo(() => getDaysInMonth(currentMonth, currentYear), [currentMonth, currentYear]);
+	const effectiveEnd = selectionMode === "range" && currentRange.start && !currentRange.end ? hoverDate ?? null : currentRange.end;
+	const rangeMin = currentRange.start && effectiveEnd ? Math.min(currentRange.start.getTime(), effectiveEnd.getTime()) : null;
+	const rangeMax = currentRange.start && effectiveEnd ? Math.max(currentRange.start.getTime(), effectiveEnd.getTime()) : null;
+	const isInRange = (date) => {
+		if (!date || rangeMin === null || rangeMax === null) return false;
+		const t = date.getTime();
+		return t > rangeMin && t < rangeMax;
+	};
+	const handleSelect = (date) => {
+		if (selectionMode === "range") {
+			const existing = currentRange;
+			let next;
+			if (!existing.start || existing.end) next = {
+				start: date,
+				end: null
+			};
+			else if (date.getTime() < existing.start.getTime()) next = {
+				start: date,
+				end: existing.start
+			};
+			else next = {
+				start: existing.start,
+				end: date
+			};
+			if (!range) setInternalRange(next);
+			onRangeSelect?.(next);
+			return;
+		}
+		onSelect?.(date);
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "PageUp") {
+			e.preventDefault();
+			updateMonth(e.shiftKey ? -12 : -1);
+		} else if (e.key === "PageDown") {
+			e.preventDefault();
+			updateMonth(e.shiftKey ? 12 : 1);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: mergeClassNames("w-[320px] max-w-[calc(100vw-1.5rem)] rounded-lg border border-ds-border-2 bg-ds-surface-1/95 p-4 shadow-xl backdrop-blur-xl outline-none", className),
+		tabIndex: -1,
+		onKeyDown: handleKeyDown,
+		children: [
+			showNav && /* @__PURE__ */ jsxs("div", {
+				className: "mb-4 flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1",
+						onClick: () => updateMonth(-1),
+						"aria-label": "Previous month",
+						children: "←"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "grid flex-1 grid-cols-[minmax(0,1fr)_6rem] gap-2",
+						children: [/* @__PURE__ */ jsx(Select, {
+							name: "calendar-month-select",
+							value: String(currentMonth),
+							onChange: (e) => setDisplayedMonth(Number(e.target.value), currentYear),
+							options: monthOptions,
+							containerClassName: "min-w-0",
+							triggerClassName: "font-medium",
+							dropdownClassName: "start-0 end-auto min-w-full w-max",
+							optionClassName: "justify-start",
+							placeholder: "Month",
+							size: "compact",
+							selectionIndicator: "none",
+							"aria-label": "Select month"
+						}), /* @__PURE__ */ jsx(Select, {
+							name: "calendar-year-select",
+							value: String(currentYear),
+							onChange: (e) => setDisplayedMonth(currentMonth, Number(e.target.value)),
+							options: yearOptions,
+							containerClassName: "min-w-0",
+							triggerClassName: "font-medium",
+							dropdownClassName: "start-auto end-0 min-w-full w-max",
+							optionClassName: "justify-start",
+							placeholder: "Year",
+							size: "compact",
+							selectionIndicator: "none",
+							"aria-label": "Select year"
+						})]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1",
+						onClick: () => updateMonth(1),
+						"aria-label": "Next month",
+						children: "→"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mb-1 grid grid-cols-7",
+				children: DAY_NAMES.map((d) => /* @__PURE__ */ jsx("div", {
+					className: "flex h-8 items-center justify-center text-[10px] font-semibold text-ds-3",
+					children: d
+				}, d))
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "grid grid-cols-7",
+				onMouseLeave: () => onHoverDate?.(null),
+				children: days.map((date, index) => {
+					if (!date) return /* @__PURE__ */ jsx("span", { className: "h-10" }, `empty-${index}`);
+					const isSelected = selectionMode === "single" && isSameDay(date, value);
+					const isToday = isSameDay(date, today);
+					const inRange = selectionMode === "range" && isInRange(date);
+					const normStart = rangeMin !== null ? new Date(rangeMin) : null;
+					const normEnd = rangeMax !== null ? new Date(rangeMax) : null;
+					const isRangeStart = selectionMode === "range" && isSameDay(date, normStart);
+					const isRangeEnd = selectionMode === "range" && isSameDay(date, normEnd);
+					const isSingleDay = isRangeStart && isRangeEnd;
+					return /* @__PURE__ */ jsxs("div", {
+						className: "relative flex h-10 items-center justify-center",
+						children: [
+							inRange && /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 h-8 w-full -translate-y-1/2 bg-ds-accent-subtle" }),
+							isRangeStart && !isSingleDay && /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 left-1/2 h-8 w-1/2 -translate-y-1/2 bg-ds-accent-subtle" }),
+							isRangeEnd && !isSingleDay && /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 right-1/2 h-8 w-1/2 -translate-y-1/2 bg-ds-accent-subtle" }),
+							/* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: mergeClassNames("relative z-10 flex h-8 w-8 items-center justify-center rounded-full text-sm transition-colors", isSelected || isRangeStart || isRangeEnd ? "bg-ds-accent font-semibold text-ds-on-accent" : inRange ? "text-ds-1 hover:bg-ds-accent/20" : isToday ? "font-semibold text-ds-accent hover:bg-ds-surface-3" : "text-ds-2 hover:bg-ds-surface-3 hover:text-ds-1"),
+								onClick: () => handleSelect(date),
+								onMouseEnter: () => onHoverDate?.(date),
+								children: date.getDate()
+							})
+						]
+					}, date.toISOString());
+				})
+			}),
+			footer ? /* @__PURE__ */ jsx("div", {
+				className: "mt-4",
+				children: footer
+			}) : null
+		]
+	});
+};
+//#endregion
+export { Calendar as t };
+
+//# sourceMappingURL=calendar-BlUhssD4.mjs.map

package/dist/chunks/calendar-BlUhssD4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-BlUhssD4.mjs","names":[],"sources":["../../src/components/forms/calendar/Calendar.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\n\nimport { Select } from \"../select\";\nimport { mergeClassNames } from \"../../../utils\";\n\nimport type { CalendarProps } from \"./types\";\n\nconst DAY_NAMES = [\"SUN\", \"MON\", \"TUE\", \"WED\", \"THU\", \"FRI\", \"SAT\"];\n\nconst monthNames = Array.from({ length: 12 }, (_, i) =>\n  new Date(2026, i, 1).toLocaleString(undefined, { month: \"long\" }),\n);\nconst monthOptions = monthNames.map((label, i) => ({ label, value: String(i) }));\n\nfunction getDaysInMonth(month: number, year: number): Array<Date | null> {\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const days: Array<Date | null> = [];\n\n  for (let i = 0; i < firstDay.getDay(); i++) days.push(null);\n  for (let d = 1; d <= lastDay.getDate(); d++) days.push(new Date(year, month, d));\n  while (days.length % 7 !== 0) days.push(null);\n\n  return days;\n}\n\nfunction isSameDay(a: Date | null, b: Date | null) {\n  if (!a || !b) return false;\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n}\n\nfunction normalizeRange(r?: { start: Date | null; end: Date | null }) {\n  return { start: r?.start ?? null, end: r?.end ?? null };\n}\n\nexport const Calendar = ({\n  value = null,\n  range,\n  selectionMode = \"single\",\n  onSelect,\n  onRangeSelect,\n  month,\n  year,\n  onMonthChange,\n  footer,\n  className = \"\",\n  showNav = true,\n  hoverDate,\n  onHoverDate,\n}: CalendarProps) => {\n  const today = new Date();\n  const [internalMonth, setInternalMonth] = useState(month ?? today.getMonth());\n  const [internalYear,  setInternalYear]  = useState(year  ?? today.getFullYear());\n  const [internalRange, setInternalRange] = useState(normalizeRange(range));\n\n  const currentMonth = month ?? internalMonth;\n  const currentYear  = year  ?? internalYear;\n  const currentRange = range ? normalizeRange(range) : internalRange;\n\n  const yearOptions = useMemo(() => {\n    const end = Math.max(new Date().getFullYear() + 10, currentYear + 5);\n    return Array.from({ length: end - 1980 + 1 }, (_, i) => ({\n      label: String(end - i),\n      value: String(end - i),\n    }));\n  }, [currentYear]);\n\n  const setDisplayedMonth = (m: number, y: number) => {\n    if (month === undefined) setInternalMonth(m);\n    if (year  === undefined) setInternalYear(y);\n    onMonthChange?.(m, y);\n  };\n\n  const updateMonth = (offset: number) => {\n    const d = new Date(currentYear, currentMonth + offset, 1);\n    setDisplayedMonth(d.getMonth(), d.getFullYear());\n  };\n\n  const days = useMemo(\n    () => getDaysInMonth(currentMonth, currentYear),\n    [currentMonth, currentYear],\n  );\n\n  // When only start is selected, use hoverDate as preview end\n  const effectiveEnd =\n    selectionMode === \"range\" && currentRange.start && !currentRange.end\n      ? (hoverDate ?? null)\n      : currentRange.end;\n\n  const rangeMin = currentRange.start && effectiveEnd\n    ? Math.min(currentRange.start.getTime(), effectiveEnd.getTime())\n    : null;\n  const rangeMax = currentRange.start && effectiveEnd\n    ? Math.max(currentRange.start.getTime(), effectiveEnd.getTime())\n    : null;\n\n  const isInRange = (date: Date | null) => {\n    if (!date || rangeMin === null || rangeMax === null) return false;\n    const t = date.getTime();\n    return t > rangeMin && t < rangeMax;\n  };\n\n  const handleSelect = (date: Date) => {\n    if (selectionMode === \"range\") {\n      const existing = currentRange;\n      let next: { start: Date | null; end: Date | null };\n\n      if (!existing.start || existing.end) {\n        next = { start: date, end: null };\n      } else if (date.getTime() < existing.start.getTime()) {\n        next = { start: date, end: existing.start };\n      } else {\n        next = { start: existing.start, end: date };\n      }\n\n      if (!range) setInternalRange(next);\n      onRangeSelect?.(next);\n      return;\n    }\n    onSelect?.(date);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"PageUp\") {\n      e.preventDefault();\n      updateMonth(e.shiftKey ? -12 : -1);\n    } else if (e.key === \"PageDown\") {\n      e.preventDefault();\n      updateMonth(e.shiftKey ? 12 : 1);\n    }\n  };\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"w-[320px] max-w-[calc(100vw-1.5rem)] rounded-lg border border-ds-border-2 bg-ds-surface-1/95 p-4 shadow-xl backdrop-blur-xl outline-none\",\n        className,\n      )}\n      tabIndex={-1}\n      onKeyDown={handleKeyDown}\n    >\n      {showNav && (\n        <div className=\"mb-4 flex items-center gap-2\">\n          <button\n            type=\"button\"\n            className=\"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n            onClick={() => updateMonth(-1)}\n            aria-label=\"Previous month\"\n          >\n            ←\n          </button>\n\n          <div className=\"grid flex-1 grid-cols-[minmax(0,1fr)_6rem] gap-2\">\n            <Select\n              name=\"calendar-month-select\"\n              value={String(currentMonth)}\n              onChange={(e) => setDisplayedMonth(Number(e.target.value), currentYear)}\n              options={monthOptions}\n              containerClassName=\"min-w-0\"\n              triggerClassName=\"font-medium\"\n              dropdownClassName=\"start-0 end-auto min-w-full w-max\"\n              optionClassName=\"justify-start\"\n              placeholder=\"Month\"\n              size=\"compact\"\n              selectionIndicator=\"none\"\n              aria-label=\"Select month\"\n            />\n            <Select\n              name=\"calendar-year-select\"\n              value={String(currentYear)}\n              onChange={(e) => setDisplayedMonth(currentMonth, Number(e.target.value))}\n              options={yearOptions}\n              containerClassName=\"min-w-0\"\n              triggerClassName=\"font-medium\"\n              dropdownClassName=\"start-auto end-0 min-w-full w-max\"\n              optionClassName=\"justify-start\"\n              placeholder=\"Year\"\n              size=\"compact\"\n              selectionIndicator=\"none\"\n              aria-label=\"Select year\"\n            />\n          </div>\n\n          <button\n            type=\"button\"\n            className=\"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n            onClick={() => updateMonth(1)}\n            aria-label=\"Next month\"\n          >\n            →\n          </button>\n        </div>\n      )}\n\n      {/* Day-name headers */}\n      <div className=\"mb-1 grid grid-cols-7\">\n        {DAY_NAMES.map((d) => (\n          <div key={d} className=\"flex h-8 items-center justify-center text-[10px] font-semibold text-ds-3\">\n            {d}\n          </div>\n        ))}\n      </div>\n\n      {/* Day grid — no gap so range band is continuous */}\n      <div className=\"grid grid-cols-7\" onMouseLeave={() => onHoverDate?.(null)}>\n        {days.map((date, index) => {\n          if (!date) return <span key={`empty-${index}`} className=\"h-10\" />;\n\n          const isSelected   = selectionMode === \"single\" && isSameDay(date, value);\n          const isToday      = isSameDay(date, today);\n          const inRange      = selectionMode === \"range\" && isInRange(date);\n\n          // Normalise start/end so start ≤ end (handles backward drag)\n          const normStart = rangeMin !== null ? new Date(rangeMin) : null;\n          const normEnd   = rangeMax !== null ? new Date(rangeMax) : null;\n\n          const isRangeStart = selectionMode === \"range\" && isSameDay(date, normStart);\n          const isRangeEnd   = selectionMode === \"range\" && isSameDay(date, normEnd);\n          const isSingleDay  = isRangeStart && isRangeEnd;\n          const isActive     = isSelected || isRangeStart || isRangeEnd;\n\n          return (\n            <div key={date.toISOString()} className=\"relative flex h-10 items-center justify-center\">\n\n              {/* Range band — full width for in-range, half-width at endpoints */}\n              {inRange && (\n                <div className=\"absolute top-1/2 h-8 w-full -translate-y-1/2 bg-ds-accent-subtle\" />\n              )}\n              {isRangeStart && !isSingleDay && (\n                <div className=\"absolute top-1/2 left-1/2 h-8 w-1/2 -translate-y-1/2 bg-ds-accent-subtle\" />\n              )}\n              {isRangeEnd && !isSingleDay && (\n                <div className=\"absolute top-1/2 right-1/2 h-8 w-1/2 -translate-y-1/2 bg-ds-accent-subtle\" />\n              )}\n\n              <button\n                type=\"button\"\n                className={mergeClassNames(\n                  \"relative z-10 flex h-8 w-8 items-center justify-center rounded-full text-sm transition-colors\",\n                  isActive\n                    ? \"bg-ds-accent font-semibold text-ds-on-accent\"\n                    : inRange\n                      ? \"text-ds-1 hover:bg-ds-accent/20\"\n                      : isToday\n                        ? \"font-semibold text-ds-accent hover:bg-ds-surface-3\"\n                        : \"text-ds-2 hover:bg-ds-surface-3 hover:text-ds-1\",\n                )}\n                onClick={() => handleSelect(date)}\n                onMouseEnter={() => onHoverDate?.(date)}\n              >\n                {date.getDate()}\n              </button>\n            </div>\n          );\n        })}\n      </div>\n\n      {footer ? <div className=\"mt-4\">{footer}</div> : null}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/chunks/calendar-CdKKhdx5.cjs

@@ -0,0 +1,208 @@
+const require_utils = require("./utils-CoA0q63n.cjs");
+const require_select = require("./select-C5lkcrSB.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/forms/calendar/Calendar.tsx
+var DAY_NAMES = [
+	"SUN",
+	"MON",
+	"TUE",
+	"WED",
+	"THU",
+	"FRI",
+	"SAT"
+];
+var monthOptions = Array.from({ length: 12 }, (_, i) => new Date(2026, i, 1).toLocaleString(void 0, { month: "long" })).map((label, i) => ({
+	label,
+	value: String(i)
+}));
+function getDaysInMonth(month, year) {
+	const firstDay = new Date(year, month, 1);
+	const lastDay = new Date(year, month + 1, 0);
+	const days = [];
+	for (let i = 0; i < firstDay.getDay(); i++) days.push(null);
+	for (let d = 1; d <= lastDay.getDate(); d++) days.push(new Date(year, month, d));
+	while (days.length % 7 !== 0) days.push(null);
+	return days;
+}
+function isSameDay(a, b) {
+	if (!a || !b) return false;
+	return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function normalizeRange(r) {
+	return {
+		start: r?.start ?? null,
+		end: r?.end ?? null
+	};
+}
+var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRangeSelect, month, year, onMonthChange, footer, className = "", showNav = true, hoverDate, onHoverDate }) => {
+	const today = /* @__PURE__ */ new Date();
+	const [internalMonth, setInternalMonth] = (0, react.useState)(month ?? today.getMonth());
+	const [internalYear, setInternalYear] = (0, react.useState)(year ?? today.getFullYear());
+	const [internalRange, setInternalRange] = (0, react.useState)(normalizeRange(range));
+	const currentMonth = month ?? internalMonth;
+	const currentYear = year ?? internalYear;
+	const currentRange = range ? normalizeRange(range) : internalRange;
+	const yearOptions = (0, react.useMemo)(() => {
+		const end = Math.max((/* @__PURE__ */ new Date()).getFullYear() + 10, currentYear + 5);
+		return Array.from({ length: end - 1980 + 1 }, (_, i) => ({
+			label: String(end - i),
+			value: String(end - i)
+		}));
+	}, [currentYear]);
+	const setDisplayedMonth = (m, y) => {
+		if (month === void 0) setInternalMonth(m);
+		if (year === void 0) setInternalYear(y);
+		onMonthChange?.(m, y);
+	};
+	const updateMonth = (offset) => {
+		const d = new Date(currentYear, currentMonth + offset, 1);
+		setDisplayedMonth(d.getMonth(), d.getFullYear());
+	};
+	const days = (0, react.useMemo)(() => getDaysInMonth(currentMonth, currentYear), [currentMonth, currentYear]);
+	const effectiveEnd = selectionMode === "range" && currentRange.start && !currentRange.end ? hoverDate ?? null : currentRange.end;
+	const rangeMin = currentRange.start && effectiveEnd ? Math.min(currentRange.start.getTime(), effectiveEnd.getTime()) : null;
+	const rangeMax = currentRange.start && effectiveEnd ? Math.max(currentRange.start.getTime(), effectiveEnd.getTime()) : null;
+	const isInRange = (date) => {
+		if (!date || rangeMin === null || rangeMax === null) return false;
+		const t = date.getTime();
+		return t > rangeMin && t < rangeMax;
+	};
+	const handleSelect = (date) => {
+		if (selectionMode === "range") {
+			const existing = currentRange;
+			let next;
+			if (!existing.start || existing.end) next = {
+				start: date,
+				end: null
+			};
+			else if (date.getTime() < existing.start.getTime()) next = {
+				start: date,
+				end: existing.start
+			};
+			else next = {
+				start: existing.start,
+				end: date
+			};
+			if (!range) setInternalRange(next);
+			onRangeSelect?.(next);
+			return;
+		}
+		onSelect?.(date);
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "PageUp") {
+			e.preventDefault();
+			updateMonth(e.shiftKey ? -12 : -1);
+		} else if (e.key === "PageDown") {
+			e.preventDefault();
+			updateMonth(e.shiftKey ? 12 : 1);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_utils.mergeClassNames("w-[320px] max-w-[calc(100vw-1.5rem)] rounded-lg border border-ds-border-2 bg-ds-surface-1/95 p-4 shadow-xl backdrop-blur-xl outline-none", className),
+		tabIndex: -1,
+		onKeyDown: handleKeyDown,
+		children: [
+			showNav && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mb-4 flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1",
+						onClick: () => updateMonth(-1),
+						"aria-label": "Previous month",
+						children: "←"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "grid flex-1 grid-cols-[minmax(0,1fr)_6rem] gap-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select.Select, {
+							name: "calendar-month-select",
+							value: String(currentMonth),
+							onChange: (e) => setDisplayedMonth(Number(e.target.value), currentYear),
+							options: monthOptions,
+							containerClassName: "min-w-0",
+							triggerClassName: "font-medium",
+							dropdownClassName: "start-0 end-auto min-w-full w-max",
+							optionClassName: "justify-start",
+							placeholder: "Month",
+							size: "compact",
+							selectionIndicator: "none",
+							"aria-label": "Select month"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select.Select, {
+							name: "calendar-year-select",
+							value: String(currentYear),
+							onChange: (e) => setDisplayedMonth(currentMonth, Number(e.target.value)),
+							options: yearOptions,
+							containerClassName: "min-w-0",
+							triggerClassName: "font-medium",
+							dropdownClassName: "start-auto end-0 min-w-full w-max",
+							optionClassName: "justify-start",
+							placeholder: "Year",
+							size: "compact",
+							selectionIndicator: "none",
+							"aria-label": "Select year"
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1",
+						onClick: () => updateMonth(1),
+						"aria-label": "Next month",
+						children: "→"
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mb-1 grid grid-cols-7",
+				children: DAY_NAMES.map((d) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "flex h-8 items-center justify-center text-[10px] font-semibold text-ds-3",
+					children: d
+				}, d))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "grid grid-cols-7",
+				onMouseLeave: () => onHoverDate?.(null),
+				children: days.map((date, index) => {
+					if (!date) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "h-10" }, `empty-${index}`);
+					const isSelected = selectionMode === "single" && isSameDay(date, value);
+					const isToday = isSameDay(date, today);
+					const inRange = selectionMode === "range" && isInRange(date);
+					const normStart = rangeMin !== null ? new Date(rangeMin) : null;
+					const normEnd = rangeMax !== null ? new Date(rangeMax) : null;
+					const isRangeStart = selectionMode === "range" && isSameDay(date, normStart);
+					const isRangeEnd = selectionMode === "range" && isSameDay(date, normEnd);
+					const isSingleDay = isRangeStart && isRangeEnd;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "relative flex h-10 items-center justify-center",
+						children: [
+							inRange && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "absolute top-1/2 h-8 w-full -translate-y-1/2 bg-ds-accent-subtle" }),
+							isRangeStart && !isSingleDay && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "absolute top-1/2 left-1/2 h-8 w-1/2 -translate-y-1/2 bg-ds-accent-subtle" }),
+							isRangeEnd && !isSingleDay && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "absolute top-1/2 right-1/2 h-8 w-1/2 -translate-y-1/2 bg-ds-accent-subtle" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: require_utils.mergeClassNames("relative z-10 flex h-8 w-8 items-center justify-center rounded-full text-sm transition-colors", isSelected || isRangeStart || isRangeEnd ? "bg-ds-accent font-semibold text-ds-on-accent" : inRange ? "text-ds-1 hover:bg-ds-accent/20" : isToday ? "font-semibold text-ds-accent hover:bg-ds-surface-3" : "text-ds-2 hover:bg-ds-surface-3 hover:text-ds-1"),
+								onClick: () => handleSelect(date),
+								onMouseEnter: () => onHoverDate?.(date),
+								children: date.getDate()
+							})
+						]
+					}, date.toISOString());
+				})
+			}),
+			footer ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mt-4",
+				children: footer
+			}) : null
+		]
+	});
+};
+//#endregion
+Object.defineProperty(exports, "Calendar", {
+	enumerable: true,
+	get: function() {
+		return Calendar;
+	}
+});
+
+//# sourceMappingURL=calendar-CdKKhdx5.cjs.map

package/dist/chunks/calendar-CdKKhdx5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-CdKKhdx5.cjs","names":[],"sources":["../../src/components/forms/calendar/Calendar.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\n\nimport { Select } from \"../select\";\nimport { mergeClassNames } from \"../../../utils\";\n\nimport type { CalendarProps } from \"./types\";\n\nconst DAY_NAMES = [\"SUN\", \"MON\", \"TUE\", \"WED\", \"THU\", \"FRI\", \"SAT\"];\n\nconst monthNames = Array.from({ length: 12 }, (_, i) =>\n  new Date(2026, i, 1).toLocaleString(undefined, { month: \"long\" }),\n);\nconst monthOptions = monthNames.map((label, i) => ({ label, value: String(i) }));\n\nfunction getDaysInMonth(month: number, year: number): Array<Date | null> {\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const days: Array<Date | null> = [];\n\n  for (let i = 0; i < firstDay.getDay(); i++) days.push(null);\n  for (let d = 1; d <= lastDay.getDate(); d++) days.push(new Date(year, month, d));\n  while (days.length % 7 !== 0) days.push(null);\n\n  return days;\n}\n\nfunction isSameDay(a: Date | null, b: Date | null) {\n  if (!a || !b) return false;\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n}\n\nfunction normalizeRange(r?: { start: Date | null; end: Date | null }) {\n  return { start: r?.start ?? null, end: r?.end ?? null };\n}\n\nexport const Calendar = ({\n  value = null,\n  range,\n  selectionMode = \"single\",\n  onSelect,\n  onRangeSelect,\n  month,\n  year,\n  onMonthChange,\n  footer,\n  className = \"\",\n  showNav = true,\n  hoverDate,\n  onHoverDate,\n}: CalendarProps) => {\n  const today = new Date();\n  const [internalMonth, setInternalMonth] = useState(month ?? today.getMonth());\n  const [internalYear,  setInternalYear]  = useState(year  ?? today.getFullYear());\n  const [internalRange, setInternalRange] = useState(normalizeRange(range));\n\n  const currentMonth = month ?? internalMonth;\n  const currentYear  = year  ?? internalYear;\n  const currentRange = range ? normalizeRange(range) : internalRange;\n\n  const yearOptions = useMemo(() => {\n    const end = Math.max(new Date().getFullYear() + 10, currentYear + 5);\n    return Array.from({ length: end - 1980 + 1 }, (_, i) => ({\n      label: String(end - i),\n      value: String(end - i),\n    }));\n  }, [currentYear]);\n\n  const setDisplayedMonth = (m: number, y: number) => {\n    if (month === undefined) setInternalMonth(m);\n    if (year  === undefined) setInternalYear(y);\n    onMonthChange?.(m, y);\n  };\n\n  const updateMonth = (offset: number) => {\n    const d = new Date(currentYear, currentMonth + offset, 1);\n    setDisplayedMonth(d.getMonth(), d.getFullYear());\n  };\n\n  const days = useMemo(\n    () => getDaysInMonth(currentMonth, currentYear),\n    [currentMonth, currentYear],\n  );\n\n  // When only start is selected, use hoverDate as preview end\n  const effectiveEnd =\n    selectionMode === \"range\" && currentRange.start && !currentRange.end\n      ? (hoverDate ?? null)\n      : currentRange.end;\n\n  const rangeMin = currentRange.start && effectiveEnd\n    ? Math.min(currentRange.start.getTime(), effectiveEnd.getTime())\n    : null;\n  const rangeMax = currentRange.start && effectiveEnd\n    ? Math.max(currentRange.start.getTime(), effectiveEnd.getTime())\n    : null;\n\n  const isInRange = (date: Date | null) => {\n    if (!date || rangeMin === null || rangeMax === null) return false;\n    const t = date.getTime();\n    return t > rangeMin && t < rangeMax;\n  };\n\n  const handleSelect = (date: Date) => {\n    if (selectionMode === \"range\") {\n      const existing = currentRange;\n      let next: { start: Date | null; end: Date | null };\n\n      if (!existing.start || existing.end) {\n        next = { start: date, end: null };\n      } else if (date.getTime() < existing.start.getTime()) {\n        next = { start: date, end: existing.start };\n      } else {\n        next = { start: existing.start, end: date };\n      }\n\n      if (!range) setInternalRange(next);\n      onRangeSelect?.(next);\n      return;\n    }\n    onSelect?.(date);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"PageUp\") {\n      e.preventDefault();\n      updateMonth(e.shiftKey ? -12 : -1);\n    } else if (e.key === \"PageDown\") {\n      e.preventDefault();\n      updateMonth(e.shiftKey ? 12 : 1);\n    }\n  };\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"w-[320px] max-w-[calc(100vw-1.5rem)] rounded-lg border border-ds-border-2 bg-ds-surface-1/95 p-4 shadow-xl backdrop-blur-xl outline-none\",\n        className,\n      )}\n      tabIndex={-1}\n      onKeyDown={handleKeyDown}\n    >\n      {showNav && (\n        <div className=\"mb-4 flex items-center gap-2\">\n          <button\n            type=\"button\"\n            className=\"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n            onClick={() => updateMonth(-1)}\n            aria-label=\"Previous month\"\n          >\n            ←\n          </button>\n\n          <div className=\"grid flex-1 grid-cols-[minmax(0,1fr)_6rem] gap-2\">\n            <Select\n              name=\"calendar-month-select\"\n              value={String(currentMonth)}\n              onChange={(e) => setDisplayedMonth(Number(e.target.value), currentYear)}\n              options={monthOptions}\n              containerClassName=\"min-w-0\"\n              triggerClassName=\"font-medium\"\n              dropdownClassName=\"start-0 end-auto min-w-full w-max\"\n              optionClassName=\"justify-start\"\n              placeholder=\"Month\"\n              size=\"compact\"\n              selectionIndicator=\"none\"\n              aria-label=\"Select month\"\n            />\n            <Select\n              name=\"calendar-year-select\"\n              value={String(currentYear)}\n              onChange={(e) => setDisplayedMonth(currentMonth, Number(e.target.value))}\n              options={yearOptions}\n              containerClassName=\"min-w-0\"\n              triggerClassName=\"font-medium\"\n              dropdownClassName=\"start-auto end-0 min-w-full w-max\"\n              optionClassName=\"justify-start\"\n              placeholder=\"Year\"\n              size=\"compact\"\n              selectionIndicator=\"none\"\n              aria-label=\"Select year\"\n            />\n          </div>\n\n          <button\n            type=\"button\"\n            className=\"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n            onClick={() => updateMonth(1)}\n            aria-label=\"Next month\"\n          >\n            →\n          </button>\n        </div>\n      )}\n\n      {/* Day-name headers */}\n      <div className=\"mb-1 grid grid-cols-7\">\n        {DAY_NAMES.map((d) => (\n          <div key={d} className=\"flex h-8 items-center justify-center text-[10px] font-semibold text-ds-3\">\n            {d}\n          </div>\n        ))}\n      </div>\n\n      {/* Day grid — no gap so range band is continuous */}\n      <div className=\"grid grid-cols-7\" onMouseLeave={() => onHoverDate?.(null)}>\n        {days.map((date, index) => {\n          if (!date) return <span key={`empty-${index}`} className=\"h-10\" />;\n\n          const isSelected   = selectionMode === \"single\" && isSameDay(date, value);\n          const isToday      = isSameDay(date, today);\n          const inRange      = selectionMode === \"range\" && isInRange(date);\n\n          // Normalise start/end so start ≤ end (handles backward drag)\n          const normStart = rangeMin !== null ? new Date(rangeMin) : null;\n          const normEnd   = rangeMax !== null ? new Date(rangeMax) : null;\n\n          const isRangeStart = selectionMode === \"range\" && isSameDay(date, normStart);\n          const isRangeEnd   = selectionMode === \"range\" && isSameDay(date, normEnd);\n          const isSingleDay  = isRangeStart && isRangeEnd;\n          const isActive     = isSelected || isRangeStart || isRangeEnd;\n\n          return (\n            <div key={date.toISOString()} className=\"relative flex h-10 items-center justify-center\">\n\n              {/* Range band — full width for in-range, half-width at endpoints */}\n              {inRange && (\n                <div className=\"absolute top-1/2 h-8 w-full -translate-y-1/2 bg-ds-accent-subtle\" />\n              )}\n              {isRangeStart && !isSingleDay && (\n                <div className=\"absolute top-1/2 left-1/2 h-8 w-1/2 -translate-y-1/2 bg-ds-accent-subtle\" />\n              )}\n              {isRangeEnd && !isSingleDay && (\n                <div className=\"absolute top-1/2 right-1/2 h-8 w-1/2 -translate-y-1/2 bg-ds-accent-subtle\" />\n              )}\n\n              <button\n                type=\"button\"\n                className={mergeClassNames(\n                  \"relative z-10 flex h-8 w-8 items-center justify-center rounded-full text-sm transition-colors\",\n                  isActive\n                    ? \"bg-ds-accent font-semibold text-ds-on-accent\"\n                    : inRange\n                      ? \"text-ds-1 hover:bg-ds-accent/20\"\n                      : isToday\n                        ? \"font-semibold text-ds-accent hover:bg-ds-surface-3\"\n                        : \"text-ds-2 hover:bg-ds-surface-3 hover:text-ds-1\",\n                )}\n                onClick={() => handleSelect(date)}\n                onMouseEnter={() => onHoverDate?.(date)}\n              >\n                {date.getDate()}\n              </button>\n            </div>\n          );\n        })}\n      </div>\n\n      {footer ? <div className=\"mt-4\">{footer}</div> : null}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/chunks/{card-RrT68nvu.cjs → card-C_Qr7E6E.cjs}

@@ -1,4 +1,3 @@
-require("./chunk-B_GkZjkl.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/data-display/card/Card.tsx
 var Card = ({ title, description }) => {
@@ -27,4 +26,4 @@ Object.defineProperty(exports, "Card", {
 	}
 });
 
-//# sourceMappingURL=card-RrT68nvu.cjs.map
+//# sourceMappingURL=card-C_Qr7E6E.cjs.map

package/dist/chunks/{card-RrT68nvu.cjs.map → card-C_Qr7E6E.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"card-RrT68nvu.cjs","names":[],"sources":["../../src/components/data-display/card/Card.tsx"],"sourcesContent":["import type { CardProps } from \"./types\";\n\nexport const Card = ({ title, description }: CardProps) => {\n  return (\n    <div className=\"ui\">\n      <div className=\"backdrop-blur-xl bg-ds-surface-1/85 border border-ds-border-2 rounded-lg shadow-lg overflow-hidden sm:max-w-xs lg:max-w-sm xl:max-w-md\">\n        <div className=\"px-6 py-4\">\n          <h2 className=\"text-ds-1 font-bold text-xl mb-2\">{title}</h2>\n          <p className=\"text-ds-2 bg-transparent border-none rounded-none font-sans text-base\">\n            {description}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAEA,IAAa,QAAQ,EAAE,OAAO,kBAA6B;AACzD,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAU;aACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;KAAI,WAAU;eAAoC;KAAW,CAAA,EAC7D,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAU;eACV;KACC,CAAA,CACA;;GACF,CAAA;EACF,CAAA"}
+{"version":3,"file":"card-C_Qr7E6E.cjs","names":[],"sources":["../../src/components/data-display/card/Card.tsx"],"sourcesContent":["import type { CardProps } from \"./types\";\n\nexport const Card = ({ title, description }: CardProps) => {\n  return (\n    <div className=\"ui\">\n      <div className=\"backdrop-blur-xl bg-ds-surface-1/85 border border-ds-border-2 rounded-lg shadow-lg overflow-hidden sm:max-w-xs lg:max-w-sm xl:max-w-md\">\n        <div className=\"px-6 py-4\">\n          <h2 className=\"text-ds-1 font-bold text-xl mb-2\">{title}</h2>\n          <p className=\"text-ds-2 bg-transparent border-none rounded-none font-sans text-base\">\n            {description}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;AAEA,IAAa,QAAQ,EAAE,OAAO,kBAA6B;CACzD,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAU;aACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;KAAI,WAAU;eAAoC;IAAU,CAAA,GAC5D,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAU;eACV;IACA,CAAA,CACA;;EACF,CAAA;CACF,CAAA;AAET"}

package/dist/chunks/{card-BId1_zHw.mjs → card-DYHDNCPK.mjs}

@@ -21,4 +21,4 @@ var Card = ({ title, description }) => {
 //#endregion
 export { Card as t };
 
-//# sourceMappingURL=card-BId1_zHw.mjs.map
+//# sourceMappingURL=card-DYHDNCPK.mjs.map

package/dist/chunks/{card-BId1_zHw.mjs.map → card-DYHDNCPK.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"card-BId1_zHw.mjs","names":[],"sources":["../../src/components/data-display/card/Card.tsx"],"sourcesContent":["import type { CardProps } from \"./types\";\n\nexport const Card = ({ title, description }: CardProps) => {\n  return (\n    <div className=\"ui\">\n      <div className=\"backdrop-blur-xl bg-ds-surface-1/85 border border-ds-border-2 rounded-lg shadow-lg overflow-hidden sm:max-w-xs lg:max-w-sm xl:max-w-md\">\n        <div className=\"px-6 py-4\">\n          <h2 className=\"text-ds-1 font-bold text-xl mb-2\">{title}</h2>\n          <p className=\"text-ds-2 bg-transparent border-none rounded-none font-sans text-base\">\n            {description}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;AAEA,IAAa,QAAQ,EAAE,OAAO,kBAA6B;AACzD,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,OAAD;GAAK,WAAU;aACb,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,MAAD;KAAI,WAAU;eAAoC;KAAW,CAAA,EAC7D,oBAAC,KAAD;KAAG,WAAU;eACV;KACC,CAAA,CACA;;GACF,CAAA;EACF,CAAA"}
+{"version":3,"file":"card-DYHDNCPK.mjs","names":[],"sources":["../../src/components/data-display/card/Card.tsx"],"sourcesContent":["import type { CardProps } from \"./types\";\n\nexport const Card = ({ title, description }: CardProps) => {\n  return (\n    <div className=\"ui\">\n      <div className=\"backdrop-blur-xl bg-ds-surface-1/85 border border-ds-border-2 rounded-lg shadow-lg overflow-hidden sm:max-w-xs lg:max-w-sm xl:max-w-md\">\n        <div className=\"px-6 py-4\">\n          <h2 className=\"text-ds-1 font-bold text-xl mb-2\">{title}</h2>\n          <p className=\"text-ds-2 bg-transparent border-none rounded-none font-sans text-base\">\n            {description}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;AAEA,IAAa,QAAQ,EAAE,OAAO,kBAA6B;CACzD,OACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,OAAD;GAAK,WAAU;aACb,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,MAAD;KAAI,WAAU;eAAoC;IAAU,CAAA,GAC5D,oBAAC,KAAD;KAAG,WAAU;eACV;IACA,CAAA,CACA;;EACF,CAAA;CACF,CAAA;AAET"}

package/dist/chunks/{carousel-Cv0m1Pp5.cjs → carousel-DtOJEbEU.cjs}

@@ -1,6 +1,5 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_utils = require("./utils-LRbEQHYs.cjs");
-const require_icons = require("./icons-CRanVZB1.cjs");
+const require_utils = require("./utils-CoA0q63n.cjs");
+const require_icons = require("./icons-Ci8yEvvF.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
@@ -189,7 +188,7 @@ var Carousel = ({ items, className, autoPlay = 0, showArrows = true, showDots =
 	}, [goNext, goPrev]);
 	const handleDragEnd = (_event, info) => {
 		const threshold = 50;
-		if (info.offset.x < -threshold) goNext();
+		if (info.offset.x < -50) goNext();
 		else if (info.offset.x > threshold) goPrev();
 	};
 	const currentItem = items[currentIndex];
@@ -310,4 +309,4 @@ Object.defineProperty(exports, "Carousel", {
 	}
 });
 
-//# sourceMappingURL=carousel-Cv0m1Pp5.cjs.map
+//# sourceMappingURL=carousel-DtOJEbEU.cjs.map