@iamsaroj/smart-ui 0.2.0

package/dist/smart-components/smart-time-picker.js

@@ -0,0 +1,129 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ClockIcon, CalendarClockIcon } from "lucide-react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { Button } from "@iamsaroj/smart-ui/components/button";
+import { Calendar } from "@iamsaroj/smart-ui/components/calendar";
+import { Label } from "@iamsaroj/smart-ui/components/label";
+import { Popover, PopoverContent, PopoverTrigger, } from "@iamsaroj/smart-ui/components/popover";
+const pad = (n) => String(n).padStart(2, "0");
+const range = (n, step = 1) => Array.from({ length: Math.ceil(n / step) }, (_, i) => i * step);
+/** Parse `"HH:mm"` / `"HH:mm:ss"` → parts. Returns `undefined` when empty. */
+const parseTimeString = (value) => {
+    if (!value)
+        return undefined;
+    const [h, m, s] = value.split(":").map((p) => Number.parseInt(p, 10));
+    if (Number.isNaN(h) || Number.isNaN(m))
+        return undefined;
+    return { h, m, s: Number.isNaN(s) ? 0 : s };
+};
+const partsToString = (parts, withSeconds) => withSeconds
+    ? `${pad(parts.h)}:${pad(parts.m)}:${pad(parts.s)}`
+    : `${pad(parts.h)}:${pad(parts.m)}`;
+const formatTimeDisplay = (parts, use12Hour, withSeconds) => {
+    const secondPart = withSeconds ? `:${pad(parts.s)}` : "";
+    if (use12Hour) {
+        const period = parts.h < 12 ? "AM" : "PM";
+        const displayHour = parts.h % 12 || 12;
+        return `${pad(displayHour)}:${pad(parts.m)}${secondPart} ${period}`;
+    }
+    return `${pad(parts.h)}:${pad(parts.m)}${secondPart}`;
+};
+/* -------------------------------------------------------------------------- */
+/*  Shared column UI                                                          */
+/* -------------------------------------------------------------------------- */
+const TimeColumn = ({ values, selected, onSelect, render = pad, }) => (_jsx("div", { className: "no-scrollbar flex max-h-56 flex-col gap-0.5 overflow-y-auto p-1", children: values.map((value) => (_jsx(Button, { size: "icon-sm", variant: value === selected ? "default" : "ghost", className: "w-full shrink-0", onClick: () => onSelect(value), "data-time-selected": value === selected || undefined, children: render(value) }, value))) }));
+/**
+ * Hour / minute (/ second) (/ AM–PM) columns operating on 24-hour `TimeParts`.
+ * Emits complete parts on every change (missing fields default to 0).
+ */
+const TimeColumns = ({ parts, onChange, use12Hour, withSeconds, minuteStep, }) => {
+    const base = parts ?? { h: 0, m: 0, s: 0 };
+    const scrollRef = React.useRef(null);
+    // Scroll the selected cells into view when the panel first shows a value.
+    React.useEffect(() => {
+        scrollRef.current
+            ?.querySelectorAll("[data-time-selected]")
+            .forEach((el) => el.scrollIntoView({ block: "center" }));
+        // Run once on mount — re-scrolling on every keystroke is jarring.
+    }, []);
+    const period = base.h < 12 ? "AM" : "PM";
+    const hour12 = base.h % 12 || 12;
+    const setHour = (value) => {
+        if (use12Hour) {
+            const h = period === "PM" ? (value % 12) + 12 : value % 12;
+            onChange({ ...base, h });
+        }
+        else {
+            onChange({ ...base, h: value });
+        }
+    };
+    const setPeriod = (next) => {
+        const h12 = base.h % 12;
+        onChange({ ...base, h: next === "PM" ? h12 + 12 : h12 });
+    };
+    return (_jsxs("div", { ref: scrollRef, className: "flex divide-x", children: [_jsx(TimeColumn, { values: use12Hour ? range(12).map((n) => n + 1) : range(24), selected: use12Hour ? hour12 : base.h, onSelect: setHour }), _jsx(TimeColumn, { values: range(60, minuteStep), selected: base.m, onSelect: (m) => onChange({ ...base, m }) }), withSeconds && (_jsx(TimeColumn, { values: range(60), selected: base.s, onSelect: (s) => onChange({ ...base, s }) })), use12Hour && (_jsx("div", { className: "flex flex-col gap-0.5 p-1", children: ["AM", "PM"].map((p) => (_jsx(Button, { size: "icon-sm", variant: p === period ? "default" : "ghost", className: "w-full shrink-0", onClick: () => setPeriod(p), children: p }, p))) }))] }));
+};
+const Field = ({ label, description, error, required, optional, fieldClassName, children, }) => {
+    const id = React.useId();
+    const hasHint = error != null || description != null;
+    return (_jsxs("div", { "data-slot": "field", className: cn("flex flex-col gap-1.5", fieldClassName), children: [label != null && (_jsxs(Label, { children: [label, required && (_jsx("span", { className: "text-destructive", "aria-hidden": "true", children: "*" })), optional && (_jsxs("span", { className: "font-normal text-muted-foreground", children: [" ", "(optional)"] }))] })), children, hasHint && (_jsx("p", { id: `${id}-hint`, className: cn("text-xs", error != null ? "text-destructive" : "text-muted-foreground"), children: error ?? description }))] }));
+};
+/**
+ * Popover time picker with hour / minute (optionally seconds, optionally
+ * AM–PM) columns. The value is a 24-hour `"HH:mm"` string regardless of the
+ * `use12Hour` display option.
+ *
+ * ```tsx
+ * <SmartTimePicker label="Start time" value={time} onValueChange={setTime} />
+ * ```
+ */
+export const SmartTimePicker = ({ value, onValueChange, use12Hour = false, withSeconds = false, minuteStep = 1, placeholder = "Pick a time", disabled, className, ...field }) => {
+    const parts = parseTimeString(value);
+    return (_jsx(Field, { ...field, children: _jsxs(Popover, { children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { variant: "outline", disabled: disabled, className: cn("w-full justify-start text-left font-normal", !parts && "text-muted-foreground", className) }), children: [_jsx(ClockIcon, { className: "mr-2 h-4 w-4" }), parts ? (formatTimeDisplay(parts, use12Hour, withSeconds)) : (_jsx("span", { children: placeholder }))] }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsx(TimeColumns, { parts: parts, onChange: (next) => onValueChange?.(partsToString(next, withSeconds)), use12Hour: use12Hour, withSeconds: withSeconds, minuteStep: minuteStep }) })] }) }));
+};
+const formatDateTime = (date, use12Hour, withSeconds) => {
+    const datePart = date.toLocaleDateString(undefined, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+    });
+    const time = formatTimeDisplay({ h: date.getHours(), m: date.getMinutes(), s: date.getSeconds() }, use12Hour, withSeconds);
+    return `${datePart}, ${time}`;
+};
+/**
+ * Combined calendar + time-column picker in a single popover, producing a
+ * single `Date`. Picking a day keeps the current time; picking a time keeps
+ * the current day (defaulting to today when none is set yet).
+ *
+ * ```tsx
+ * <SmartDateTimePicker label="Starts at" value={when} onValueChange={setWhen} />
+ * ```
+ */
+export const SmartDateTimePicker = ({ value, onValueChange, use12Hour = false, withSeconds = false, minuteStep = 1, placeholder = "Pick date & time", disabled, className, ...field }) => {
+    const parts = value
+        ? { h: value.getHours(), m: value.getMinutes(), s: value.getSeconds() }
+        : undefined;
+    const handleDay = (day) => {
+        if (!day) {
+            onValueChange?.(undefined);
+            return;
+        }
+        const next = new Date(day);
+        if (value) {
+            next.setHours(value.getHours(), value.getMinutes(), value.getSeconds(), 0);
+        }
+        else {
+            next.setHours(0, 0, 0, 0);
+        }
+        onValueChange?.(next);
+    };
+    const handleTime = (t) => {
+        const next = value ? new Date(value) : new Date();
+        next.setHours(t.h, t.m, t.s, 0);
+        onValueChange?.(next);
+    };
+    return (_jsx(Field, { ...field, children: _jsxs(Popover, { children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { variant: "outline", disabled: disabled === true, className: cn("w-full justify-start text-left font-normal", !value && "text-muted-foreground", className) }), children: [_jsx(CalendarClockIcon, { className: "mr-2 h-4 w-4" }), value ? (formatDateTime(value, use12Hour, withSeconds)) : (_jsx("span", { children: placeholder }))] }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsxs("div", { className: "flex flex-col sm:flex-row sm:divide-x", children: [_jsx(Calendar, { mode: "single", selected: value, onSelect: handleDay, disabled: disabled }), _jsx(TimeColumns, { parts: parts, onChange: handleTime, use12Hour: use12Hour, withSeconds: withSeconds, minuteStep: minuteStep })] }) })] }) }));
+};
+//# sourceMappingURL=smart-time-picker.js.map

package/dist/smart-components/smart-time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-time-picker.js","sourceRoot":"","sources":["../../src/smart-components/smart-time-picker.tsx"],"names":[],"mappings":"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"}

package/dist/smart-components/smart-time-range-picker.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+export interface TimeRange {
+    /** Start time as 24-hour `"HH:mm"` (or `"HH:mm:ss"` with `withSeconds`). */
+    start?: string;
+    /** End time as 24-hour `"HH:mm"` (or `"HH:mm:ss"` with `withSeconds`). */
+    end?: string;
+}
+export interface SmartTimeRangePickerProps {
+    /** Selected `{ start, end }` range (controlled). */
+    value?: TimeRange;
+    onValueChange?: (range: TimeRange) => void;
+    /** Display (and pick) in 12-hour AM/PM form. Emitted values stay 24-hour. */
+    use12Hour?: boolean;
+    withSeconds?: boolean;
+    minuteStep?: number;
+    disabled?: boolean;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    required?: boolean;
+    optional?: boolean;
+    fieldClassName?: string;
+}
+/**
+ * Paired start / end time pickers producing a `{ start, end }` range. Both
+ * ends share the `use12Hour` / `withSeconds` / `minuteStep` display options.
+ *
+ * ```tsx
+ * <SmartTimeRangePicker
+ *   label="Office hours"
+ *   value={hours}
+ *   onValueChange={setHours}
+ * />
+ * ```
+ */
+export declare const SmartTimeRangePicker: ({ value, onValueChange, use12Hour, withSeconds, minuteStep, disabled, startPlaceholder, endPlaceholder, label, description, error, required, optional, fieldClassName, }: SmartTimeRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-time-range-picker.d.ts.map

package/dist/smart-components/smart-time-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-time-range-picker.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-time-range-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,WAAW,SAAS;IACxB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0EAA0E;IAC1E,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,yBAAyB;IACxC,oDAAoD;IACpD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IAC1C,6EAA6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB,GAAI,0KAelC,yBAAyB,4CA8D3B,CAAA"}

package/dist/smart-components/smart-time-range-picker.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ArrowRightIcon } from "lucide-react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { Label } from "@iamsaroj/smart-ui/components/label";
+import { SmartTimePicker } from "@iamsaroj/smart-ui/smart-components/smart-time-picker";
+/**
+ * Paired start / end time pickers producing a `{ start, end }` range. Both
+ * ends share the `use12Hour` / `withSeconds` / `minuteStep` display options.
+ *
+ * ```tsx
+ * <SmartTimeRangePicker
+ *   label="Office hours"
+ *   value={hours}
+ *   onValueChange={setHours}
+ * />
+ * ```
+ */
+export const SmartTimeRangePicker = ({ value, onValueChange, use12Hour = false, withSeconds = false, minuteStep = 1, disabled, startPlaceholder = "Start", endPlaceholder = "End", label, description, error, required, optional, fieldClassName, }) => {
+    const id = React.useId();
+    const hasHint = error != null || description != null;
+    const hintId = hasHint ? `${id}-hint` : undefined;
+    return (_jsxs("div", { "data-slot": "field", className: cn("flex flex-col gap-1.5", fieldClassName), children: [label != null && (_jsxs(Label, { children: [label, required && (_jsx("span", { className: "text-destructive", "aria-hidden": "true", children: "*" })), optional && (_jsxs("span", { className: "font-normal text-muted-foreground", children: [" ", "(optional)"] }))] })), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SmartTimePicker, { value: value?.start, onValueChange: (start) => onValueChange?.({ ...value, start }), use12Hour: use12Hour, withSeconds: withSeconds, minuteStep: minuteStep, disabled: disabled, placeholder: startPlaceholder, fieldClassName: "flex-1" }), _jsx(ArrowRightIcon, { className: "size-4 shrink-0 text-muted-foreground" }), _jsx(SmartTimePicker, { value: value?.end, onValueChange: (end) => onValueChange?.({ ...value, end }), use12Hour: use12Hour, withSeconds: withSeconds, minuteStep: minuteStep, disabled: disabled, placeholder: endPlaceholder, fieldClassName: "flex-1" })] }), hasHint && (_jsx("p", { id: hintId, className: cn("text-xs", error != null ? "text-destructive" : "text-muted-foreground"), children: error ?? description }))] }));
+};
+//# sourceMappingURL=smart-time-range-picker.js.map

package/dist/smart-components/smart-time-range-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-time-range-picker.js","sourceRoot":"","sources":["../../src/smart-components/smart-time-range-picker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,uDAAuD,CAAA;AA6BvF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,KAAK,EACL,aAAa,EACb,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,CAAC,EACd,QAAQ,EACR,gBAAgB,GAAG,OAAO,EAC1B,cAAc,GAAG,KAAK,EACtB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,GACY,EAAE,EAAE;IAC9B,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,KAAK,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,CAAA;IACpD,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjD,OAAO,CACL,4BACY,OAAO,EACjB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,cAAc,CAAC,aAErD,KAAK,IAAI,IAAI,IAAI,CAChB,MAAC,KAAK,eACH,KAAK,EACL,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,kBAAkB,iBAAa,MAAM,kBAE9C,CACR,EACA,QAAQ,IAAI,CACX,gBAAM,SAAS,EAAC,mCAAmC,aAChD,GAAG,kBAEC,CACR,IACK,CACT,EACD,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,eAAe,IACd,KAAK,EAAE,KAAK,EAAE,KAAK,EACnB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,CAAC,EAC9D,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,gBAAgB,EAC7B,cAAc,EAAC,QAAQ,GACvB,EACF,KAAC,cAAc,IAAC,SAAS,EAAC,uCAAuC,GAAG,EACpE,KAAC,eAAe,IACd,KAAK,EAAE,KAAK,EAAE,GAAG,EACjB,aAAa,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,CAAC,EAC1D,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,cAAc,EAC3B,cAAc,EAAC,QAAQ,GACvB,IACE,EACL,OAAO,IAAI,CACV,YACE,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,EAAE,CACX,SAAS,EACT,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,uBAAuB,CAC7D,YAEA,KAAK,IAAI,WAAW,GACnB,CACL,IACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/smart-components/smart-toaster.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentProps } from "react";
+import { Toaster as SonnerToaster, toast } from "sonner";
+export type SToasterProps = ComponentProps<typeof SonnerToaster>;
+/**
+ * Pre-themed Sonner toaster. Render once near the app root, then call `toast(...)`
+ * anywhere. Colors are mapped to the design tokens so toasts track light/dark.
+ */
+declare const SmartToaster: (props: SToasterProps) => import("react/jsx-runtime").JSX.Element;
+export { SmartToaster, toast };
+//# sourceMappingURL=smart-toaster.d.ts.map

package/dist/smart-components/smart-toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-toaster.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAExD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAA;AAEhE;;;GAGG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,aAAa,4CAoBzC,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAA"}

package/dist/smart-components/smart-toaster.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toaster as SonnerToaster, toast } from "sonner";
+/**
+ * Pre-themed Sonner toaster. Render once near the app root, then call `toast(...)`
+ * anywhere. Colors are mapped to the design tokens so toasts track light/dark.
+ */
+const SmartToaster = (props) => (_jsx(SonnerToaster, { className: "toaster group", toastOptions: {
+        classNames: {
+            toast: "group toast group-[.toaster]:bg-popover group-[.toaster]:text-popover-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg group-[.toaster]:rounded-lg",
+            description: "group-[.toast]:text-muted-foreground",
+            actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground group-[.toast]:rounded-md",
+            cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground group-[.toast]:rounded-md",
+            success: "group-[.toaster]:text-success",
+            error: "group-[.toaster]:text-destructive",
+            warning: "group-[.toaster]:text-warning",
+            info: "group-[.toaster]:text-info",
+        },
+    }, ...props }));
+// eslint-disable-next-line react-refresh/only-export-components
+export { SmartToaster, toast };
+//# sourceMappingURL=smart-toaster.js.map

package/dist/smart-components/smart-toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-toaster.js","sourceRoot":"","sources":["../../src/smart-components/smart-toaster.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAIxD;;;GAGG;AACH,MAAM,YAAY,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,CAC7C,KAAC,aAAa,IACZ,SAAS,EAAC,eAAe,EACzB,YAAY,EAAE;QACZ,UAAU,EAAE;YACV,KAAK,EACH,wKAAwK;YAC1K,WAAW,EAAE,sCAAsC;YACnD,YAAY,EACV,4FAA4F;YAC9F,YAAY,EACV,wFAAwF;YAC1F,OAAO,EAAE,+BAA+B;YACxC,KAAK,EAAE,mCAAmC;YAC1C,OAAO,EAAE,+BAA+B;YACxC,IAAI,EAAE,4BAA4B;SACnC;KACF,KACG,KAAK,GACT,CACH,CAAA;AAED,gEAAgE;AAChE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAA"}

package/dist/smart-components/smart-year-picker.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+export interface SmartYearPickerProps {
+    /** Selected year (controlled). */
+    value?: number;
+    onValueChange?: (value: number) => void;
+    placeholder?: string;
+    /** Earliest selectable year (inclusive). */
+    fromYear?: number;
+    /** Latest selectable year (inclusive). */
+    toYear?: number;
+    disabled?: boolean;
+    /** Class applied to the trigger button. Defaults to full-width. */
+    className?: string;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    required?: boolean;
+    optional?: boolean;
+    fieldClassName?: string;
+}
+/**
+ * Popover year picker — a paged 12-year grid. Produces a numeric year.
+ *
+ * ```tsx
+ * <SmartYearPicker label="Model year" value={year} onValueChange={setYear} />
+ * ```
+ */
+export declare const SmartYearPicker: ({ value, onValueChange, placeholder, fromYear, toYear, disabled, className, label, description, error, required, optional, fieldClassName, }: SmartYearPickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-year-picker.d.ts.map

package/dist/smart-components/smart-year-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-year-picker.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-year-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,MAAM,WAAW,oBAAoB;IACnC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAMD;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAAI,8IAc7B,oBAAoB,4CAsHtB,CAAA"}

package/dist/smart-components/smart-year-picker.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CalendarIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { Button } from "@iamsaroj/smart-ui/components/button";
+import { Label } from "@iamsaroj/smart-ui/components/label";
+import { Popover, PopoverContent, PopoverTrigger, } from "@iamsaroj/smart-ui/components/popover";
+const PAGE_SIZE = 12;
+/** Floor `year` to the start of its 12-year page. */
+const pageStart = (year, fromYear) => fromYear + Math.floor((year - fromYear) / PAGE_SIZE) * PAGE_SIZE;
+/**
+ * Popover year picker — a paged 12-year grid. Produces a numeric year.
+ *
+ * ```tsx
+ * <SmartYearPicker label="Model year" value={year} onValueChange={setYear} />
+ * ```
+ */
+export const SmartYearPicker = ({ value, onValueChange, placeholder = "Pick a year", fromYear = 1970, toYear = new Date().getFullYear() + 10, disabled, className, label, description, error, required, optional, fieldClassName, }) => {
+    const id = React.useId();
+    const hasHint = error != null || description != null;
+    const hintId = hasHint ? `${id}-hint` : undefined;
+    const [open, setOpen] = React.useState(false);
+    const [pageBase, setPageBase] = React.useState(() => pageStart(value ?? new Date().getFullYear(), fromYear));
+    // Snap the visible page to the selected value each time the popover opens.
+    const handleOpenChange = (next) => {
+        if (next && value != null)
+            setPageBase(pageStart(value, fromYear));
+        setOpen(next);
+    };
+    const years = Array.from({ length: PAGE_SIZE }, (_, i) => pageBase + i);
+    const canPrev = pageBase > fromYear;
+    const canNext = pageBase + PAGE_SIZE <= toYear;
+    const select = (year) => {
+        onValueChange?.(year);
+        setOpen(false);
+    };
+    return (_jsxs("div", { "data-slot": "field", className: cn("flex flex-col gap-1.5", fieldClassName), children: [label != null && (_jsxs(Label, { children: [label, required && (_jsx("span", { className: "text-destructive", "aria-hidden": "true", children: "*" })), optional && (_jsxs("span", { className: "font-normal text-muted-foreground", children: [" ", "(optional)"] }))] })), _jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { variant: "outline", disabled: disabled, className: cn("w-full justify-start text-left font-normal", value == null && "text-muted-foreground", className) }), children: [_jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }), value != null ? value : _jsx("span", { children: placeholder })] }), _jsxs(PopoverContent, { className: "w-auto p-3", align: "start", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsx(Button, { size: "icon-sm", variant: "ghost", disabled: !canPrev, onClick: () => setPageBase((b) => b - PAGE_SIZE), "aria-label": "Previous years", children: _jsx(ChevronLeftIcon, { className: "size-4" }) }), _jsxs("span", { className: "text-sm font-medium", children: [years[0], " \u2013 ", years[years.length - 1]] }), _jsx(Button, { size: "icon-sm", variant: "ghost", disabled: !canNext, onClick: () => setPageBase((b) => b + PAGE_SIZE), "aria-label": "Next years", children: _jsx(ChevronRightIcon, { className: "size-4" }) })] }), _jsx("div", { className: "grid grid-cols-3 gap-1", children: years.map((year) => {
+                                    const outOfRange = year < fromYear || year > toYear;
+                                    return (_jsx(Button, { size: "sm", variant: year === value ? "default" : "ghost", className: "w-16", disabled: outOfRange, onClick: () => select(year), children: year }, year));
+                                }) })] })] }), hasHint && (_jsx("p", { id: hintId, className: cn("text-xs", error != null ? "text-destructive" : "text-muted-foreground"), children: error ?? description }))] }));
+};
+//# sourceMappingURL=smart-year-picker.js.map

package/dist/smart-components/smart-year-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-year-picker.js","sourceRoot":"","sources":["../../src/smart-components/smart-year-picker.tsx"],"names":[],"mappings":"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"}

package/dist/smart-components/spinner.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from "react";
+export interface SSpinnerProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Pixel size of the spinner. Defaults to `16`. */
+    size?: number;
+    /** Accessible label announced to screen readers. */
+    label?: string;
+}
+/** A dependency-free, token-aware loading spinner. */
+export declare const SmartSpinner: ({ className, size, label, style, ...props }: SSpinnerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=spinner.d.ts.map

package/dist/smart-components/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/smart-components/spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,eAAe,CAAC;IACpE,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,sDAAsD;AACtD,eAAO,MAAM,YAAY,GAAI,6CAM1B,aAAa,4CAWf,CAAA"}

package/dist/smart-components/spinner.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+/** A dependency-free, token-aware loading spinner. */
+export const SmartSpinner = ({ className, size = 16, label = "Loading", style, ...props }) => (_jsx("span", { role: "status", "aria-label": label, className: cn("inline-block animate-spin rounded-full border-2 border-current border-t-transparent align-[-0.125em]", className), style: { width: size, height: size, ...style }, ...props }));
+//# sourceMappingURL=spinner.js.map

package/dist/smart-components/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../src/smart-components/spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AAUjD,sDAAsD;AACtD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,SAAS,EACjB,KAAK,EACL,GAAG,KAAK,EACM,EAAE,EAAE,CAAC,CACnB,eACE,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,sGAAsG,EACtG,SAAS,CACV,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,KAC1C,KAAK,GACT,CACH,CAAA"}

package/dist/transfer-list-engine/index.d.ts

@@ -0,0 +1,5 @@
+export { SmartTransferList } from "./transfer-list";
+export type { SmartTransferListProps } from "./transfer-list";
+export type { TransferItem, TransferSide, TransferSize, TransferDirection, TransferChangeMeta, SmartTransferListHandle, } from "./types";
+export { getItemText, matchesQuery, filterItems, partitionItems, addToTarget, removeFromTarget, movableIds, } from "./transfer-utils";
+//# sourceMappingURL=index.d.ts.map

package/dist/transfer-list-engine/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/transfer-list-engine/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,YAAY,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAE7D,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,SAAS,CAAA;AAEhB,OAAO,EACL,WAAW,EACX,YAAY,EACZ,WAAW,EACX,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,UAAU,GACX,MAAM,kBAAkB,CAAA"}

package/dist/transfer-list-engine/index.js

@@ -0,0 +1,3 @@
+export { SmartTransferList } from "./transfer-list";
+export { getItemText, matchesQuery, filterItems, partitionItems, addToTarget, removeFromTarget, movableIds, } from "./transfer-utils";
+//# sourceMappingURL=index.js.map

package/dist/transfer-list-engine/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/transfer-list-engine/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAYnD,OAAO,EACL,WAAW,EACX,YAAY,EACZ,WAAW,EACX,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,UAAU,GACX,MAAM,kBAAkB,CAAA"}

package/dist/transfer-list-engine/transfer-list.d.ts

@@ -0,0 +1,53 @@
+import * as React from "react";
+import type { SmartTransferListHandle, TransferChangeMeta, TransferItem, TransferSide, TransferSize } from "./types";
+export interface SmartTransferListProps<T = unknown> {
+    /** Every item across both lists, keyed by `id`. */
+    items: TransferItem<T>[];
+    /** Controlled ids currently in the target (right) list. */
+    targetIds?: string[];
+    /** Uncontrolled initial target ids. Ignored when `targetIds` is set. */
+    defaultTargetIds?: string[];
+    /** Called whenever items move, with the next target ids and what changed. */
+    onChange?: (targetIds: string[], meta: TransferChangeMeta<T>) => void;
+    /** Heading over each list. */
+    sourceTitle?: React.ReactNode;
+    targetTitle?: React.ReactNode;
+    /** Per-list search inputs. Default `true`. */
+    searchable?: boolean;
+    sourceSearchPlaceholder?: string;
+    targetSearchPlaceholder?: string;
+    /** Show the move-all (double-chevron) buttons. Default `true`. */
+    showMoveAll?: boolean;
+    /**
+     * When `true` (default) the target keeps the order items were moved across;
+     * when `false` it mirrors the canonical `items` order.
+     */
+    preserveTargetOrder?: boolean;
+    /** Show the `n / total` counts in each header. Default `true`. */
+    showCount?: boolean;
+    /** Row density. Default `md`. */
+    size?: TransferSize;
+    /** Height of each scrollable list. Default `16rem`. */
+    listHeight?: number | string;
+    /** Disable the whole control. */
+    disabled?: boolean;
+    /** Render a custom row body (icon/checkbox/layout stay tree-managed). */
+    renderItem?: (item: TransferItem<T>, side: TransferSide) => React.ReactNode;
+    /** Placeholder shown when a list is empty. */
+    sourceEmpty?: React.ReactNode;
+    targetEmpty?: React.ReactNode;
+    className?: string;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    required?: boolean;
+    id?: string;
+}
+/**
+ * `forwardRef` erases generics, so we cast the wrapped component back to a
+ * generic-preserving signature — same pattern as `SmartServerGrid`.
+ */
+export declare const SmartTransferList: <T = unknown>(props: SmartTransferListProps<T> & {
+    ref?: React.ForwardedRef<SmartTransferListHandle>;
+}) => React.ReactElement;
+//# sourceMappingURL=transfer-list.d.ts.map

package/dist/transfer-list-engine/transfer-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer-list.d.ts","sourceRoot":"","sources":["../../src/transfer-list-engine/transfer-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,OAAO,KAAK,EACV,uBAAuB,EACvB,kBAAkB,EAClB,YAAY,EACZ,YAAY,EACZ,YAAY,EACb,MAAM,SAAS,CAAA;AAiChB,MAAM,WAAW,sBAAsB,CAAC,CAAC,GAAG,OAAO;IACjD,mDAAmD;IACnD,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;IAExB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IAErE,8BAA8B;IAC9B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE7B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAEhC,kEAAkE;IAClE,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,iCAAiC;IACjC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE5B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,yEAAyE;IACzE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAA;IAE3E,8CAA8C;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AA0fD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAA+C,CAC3E,CAAC,GAAG,OAAO,EAEX,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG;IACjC,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,CAAA;CAClD,KACE,KAAK,CAAC,YAAY,CAAA"}