@tomny-dev/uzi 0.3.0 → 0.4.0

package/README.md

@@ -20,6 +20,34 @@ If you want the packaged component styles, import the exported stylesheet once i
 @import "@tomny-dev/uzi/styles.css";
 ```
 
+## Storybook
+
+Uzi includes Storybook as the interactive component catalog for exploring components, variants, states, and composition patterns.
+
+To run Storybook locally:
+
+```bash
+pnpm install
+pnpm storybook
+```
+
+Then open `http://localhost:6006`.
+
+To verify the production Storybook build:
+
+```bash
+pnpm build-storybook
+```
+
+The static output is written to `storybook-static/`. Story files live beside their components under `src/components/**` using the `*.stories.tsx` naming convention.
+
+CI builds Storybook on every pull request and push to `main`. After changes land on `main`, the Storybook deployment workflow publishes `storybook-static/` to the `uzi-storybook` Cloudflare Pages project. The deployment workflow requires these repository secrets:
+
+- `CLOUDFLARE_API_TOKEN` — API token with Pages Write permission.
+- `CLOUDFLARE_ACCOUNT_ID` — Cloudflare account identifier.
+
+The Cloudflare Pages project should use `main` as its production branch. A custom domain such as `uzi.tomny.dev` can be attached to that Pages project after the project exists.
+
 ## Using With Coding Agents
 
 Installing `@tomny-dev/uzi` in an app does not by itself cause Claude Code, Codex, or similar agents to prefer `uzi` components. You should add that policy to the consumer repo's agent guidance.

package/dist/components/data-table/DataTable.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+export type SortDirection = "asc" | "desc";
+export interface Column<T = Record<string, unknown>> {
+    key: string;
+    label: React.ReactNode;
+    accessor?: (row: T) => React.ReactNode;
+    sortable?: boolean;
+    width?: string;
+    align?: "left" | "center" | "right";
+}
+export type DataTableRowAction = {
+    label: string;
+    onClick: (row: Record<string, unknown>) => void;
+};
+export interface DataTableProps<T = Record<string, unknown>> {
+    data: T[];
+    columns: readonly Column<T>[];
+    /** Array of action buttons to render per row */
+    onRowAction?: DataTableRowAction[];
+    /** Called when rows are selected; receives selected row IDs */
+    onSelectionChange?: (selectedIds: string[]) => void;
+    /** Whether the table is in a loading state */
+    loading?: boolean;
+    /** Message displayed when data is empty */
+    emptyMessage?: string;
+    /** Number of rows per page */
+    pageSize?: number;
+    /** Whether rows are selectable via checkbox */
+    selectable?: boolean;
+    /** Custom row key extractor (defaults to row.id) */
+    rowKey?: (row: T) => string;
+    /** Additional class name for the table wrapper */
+    className?: string;
+}
+export declare function DataTable<T extends Record<string, unknown> = Record<string, unknown>>({ data, columns, onRowAction, onSelectionChange, loading, emptyMessage, pageSize, selectable, rowKey, className, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/components/data-table/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/DataTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjD,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACzD,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,gDAAgD;IAChD,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC5B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACrF,IAAI,EACJ,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,OAAe,EACf,YAA8B,EAC9B,QAAa,EACb,UAAkB,EAClB,MAAyC,EACzC,SAAS,GACV,EAAE,cAAc,CAAC,CAAC,CAAC,2CA6QnB"}

package/dist/components/data-table/DataTable.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DataTable.test.d.ts.map

package/dist/components/data-table/DataTable.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.test.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/DataTable.test.tsx"],"names":[],"mappings":""}

package/dist/components/empty-state-page/EmptyStatePage.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+export type EmptyStatePageVariant = "noData" | "noConnection" | "noPermissions";
+export interface EmptyStatePageProps {
+    /** Page variant driving icon, title, description defaults */
+    variant?: EmptyStatePageVariant;
+    /** Optional title override */
+    title?: string;
+    /** Optional description override */
+    description?: string;
+    /** Primary action button */
+    primaryAction?: React.ReactNode;
+    /** Secondary action button */
+    secondaryAction?: React.ReactNode;
+    /** Optional custom SVG icon (overrides variant icon) */
+    icon?: React.ReactNode;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * EmptyStatePage — a Card-based page template with variant icons, title, description, and actions.
+ *
+ * Layout:
+ *   Card → Icon → Title → Description → Actions
+ */
+export declare function EmptyStatePage({ variant, title, description, primaryAction, secondaryAction, icon, className, }: EmptyStatePageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmptyStatePage.d.ts.map

package/dist/components/empty-state-page/EmptyStatePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStatePage.d.ts","sourceRoot":"","sources":["../../../src/components/empty-state-page/EmptyStatePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC;AAEhF,MAAM,WAAW,mBAAmB;IAClC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,8BAA8B;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,wDAAwD;IACxD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwDD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAkB,EAClB,KAAK,EACL,WAAW,EACX,aAAa,EACb,eAAe,EACf,IAAI,EACJ,SAAS,GACV,EAAE,mBAAmB,2CAsBrB"}

package/dist/components/empty-state-page/EmptyStatePage.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EmptyStatePage.test.d.ts.map

package/dist/components/empty-state-page/EmptyStatePage.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStatePage.test.d.ts","sourceRoot":"","sources":["../../../src/components/empty-state-page/EmptyStatePage.test.tsx"],"names":[],"mappings":""}

package/dist/components/error-page/ErrorPage.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+export interface ErrorPageProps {
+    /** HTTP status code (e.g., 404, 500, 503) */
+    statusCode?: number;
+    /** Descriptive message for the error */
+    message?: React.ReactNode;
+    /** Subtitle providing additional context */
+    subtitle?: React.ReactNode;
+    /** Action button rendered below the message */
+    action?: React.ReactNode;
+    /** Whether to render a large decorative icon */
+    showIcon?: boolean;
+    /** Additional class name for the outer wrapper */
+    className?: string;
+}
+/**
+ * ErrorPage — a generic error page with configurable status code, message, and action.
+ *
+ * Layout:
+ *   Full-viewport centered card with
+ *     Icon (optional) -> status code -> message -> subtitle -> action
+ */
+export declare function ErrorPage({ statusCode, message, subtitle, action, showIcon, className, }: ErrorPageProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * NotFoundPage — a 404 variant of ErrorPage.
+ */
+export declare function NotFoundPage({ action, className, }: Omit<ErrorPageProps, "statusCode" | "message" | "subtitle" | "showIcon">): import("react/jsx-runtime").JSX.Element;
+/**
+ * MaintenancePage — a 503 variant of ErrorPage for under-maintenance sites.
+ */
+export declare function MaintenancePage({ action, className, }: Omit<ErrorPageProps, "statusCode" | "message" | "subtitle" | "showIcon">): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ErrorPage.d.ts.map

package/dist/components/error-page/ErrorPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/error-page/ErrorPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAc;IAC7B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,UAAgB,EAChB,OAAgC,EAChC,QAAQ,EACR,MAAM,EACN,QAAe,EACf,SAAS,GACV,EAAE,cAAc,2CAsBhB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,SAAS,GACV,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC,2CAU1E;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,SAAS,GACV,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC,2CAU1E"}

package/dist/components/error-page/ErrorPage.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ErrorPage.test.d.ts.map

package/dist/components/error-page/ErrorPage.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.test.d.ts","sourceRoot":"","sources":["../../../src/components/error-page/ErrorPage.test.tsx"],"names":[],"mappings":""}

package/dist/components/settings-page/SettingsPage.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+export interface SettingsSection {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    children: React.ReactNode;
+}
+export interface SettingsPageProps {
+    /** Page title */
+    title: React.ReactNode;
+    /** Page subtitle / description */
+    description?: React.ReactNode;
+    /** Form sections rendered in the main content area */
+    sections: SettingsSection[];
+    /** Content rendered in the danger zone (red visual distinction) */
+    dangerZone?: React.ReactNode;
+    /** Danger zone title */
+    dangerZoneTitle?: React.ReactNode;
+    /** Danger zone description */
+    dangerZoneDescription?: React.ReactNode;
+    /** Sticky footer content (e.g., Save / Cancel buttons) */
+    footer: React.ReactNode;
+    /** Whether the page is saving */
+    saving?: boolean;
+    /** Additional class name for the outer wrapper */
+    className?: string;
+}
+/**
+ * SettingsPage — a settings layout with sections, a danger zone, and a sticky save footer.
+ *
+ * Layout:
+ *   Header (title + description)
+ *   Scrollable content:
+ *     Section group with headings and descriptions
+ *     Danger zone with red visual distinction
+ *   Sticky footer: save/cancel buttons
+ */
+export declare function SettingsPage({ title, description, sections, dangerZone, dangerZoneTitle, dangerZoneDescription, footer, saving, className, }: SettingsPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SettingsPage.d.ts.map

package/dist/components/settings-page/SettingsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.d.ts","sourceRoot":"","sources":["../../../src/components/settings-page/SettingsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,iBAAiB;IACjB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kCAAkC;IAClC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,sDAAsD;IACtD,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,mEAAmE;IACnE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,wBAAwB;IACxB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8BAA8B;IAC9B,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,0DAA0D;IAC1D,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,MAAM,EACN,MAAc,EACd,SAAS,GACV,EAAE,iBAAiB,2CAgDnB"}

package/dist/components/settings-page/SettingsPage.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SettingsPage.test.d.ts.map

package/dist/components/settings-page/SettingsPage.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.test.d.ts","sourceRoot":"","sources":["../../../src/components/settings-page/SettingsPage.test.tsx"],"names":[],"mappings":""}

package/dist/index.cjs

@@ -32,6 +32,10 @@ const require_Progress = require("./index57.cjs");
 const require_SegmentedToggle = require("./index59.cjs");
 const require_AuthCard = require("./index61.cjs");
 const require_AuthPages = require("./index63.cjs");
+const require_DataTable = require("./index65.cjs");
+const require_SettingsPage = require("./index67.cjs");
+const require_ErrorPage = require("./index69.cjs");
+const require_EmptyStatePage = require("./index71.cjs");
 exports.Alert = require_Alert.Alert;
 exports.AppShell = require_AppShell.AppShell;
 exports.AuthCard = require_AuthCard.AuthCard;
@@ -41,6 +45,7 @@ exports.AvatarImage = require_Avatar.AvatarImage;
 exports.Button = require_Button.Button;
 exports.Card = require_Card.Card;
 exports.Checkbox = require_Checkbox.Checkbox;
+exports.DataTable = require_DataTable.DataTable;
 exports.Dropdown = require_Dropdown.Dropdown;
 exports.DropdownMenu = require_DropdownMenu.DropdownMenu;
 exports.DropdownMenuCheckboxItem = require_DropdownMenu.DropdownMenuCheckboxItem;
@@ -57,13 +62,17 @@ exports.DropdownMenuSubContent = require_DropdownMenu.DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = require_DropdownMenu.DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = require_DropdownMenu.DropdownMenuTrigger;
 exports.EmptyState = require_EmptyState.EmptyState;
+exports.EmptyStatePage = require_EmptyStatePage.EmptyStatePage;
+exports.ErrorPage = require_ErrorPage.ErrorPage;
 exports.ForgotPasswordPage = require_AuthPages.ForgotPasswordPage;
 exports.Inline = require_LayoutPrimitives.Inline;
 exports.Input = require_Input.Input;
 exports.Label = require_Label.Label;
+exports.MaintenancePage = require_ErrorPage.MaintenancePage;
 exports.Modal = require_Modal.Modal;
 exports.ModalOverlay = require_Modal.ModalOverlay;
 exports.MultiSelect = require_MultiSelect.MultiSelect;
+exports.NotFoundPage = require_ErrorPage.NotFoundPage;
 exports.PageContainer = require_PageContainer.PageContainer;
 exports.PageHeader = require_PageHeader.PageHeader;
 exports.Pill = require_Pill.Pill;
@@ -71,6 +80,7 @@ exports.Progress = require_Progress.Progress;
 exports.SectionHeader = require_SectionHeader.SectionHeader;
 exports.SegmentedToggle = require_SegmentedToggle.SegmentedToggle;
 exports.Select = require_Select.Select;
+exports.SettingsPage = require_SettingsPage.SettingsPage;
 exports.SidebarNav = require_SidebarNav.SidebarNav;
 exports.SignInPage = require_AuthPages.SignInPage;
 exports.SignUpPage = require_AuthPages.SignUpPage;

package/dist/index.d.ts

@@ -59,4 +59,12 @@ export type { AuthCardProps } from "./components/auth-card/AuthCard";
 export { AuthCard } from "./components/auth-card/AuthCard";
 export type { SignInPageProps, SignUpPageProps, ForgotPasswordPageProps, } from "./components/auth-pages/AuthPages";
 export { SignInPage, SignUpPage, ForgotPasswordPage } from "./components/auth-pages/AuthPages";
+export type { Column, DataTableProps, DataTableRowAction, SortDirection, } from "./components/data-table/DataTable";
+export { DataTable } from "./components/data-table/DataTable";
+export type { SettingsPageProps, SettingsSection, } from "./components/settings-page/SettingsPage";
+export { SettingsPage } from "./components/settings-page/SettingsPage";
+export type { ErrorPageProps } from "./components/error-page/ErrorPage";
+export { ErrorPage, NotFoundPage, MaintenancePage } from "./components/error-page/ErrorPage";
+export type { EmptyStatePageProps, EmptyStatePageVariant } from "./components/empty-state-page/EmptyStatePage";
+export { EmptyStatePage } from "./components/empty-state-page/EmptyStatePage";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,CAAC;AAG3B,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEjF,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACzF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG/D,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC1E,YAAY,EACV,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,SAAS,GACV,MAAM,0BAA0B,CAAC;AAGlC,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD,YAAY,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AACjG,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,yCAAyC,CAAC;AAGjD,YAAY,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC9G,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEjE,YAAY,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACxG,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAE1E,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEjE,YAAY,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/G,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAE1E,YAAY,EACV,sBAAsB,EACtB,eAAe,EACf,cAAc,GACf,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEjE,YAAY,EACV,WAAW,EACX,aAAa,EACb,WAAW,EACX,SAAS,EACT,UAAU,GACX,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iDAAiD,CAAC;AAEhF,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEzD,YAAY,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AACjG,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAGvF,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGhE,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAGhC,YAAY,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,YAAY,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACjH,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAGhF,YAAY,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAG3D,YAAY,EACV,eAAe,EACf,eAAe,EACf,uBAAuB,GACxB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -31,4 +31,8 @@ import { Progress } from "./index56.js";
 import { SegmentedToggle } from "./index58.js";
 import { AuthCard } from "./index60.js";
 import { ForgotPasswordPage, SignInPage, SignUpPage } from "./index62.js";
-export { Alert, AppShell, AuthCard, Avatar, AvatarFallback, AvatarImage, Button, Card, Checkbox, Dropdown, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ForgotPasswordPage, Inline, Input, Label, Modal, ModalOverlay, MultiSelect, PageContainer, PageHeader, Pill, Progress, SectionHeader, SegmentedToggle, Select, SidebarNav, SignInPage, SignUpPage, Skeleton, Stack, Stat, StatGroup, ThemeProvider, ThemeToggleButton, ToastProvider, TopBar, cx, useTheme, useToast };
+import { DataTable } from "./index64.js";
+import { SettingsPage } from "./index66.js";
+import { ErrorPage, MaintenancePage, NotFoundPage } from "./index68.js";
+import { EmptyStatePage } from "./index70.js";
+export { Alert, AppShell, AuthCard, Avatar, AvatarFallback, AvatarImage, Button, Card, Checkbox, DataTable, Dropdown, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStatePage, ErrorPage, ForgotPasswordPage, Inline, Input, Label, MaintenancePage, Modal, ModalOverlay, MultiSelect, NotFoundPage, PageContainer, PageHeader, Pill, Progress, SectionHeader, SegmentedToggle, Select, SettingsPage, SidebarNav, SignInPage, SignUpPage, Skeleton, Stack, Stat, StatGroup, ThemeProvider, ThemeToggleButton, ToastProvider, TopBar, cx, useTheme, useToast };

package/dist/index63.js

@@ -0,0 +1,63 @@
+//#region src/components/data-table/data-table.module.css
+var wrapper = "uzi-data-table-module__wrapper__7521u";
+var tableContainer = "uzi-data-table-module__tableContainer__BJcbK";
+var table = "uzi-data-table-module__table__Mv5vN";
+var thead = "uzi-data-table-module__thead__dWIBv";
+var headerCell = "uzi-data-table-module__headerCell__kwwWs";
+var headerCellFixed = "uzi-data-table-module__headerCellFixed__8WRi5";
+var alignLeft = "uzi-data-table-module__alignLeft__Kwz-k";
+var alignCenter = "uzi-data-table-module__alignCenter__BxT33";
+var alignRight = "uzi-data-table-module__alignRight__B3fd1";
+var sortableHeader = "uzi-data-table-module__sortableHeader__aAEjv";
+var clickableHeader = "uzi-data-table-module__clickableHeader__8F9R3";
+var headerLabel = "uzi-data-table-module__headerLabel__bsfii";
+var sortIcon = "uzi-data-table-module__sortIcon__nAsRD";
+var tbody = "uzi-data-table-module__tbody__yWSPd";
+var row = "uzi-data-table-module__row__im568";
+var rowSelected = "uzi-data-table-module__rowSelected__U91El";
+var cell = "uzi-data-table-module__cell__I2qYk";
+var checkbox = "uzi-data-table-module__checkbox__XHo0c";
+var loadingCell = "uzi-data-table-module__loadingCell__YOsVj";
+var loadingRow = "uzi-data-table-module__loadingRow__TONNo";
+var skeletonBar = "uzi-data-table-module__skeletonBar__JTU6c";
+var shimmer = "uzi-data-table-module__shimmer__30BeV";
+var emptyCell = "uzi-data-table-module__emptyCell__CNH4t";
+var rowActions = "uzi-data-table-module__rowActions__NV6Ag";
+var actionBtn = "uzi-data-table-module__actionBtn__78gdR";
+var pagination = "uzi-data-table-module__pagination__qOgpw";
+var paginationButtons = "uzi-data-table-module__paginationButtons__v64jr";
+var pageBtn = "uzi-data-table-module__pageBtn__gdLj2";
+var data_table_module_default = {
+	wrapper,
+	tableContainer,
+	table,
+	thead,
+	headerCell,
+	headerCellFixed,
+	alignLeft,
+	alignCenter,
+	alignRight,
+	sortableHeader,
+	clickableHeader,
+	headerLabel,
+	sortIcon,
+	tbody,
+	row,
+	rowSelected,
+	cell,
+	checkbox,
+	loadingCell,
+	loadingRow,
+	skeletonBar,
+	shimmer,
+	emptyCell,
+	rowActions,
+	actionBtn,
+	pagination,
+	paginationButtons,
+	pageBtn
+};
+//#endregion
+export { actionBtn, alignCenter, alignLeft, alignRight, cell, checkbox, clickableHeader, data_table_module_default as default, emptyCell, headerCell, headerCellFixed, headerLabel, loadingCell, loadingRow, pageBtn, pagination, paginationButtons, row, rowActions, rowSelected, shimmer, skeletonBar, sortIcon, sortableHeader, table, tableContainer, tbody, thead, wrapper };
+
+//# sourceMappingURL=index63.js.map

package/dist/index63.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index63.js","names":[],"sources":["../src/components/data-table/data-table.module.css"],"sourcesContent":[".wrapper {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.tableContainer {\n  width: 100%;\n  overflow-x: auto;\n}\n\n.table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.875rem;\n  text-align: left;\n  color: var(--foreground);\n}\n\n.thead {\n  border-bottom: 2px solid var(--border);\n}\n\n.headerCell {\n  padding: 0.75rem 1rem;\n  font-weight: 600;\n  font-size: 0.8rem;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--muted-foreground);\n  white-space: nowrap;\n  vertical-align: bottom;\n  border-bottom: 2px solid var(--border);\n}\n\n.headerCellFixed {\n  white-space: nowrap;\n}\n\n.alignLeft {\n  text-align: left;\n}\n\n.alignCenter {\n  text-align: center;\n}\n\n.alignRight {\n  text-align: right;\n}\n\n.sortableHeader {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  background: none;\n  border: none;\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n}\n\n.clickableHeader {\n  cursor: pointer;\n}\n\n.clickableHeader:hover {\n  color: var(--foreground);\n}\n\n.clickableHeader:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.headerLabel {\n  font: inherit;\n}\n\n.sortIcon {\n  font-size: 0.7rem;\n  opacity: 0.4;\n  user-select: none;\n}\n\n.tbody {\n  border-top: 1px solid var(--border);\n}\n\n.row {\n  border-bottom: 1px solid var(--border);\n  transition: background-color 0.12s ease;\n}\n\n.row:hover {\n  background-color: var(--muted);\n}\n\n.rowSelected {\n  background-color: color-mix(in srgb, var(--primary) 10%, transparent);\n}\n\n.cell {\n  padding: 0.75rem 1rem;\n  vertical-align: middle;\n  white-space: nowrap;\n}\n\n.checkbox {\n  width: 1rem;\n  height: 1rem;\n  accent-color: var(--primary);\n  cursor: pointer;\n  border-radius: 4px;\n}\n\n.loadingCell {\n  padding: 2rem 1rem;\n  text-align: center;\n}\n\n.loadingRow {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  margin-bottom: 0.75rem;\n  opacity: 0.6;\n}\n\n.skeletonBar {\n  height: 0.75rem;\n  border-radius: 4px;\n  background: linear-gradient(90deg, var(--muted) 25%, var(--secondary) 50%, var(--muted) 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n}\n\n@keyframes shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n.emptyCell {\n  padding: 2rem 1rem;\n  text-align: center;\n  color: var(--muted-foreground);\n  font-style: italic;\n}\n\n.rowActions {\n  display: inline-flex;\n  gap: 0.5rem;\n}\n\n.actionBtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  background: none;\n  border: none;\n  color: var(--muted-foreground);\n  cursor: pointer;\n  font-size: 0.8rem;\n  padding: 0.25rem 0.5rem;\n  border-radius: 4px;\n  transition: color 0.12s, background-color 0.12s;\n}\n\n.actionBtn:hover {\n  color: var(--foreground);\n  background-color: var(--muted);\n}\n\n.actionBtn:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.pagination {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.75rem 1rem;\n  border-top: 1px solid var(--border);\n  font-size: 0.8rem;\n  color: var(--muted-foreground);\n}\n\n.paginationButtons {\n  display: inline-flex;\n  gap: 0.25rem;\n}\n\n.pageBtn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--background);\n  color: var(--foreground);\n  cursor: pointer;\n  font-size: 0.85rem;\n  transition: background-color 0.12s, border-color 0.12s;\n}\n\n.pageBtn:hover:not(:disabled) {\n  background-color: var(--muted);\n  border-color: var(--accent);\n}\n\n.pageBtn:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.pageBtn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n"],"mappings":""}

package/dist/index64.cjs

@@ -0,0 +1,91 @@
+//#region src/components/data-table/data-table.module.css
+var wrapper = "uzi-data-table-module__wrapper__7521u";
+var tableContainer = "uzi-data-table-module__tableContainer__BJcbK";
+var table = "uzi-data-table-module__table__Mv5vN";
+var thead = "uzi-data-table-module__thead__dWIBv";
+var headerCell = "uzi-data-table-module__headerCell__kwwWs";
+var headerCellFixed = "uzi-data-table-module__headerCellFixed__8WRi5";
+var alignLeft = "uzi-data-table-module__alignLeft__Kwz-k";
+var alignCenter = "uzi-data-table-module__alignCenter__BxT33";
+var alignRight = "uzi-data-table-module__alignRight__B3fd1";
+var sortableHeader = "uzi-data-table-module__sortableHeader__aAEjv";
+var clickableHeader = "uzi-data-table-module__clickableHeader__8F9R3";
+var headerLabel = "uzi-data-table-module__headerLabel__bsfii";
+var sortIcon = "uzi-data-table-module__sortIcon__nAsRD";
+var tbody = "uzi-data-table-module__tbody__yWSPd";
+var row = "uzi-data-table-module__row__im568";
+var rowSelected = "uzi-data-table-module__rowSelected__U91El";
+var cell = "uzi-data-table-module__cell__I2qYk";
+var checkbox = "uzi-data-table-module__checkbox__XHo0c";
+var loadingCell = "uzi-data-table-module__loadingCell__YOsVj";
+var loadingRow = "uzi-data-table-module__loadingRow__TONNo";
+var skeletonBar = "uzi-data-table-module__skeletonBar__JTU6c";
+var shimmer = "uzi-data-table-module__shimmer__30BeV";
+var emptyCell = "uzi-data-table-module__emptyCell__CNH4t";
+var rowActions = "uzi-data-table-module__rowActions__NV6Ag";
+var actionBtn = "uzi-data-table-module__actionBtn__78gdR";
+var pagination = "uzi-data-table-module__pagination__qOgpw";
+var paginationButtons = "uzi-data-table-module__paginationButtons__v64jr";
+var pageBtn = "uzi-data-table-module__pageBtn__gdLj2";
+var data_table_module_default = {
+	wrapper,
+	tableContainer,
+	table,
+	thead,
+	headerCell,
+	headerCellFixed,
+	alignLeft,
+	alignCenter,
+	alignRight,
+	sortableHeader,
+	clickableHeader,
+	headerLabel,
+	sortIcon,
+	tbody,
+	row,
+	rowSelected,
+	cell,
+	checkbox,
+	loadingCell,
+	loadingRow,
+	skeletonBar,
+	shimmer,
+	emptyCell,
+	rowActions,
+	actionBtn,
+	pagination,
+	paginationButtons,
+	pageBtn
+};
+//#endregion
+exports.actionBtn = actionBtn;
+exports.alignCenter = alignCenter;
+exports.alignLeft = alignLeft;
+exports.alignRight = alignRight;
+exports.cell = cell;
+exports.checkbox = checkbox;
+exports.clickableHeader = clickableHeader;
+exports.default = data_table_module_default;
+exports.emptyCell = emptyCell;
+exports.headerCell = headerCell;
+exports.headerCellFixed = headerCellFixed;
+exports.headerLabel = headerLabel;
+exports.loadingCell = loadingCell;
+exports.loadingRow = loadingRow;
+exports.pageBtn = pageBtn;
+exports.pagination = pagination;
+exports.paginationButtons = paginationButtons;
+exports.row = row;
+exports.rowActions = rowActions;
+exports.rowSelected = rowSelected;
+exports.shimmer = shimmer;
+exports.skeletonBar = skeletonBar;
+exports.sortIcon = sortIcon;
+exports.sortableHeader = sortableHeader;
+exports.table = table;
+exports.tableContainer = tableContainer;
+exports.tbody = tbody;
+exports.thead = thead;
+exports.wrapper = wrapper;
+
+//# sourceMappingURL=index64.cjs.map

package/dist/index64.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index64.cjs","names":[],"sources":["../src/components/data-table/data-table.module.css"],"sourcesContent":[".wrapper {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.tableContainer {\n  width: 100%;\n  overflow-x: auto;\n}\n\n.table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.875rem;\n  text-align: left;\n  color: var(--foreground);\n}\n\n.thead {\n  border-bottom: 2px solid var(--border);\n}\n\n.headerCell {\n  padding: 0.75rem 1rem;\n  font-weight: 600;\n  font-size: 0.8rem;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--muted-foreground);\n  white-space: nowrap;\n  vertical-align: bottom;\n  border-bottom: 2px solid var(--border);\n}\n\n.headerCellFixed {\n  white-space: nowrap;\n}\n\n.alignLeft {\n  text-align: left;\n}\n\n.alignCenter {\n  text-align: center;\n}\n\n.alignRight {\n  text-align: right;\n}\n\n.sortableHeader {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  background: none;\n  border: none;\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n}\n\n.clickableHeader {\n  cursor: pointer;\n}\n\n.clickableHeader:hover {\n  color: var(--foreground);\n}\n\n.clickableHeader:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.headerLabel {\n  font: inherit;\n}\n\n.sortIcon {\n  font-size: 0.7rem;\n  opacity: 0.4;\n  user-select: none;\n}\n\n.tbody {\n  border-top: 1px solid var(--border);\n}\n\n.row {\n  border-bottom: 1px solid var(--border);\n  transition: background-color 0.12s ease;\n}\n\n.row:hover {\n  background-color: var(--muted);\n}\n\n.rowSelected {\n  background-color: color-mix(in srgb, var(--primary) 10%, transparent);\n}\n\n.cell {\n  padding: 0.75rem 1rem;\n  vertical-align: middle;\n  white-space: nowrap;\n}\n\n.checkbox {\n  width: 1rem;\n  height: 1rem;\n  accent-color: var(--primary);\n  cursor: pointer;\n  border-radius: 4px;\n}\n\n.loadingCell {\n  padding: 2rem 1rem;\n  text-align: center;\n}\n\n.loadingRow {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  margin-bottom: 0.75rem;\n  opacity: 0.6;\n}\n\n.skeletonBar {\n  height: 0.75rem;\n  border-radius: 4px;\n  background: linear-gradient(90deg, var(--muted) 25%, var(--secondary) 50%, var(--muted) 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n}\n\n@keyframes shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n.emptyCell {\n  padding: 2rem 1rem;\n  text-align: center;\n  color: var(--muted-foreground);\n  font-style: italic;\n}\n\n.rowActions {\n  display: inline-flex;\n  gap: 0.5rem;\n}\n\n.actionBtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  background: none;\n  border: none;\n  color: var(--muted-foreground);\n  cursor: pointer;\n  font-size: 0.8rem;\n  padding: 0.25rem 0.5rem;\n  border-radius: 4px;\n  transition: color 0.12s, background-color 0.12s;\n}\n\n.actionBtn:hover {\n  color: var(--foreground);\n  background-color: var(--muted);\n}\n\n.actionBtn:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.pagination {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.75rem 1rem;\n  border-top: 1px solid var(--border);\n  font-size: 0.8rem;\n  color: var(--muted-foreground);\n}\n\n.paginationButtons {\n  display: inline-flex;\n  gap: 0.25rem;\n}\n\n.pageBtn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--background);\n  color: var(--foreground);\n  cursor: pointer;\n  font-size: 0.85rem;\n  transition: background-color 0.12s, border-color 0.12s;\n}\n\n.pageBtn:hover:not(:disabled) {\n  background-color: var(--muted);\n  border-color: var(--accent);\n}\n\n.pageBtn:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.pageBtn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n"],"mappings":""}