@modern-admin/ui 0.1.0

package/dist/components/command.d.ts

@@ -0,0 +1,80 @@
+import * as React from 'react';
+import { Dialog } from './dialog.js';
+export declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandDialog: ({ children, ...props }: React.ComponentProps<typeof Dialog>) => React.ReactElement;
+export declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.ReactElement;
+    displayName: string;
+};
+//# sourceMappingURL=command.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../src/components/command.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,MAAM,EAAiB,MAAM,aAAa,CAAA;AAEnD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;sFAYlB,CAAA;AAGF,eAAO,MAAM,aAAa,GAAI,wBAG3B,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,KAAG,KAAK,CAAC,YAQ9C,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;0FAevB,CAAA;AAGF,eAAO,MAAM,WAAW;;;;;;;;sFAStB,CAAA;AAGF,eAAO,MAAM,YAAY;;;;;;uJAKvB,CAAA;AAGF,eAAO,MAAM,YAAY;;;;;;;;;;sFAYvB,CAAA;AAGF,eAAO,MAAM,gBAAgB;;;;;;sFAK3B,CAAA;AAGF,eAAO,MAAM,WAAW;;;;;;;;;;;;sFAYtB,CAAA;AAGF,eAAO,MAAM,eAAe;8BAGzB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG,KAAK,CAAC,YAAY;;CAK5D,CAAA"}

package/dist/components/command.jsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+import { Search } from 'lucide-react';
+import { cn } from '../lib/utils.js';
+import { Dialog, DialogContent } from './dialog.js';
+export const Command = React.forwardRef(({ className, ...props }, ref) => (<CommandPrimitive ref={ref} className={cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground', className)} {...props}/>));
+Command.displayName = CommandPrimitive.displayName;
+export const CommandDialog = ({ children, ...props }) => (<Dialog {...props}>
+    <DialogContent className="overflow-hidden p-0 shadow-lg">
+      <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+        {children}
+      </Command>
+    </DialogContent>
+  </Dialog>);
+export const CommandInput = React.forwardRef(({ className, ...props }, ref) => (<div className="flex items-center border-b border-border px-3" cmdk-input-wrapper="">
+    <Search className="mr-2 h-4 w-4 shrink-0 opacity-50"/>
+    <CommandPrimitive.Input ref={ref} className={cn('flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50', className)} {...props}/>
+  </div>));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+export const CommandList = React.forwardRef(({ className, ...props }, ref) => (<CommandPrimitive.List ref={ref} className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)} {...props}/>));
+CommandList.displayName = CommandPrimitive.List.displayName;
+export const CommandEmpty = React.forwardRef((props, ref) => (<CommandPrimitive.Empty ref={ref} className="py-6 text-center text-sm" {...props}/>));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+export const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (<CommandPrimitive.Group ref={ref} className={cn('overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground', className)} {...props}/>));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+export const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (<CommandPrimitive.Separator ref={ref} className={cn('-mx-1 h-px bg-border/40', className)} {...props}/>));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+export const CommandItem = React.forwardRef(({ className, ...props }, ref) => (<CommandPrimitive.Item ref={ref} className={cn('relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', className)} {...props}/>));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+export const CommandShortcut = ({ className, ...props }) => (<span className={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)} {...props}/>);
+CommandShortcut.displayName = 'CommandShortcut';
+//# sourceMappingURL=command.jsx.map

package/dist/components/command.jsx.map

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

package/dist/components/date-picker.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export type DatePickerMode = 'date' | 'datetime';
+export interface DatePickerProps {
+    value: string | null | undefined;
+    onChange(next: string): void;
+    mode?: DatePickerMode;
+    disabled?: boolean;
+    placeholder?: string;
+    /** Applied to the outer wrapper div (controls width, etc.). */
+    className?: string;
+    /** Applied to the inner text Input — use to override height / font size. */
+    inputClassName?: string;
+    /** ARIA label forwarded to the trigger input (mobile users / screen readers). */
+    ariaLabel?: string;
+    /** ARIA label for the calendar icon button. Default: "Open calendar". */
+    openCalendarLabel?: string;
+    /** Label for the time input shown in datetime mode. Default: "Time". */
+    timeLabel?: string;
+}
+export declare function DatePicker({ value, onChange, mode, disabled, placeholder, className, inputClassName, ariaLabel, openCalendarLabel, timeLabel, }: DatePickerProps): React.ReactElement;
+export declare namespace DatePicker {
+    var displayName: string;
+}
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/components/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../src/components/date-picker.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,CAAA;AAEhD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA2CD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,IAAa,EACb,QAAQ,EACR,WAAW,EACX,SAAS,EACT,cAAc,EACd,SAAS,EACT,iBAAmC,EACnC,SAAkB,GACnB,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAiItC;yBA5Ie,UAAU"}

package/dist/components/date-picker.jsx

@@ -0,0 +1,149 @@
+// Popover-driven date / datetime input. Single picker handles both modes:
+// pass `mode="datetime"` to surface an HH:MM time input below the calendar.
+//
+// Value is an ISO-ish string (`yyyy-MM-dd` for dates, `yyyy-MM-ddTHH:mm` for
+// datetime — same shape <input type="date">/<input type="datetime-local">
+// produce, so callers can stay format-stable). The trigger is a real text
+// input so users can also type the date manually; clicks on the trailing
+// calendar icon open the popover with the inline picker.
+import * as React from 'react';
+import { format, isValid, parse, parseISO } from 'date-fns';
+import { Calendar as CalendarIcon } from 'lucide-react';
+import { cn } from '../lib/utils.js';
+import { Button } from './button.js';
+import { Calendar } from './calendar.js';
+import { Input } from './input.js';
+import { Popover, PopoverContent, PopoverTrigger } from './popover.js';
+const DATE_FMT = 'yyyy-MM-dd';
+const DATETIME_FMT = "yyyy-MM-dd'T'HH:mm";
+// Friendlier display format for the datetime input — space instead of `T`.
+const DATETIME_DISPLAY_FMT = 'yyyy-MM-dd HH:mm';
+function parseValue(value) {
+    if (!value)
+        return undefined;
+    const direct = value.length <= 10 ? parse(value, DATE_FMT, new Date()) : parseISO(value);
+    return Number.isNaN(direct.getTime()) ? undefined : direct;
+}
+/**
+ * Try to parse a manually-typed string in any of the supported shapes.
+ * Returns `undefined` on blank, `null` on invalid (non-blank) input so the
+ * caller can distinguish "cleared" from "typo".
+ */
+function parseTyped(raw, mode) {
+    const trimmed = raw.trim();
+    if (trimmed === '')
+        return undefined;
+    const candidates = mode === 'datetime'
+        ? [DATETIME_FMT, DATETIME_DISPLAY_FMT, "yyyy-MM-dd'T'HH:mm:ss", DATE_FMT]
+        : [DATE_FMT];
+    for (const fmt of candidates) {
+        const parsed = parse(trimmed, fmt, new Date());
+        if (isValid(parsed))
+            return parsed;
+    }
+    // Last resort: ISO with timezone, etc.
+    const iso = parseISO(trimmed);
+    return isValid(iso) ? iso : null;
+}
+function formatForInput(date, mode) {
+    if (!date)
+        return '';
+    return format(date, mode === 'datetime' ? DATETIME_DISPLAY_FMT : DATE_FMT);
+}
+function formatForApi(date, mode) {
+    return format(date, mode === 'datetime' ? DATETIME_FMT : DATE_FMT);
+}
+export function DatePicker({ value, onChange, mode = 'date', disabled, placeholder, className, inputClassName, ariaLabel, openCalendarLabel = 'Open calendar', timeLabel = 'Time', }) {
+    const [open, setOpen] = React.useState(false);
+    const date = parseValue(value);
+    // Local draft for the text input — keeps user typing intact even when
+    // intermediate strings don't yet parse.
+    const [draft, setDraft] = React.useState(() => formatForInput(date, mode));
+    // Re-sync draft whenever the canonical value changes from outside (e.g.
+    // calendar selection or form reset). Compare via formatted shape so a noop
+    // update doesn't clobber what the user is typing.
+    const lastFormatted = React.useRef(formatForInput(date, mode));
+    React.useEffect(() => {
+        const next = formatForInput(date, mode);
+        if (next !== lastFormatted.current) {
+            lastFormatted.current = next;
+            setDraft(next);
+        }
+    }, [value, mode]); // eslint-disable-line react-hooks/exhaustive-deps
+    const time = date ? format(date, 'HH:mm') : '00:00';
+    const commitDate = (next) => {
+        if (!next) {
+            lastFormatted.current = '';
+            setDraft('');
+            onChange('');
+            return;
+        }
+        if (mode === 'datetime') {
+            const [h, m] = time.split(':').map(Number);
+            next.setHours(h ?? 0, m ?? 0, 0, 0);
+        }
+        const formatted = formatForInput(next, mode);
+        lastFormatted.current = formatted;
+        setDraft(formatted);
+        onChange(formatForApi(next, mode));
+    };
+    const setTime = (raw) => {
+        if (!date)
+            return;
+        const [h, m] = raw.split(':').map(Number);
+        const next = new Date(date);
+        next.setHours(h ?? 0, m ?? 0, 0, 0);
+        const formatted = formatForInput(next, mode);
+        lastFormatted.current = formatted;
+        setDraft(formatted);
+        onChange(formatForApi(next, mode));
+    };
+    const handleInputChange = (e) => {
+        const text = e.target.value;
+        setDraft(text);
+        const parsed = parseTyped(text, mode);
+        if (parsed === undefined) {
+            // cleared
+            lastFormatted.current = '';
+            onChange('');
+        }
+        else if (parsed) {
+            lastFormatted.current = formatForInput(parsed, mode);
+            onChange(formatForApi(parsed, mode));
+        }
+        // parsed === null → keep draft, don't fire onChange yet
+    };
+    const handleInputBlur = () => {
+        // On blur, if the draft is invalid, snap back to the canonical value.
+        const parsed = parseTyped(draft, mode);
+        if (parsed === null) {
+            const restored = formatForInput(date, mode);
+            lastFormatted.current = restored;
+            setDraft(restored);
+        }
+    };
+    const inputPlaceholder = placeholder ?? (mode === 'datetime' ? 'YYYY-MM-DD HH:MM' : 'YYYY-MM-DD');
+    return (<Popover open={open} onOpenChange={setOpen}>
+      <div className={cn('relative w-full', className)}>
+        <Input type="text" inputMode="numeric" value={draft} onChange={handleInputChange} onBlur={handleInputBlur} placeholder={inputPlaceholder} disabled={disabled} aria-label={ariaLabel} className={cn(inputClassName, 'pr-10')}/>
+        <PopoverTrigger asChild>
+          <Button type="button" variant="ghost" size="icon" disabled={disabled} aria-label={openCalendarLabel} className="absolute right-1 top-1/2 size-8 -translate-y-1/2 text-muted-foreground hover:text-foreground">
+            <CalendarIcon className="size-4"/>
+          </Button>
+        </PopoverTrigger>
+      </div>
+      <PopoverContent className="w-auto p-0" align="start">
+        <Calendar mode="single" selected={date} defaultMonth={date} onSelect={(d) => {
+            commitDate(d);
+            if (mode === 'date')
+                setOpen(false);
+        }} autoFocus/>
+        {mode === 'datetime' && (<div className="flex items-center gap-2 border-t p-3">
+            <span className="text-xs text-muted-foreground">{timeLabel}</span>
+            <Input type="time" value={time} disabled={!date} onChange={(e) => setTime(e.target.value)} className="h-8 w-32"/>
+          </div>)}
+      </PopoverContent>
+    </Popover>);
+}
+DatePicker.displayName = 'DatePicker';
+//# sourceMappingURL=date-picker.jsx.map

package/dist/components/date-picker.jsx.map

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

package/dist/components/date-range-input.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export interface DateRangeInputLabels {
+    /** Shown in the trigger when nothing is selected. */
+    placeholder?: string;
+    /** "Apply" button inside the popover footer. */
+    apply?: string;
+    /** "Clear" button inside the popover footer + aria-label for the inline X. */
+    clear?: string;
+}
+export interface DateRangeInputProps {
+    from: string | null | undefined;
+    to: string | null | undefined;
+    onChange(from: string, to: string): void;
+    disabled?: boolean;
+    className?: string;
+    labels?: DateRangeInputLabels;
+}
+export declare function DateRangeInput({ from, to, onChange, disabled, className, labels, }: DateRangeInputProps): React.ReactElement;
+export declare namespace DateRangeInput {
+    var displayName: string;
+}
+//# sourceMappingURL=date-range-input.d.ts.map

package/dist/components/date-range-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-input.d.ts","sourceRoot":"","sources":["../../src/components/date-range-input.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,MAAM,WAAW,oBAAoB;IACnC,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAC/B,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,oBAAoB,CAAA;CAC9B;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAW,GACZ,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAoO1C;yBA3Oe,cAAc"}

package/dist/components/date-range-input.jsx

@@ -0,0 +1,202 @@
+// Popover-driven date-range picker.
+// A single trigger button shows the selected range (or placeholder);
+// clicking opens a popover with a two-month Calendar in range mode.
+// On narrow screens the calendar collapses to a single month.
+//
+// UX notes:
+// - The picker NEVER auto-closes on date selection — the user confirms
+//   explicitly via the "Apply" button. This prevents the "first click
+//   closes the picker" bug that occurs when a partial pending range
+//   (from without to) is in state and the next click completes it.
+// - "Clear" inside the popover empties the range and closes.
+// - The X inline in the trigger clears directly without opening the picker.
+// - On open: only a COMPLETE committed range (both ends) is mirrored into
+//   the calendar state so the user can edit from a known baseline.
+//   A committed partial range (from only) resets to blank to avoid
+//   accidentally completing it on the first click.
+// - Escape / click-outside discards in-progress selection and reverts to
+//   the last committed range.
+//
+// i18n-unaware by design: all visible strings are passed via `labels`.
+import * as React from 'react';
+import { addMonths, format, isSameMonth, isValid, parse, parseISO, startOfMonth } from 'date-fns';
+import { CalendarRange, X } from 'lucide-react';
+import { cn } from '../lib/utils.js';
+import { Button } from './button.js';
+import { Calendar } from './calendar.js';
+import { Popover, PopoverContent, PopoverTrigger } from './popover.js';
+const DATE_FMT = 'yyyy-MM-dd';
+const DISPLAY_FMT = 'MMM d, yyyy';
+function parseDate(value) {
+    if (!value)
+        return undefined;
+    const d = value.length <= 10 ? parse(value, DATE_FMT, new Date()) : parseISO(value);
+    return isValid(d) ? d : undefined;
+}
+export function DateRangeInput({ from, to, onChange, disabled, className, labels = {}, }) {
+    const placeholder = labels.placeholder ?? 'Select date range';
+    const applyLabel = labels.apply ?? 'Apply';
+    const clearLabel = labels.clear ?? 'Clear';
+    const [open, setOpen] = React.useState(false);
+    // Calendar selection in progress. Committed to onChange only via Apply.
+    const [pending, setPending] = React.useState(() => {
+        const f = parseDate(from);
+        const t = parseDate(to);
+        // Only restore a complete range on init — partial ranges start fresh.
+        return f && t ? { from: f, to: t } : undefined;
+    });
+    // Keep pending in sync when props change externally (e.g. programmatic reset).
+    React.useEffect(() => {
+        const f = parseDate(from);
+        const t = parseDate(to);
+        setPending(f ?? t ? { from: f, to: t } : undefined);
+    }, [from, to]);
+    // Number of calendar months — 1 on narrow, 2 on wide viewports.
+    const [months, setMonths] = React.useState(() => typeof window !== 'undefined' && window.innerWidth >= 640 ? 2 : 1);
+    React.useEffect(() => {
+        const mq = window.matchMedia('(min-width: 640px)');
+        const handle = (e) => setMonths(e.matches ? 2 : 1);
+        setMonths(mq.matches ? 2 : 1);
+        mq.addEventListener('change', handle);
+        return () => mq.removeEventListener('change', handle);
+    }, []);
+    // Independent navigation for the two-panel layout. Each panel keeps its
+    // own visible month; the dropdowns on the right are constrained to
+    // months >= left (and the left to months <= right) so the panels can
+    // never cross over. State is (re)initialised from the committed range
+    // every time the popover opens (see `handleOpenChange`).
+    const [leftMonth, setLeftMonth] = React.useState(() => {
+        const f = parseDate(from);
+        return startOfMonth(f ?? new Date());
+    });
+    const [rightMonth, setRightMonth] = React.useState(() => {
+        const f = parseDate(from);
+        const t = parseDate(to);
+        const left = startOfMonth(f ?? new Date());
+        return t && !isSameMonth(left, t) ? startOfMonth(t) : addMonths(left, 1);
+    });
+    const handleOpenChange = (next) => {
+        if (next) {
+            // On open: only restore a COMPLETE committed range so the user sees
+            // their previous selection as a starting point. A partial range
+            // (from without to) is intentionally dropped — carrying it over
+            // would cause the very next calendar click to "complete" the range
+            // and trigger an immediate commit + close.
+            const f = parseDate(from);
+            const t = parseDate(to);
+            setPending(f && t ? { from: f, to: t } : undefined);
+            // Re-derive panel navigation from the committed range so reopening
+            // always lands the user on the months they were last looking at —
+            // independently for the left and right panels.
+            const left = startOfMonth(f ?? new Date());
+            const right = t && !isSameMonth(left, t)
+                ? startOfMonth(t)
+                : addMonths(left, 1);
+            setLeftMonth(left);
+            setRightMonth(right);
+        }
+        else {
+            // Closed without Apply (Escape / outside click) — discard in-progress
+            // selection and revert to the last committed values.
+            const f = parseDate(from);
+            const t = parseDate(to);
+            setPending(f ?? t ? { from: f, to: t } : undefined);
+        }
+        setOpen(next);
+    };
+    // Navigation guards. The right panel can never cross above the left's
+    // month, and the left can never cross above the right's. If a user
+    // navigates the LEFT forward past the right (via the prev/next arrow
+    // when the dropdown bounds don't disable it), push the right one month
+    // ahead; symmetric for the right going below the left.
+    const handleLeftMonthChange = (next) => {
+        setLeftMonth(next);
+        if (!isSameMonth(next, rightMonth) && next > rightMonth) {
+            setRightMonth(addMonths(next, 1));
+        }
+    };
+    const handleRightMonthChange = (next) => {
+        setRightMonth(next);
+        if (!isSameMonth(next, leftMonth) && next < leftMonth) {
+            setLeftMonth(addMonths(next, -1));
+        }
+    };
+    // Update the in-progress selection; never auto-commit.
+    const handleSelect = (range) => {
+        setPending(range);
+    };
+    // Commit whatever is pending (at minimum a start date) and close.
+    const handleApply = () => {
+        if (pending?.from) {
+            onChange(format(pending.from, DATE_FMT), pending.to ? format(pending.to, DATE_FMT) : '');
+        }
+        setOpen(false);
+    };
+    // Clear inside the popover: empty the committed range and close.
+    const handleClearPopover = () => {
+        setPending(undefined);
+        onChange('', '');
+        setOpen(false);
+    };
+    // Inline X on the trigger: clear committed range without opening the picker.
+    const handleClearInline = (e) => {
+        e.stopPropagation();
+        setPending(undefined);
+        onChange('', '');
+    };
+    const fromDate = parseDate(from);
+    const toDate = parseDate(to);
+    const hasValue = !!(from || to);
+    const displayText = hasValue
+        ? [
+            fromDate ? format(fromDate, DISPLAY_FMT) : '…',
+            toDate ? format(toDate, DISPLAY_FMT) : '…',
+        ].join(' – ')
+        : null;
+    return (<Popover open={open} onOpenChange={handleOpenChange}>
+      <PopoverTrigger asChild>
+        <Button type="button" variant="outline" disabled={disabled} className={cn('h-9 w-full justify-start gap-2 px-3 font-normal', !hasValue && 'text-muted-foreground', className)}>
+          <CalendarRange className="size-4 shrink-0 opacity-60"/>
+          <span className="flex-1 truncate text-left text-sm">
+            {displayText ?? placeholder}
+          </span>
+          {hasValue && (<span role="button" tabIndex={0} aria-label={clearLabel} onClick={handleClearInline} onKeyDown={(e) => {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    handleClearInline(e);
+                }
+            }} className="ml-1 rounded-sm p-0.5 opacity-50 hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring">
+              <X className="size-3.5"/>
+            </span>)}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-auto p-0" align="start">
+        {months === 2 ? (
+        // Two-panel layout: each Calendar is a fully independent single-
+        // month instance with its own controlled `month` state. The left
+        // panel's dropdowns can't reach past the right panel's month
+        // (and vice versa) thanks to the shared start/end-month bounds.
+        // Range selection still spans both panels because they share
+        // the same `selected` + `onSelect`.
+        <div className="flex flex-col sm:flex-row">
+            <Calendar mode="range" selected={pending} onSelect={handleSelect} numberOfMonths={1} month={leftMonth} onMonthChange={handleLeftMonthChange} endMonth={rightMonth} autoFocus/>
+            <Calendar mode="range" selected={pending} onSelect={handleSelect} numberOfMonths={1} month={rightMonth} onMonthChange={handleRightMonthChange} startMonth={leftMonth}/>
+          </div>) : (<Calendar mode="range" selected={pending} onSelect={handleSelect} numberOfMonths={1} 
+        // react-day-picker doesn't auto-navigate to the selected range on
+        // mount — it stays on today's month. The popover re-mounts the
+        // Calendar each time it opens, so deriving `defaultMonth` from
+        // the (already-restored) pending range puts the user back where
+        // they left off without controlling navigation explicitly.
+        defaultMonth={pending?.from ?? pending?.to ?? undefined} autoFocus/>)}
+        <div className="flex items-center justify-between border-t border-border px-3 py-2">
+          <Button variant="ghost" size="sm" onClick={handleClearPopover}>
+            {clearLabel}
+          </Button>
+          <Button size="sm" onClick={handleApply} disabled={!pending?.from}>
+            {applyLabel}
+          </Button>
+        </div>
+      </PopoverContent>
+    </Popover>);
+}
+DateRangeInput.displayName = 'DateRangeInput';
+//# sourceMappingURL=date-range-input.jsx.map

package/dist/components/date-range-input.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-input.jsx","sourceRoot":"","sources":["../../src/components/date-range-input.tsx"],"names":[],"mappings":"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"}

package/dist/components/dialog.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+export declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+export declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.ReactElement;
+    displayName: string;
+};
+export declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.ReactElement;
+    displayName: string;
+};
+export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,eAAO,MAAM,MAAM,uCAAuB,CAAA;AAC1C,eAAO,MAAM,aAAa,8GAA0B,CAAA;AACpD,eAAO,MAAM,YAAY,6CAAyB,CAAA;AAClD,eAAO,MAAM,WAAW,4GAAwB,CAAA;AAEhD,eAAO,MAAM,aAAa,8JAYxB,CAAA;AAGF,eAAO,MAAM,aAAa,8JAqBxB,CAAA;AAGF,eAAO,MAAM,YAAY;8BAGtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY;;CAK3D,CAAA;AAGD,eAAO,MAAM,YAAY;8BAGtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY;;CAK3D,CAAA;AAGD,eAAO,MAAM,WAAW,oKAStB,CAAA;AAGF,eAAO,MAAM,iBAAiB,8KAS5B,CAAA"}

package/dist/components/dialog.jsx

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
+import { cn } from '../lib/utils.js';
+export const Dialog = DialogPrimitive.Root;
+export const DialogTrigger = DialogPrimitive.Trigger;
+export const DialogPortal = DialogPrimitive.Portal;
+export const DialogClose = DialogPrimitive.Close;
+export const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (<DialogPrimitive.Overlay ref={ref} className={cn('fixed inset-0 z-50 bg-black/60 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className)} {...props}/>));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+export const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (<DialogPortal>
+    <DialogOverlay />
+    <DialogPrimitive.Content ref={ref} className={cn('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-lg', className)} {...props}>
+      {children}
+      <DialogPrimitive.Close className="absolute right-4 top-4 cursor-pointer rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+        <X className="h-4 w-4"/>
+        <span className="sr-only">Close</span>
+      </DialogPrimitive.Close>
+    </DialogPrimitive.Content>
+  </DialogPortal>));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+export const DialogHeader = ({ className, ...props }) => (<div className={cn('flex flex-col gap-1.5 text-center sm:text-left', className)} {...props}/>);
+DialogHeader.displayName = 'DialogHeader';
+export const DialogFooter = ({ className, ...props }) => (<div className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2', className)} {...props}/>);
+DialogFooter.displayName = 'DialogFooter';
+export const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (<DialogPrimitive.Title ref={ref} className={cn('text-lg font-semibold leading-none tracking-tight', className)} {...props}/>));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+export const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (<DialogPrimitive.Description ref={ref} className={cn('text-sm text-muted-foreground', className)} {...props}/>));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+//# sourceMappingURL=dialog.jsx.map