@leonardaustin/ui 0.1.0

package/dist/components/ui/AuthorByline.d.ts

@@ -0,0 +1,57 @@
+/**
+ * AuthorByline — avatar + author name + metadata (date, read time, etc.).
+ *
+ * A compact author attribution row used in blog posts and content pages.
+ * Displays the author's avatar alongside their name and an optional
+ * secondary line of metadata (typically a date and read time).
+ *
+ * Two sizes are available:
+ * - `"sm"` (default) — 10px text, used in blog cards and compact contexts
+ * - `"md"` — 12px name / 10px meta, used in article pages and content sections
+ *
+ * @example Blog card (compact)
+ * ```tsx
+ * <AuthorByline
+ *   name="Alex Chen"
+ *   meta="Apr 5, 2026 · 4 min read"
+ * />
+ * ```
+ *
+ * @example Article page (larger)
+ * ```tsx
+ * <AuthorByline
+ *   size="md"
+ *   name="Alex Chen"
+ *   meta="Apr 5, 2026 · 4 min read"
+ *   nameAppend={
+ *     <span className="text-text-tertiary font-normal"> · Staff Engineer</span>
+ *   }
+ * />
+ * ```
+ */
+import type { ReactNode } from "react";
+interface AuthorBylineProps {
+    /** Author display name. */
+    name: string;
+    /**
+     * Secondary metadata string displayed below the name.
+     * Typically "Apr 5, 2026 · 4 min read".
+     */
+    meta?: string;
+    /**
+     * Optional content appended after the name on the same line.
+     * Useful for displaying a role or badge inline with the name.
+     */
+    nameAppend?: ReactNode;
+    /**
+     * Text size variant.
+     * - "sm" (default): text-2xs for both name and meta — used in cards
+     * - "md": text-xs name / text-2xs meta — used in article and content pages
+     */
+    size?: "sm" | "md";
+    /** Additional utility classes for the root container. */
+    className?: string;
+}
+export declare function AuthorByline({ name, meta, nameAppend, size, className, }: AuthorBylineProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AuthorByline.d.ts.map

package/dist/components/ui/AuthorByline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthorByline.d.ts","sourceRoot":"","sources":["../../../src/components/ui/AuthorByline.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,UAAU,iBAAiB;IACzB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,IAAW,EACX,SAAS,GACV,EAAE,iBAAiB,2CAoBnB"}

package/dist/components/ui/Avatar.d.ts

@@ -0,0 +1,8 @@
+export interface AvatarProps {
+    name: string;
+    src?: string;
+    size?: "xs" | "sm" | "md" | "lg";
+    className?: string;
+}
+export declare function Avatar({ name, src, size, className }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/ui/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Avatar.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAW,EAAE,SAAS,EAAE,EAAE,WAAW,2CAsBxE"}

package/dist/components/ui/Badge.d.ts

@@ -0,0 +1,10 @@
+export type BadgeColor = "green" | "yellow" | "red" | "blue" | "purple" | "gray";
+interface BadgeProps {
+    color?: BadgeColor;
+    dot?: boolean;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function Badge({ color, dot, children, className, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/ui/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Badge.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAClB,OAAO,GACP,QAAQ,GACR,KAAK,GACL,MAAM,GACN,QAAQ,GACR,MAAM,CAAC;AAEX,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,KAAK,CAAC,EACpB,KAAc,EACd,GAAG,EACH,QAAQ,EACR,SAAS,GACV,EAAE,UAAU,2CAiBZ"}

package/dist/components/ui/Button.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Button — the primary interactive element across the template.
+ *
+ * Supports five visual variants, three sizes, loading states, and
+ * responsive icon+label patterns via the `icon` prop.
+ *
+ * ## Responsive icon+label pattern
+ *
+ * Many toolbar buttons show an icon on all screens but only reveal the
+ * text label on larger breakpoints. Instead of manually wrapping children
+ * in `<span className="hidden sm:inline">`, use the `icon` prop:
+ *
+ * ```tsx
+ * // Icon always visible, label hidden below `sm` (640px)
+ * <Button icon={Trash2} hideLabel>Delete</Button>
+ *
+ * // Icon always visible, label hidden below `lg` (1024px)
+ * <Button icon={MailOpen} hideLabel="lg">Read</Button>
+ *
+ * // Icon always visible, label always visible (no hiding)
+ * <Button icon={Plus}>New Item</Button>
+ * ```
+ *
+ * This replaces the old pattern of:
+ * ```tsx
+ * <Button>
+ *   <Trash2 className="h-3.5 w-3.5" />
+ *   <span className="hidden sm:inline">Delete</span>
+ * </Button>
+ * ```
+ *
+ * When `hideLabel` is set and the label is hidden, the button's horizontal
+ * padding automatically shrinks on small screens so it doesn't look
+ * unbalanced as an icon-only button.
+ */
+import { type ButtonHTMLAttributes, type ElementType, type ReactNode } from "react";
+type Variant = "primary" | "secondary" | "danger" | "ghost" | "icon";
+type Size = "sm" | "md" | "lg";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: Variant;
+    size?: Size;
+    loading?: boolean;
+    /**
+     * Optional Lucide icon component rendered before children.
+     * Pass the component itself (e.g. `Trash2`), not JSX.
+     * The icon is always visible regardless of `hideLabel`.
+     */
+    icon?: ElementType;
+    /**
+     * When set, hides the label text below the given breakpoint.
+     * - `true` or `"sm"` — label hidden below 640px (most common)
+     * - `"md"` — label hidden below 768px
+     * - `"lg"` — label hidden below 1024px
+     *
+     * Only meaningful when both `icon` and `children` are provided.
+     * On small screens the button renders as icon-only with tighter padding.
+     */
+    hideLabel?: boolean | "sm" | "md" | "lg";
+    children?: ReactNode;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/ui/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACrE,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/B,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA8CD,eAAO,MAAM,MAAM,2GAyDlB,CAAC"}

package/dist/components/ui/CalendarGrid.d.ts

@@ -0,0 +1,23 @@
+interface CalendarGridProps {
+    /** Currently displayed month (year, month). */
+    year: number;
+    month: number;
+    /** The single selected date (for single pickers). */
+    selected?: Date | null;
+    /** Start of a selected range. */
+    rangeStart?: Date | null;
+    /** End of a selected range. */
+    rangeEnd?: Date | null;
+    /** Date currently being hovered during range selection. */
+    hoverDate?: Date | null;
+    onSelect: (date: Date) => void;
+    onMonthChange: (year: number, month: number) => void;
+    onHover?: (date: Date | null) => void;
+    /** Minimum selectable date. */
+    minDate?: Date;
+    /** Maximum selectable date. */
+    maxDate?: Date;
+}
+export declare function CalendarGrid({ year, month, selected, rangeStart, rangeEnd, hoverDate, onSelect, onMonthChange, onHover, minDate, maxDate, }: CalendarGridProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CalendarGrid.d.ts.map

package/dist/components/ui/CalendarGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarGrid.d.ts","sourceRoot":"","sources":["../../../src/components/ui/CalendarGrid.tsx"],"names":[],"mappings":"AAsBA,UAAU,iBAAiB;IACzB,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,iCAAiC;IACjC,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,+BAA+B;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,+BAA+B;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB;AA2BD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,OAAO,EACP,OAAO,EACP,OAAO,GACR,EAAE,iBAAiB,2CA8KnB"}

package/dist/components/ui/Card.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+export interface CardProps {
+    children: ReactNode;
+    className?: string;
+    header?: ReactNode;
+    footer?: ReactNode;
+}
+export declare function Card({ children, className, header, footer }: CardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/ui/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,SAAS,2CAmBtE"}

package/dist/components/ui/Checkbox.d.ts

@@ -0,0 +1,10 @@
+export interface CheckboxProps {
+    checked: boolean;
+    indeterminate?: boolean;
+    onChange: (checked: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function Checkbox({ checked, indeterminate, onChange, label, disabled, className, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/ui/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Checkbox.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,aAAa,EACb,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,2CAgCf"}

package/dist/components/ui/Combobox.d.ts

@@ -0,0 +1,15 @@
+interface ComboboxOption {
+    value: string;
+    label: string;
+}
+interface ComboboxProps {
+    options: ComboboxOption[];
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    label?: string;
+    className?: string;
+}
+export declare function Combobox({ options, value, onChange, placeholder, label, className, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/components/ui/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Combobox.tsx"],"names":[],"mappings":"AAOA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,aAAa;IACrB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAyB,EACzB,KAAK,EACL,SAAS,GACV,EAAE,aAAa,2CA4Jf"}

package/dist/components/ui/DangerZone.d.ts

@@ -0,0 +1,40 @@
+/**
+ * DangerZone — a red-highlighted section for destructive actions.
+ *
+ * Used at the bottom of settings pages to visually separate destructive
+ * operations (like account deletion) from regular settings. The red heading
+ * and top border create a clear visual warning.
+ *
+ * @example
+ * ```tsx
+ * <DangerZone
+ *   title="Danger Zone"
+ *   description="Once you delete your account, there is no going back."
+ * >
+ *   <Button variant="danger" onClick={() => setDeleteOpen(true)}>
+ *     Delete Account
+ *   </Button>
+ * </DangerZone>
+ * ```
+ */
+import type { ReactNode } from "react";
+interface DangerZoneProps {
+    /**
+     * Section heading.
+     * Defaults to "Danger Zone" — the universal convention for destructive
+     * action sections in settings UIs.
+     */
+    title?: string;
+    /** Warning text displayed below the heading. */
+    description?: string;
+    /**
+     * The destructive action control(s) — typically a danger Button
+     * that opens a confirmation dialog.
+     */
+    children: ReactNode;
+    /** Additional utility classes for the root container. */
+    className?: string;
+}
+export declare function DangerZone({ title, description, children, className, }: DangerZoneProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DangerZone.d.ts.map

package/dist/components/ui/DangerZone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DangerZone.d.ts","sourceRoot":"","sources":["../../../src/components/ui/DangerZone.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,eAAe;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAqB,EACrB,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,2CAUjB"}

package/dist/components/ui/DatePicker.d.ts

@@ -0,0 +1,11 @@
+interface DatePickerProps {
+    label?: string;
+    value: Date | null;
+    onChange: (date: Date | null) => void;
+    placeholder?: string;
+    /** Format function for display. Defaults to "MMM D, YYYY". */
+    format?: (date: Date) => string;
+}
+export declare function DatePicker({ label, value, onChange, placeholder, format, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/ui/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/DatePicker.tsx"],"names":[],"mappings":"AASA,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CACjC;AAoBD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAA8B,EAC9B,MAAsB,GACvB,EAAE,eAAe,2CAkFjB"}

package/dist/components/ui/DateRangePicker.d.ts

@@ -0,0 +1,13 @@
+export interface DateRange {
+    start: Date | null;
+    end: Date | null;
+}
+interface DateRangePickerProps {
+    label?: string;
+    value: DateRange;
+    onChange: (range: DateRange) => void;
+    placeholder?: string;
+}
+export declare function DateRangePicker({ label, value, onChange, placeholder, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DateRangePicker.d.ts.map

package/dist/components/ui/DateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/DateRangePicker.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;CAClB;AAED,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA6BD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAoC,GACrC,EAAE,oBAAoB,2CAqLtB"}

package/dist/components/ui/DateTimePicker.d.ts

@@ -0,0 +1,9 @@
+interface DateTimePickerProps {
+    label?: string;
+    value: Date | null;
+    onChange: (date: Date | null) => void;
+    placeholder?: string;
+}
+export declare function DateTimePicker({ label, value, onChange, placeholder, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DateTimePicker.d.ts.map

package/dist/components/ui/DateTimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/DateTimePicker.tsx"],"names":[],"mappings":"AASA,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA8CD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAqC,GACtC,EAAE,mBAAmB,2CA6MrB"}

package/dist/components/ui/DetailPanel.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from "react";
+interface DetailPanelProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    children: ReactNode;
+    className?: string;
+    /** Allow horizontal resize via drag handle. Default true. */
+    resizable?: boolean;
+    /** Default width in px when the panel opens. */
+    defaultWidth?: number;
+    /** Minimum width in px during resize. */
+    minWidth?: number;
+    /** Maximum width in px during resize. */
+    maxWidth?: number;
+}
+export declare function DetailPanel({ open, onClose, title, children, className, resizable, defaultWidth, minWidth, maxWidth, }: DetailPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DetailPanel.d.ts.map

package/dist/components/ui/DetailPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/DetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,UAAU,gBAAgB;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAgB,EAChB,YAA4B,EAC5B,QAAoB,EACpB,QAAoB,GACrB,EAAE,gBAAgB,2CAqFlB"}

package/dist/components/ui/Dialog.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode } from "react";
+export interface DialogProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    children: ReactNode;
+    /**
+     * Optional footer rendered below the children.
+     * Typically used with `<DialogActions>` for Cancel + Confirm buttons,
+     * but can be any ReactNode.
+     *
+     * @example
+     * ```tsx
+     * <Dialog
+     *   open={open}
+     *   onClose={close}
+     *   title="Confirm"
+     *   footer={<DialogActions onCancel={close} onConfirm={handle} />}
+     * >
+     *   <p>Are you sure?</p>
+     * </Dialog>
+     * ```
+     */
+    footer?: ReactNode;
+    className?: string;
+}
+export declare function Dialog({ open, onClose, title, children, footer, className, }: DialogProps): import("react").ReactPortal | null;
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/components/ui/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQjE,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;;;;;;;;;;OAgBG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,WAAW,sCA2Db"}

package/dist/components/ui/DialogActions.d.ts

@@ -0,0 +1,52 @@
+/**
+ * DialogActions — a right-aligned button footer for dialogs.
+ *
+ * Provides a consistent Cancel + Confirm button layout used inside
+ * `<Dialog>` components. The confirm button supports all `Button` variants
+ * so it can be used for destructive confirmations (variant="danger") or
+ * standard confirmations (variant="primary").
+ *
+ * @example Standard confirmation
+ * ```tsx
+ * <Dialog open={open} onClose={() => setOpen(false)} title="Confirm">
+ *   <p>Are you sure?</p>
+ *   <DialogActions
+ *     onCancel={() => setOpen(false)}
+ *     onConfirm={handleConfirm}
+ *     confirmLabel="Confirm"
+ *   />
+ * </Dialog>
+ * ```
+ *
+ * @example Destructive action
+ * ```tsx
+ * <DialogActions
+ *   onCancel={() => setOpen(false)}
+ *   onConfirm={handleDelete}
+ *   confirmLabel="Delete Account"
+ *   confirmVariant="danger"
+ * />
+ * ```
+ */
+import { type ButtonProps } from "./Button";
+interface DialogActionsProps {
+    /** Called when the Cancel button is clicked. */
+    onCancel: () => void;
+    /** Called when the Confirm button is clicked. */
+    onConfirm: () => void;
+    /** Label for the cancel button. Defaults to "Cancel". */
+    cancelLabel?: string;
+    /** Label for the confirm button. Defaults to "Confirm". */
+    confirmLabel?: string;
+    /**
+     * Visual variant for the confirm button.
+     * Use "danger" for destructive actions like deleting an account.
+     * Defaults to "primary".
+     */
+    confirmVariant?: ButtonProps["variant"];
+    /** Additional utility classes for the root container. */
+    className?: string;
+}
+export declare function DialogActions({ onCancel, onConfirm, cancelLabel, confirmLabel, confirmVariant, className, }: DialogActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DialogActions.d.ts.map

package/dist/components/ui/DialogActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogActions.d.ts","sourceRoot":"","sources":["../../../src/components/ui/DialogActions.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAGH,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,UAAU,kBAAkB;IAC1B,gDAAgD;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACxC,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,WAAsB,EACtB,YAAwB,EACxB,cAA0B,EAC1B,SAAS,GACV,EAAE,kBAAkB,2CAWpB"}

package/dist/components/ui/DividerLabel.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+export interface DividerLabelProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare function DividerLabel({ children, className }: DividerLabelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DividerLabel.d.ts.map

package/dist/components/ui/DividerLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividerLabel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/DividerLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAatE"}

package/dist/components/ui/DropdownMenu.d.ts

@@ -0,0 +1,27 @@
+import { type ReactNode } from "react";
+interface DropdownContentItem {
+    label: string;
+    icon?: ReactNode;
+    shortcut?: string;
+    checked?: boolean;
+    onClick: () => void;
+    danger?: boolean;
+    divider?: false;
+}
+interface DropdownDivider {
+    divider: true;
+}
+export type DropdownItem = DropdownContentItem | DropdownDivider;
+interface DropdownMenuProps {
+    trigger: ReactNode;
+    items: DropdownItem[];
+    align?: "left" | "right";
+}
+/**
+ * Menu whose panel portals to document.body. Position is captured from the
+ * trigger rect at open time and not recomputed, so it does not reposition on
+ * scroll/resize while open.
+ */
+export declare function DropdownMenu({ trigger, items, align, }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/components/ui/DropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,UAAU,eAAe;IACvB,OAAO,EAAE,IAAI,CAAC;CACf;AAED,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG,eAAe,CAAC;AAEjE,UAAU,iBAAiB;IACzB,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,KAAe,GAChB,EAAE,iBAAiB,2CAsInB"}

package/dist/components/ui/EmptyState.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+interface EmptyStateProps {
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    action?: ReactNode;
+    className?: string;
+}
+export declare function EmptyState({ icon, title, description, action, className, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/components/ui/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/ui/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,eAAe,2CAoBjB"}

package/dist/components/ui/ErrorBoundary.d.ts

@@ -0,0 +1,16 @@
+import { Component, type ErrorInfo, type ReactNode } from "react";
+interface Props {
+    children: ReactNode;
+}
+interface State {
+    hasError: boolean;
+    error: Error | null;
+}
+export declare class ErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+}
+export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/components/ui/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlE,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IACxD,KAAK,EAAE,KAAK,CAAoC;IAEhD,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IAIpD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS;IAQ/C,MAAM;CAwBP"}

package/dist/components/ui/FilterButton.d.ts

@@ -0,0 +1,47 @@
+/**
+ * FilterButton — a compact toolbar trigger button for dropdown filters.
+ *
+ * This is visually distinct from `<Button>` — it uses a secondary background
+ * with a subtle border, designed to sit in toolbars as the trigger element
+ * for `<DropdownMenu>`. The label text hides on small screens, leaving just
+ * the icon for a compact mobile experience.
+ *
+ * @example As a DropdownMenu trigger
+ * ```tsx
+ * <DropdownMenu
+ *   trigger={
+ *     <FilterButton icon={Filter}>
+ *       Role{roleFilter !== "All" ? `: ${roleFilter}` : ""}
+ *     </FilterButton>
+ *   }
+ *   items={...}
+ * />
+ * ```
+ *
+ * @example Fixed width (prevents reflow when label changes)
+ * ```tsx
+ * <FilterButton icon={LayoutGrid} className="w-[110px]">
+ *   Cards
+ * </FilterButton>
+ * ```
+ */
+import { type ElementType, type ReactNode } from "react";
+interface FilterButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * A Lucide icon component rendered at 14px (h-3.5 w-3.5).
+     * Pass the component itself, not a JSX element.
+     */
+    icon: ElementType;
+    /**
+     * Label text — hidden on small screens (`sm:inline`) so the button
+     * degrades gracefully to an icon-only state on mobile.
+     */
+    children?: ReactNode;
+}
+/**
+ * Uses `forwardRef` so the button works correctly as a `<DropdownMenu>`
+ * trigger, which may need to attach a ref for positioning.
+ */
+export declare const FilterButton: import("react").ForwardRefExoticComponent<FilterButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=FilterButton.d.ts.map

package/dist/components/ui/FilterButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/FilterButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAAc,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrE,UAAU,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC/E;;;OAGG;IACH,IAAI,EAAE,WAAW,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,iHAyBxB,CAAC"}

package/dist/components/ui/FilterDropdown.d.ts

@@ -0,0 +1,50 @@
+/**
+ * FilterDropdown — a convenience wrapper combining FilterButton + DropdownMenu.
+ *
+ * Since FilterButton is almost always used as the trigger for a DropdownMenu,
+ * this component merges both into a single API, reducing ~5 lines per usage.
+ *
+ * @example
+ * ```tsx
+ * <FilterDropdown
+ *   icon={Filter}
+ *   items={roleOptions.map((r) => ({
+ *     label: r,
+ *     checked: roleFilter === r,
+ *     onClick: () => setRoleFilter(r),
+ *   }))}
+ * >
+ *   Role{roleFilter !== "All" ? `: ${roleFilter}` : ""}
+ * </FilterDropdown>
+ * ```
+ *
+ * @example With alignment
+ * ```tsx
+ * <FilterDropdown icon={LayoutGrid} align="right" className="w-[110px]" items={items}>
+ *   Cards
+ * </FilterDropdown>
+ * ```
+ */
+import type { ComponentProps, ElementType, ReactNode } from "react";
+import { DropdownMenu } from "./DropdownMenu";
+interface FilterDropdownProps {
+    /**
+     * A Lucide icon component for the trigger button.
+     * Passed through to FilterButton.
+     */
+    icon: ElementType;
+    /**
+     * Label text for the trigger — hidden on small screens.
+     * Passed as children to FilterButton.
+     */
+    children?: ReactNode;
+    /** Dropdown menu items — same format as DropdownMenu `items`. */
+    items: ComponentProps<typeof DropdownMenu>["items"];
+    /** Dropdown alignment relative to the trigger. Defaults to DropdownMenu's default. */
+    align?: ComponentProps<typeof DropdownMenu>["align"];
+    /** Additional utility classes for the trigger button. */
+    className?: string;
+}
+export declare function FilterDropdown({ icon, children, items, align, className, }: FilterDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilterDropdown.d.ts.map

package/dist/components/ui/FilterDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ui/FilterDropdown.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,UAAU,mBAAmB;IAC3B;;;OAGG;IACH,IAAI,EAAE,WAAW,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iEAAiE;IACjE,KAAK,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,sFAAsF;IACtF,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC;IACrD,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,GACV,EAAE,mBAAmB,2CAYrB"}