admin-ui-starter-kit 0.6.7 → 0.6.8

package/dist/_shared/date-pickers-RdbwIhdY.js

@@ -0,0 +1,329 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./button-Be2ayMxF.js";
+import { a as r, s as i } from "./typography-5bLhAYaK.js";
+import { a, i as o, n as s, o as c, t as l } from "./select-BwUUXpsb.js";
+import { a as u, c as d, i as f, n as ee, o as te, s as p } from "./date-picker-CvqLnlxm.js";
+import { n as m, s as h, t as ne } from "./popover-xVENY0Ax.js";
+import { t as g } from "./separator-B8FBp-7E.js";
+import * as _ from "react";
+import { format as v } from "date-fns";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Calendar as S } from "lucide-react";
+import { enUS as C } from "date-fns/locale";
+//#region src/components/base/date-pickers/date-range-picker.tsx
+function w({ value: a, defaultValue: o, onChange: s, format: c = "yyyy-MM-dd", readableFormat: l = "PPP", placeholder: w, label: T, hint: E, error: D, disabled: O = !1, className: k, withConfirm: A = !1, numberOfMonths: j = 2, min: M, max: N, closeOnSelect: P = !0, calendarProps: F, translations: I, strings: L, locale: R, header: z, footer: B, enableYearDropdown: V, yearSelection: H }) {
+	let [U, W] = _.useState(!1), [G, K] = _.useState(a ?? o), q = R ?? C, J = e(f, L ?? I), Y = _.useMemo(() => V || H?.enabled ? "dropdown" : "label", [V, H]), X = _.useMemo(() => u(H), [H]);
+	_.useEffect(() => {
+		a !== void 0 && K(a);
+	}, [a]);
+	let Z = _.useCallback((e) => {
+		let t = q ? { locale: q } : void 0;
+		return {
+			range: e,
+			formatted: {
+				from: e?.from ? v(e.from, c, t) : void 0,
+				to: e?.to ? v(e.to, c, t) : void 0
+			},
+			readable: {
+				from: e?.from ? v(e.from, l, t) : void 0,
+				to: e?.to ? v(e.to, l, t) : void 0
+			}
+		};
+	}, [
+		c,
+		l,
+		q
+	]), re = _.useCallback((e) => {
+		if (e?.from && e?.to) {
+			let t = Math.ceil((e.to.getTime() - e.from.getTime()) / (1e3 * 60 * 60 * 24)) + 1;
+			if (M && t < M || N && t > N) return;
+		}
+		K(e), A || (s?.(Z(e)), P && e?.from && e?.to && W(!1));
+	}, [
+		A,
+		s,
+		Z,
+		M,
+		N,
+		P
+	]), Q = _.useCallback(() => {
+		s?.(Z(G)), W(!1);
+	}, [
+		G,
+		s,
+		Z
+	]), ie = _.useMemo(() => G?.from ? G.to ? `${v(G.from, l, { locale: q })} - ${v(G.to, l, { locale: q })}` : v(G.from, l, { locale: q }) : w ?? J.selectDateRange, [
+		G,
+		l,
+		q,
+		w,
+		J.selectDateRange
+	]), $ = _.useMemo(() => {
+		if (!G?.from || !G?.to) return null;
+		let e = Math.ceil((G.to.getTime() - G.from.getTime()) / (1e3 * 60 * 60 * 24)) + 1;
+		return M && e < M ? J.minimumDays(M) : N && e > N ? J.maximumDays(N) : null;
+	}, [
+		G,
+		M,
+		N,
+		J
+	]), ae = _.useMemo(() => {
+		if (!(!G?.from || !G?.to)) return `${v(G.from, l, { locale: q })} - ${v(G.to, l, { locale: q })}`;
+	}, [
+		G,
+		l,
+		q
+	]);
+	return /* @__PURE__ */ x("div", {
+		className: t("date-range-picker--component", "flex flex-col gap-2", k),
+		children: [
+			!!T && /* @__PURE__ */ b(r, {
+				htmlFor: "date-range-picker-trigger",
+				className: t(D && "text-destructive"),
+				children: T
+			}),
+			/* @__PURE__ */ x(m, {
+				open: U,
+				onOpenChange: W,
+				children: [/* @__PURE__ */ b(h, { render: (e) => /* @__PURE__ */ x(n, {
+					...e,
+					id: "date-range-picker-trigger",
+					variant: "secondary",
+					buttonStyle: "outline",
+					"aria-invalid": !!D,
+					className: t("w-full justify-start text-left font-normal", ee, !G && "text-muted-foreground", e.className),
+					disabled: O,
+					children: [/* @__PURE__ */ b(S, { className: "mr-control-gap size-icon shrink-0" }), /* @__PURE__ */ b("span", {
+						className: "truncate",
+						children: ie
+					})]
+				}) }), /* @__PURE__ */ x(ne, {
+					className: "w-auto p-0",
+					align: "start",
+					children: [!!z && /* @__PURE__ */ b(te, { config: z }), /* @__PURE__ */ x("div", {
+						className: "flex flex-col",
+						children: [/* @__PURE__ */ b(d, {
+							mode: "range",
+							selected: G,
+							onSelect: re,
+							defaultMonth: G?.from,
+							numberOfMonths: j,
+							disabled: O,
+							locale: q,
+							captionLayout: Y,
+							startMonth: X.startMonth,
+							endMonth: X.endMonth,
+							...F
+						}), !!(G?.from || $ || A || B) && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(g, {}), /* @__PURE__ */ x("div", {
+							className: "flex flex-col gap-3 p-3",
+							children: [
+								!!G?.from && !B && /* @__PURE__ */ x("div", {
+									className: "flex items-center justify-between gap-4",
+									children: [/* @__PURE__ */ x("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ x(i, {
+											tag: "span",
+											type: "secondary",
+											children: [J.from, ":"]
+										}), /* @__PURE__ */ b(i, {
+											tag: "span",
+											weight: "medium",
+											children: v(G.from, l, { locale: q })
+										})]
+									}), !!G.to && /* @__PURE__ */ x("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ x(i, {
+											tag: "span",
+											type: "secondary",
+											children: [J.to, ":"]
+										}), /* @__PURE__ */ b(i, {
+											tag: "span",
+											weight: "medium",
+											children: v(G.to, l, { locale: q })
+										})]
+									})]
+								}),
+								!!$ && /* @__PURE__ */ b(i, {
+									type: "error",
+									children: $
+								}),
+								!!A && !B && /* @__PURE__ */ b(n, {
+									onClick: Q,
+									disabled: !G?.from || !G?.to || !!$,
+									className: "w-full",
+									children: J.confirm
+								}),
+								!!B && /* @__PURE__ */ b("div", {
+									className: "-mx-3 -mb-3",
+									children: /* @__PURE__ */ b(p, {
+										config: B,
+										output: Z(G),
+										hasSelection: !!(G?.from && G?.to),
+										autoSummary: ae
+									})
+								})
+							]
+						})] })]
+					})]
+				})]
+			}),
+			!!D && /* @__PURE__ */ b(i, {
+				type: "error",
+				children: D
+			}),
+			!!E && !D && /* @__PURE__ */ b(i, {
+				type: "secondary",
+				children: E
+			})
+		]
+	});
+}
+w.displayName = "DateRangePicker";
+//#endregion
+//#region src/components/base/date-pickers/month-year-picker.tsx
+function T({ value: u, defaultValue: d, onChange: g, format: y = "yyyy-MM", readableFormat: w = "MMMM yyyy", placeholder: T, label: E, hint: D, error: O, disabled: k = !1, className: A, closeOnSelect: j = !0, translations: M, strings: N, locale: P, header: F, footer: I, fromYear: L, toYear: R }) {
+	let z = (/* @__PURE__ */ new Date()).getFullYear(), [B, V] = _.useState(!1), [H, U] = _.useState(u ?? d), W = P ?? C, G = e(f, N ?? M), K = _.useId(), q = _.useMemo(() => {
+		let e = L ?? 2017, t = R ?? 2035;
+		return Array.from({ length: t - e + 1 }, (t, n) => e + n);
+	}, [L, R]), J = _.useMemo(() => Array.from({ length: 12 }, (e, t) => v(new Date(2e3, t, 1), "MMMM", { locale: W })), [W]);
+	_.useEffect(() => {
+		u !== void 0 && U(u);
+	}, [u]);
+	let Y = _.useCallback((e, t) => {
+		let n = new Date(t, e, 1);
+		return {
+			month: e,
+			year: t,
+			formatted: v(n, y),
+			readable: v(n, w, { locale: W }),
+			date: n
+		};
+	}, [
+		y,
+		w,
+		W
+	]), X = _.useCallback((e) => {
+		U({
+			month: parseInt(String(e), 10),
+			year: H?.year ?? z
+		});
+	}, [H?.year, z]), Z = _.useCallback((e) => {
+		let t = parseInt(String(e), 10);
+		U({
+			month: H?.month ?? 0,
+			year: t
+		});
+	}, [H?.month]), re = _.useCallback(() => {
+		H && (g?.(Y(H.month, H.year)), j && V(!1));
+	}, [
+		H,
+		g,
+		Y,
+		j
+	]), Q = _.useMemo(() => H ? v(new Date(H.year, H.month, 1), w, { locale: W }) : T ?? G.selectMonthYear, [
+		H,
+		w,
+		W,
+		T,
+		G.selectMonthYear
+	]);
+	return /* @__PURE__ */ x("div", {
+		className: t("month-year-picker--component", "flex flex-col gap-2", A),
+		children: [
+			!!E && /* @__PURE__ */ b(r, {
+				htmlFor: K,
+				className: t(O && "text-destructive"),
+				children: E
+			}),
+			/* @__PURE__ */ x(m, {
+				open: B,
+				onOpenChange: V,
+				children: [/* @__PURE__ */ b(h, { render: (e) => /* @__PURE__ */ x(n, {
+					...e,
+					id: K,
+					variant: "secondary",
+					buttonStyle: "outline",
+					"aria-invalid": !!O,
+					className: t("w-full justify-start text-left font-normal", ee, !H && "text-muted-foreground", e.className),
+					disabled: k,
+					children: [/* @__PURE__ */ b(S, { className: "mr-control-gap size-icon" }), Q]
+				}) }), /* @__PURE__ */ x(ne, {
+					className: "w-80 p-0",
+					align: "start",
+					children: [
+						!!F && /* @__PURE__ */ b(te, { config: F }),
+						/* @__PURE__ */ x("div", {
+							className: "p-4 space-y-4",
+							children: [/* @__PURE__ */ x("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ b(r, {
+									htmlFor: "month-select",
+									children: G.month
+								}), /* @__PURE__ */ x(l, {
+									value: H?.month?.toString(),
+									onValueChange: X,
+									disabled: k,
+									children: [/* @__PURE__ */ b(a, {
+										id: "month-select",
+										className: "w-full",
+										children: /* @__PURE__ */ b(c, { placeholder: G.month })
+									}), /* @__PURE__ */ b(s, { children: J.map((e, t) => /* @__PURE__ */ b(o, {
+										value: t.toString(),
+										children: e
+									}, e)) })]
+								})]
+							}), /* @__PURE__ */ x("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ b(r, {
+									htmlFor: "year-select",
+									children: G.year
+								}), /* @__PURE__ */ x(l, {
+									value: H?.year?.toString(),
+									onValueChange: Z,
+									disabled: k,
+									children: [/* @__PURE__ */ b(a, {
+										id: "year-select",
+										className: "w-full",
+										children: /* @__PURE__ */ b(c, { placeholder: G.year })
+									}), /* @__PURE__ */ b(s, { children: q.map((e) => /* @__PURE__ */ b(o, {
+										value: e.toString(),
+										children: e
+									}, e)) })]
+								})]
+							})]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "p-4 pt-0",
+							children: /* @__PURE__ */ b(n, {
+								className: "w-full",
+								onClick: re,
+								disabled: k || !H,
+								children: G.confirm
+							})
+						}),
+						!!I && !!H && /* @__PURE__ */ b(p, {
+							config: I,
+							output: Y(H.month, H.year),
+							hasSelection: !!H,
+							autoSummary: Q
+						})
+					]
+				})]
+			}),
+			!!O && /* @__PURE__ */ b(i, {
+				type: "error",
+				children: O
+			}),
+			!!D && !O && /* @__PURE__ */ b(i, {
+				type: "secondary",
+				children: D
+			})
+		]
+	});
+}
+T.displayName = "MonthYearPicker";
+//#endregion
+export { w as n, T as t };
+
+//# sourceMappingURL=date-pickers-RdbwIhdY.js.map

package/dist/_shared/date-pickers-RdbwIhdY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-pickers-RdbwIhdY.js","names":[],"sources":["../../src/components/base/date-pickers/date-range-picker.tsx","../../src/components/base/date-pickers/month-year-picker.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { Calendar as CalendarIcon } from 'lucide-react';\nimport * as React from 'react';\nimport type { DateRange } from 'react-day-picker';\n\nimport { Button } from '@/components/base/buttons';\nimport { Calendar } from '@/components/ui/calendar';\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverTrigger\n} from '@/components/base/popover';\nimport { Separator } from '@/components/base/display/separator';\nimport { Label, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useStrings } from '@/lib/strings';\n\nimport { DatePickerFooter } from './date-picker-footer';\nimport { DatePickerHeader } from './date-picker-header';\nimport { getDayPickerYearBounds } from './date-picker-helpers';\nimport { PICKER_TRIGGER_CHROME } from './date-picker';\nimport { defaultDatePickerStrings } from './date-pickers.strings';\nimport type { DateRangePickerProps, DateRangeOutput } from './datepicker.types';\nimport { enUS } from 'date-fns/locale';\n\nexport function DateRangePicker({\n\tvalue,\n\tdefaultValue,\n\tonChange,\n\tformat: dateFormat = 'yyyy-MM-dd',\n\treadableFormat = 'PPP',\n\tplaceholder,\n\tlabel,\n\thint,\n\terror,\n\tdisabled = false,\n\tclassName,\n\twithConfirm = false,\n\tnumberOfMonths = 2,\n\tmin,\n\tmax,\n\tcloseOnSelect = true,\n\tcalendarProps,\n\ttranslations,\n\tstrings,\n\tlocale,\n\theader,\n\tfooter,\n\tenableYearDropdown,\n\tyearSelection\n}: DateRangePickerProps) {\n\tconst [open, setOpen] = React.useState(false);\n\tconst [range, setRange] = React.useState<DateRange | undefined>(\n\t\tvalue ?? defaultValue\n\t);\n\n\tconst dateFnsLocale = locale ?? enUS;\n\tconst t = useStrings(defaultDatePickerStrings, strings ?? translations);\n\n\t// Resolve year selection config\n\tconst captionLayout = React.useMemo(() => {\n\t\tif (enableYearDropdown || yearSelection?.enabled) {\n\t\t\treturn 'dropdown' as const;\n\t\t}\n\t\treturn 'label' as const;\n\t}, [enableYearDropdown, yearSelection]);\n\tconst yearBounds = React.useMemo(\n\t\t() => getDayPickerYearBounds(yearSelection),\n\t\t[yearSelection]\n\t);\n\n\t// Sync internal state with controlled value\n\tReact.useEffect(() => {\n\t\tif (value !== undefined) {\n\t\t\tsetRange(value);\n\t\t}\n\t}, [value]);\n\n\t// Helper to create the output object\n\tconst createOutput = React.useCallback(\n\t\t(range: DateRange | undefined): DateRangeOutput => {\n\t\t\tconst options = dateFnsLocale ? { locale: dateFnsLocale } : undefined;\n\t\t\treturn {\n\t\t\t\trange,\n\t\t\t\tformatted: {\n\t\t\t\t\tfrom: range?.from ? format(range.from, dateFormat, options) : undefined,\n\t\t\t\t\tto: range?.to ? format(range.to, dateFormat, options) : undefined,\n\t\t\t\t},\n\t\t\t\treadable: {\n\t\t\t\t\tfrom: range?.from ? format(range.from, readableFormat, options) : undefined,\n\t\t\t\t\tto: range?.to ? format(range.to, readableFormat, options) : undefined,\n\t\t\t\t},\n\t\t\t};\n\t\t},\n\t\t[dateFormat, readableFormat, dateFnsLocale]\n\t);\n\n\t// Handle calendar selection\n\tconst handleSelect = React.useCallback(\n\t\t(newRange: DateRange | undefined) => {\n\t\t\t// Validate min/max constraints if provided\n\t\t\tif (newRange?.from && newRange?.to) {\n\t\t\t\tconst daysDiff = Math.ceil(\n\t\t\t\t\t(newRange.to.getTime() - newRange.from.getTime()) / (1000 * 60 * 60 * 24)\n\t\t\t\t) + 1;\n\n\t\t\t\tif (min && daysDiff < min) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (max && daysDiff > max) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsetRange(newRange);\n\n\t\t\tif (!withConfirm) {\n\t\t\t\tonChange?.(createOutput(newRange));\n\n\t\t\t\tif (closeOnSelect && newRange?.from && newRange?.to) {\n\t\t\t\t\tsetOpen(false);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[withConfirm, onChange, createOutput, min, max, closeOnSelect]\n\t);\n\n\t// Handle confirm button click\n\tconst handleConfirm = React.useCallback(() => {\n\t\tonChange?.(createOutput(range));\n\t\tsetOpen(false);\n\t}, [range, onChange, createOutput]);\n\n\t// Generate button text\n\tconst buttonText = React.useMemo(() => {\n\t\tif (range?.from) {\n\t\t\tif (range.to) {\n\t\t\t\treturn `${format(range.from, readableFormat, { locale: dateFnsLocale })} - ${format(range.to, readableFormat, { locale: dateFnsLocale })}`;\n\t\t\t}\n\t\t\treturn format(range.from, readableFormat, { locale: dateFnsLocale });\n\t\t}\n\t\treturn placeholder ?? t.selectDateRange;\n\t}, [range, readableFormat, dateFnsLocale, placeholder, t.selectDateRange]);\n\n\t// Calculate validation message if needed\n\tconst validationMessage = React.useMemo(() => {\n\t\tif (!range?.from || !range?.to) return null;\n\n\t\tconst daysDiff = Math.ceil(\n\t\t\t(range.to.getTime() - range.from.getTime()) / (1000 * 60 * 60 * 24)\n\t\t) + 1;\n\n\t\tif (min && daysDiff < min) {\n\t\t\treturn t.minimumDays(min);\n\t\t}\n\n\t\tif (max && daysDiff > max) {\n\t\t\treturn t.maximumDays(max);\n\t\t}\n\n\t\treturn null;\n\t}, [range, min, max, t]);\n\n\tconst footerSummary = React.useMemo(() => {\n\t\tif (!range?.from || !range?.to) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\tconst fromText = format(range.from, readableFormat, { locale: dateFnsLocale });\n\t\tconst toText = format(range.to, readableFormat, { locale: dateFnsLocale });\n\n\t\treturn `${fromText} - ${toText}`;\n\t}, [range, readableFormat, dateFnsLocale]);\n\n\treturn (\n\t\t<div className={cn('date-range-picker--component', 'flex flex-col gap-2', className)}>\n\t\t\t{!!label && (\n    <Label\n\t\t\t\t\thtmlFor=\"date-range-picker-trigger\"\n\t\t\t\t\tclassName={cn(error && 'text-destructive')}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</Label>\n  )}\n\n\t\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t\t<PopoverTrigger\n\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\tid=\"date-range-picker-trigger\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\taria-invalid={!!error}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'w-full justify-start text-left font-normal',\n\t\t\t\t\t\t\t\tPICKER_TRIGGER_CHROME,\n\t\t\t\t\t\t\t\t!range && 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t(triggerProps as { className?: string }).className,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CalendarIcon className=\"mr-control-gap size-icon shrink-0\" />\n\t\t\t\t\t\t\t<span className=\"truncate\">{buttonText}</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\n\t\t\t\t<PopoverContent\n\t\t\t\t\tclassName=\"w-auto p-0\"\n\t\t\t\t\talign=\"start\"\n\t\t\t\t>\n\t\t\t\t\t{/* Header */}\n\t\t\t\t\t{!!header && <DatePickerHeader config={header} />}\n\n\t\t\t\t\t<div className=\"flex flex-col\">\n\t\t\t\t\t\t<Calendar\n\t\t\t\t\t\t\tmode=\"range\"\n\t\t\t\t\t\t\tselected={range}\n\t\t\t\t\t\t\tonSelect={handleSelect}\n\t\t\t\t\t\t\tdefaultMonth={range?.from}\n\t\t\t\t\t\t\tnumberOfMonths={numberOfMonths}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\tlocale={dateFnsLocale}\n\t\t\t\t\t\t\tcaptionLayout={captionLayout}\n\t\t\t\t\t\t\tstartMonth={yearBounds.startMonth}\n\t\t\t\t\t\t\tendMonth={yearBounds.endMonth}\n\t\t\t\t\t\t\t{...calendarProps}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{/* Display selected dates and validation */}\n\t\t\t\t\t\t{!!(range?.from || validationMessage || withConfirm || footer) && <>\n\t\t\t\t\t\t\t\t<Separator />\n\t\t\t\t\t\t\t\t<div className=\"flex flex-col gap-3 p-3\">\n\t\t\t\t\t\t\t\t\t{/* Selected date display (only if no footer) */}\n\t\t\t\t\t\t\t\t\t{!!range?.from && !footer && (\n          <div className=\"flex items-center justify-between gap-4\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\">{t.from}:</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{format(range.from, readableFormat, { locale: dateFnsLocale })}\n\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t{!!range.to && (\n            <div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\">{t.to}:</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{format(range.to, readableFormat, { locale: dateFnsLocale })}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n          )}\n\t\t\t\t\t\t\t\t\t\t</div>\n        )}\n\n\t\t\t\t\t\t\t\t\t{/* Validation message */}\n\t\t\t\t\t\t\t\t\t{!!validationMessage && <Text type=\"error\">{validationMessage}</Text>}\n\n\t\t\t\t\t\t\t\t\t{/* Confirm button (only if no footer) */}\n\t\t\t\t\t\t\t\t\t{!!withConfirm && !footer && (\n          <Button\n\t\t\t\t\t\t\t\t\t\t\tonClick={handleConfirm}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={!range?.from || !range?.to || !!validationMessage}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-full\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{t.confirm}\n\t\t\t\t\t\t\t\t\t\t</Button>\n        )}\n\n\t\t\t\t\t\t\t\t\t{/* Custom footer */}\n\t\t\t\t\t\t\t\t\t{!!footer && (\n          <div className=\"-mx-3 -mb-3\">\n\t\t\t\t\t\t\t\t\t\t\t<DatePickerFooter\n\t\t\t\t\t\t\t\t\t\t\t\tconfig={footer}\n\t\t\t\t\t\t\t\t\t\t\t\toutput={createOutput(range)}\n\t\t\t\t\t\t\t\t\t\t\t\thasSelection={!!(range?.from && range?.to)}\n\t\t\t\t\t\t\t\t\t\t\t\tautoSummary={footerSummary}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n        )}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</>}\n\t\t\t\t\t</div>\n\t\t\t\t</PopoverContent>\n\t\t\t</Popover>\n\n\t\t\t{!!error && <Text type=\"error\">{error}</Text>}\n\n\t\t\t{!!hint && !error && <Text type=\"secondary\">{hint}</Text>}\n\t\t</div>\n\t);\n}\n\n// Convenience exports\nexport default DateRangePicker;\nexport type { DateRangePickerProps, DateRangeOutput };\n\nDateRangePicker.displayName = 'DateRangePicker';\n","import { format } from 'date-fns';\nimport { Calendar as CalendarIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverTrigger\n} from '@/components/base/popover';\nimport {\n\tSelect,\n\tSelectContent,\n\tSelectItem,\n\tSelectTrigger,\n\tSelectValue\n} from '@/components/ui/select';\nimport { Label, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useStrings } from '@/lib/strings';\n\nimport { DatePickerFooter } from './date-picker-footer';\nimport { DatePickerHeader } from './date-picker-header';\nimport { PICKER_TRIGGER_CHROME } from './date-picker';\nimport { defaultDatePickerStrings } from './date-pickers.strings';\nimport type { MonthYearPickerProps, MonthYearOutput } from './datepicker.types';\nimport { enUS } from 'date-fns/locale';\n\nexport function MonthYearPicker({\n\tvalue,\n\tdefaultValue,\n\tonChange,\n\tformat: dateFormat = 'yyyy-MM',\n\treadableFormat = 'MMMM yyyy',\n\tplaceholder,\n\tlabel,\n\thint,\n\terror,\n\tdisabled = false,\n\tclassName,\n\tcloseOnSelect = true,\n\ttranslations,\n\tstrings,\n\tlocale,\n\theader,\n\tfooter,\n\tfromYear,\n\ttoYear\n}: MonthYearPickerProps) {\n\tconst currentYear = new Date().getFullYear();\n\tconst [open, setOpen] = React.useState(false);\n\tconst [selection, setSelection] = React.useState<{\n\t\tmonth: number;\n\t\tyear: number;\n\t} | undefined>(value ?? defaultValue);\n\n\tconst dateFnsLocale = locale ?? enUS;\n\tconst t = useStrings(defaultDatePickerStrings, strings ?? translations);\n\tconst triggerId = React.useId();\n\n\t// Year range\n\tconst yearRange = React.useMemo(() => {\n\t\tconst start = fromYear ?? 2017;\n\t\tconst end = toYear ?? 2035;\n\t\treturn Array.from({ length: end - start + 1 }, (_, i) => start + i);\n\t}, [fromYear, toYear]);\n\n\t// Month names (localized)\n\tconst monthNames = React.useMemo(() => {\n\t\treturn Array.from({ length: 12 }, (_, i) => {\n\t\t\tconst date = new Date(2000, i, 1);\n\t\t\treturn format(date, 'MMMM', { locale: dateFnsLocale });\n\t\t});\n\t}, [dateFnsLocale]);\n\n\t// Sync internal state with controlled value\n\tReact.useEffect(() => {\n\t\tif (value !== undefined) {\n\t\t\tsetSelection(value);\n\t\t}\n\t}, [value]);\n\n\t// Helper to create the output object\n\tconst createOutput = React.useCallback(\n\t\t(month: number, year: number): MonthYearOutput => {\n\t\t\tconst date = new Date(year, month, 1);\n\t\t\treturn {\n\t\t\t\tmonth,\n\t\t\t\tyear,\n\t\t\t\tformatted: format(date, dateFormat),\n\t\t\t\treadable: format(date, readableFormat, { locale: dateFnsLocale }),\n\t\t\t\tdate\n\t\t\t};\n\t\t},\n\t\t[dateFormat, readableFormat, dateFnsLocale]\n\t);\n\n\t// Handle selection change\n\tconst handleMonthChange = React.useCallback(\n\t\t(monthValue: unknown) => {\n\t\t\tconst monthStr = String(monthValue);\n\t\t\tconst month = parseInt(monthStr, 10);\n\t\t\tconst year = selection?.year ?? currentYear;\n\t\t\tsetSelection({ month, year });\n\t\t},\n\t\t[selection?.year, currentYear]\n\t);\n\n\tconst handleYearChange = React.useCallback(\n\t\t(yearValue: unknown) => {\n\t\t\tconst yearStr = String(yearValue);\n\t\t\tconst year = parseInt(yearStr, 10);\n\t\t\tconst month = selection?.month ?? 0;\n\t\t\tsetSelection({ month, year });\n\t\t},\n\t\t[selection?.month]\n\t);\n\n\t// Handle confirm button click\n\tconst handleConfirm = React.useCallback(() => {\n\t\tif (selection) {\n\t\t\tonChange?.(createOutput(selection.month, selection.year));\n\t\t\tif (closeOnSelect) {\n\t\t\t\tsetOpen(false);\n\t\t\t}\n\t\t}\n\t}, [selection, onChange, createOutput, closeOnSelect]);\n\n\t// Button display text\n\tconst buttonText = React.useMemo(() => {\n\t\tif (selection) {\n\t\t\tconst date = new Date(selection.year, selection.month, 1);\n\t\t\treturn format(date, readableFormat, { locale: dateFnsLocale });\n\t\t}\n\t\treturn placeholder ?? t.selectMonthYear;\n\t}, [selection, readableFormat, dateFnsLocale, placeholder, t.selectMonthYear]);\n\n\treturn (\n\t\t<div className={cn('month-year-picker--component', 'flex flex-col gap-2', className)}>\n\t\t\t{!!label && (\n\t\t\t\t<Label\n\t\t\t\t\thtmlFor={triggerId}\n\t\t\t\t\tclassName={cn(error && 'text-destructive')}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</Label>\n  )}\n\n\t\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t\t<PopoverTrigger\n\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\taria-invalid={!!error}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'w-full justify-start text-left font-normal',\n\t\t\t\t\t\t\t\tPICKER_TRIGGER_CHROME,\n\t\t\t\t\t\t\t\t!selection && 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t(triggerProps as { className?: string }).className,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CalendarIcon className=\"mr-control-gap size-icon\" />\n\t\t\t\t\t\t\t{buttonText}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\n\t\t\t\t<PopoverContent\n\t\t\t\t\tclassName=\"w-80 p-0\"\n\t\t\t\t\talign=\"start\"\n\t\t\t\t>\n\t\t\t\t\t{/* Header */}\n\t\t\t\t\t{!!header && <DatePickerHeader config={header} />}\n\n\t\t\t\t\t{/* Month and Year Selectors */}\n\t\t\t\t\t<div className=\"p-4 space-y-4\">\n\t\t\t\t\t\t{/* Month Selector */}\n\t\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t\t<Label htmlFor=\"month-select\">{t.month}</Label>\n\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\tvalue={selection?.month?.toString()}\n\t\t\t\t\t\t\t\tonValueChange={handleMonthChange}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<SelectTrigger id=\"month-select\" className=\"w-full\">\n\t\t\t\t\t\t\t\t\t<SelectValue placeholder={t.month} />\n\t\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t\t{monthNames.map((name, index) => (\n\t\t\t\t\t\t\t\t\t\t<SelectItem key={name} value={index.toString()}>\n\t\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Year Selector */}\n\t\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t\t<Label htmlFor=\"year-select\">{t.year}</Label>\n\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\tvalue={selection?.year?.toString()}\n\t\t\t\t\t\t\t\tonValueChange={handleYearChange}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<SelectTrigger id=\"year-select\" className=\"w-full\">\n\t\t\t\t\t\t\t\t\t<SelectValue placeholder={t.year} />\n\t\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t\t{yearRange.map((year) => (\n\t\t\t\t\t\t\t\t\t\t<SelectItem key={year} value={year.toString()}>\n\t\t\t\t\t\t\t\t\t\t\t{year}\n\t\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Confirm Button */}\n\t\t\t\t\t<div className=\"p-4 pt-0\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"w-full\"\n\t\t\t\t\t\t\tonClick={handleConfirm}\n\t\t\t\t\t\t\tdisabled={disabled || !selection}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t.confirm}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Footer */}\n\t\t\t\t\t{!!footer && !!selection && (\n      <DatePickerFooter\n\t\t\t\t\t\t\tconfig={footer}\n\t\t\t\t\t\t\toutput={createOutput(selection.month, selection.year)}\n\t\t\t\t\t\t\thasSelection={!!selection}\n\t\t\t\t\t\t\tautoSummary={buttonText}\n\t\t\t\t\t\t/>\n    )}\n\t\t\t\t</PopoverContent>\n\t\t\t</Popover>\n\n\t\t\t{!!error && <Text type=\"error\">{error}</Text>}\n\n\t\t\t{!!hint && !error && <Text type=\"secondary\">{hint}</Text>}\n\t\t</div>\n\t);\n}\n\n// Convenience export for type\nexport type { MonthYearPickerProps, MonthYearOutput };\n\nMonthYearPicker.displayName = 'MonthYearPicker';\n"],"mappings":"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"}