@leonardaustin/ui 0.1.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Kbd.tsx"],"names":[],"mappings":"AAEA,UAAU,QAAQ;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,QAAQ,2CAYpD"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/LoadingSpinner.tsx"],"names":[],"mappings":"AAIA,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAID,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,IAAW,GACZ,EAAE,mBAAmB,2CAWrB"}

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

@@ -0,0 +1,45 @@
+/**
+ * MetadataGrid — a two-column label/value grid for detail panels.
+ *
+ * Used in side panels and overlay sheets to display key-value metadata
+ * (e.g. Email, Status, Role). The label column has a fixed width and
+ * the value column stretches to fill the remaining space.
+ *
+ * @example
+ * ```tsx
+ * <MetadataGrid
+ *   items={[
+ *     { label: "Email",  value: "alice@example.com" },
+ *     { label: "Status", value: <StatusDot status="active" label="Active" /> },
+ *     { label: "Role",   value: <Badge color="purple">Admin</Badge> },
+ *   ]}
+ * />
+ * ```
+ *
+ * @example Custom label width
+ * ```tsx
+ * <MetadataGrid labelWidth="120px" items={items} />
+ * ```
+ */
+import { type ReactNode } from "react";
+interface MetadataItem {
+    /** The label displayed in the left column. */
+    label: string;
+    /** The value displayed in the right column — can be a string or JSX. */
+    value: ReactNode;
+}
+interface MetadataGridProps {
+    /** The list of label/value pairs to display. */
+    items: MetadataItem[];
+    /**
+     * Width of the label column.
+     * Defaults to "100px" — the most common width in the codebase.
+     * The overlay sheet panels use "80px" for tighter layouts.
+     */
+    labelWidth?: string;
+    /** Additional utility classes for the root container. */
+    className?: string;
+}
+export declare function MetadataGrid({ items, labelWidth, className, }: MetadataGridProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MetadataGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetadataGrid.d.ts","sourceRoot":"","sources":["../../../src/components/ui/MetadataGrid.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjD,UAAU,YAAY;IACpB,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,iBAAiB;IACzB,gDAAgD;IAChD,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,UAAoB,EACpB,SAAS,GACV,EAAE,iBAAiB,2CAuBnB"}

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

@@ -0,0 +1,12 @@
+import type { ElementType } from "react";
+export interface MetricCardProps {
+    label: string;
+    value: string | number;
+    sub?: string;
+    bar?: number;
+    icon?: ElementType;
+    iconColor?: string;
+    className?: string;
+}
+export declare function MetricCard({ label, value, sub, bar, icon: Icon, iconColor, className, }: MetricCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MetricCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.d.ts","sourceRoot":"","sources":["../../../src/components/ui/MetricCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,EAAE,IAAI,EACV,SAAS,EACT,SAAS,GACV,EAAE,eAAe,2CAmCjB"}

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

@@ -0,0 +1,8 @@
+import type { ButtonHTMLAttributes } from "react";
+type OAuthProvider = "github" | "google";
+export interface OAuthButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    provider: OAuthProvider;
+}
+export declare function OAuthButton({ provider, children, ...props }: OAuthButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=OAuthButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthButton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/OAuthButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAiB,MAAM,OAAO,CAAC;AAIjE,KAAK,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEzC,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/E,QAAQ,EAAE,aAAa,CAAC;CACzB;AAgDD,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CASlB"}

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

@@ -0,0 +1,44 @@
+/**
+ * PageHeader — the top-of-page title bar used on every page.
+ *
+ * Renders a consistent h1 + optional subtitle + right-aligned actions.
+ * The layout uses flexbox so that actions naturally push to the right,
+ * and the title area takes up remaining space.
+ *
+ * @example Title only
+ * ```tsx
+ * <PageHeader title="Forms" />
+ * ```
+ *
+ * @example Title + subtitle + action buttons
+ * ```tsx
+ * <PageHeader
+ *   title="Dashboard"
+ *   subtitle="Real-time overview"
+ *   actions={
+ *     <>
+ *       <Button variant="secondary" size="sm">Export</Button>
+ *       <Button variant="primary" size="sm">New</Button>
+ *     </>
+ *   }
+ * />
+ * ```
+ */
+import type { ReactNode } from "react";
+interface PageHeaderProps {
+    /** The page title rendered as an h1. */
+    title: string;
+    /** Optional subtitle displayed below the title in a smaller, muted style. */
+    subtitle?: string;
+    /**
+     * Action buttons or controls aligned to the right of the header.
+     * Wrap multiple buttons in a fragment — the component provides a
+     * flex container with `gap-2` for consistent spacing.
+     */
+    actions?: ReactNode;
+    /** Additional utility classes appended to the root element. */
+    className?: string;
+}
+export declare function PageHeader({ title, subtitle, actions, className, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PageHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PageHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,eAAe;IACvB,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,eAAe,2CAgBjB"}

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

@@ -0,0 +1,13 @@
+import type { ElementType, ReactNode } from "react";
+export interface PageSectionProps {
+    title?: ReactNode;
+    description?: ReactNode;
+    actions?: ReactNode;
+    children: ReactNode;
+    as?: ElementType;
+    className?: string;
+    headerClassName?: string;
+    contentClassName?: string;
+}
+export declare function PageSection({ title, description, actions, children, as: Tag, className, headerClassName, contentClassName, }: PageSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PageSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageSection.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,EAAE,EAAE,GAAU,EACd,SAAS,EACT,eAAe,EACf,gBAAgB,GACjB,EAAE,gBAAgB,2CA0BlB"}

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

@@ -0,0 +1,58 @@
+/**
+ * PaginationBar — combines page-size selector, item count, and page controls.
+ *
+ * This was previously copy-pasted between Tables and Inbox. It wraps the
+ * existing `Pagination` and `SelectDropdown` components into a single,
+ * self-contained footer bar.
+ *
+ * The layout is responsive: on small screens the count text hides,
+ * leaving just the page-size dropdown and pagination buttons.
+ *
+ * @example
+ * ```tsx
+ * <PaginationBar
+ *   page={page}
+ *   pageSize={pageSize}
+ *   total={filtered.length}
+ *   pageSizeOptions={[
+ *     { value: "10", label: "10 per page" },
+ *     { value: "25", label: "25 per page" },
+ *   ]}
+ *   onPageChange={setPage}
+ *   onPageSizeChange={(size) => {
+ *     setPageSize(size);
+ *     setPage(1); // reset to first page on size change
+ *   }}
+ * />
+ * ```
+ */
+interface PageSizeOption {
+    value: string;
+    label: string;
+}
+interface PaginationBarProps {
+    /** Current page number (1-indexed). */
+    page: number;
+    /** Number of items per page. */
+    pageSize: number;
+    /** Total number of items across all pages. */
+    total: number;
+    /**
+     * Options for the page-size dropdown.
+     * Defaults to 10 / 25 / 50 per page. Override when your table
+     * or list uses different page sizes.
+     */
+    pageSizeOptions?: PageSizeOption[];
+    /** Called when the user navigates to a different page. */
+    onPageChange: (page: number) => void;
+    /**
+     * Called when the user changes the page size.
+     * The consumer should also reset the page to 1 when this fires.
+     */
+    onPageSizeChange: (size: number) => void;
+    /** Additional utility classes for the root container. */
+    className?: string;
+}
+export declare function PaginationBar({ page, pageSize, total, pageSizeOptions, onPageChange, onPageSizeChange, className, }: PaginationBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PaginationBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationBar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PaginationBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAMH,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAaD,UAAU,kBAAkB;IAC1B,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,0DAA0D;IAC1D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,eAA2C,EAC3C,YAAY,EACZ,gBAAgB,EAChB,SAAS,GACV,EAAE,kBAAkB,2CAiCpB"}

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

@@ -0,0 +1,8 @@
+import { type InputHTMLAttributes } from "react";
+interface PasswordInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: string;
+}
+export declare const PasswordInput: import("react").ForwardRefExoticComponent<PasswordInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=PasswordInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMvE,UAAU,kBAAmB,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,iHAmDzB,CAAC"}

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

@@ -0,0 +1,54 @@
+/**
+ * ProfileHeader — a rich header layout for user profile pages.
+ *
+ * Unlike PageHeader (title + actions), ProfileHeader renders a user's
+ * avatar, name, role badge, subtitle, and metadata (location, join date,
+ * external links) alongside an action button.
+ *
+ * @example
+ * ```tsx
+ * <ProfileHeader
+ *   name="Jane Doe"
+ *   subtitle="Senior Software Engineer"
+ *   badge={<Badge color="purple">Admin</Badge>}
+ *   meta={[
+ *     { icon: MapPin,      text: "San Francisco, CA" },
+ *     { icon: Calendar,    text: "Joined March 2024" },
+ *   ]}
+ *   action={
+ *     <Button variant="secondary" size="sm">
+ *       <Edit className="h-3.5 w-3.5" /> Edit
+ *     </Button>
+ *   }
+ * />
+ * ```
+ */
+import type { ElementType, ReactNode } from "react";
+interface MetaItem {
+    /** A Lucide icon component rendered at 12px. */
+    icon: ElementType;
+    /** The metadata text displayed next to the icon. */
+    text: string;
+    /** Optional href — renders the item as a link instead of a span. */
+    href?: string;
+}
+interface ProfileHeaderProps {
+    /** User display name — rendered as an h1. */
+    name: string;
+    /** Secondary text below the name (e.g. job title). */
+    subtitle?: string;
+    /** Optional badge rendered inline with the name (e.g. role badge). */
+    badge?: ReactNode;
+    /**
+     * Metadata items displayed below the subtitle.
+     * Each item has an icon + text pair. Items with `href` render as links.
+     */
+    meta?: MetaItem[];
+    /** Action button(s) displayed on the right side of the header. */
+    action?: ReactNode;
+    /** Additional utility classes for the root container. */
+    className?: string;
+}
+export declare function ProfileHeader({ name, subtitle, badge, meta, action, className, }: ProfileHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProfileHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ProfileHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpD,UAAU,QAAQ;IAChB,gDAAgD;IAChD,IAAI,EAAE,WAAW,CAAC;IAClB,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,kBAAkB;IAC1B,6CAA6C;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,kEAAkE;IAClE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,GACV,EAAE,kBAAkB,2CAgDpB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProseContent.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ProseContent.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,2CAEtE"}

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

@@ -0,0 +1,14 @@
+interface RadioPillProps<T extends string> {
+    options: {
+        value: T;
+        label: string;
+    }[];
+    value: T;
+    onChange: (value: T) => void;
+    disabled?: boolean;
+    className?: string;
+    "aria-label"?: string;
+}
+export declare function RadioPill<T extends string>({ options, value, onChange, disabled, className, "aria-label": ariaLabel, }: RadioPillProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RadioPill.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioPill.d.ts","sourceRoot":"","sources":["../../../src/components/ui/RadioPill.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc,CAAC,CAAC,SAAS,MAAM;IACvC,OAAO,EAAE;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,EAC1C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,cAAc,CAAC,CAAC,CAAC,2CAgCnB"}

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

@@ -0,0 +1,8 @@
+export interface SearchInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+}
+export declare function SearchInput({ value, onChange, placeholder, className, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/ui/SearchInput.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAyB,EACzB,SAAS,GACV,EAAE,gBAAgB,2CAmBlB"}

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

@@ -0,0 +1,35 @@
+/**
+ * SectionHeader — a bordered section heading used throughout the template.
+ *
+ * This is the most-repeated markup in the codebase (~30+ occurrences).
+ * It renders a small, semibold heading with a bottom border to visually
+ * separate content sections within a page.
+ *
+ * @example
+ * ```tsx
+ * <SectionHeader>Text Inputs</SectionHeader>
+ * ```
+ *
+ * @example With a custom element or extra class
+ * ```tsx
+ * <SectionHeader as="h3" className="mb-4">Settings</SectionHeader>
+ * ```
+ */
+import type { ElementType, ReactNode } from "react";
+interface SectionHeaderProps {
+    /** The heading text or content. */
+    children: ReactNode;
+    /**
+     * The HTML element to render.
+     * Defaults to "h2" for semantic correctness within a page that already
+     * has an h1 via PageHeader.
+     */
+    as?: ElementType;
+    /** Additional utility classes appended to the root element. */
+    className?: string;
+    /** Render the dividing bottom border. Defaults to true. */
+    border?: boolean;
+}
+export declare function SectionHeader({ children, as: Tag, className, border, }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SectionHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ui/SectionHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpD,UAAU,kBAAkB;IAC1B,mCAAmC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,EAAE,EAAE,GAAU,EACd,SAAS,EACT,MAAa,GACd,EAAE,kBAAkB,2CAepB"}

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

@@ -0,0 +1,12 @@
+import { type SelectHTMLAttributes } from "react";
+interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    label?: string;
+    error?: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}
+export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+export {};
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAM9D,UAAU,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC7C;AAED,eAAO,MAAM,MAAM,2GA6ClB,CAAC"}

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

@@ -0,0 +1,16 @@
+interface SelectDropdownOption {
+    value: string;
+    label: string;
+}
+interface SelectDropdownProps {
+    options: SelectDropdownOption[];
+    value: string;
+    onChange: (value: string) => void;
+    label?: string;
+    placeholder?: string;
+    className?: string;
+    size?: "sm" | "md";
+}
+export declare function SelectDropdown({ options, value, onChange, label, placeholder, className, size, }: SelectDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SelectDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ui/SelectDropdown.tsx"],"names":[],"mappings":"AAQA,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAyB,EACzB,SAAS,EACT,IAAW,GACZ,EAAE,mBAAmB,2CAiJrB"}

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

@@ -0,0 +1,42 @@
+/**
+ * SettingRow — a label + description + action layout for settings pages.
+ *
+ * Each row displays a setting name and description on the left, with a
+ * control (typically a `<Toggle>`) on the right. Rows are separated by
+ * a bottom border for visual grouping.
+ *
+ * @example With a toggle
+ * ```tsx
+ * <SettingRow
+ *   label="Reduced Motion"
+ *   description="Disable animations and transitions"
+ *   action={<Toggle checked={reducedMotion} onChange={setReducedMotion} />}
+ * />
+ * ```
+ *
+ * @example With any control
+ * ```tsx
+ * <SettingRow
+ *   label="Language"
+ *   description="Choose your preferred language"
+ *   action={<SelectDropdown value={lang} onChange={setLang} options={langs} />}
+ * />
+ * ```
+ */
+import type { ReactNode } from "react";
+interface SettingRowProps {
+    /** The setting name displayed as a small, medium-weight label. */
+    label: string;
+    /** A brief description shown below the label in a muted style. */
+    description?: string;
+    /**
+     * The control rendered on the right side of the row.
+     * Typically a `<Toggle>`, but can be any React node.
+     */
+    action: ReactNode;
+    /** Additional utility classes appended to the root container. */
+    className?: string;
+}
+export declare function SettingRow({ label, description, action, className, }: SettingRowProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SettingRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingRow.d.ts","sourceRoot":"","sources":["../../../src/components/ui/SettingRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,eAAe;IACvB,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,eAAe,2CAwBjB"}

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

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+export interface SideSheetProps {
+    open: boolean;
+    onClose: () => void;
+    title?: ReactNode;
+    children: ReactNode;
+    footer?: ReactNode;
+    side?: "left" | "right";
+    widthClassName?: string;
+    className?: string;
+    contentClassName?: string;
+}
+export declare function SideSheet({ open, onClose, title, children, footer, side, widthClassName, className, contentClassName, }: SideSheetProps): import("react").ReactPortal | null;
+//# sourceMappingURL=SideSheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ui/SideSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ1D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAc,EACd,cAA4B,EAC5B,SAAS,EACT,gBAAgB,GACjB,EAAE,cAAc,sCA0EhB"}

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

@@ -0,0 +1,14 @@
+export interface SliderProps {
+    min: number;
+    max: number;
+    step?: number;
+    value: number;
+    onChange: (value: number) => void;
+    /** Called when the user releases the slider (pointerup / change) */
+    onCommit?: (value: number) => void;
+    label?: string;
+    showValue?: boolean;
+    className?: string;
+}
+export declare function Slider({ min, max, step, value, onChange, onCommit, label, showValue, className, }: SliderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Slider.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,GAAG,EACH,IAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,GACV,EAAE,WAAW,2CAmCb"}

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

@@ -0,0 +1,73 @@
+/**
+ * SplitPaneLayout — a full-viewport-height container with main + panel areas.
+ *
+ * Used by Tables, Inbox, Components, and EmailDetail to create a layout
+ * that breaks out of the page padding and fills the remaining viewport
+ * height below the top bar. The main content area scrolls independently.
+ *
+ * The component uses a CSS calc based on `--topbar-height` to fill the
+ * viewport minus the top navigation bar.
+ *
+ * @example With a side panel
+ * ```tsx
+ * <SplitPaneLayout>
+ *   <SplitPaneLayout.Main>
+ *     <ResourceTable ... />
+ *   </SplitPaneLayout.Main>
+ *   <DetailPanel open={panelOpen} onClose={close}>
+ *     ...
+ *   </DetailPanel>
+ * </SplitPaneLayout>
+ * ```
+ *
+ * @example Column direction (e.g. Inbox bottom split)
+ * ```tsx
+ * <SplitPaneLayout direction="column">
+ *   <SplitPaneLayout.Main>...</SplitPaneLayout.Main>
+ *   <ReadingPanel orientation="bottom" />
+ * </SplitPaneLayout>
+ * ```
+ *
+ * @example EmailDetail — single column, no split
+ * ```tsx
+ * <SplitPaneLayout direction="column">
+ *   <div>toolbar</div>
+ *   <div className="flex-1 overflow-y-auto">content</div>
+ * </SplitPaneLayout>
+ * ```
+ */
+import type { ReactNode } from "react";
+interface SplitPaneLayoutProps {
+    children: ReactNode;
+    /**
+     * Flex direction of the split.
+     * - "row" (default): side-by-side layout (main | panel)
+     * - "column": stacked layout (main / panel)
+     */
+    direction?: "row" | "column";
+    /** Additional utility classes for the root container. */
+    className?: string;
+}
+declare function SplitPaneLayoutRoot({ children, direction, className, }: SplitPaneLayoutProps): import("react/jsx-runtime").JSX.Element;
+interface MainProps {
+    children: ReactNode;
+    /** Additional utility classes. */
+    className?: string;
+}
+/**
+ * The scrollable main content area within a SplitPaneLayout.
+ * Prevents flex children from expanding beyond available space
+ * via min-w-0 and min-h-0.
+ */
+declare function Main({ children, className }: MainProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Attach sub-components so consumers can write:
+ *   <SplitPaneLayout>
+ *     <SplitPaneLayout.Main>...</SplitPaneLayout.Main>
+ *   </SplitPaneLayout>
+ */
+export declare const SplitPaneLayout: typeof SplitPaneLayoutRoot & {
+    Main: typeof Main;
+};
+export {};
+//# sourceMappingURL=SplitPaneLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPaneLayout.d.ts","sourceRoot":"","sources":["../../../src/components/ui/SplitPaneLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAiB,EACjB,SAAS,GACV,EAAE,oBAAoB,2CAkBtB;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,SAAS,2CAW/C;AAID;;;;;GAKG;AACH,eAAO,MAAM,eAAe;;CAA+C,CAAC"}

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

@@ -0,0 +1,9 @@
+type Status = "active" | "inactive" | "pending" | "error";
+interface StatusDotProps {
+    status: Status;
+    label?: string;
+    className?: string;
+}
+export declare function StatusDot({ status, label, className }: StatusDotProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StatusDot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDot.d.ts","sourceRoot":"","sources":["../../../src/components/ui/StatusDot.tsx"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D,UAAU,cAAc;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,cAAc,2CASrE"}

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

@@ -0,0 +1,11 @@
+export interface StepProgressProps {
+    steps: {
+        label: string;
+        description?: string;
+    }[];
+    /** Zero-indexed current step. Steps before it render as completed. */
+    currentStep: number;
+    className?: string;
+}
+export declare function StepProgress({ steps, currentStep, className, }: StepProgressProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StepProgress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepProgress.d.ts","sourceRoot":"","sources":["../../../src/components/ui/StepProgress.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,sEAAsE;IACtE,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,SAAS,GACV,EAAE,iBAAiB,2CA8CnB"}