@nanisoft/prism-ui 0.4.0 → 0.5.1

package/dist/blocks/app-shell-01/app-shell.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Menu } from 'lucide-react';
+import { Fragment, useState } from 'react';
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '../../components/ui/breadcrumb';
+import { Button } from '../../components/ui/button';
+import { Dialog, DialogContent, DialogTitle } from '../../components/ui/dialog';
+import { Separator } from '../../components/ui/separator';
+/**
+ * An application shell.
+ *
+ * It owns the frame every application screen repeats: a fixed rail from the
+ * `lg` breakpoint up, a top bar with a breadcrumb trail and actions, and a
+ * left-anchored Dialog sheet that carries the same navigation on narrow
+ * screens. The navigation and the content are slots, so the app keeps its own
+ * links, router and data. The block fetches nothing and imports no router.
+ */
+export function AppShell01({ navigation, navigationLabel, brand, breadcrumbs, actions, railHeader, railFooter, children, }) {
+    const [navOpen, setNavOpen] = useState(false);
+    return (_jsxs("div", { className: "bg-background text-foreground flex min-h-svh w-full", children: [_jsxs("aside", { className: "border-border hidden w-64 shrink-0 flex-col border-r lg:flex", children: [brand ? _jsx("div", { className: "flex h-14 items-center px-4", children: brand }) : null, _jsx(Separator, {}), railHeader ? _jsx("div", { className: "p-4", children: railHeader }) : null, _jsx("nav", { "aria-label": navigationLabel, className: "flex-1 overflow-y-auto p-4", children: navigation }), railFooter ? (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx("div", { className: "p-4", children: railFooter })] })) : null] }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsxs("header", { className: "border-border flex h-14 items-center gap-3 border-b px-4", children: [_jsxs(Dialog, { open: navOpen, onOpenChange: setNavOpen, children: [_jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "lg:hidden", "aria-label": navigationLabel, onClick: () => setNavOpen(true), children: _jsx(Menu, { className: "size-5" }) }), _jsxs(DialogContent, { side: "left", className: "w-72 gap-0 p-0", children: [_jsx(DialogTitle, { className: "sr-only", children: navigationLabel }), _jsxs("div", { className: "flex h-full flex-col p-4", children: [brand ? _jsx("div", { className: "mb-4", children: brand }) : null, railHeader ? _jsx("div", { className: "mb-4", children: railHeader }) : null, _jsx("nav", { "aria-label": navigationLabel, className: "flex-1 overflow-y-auto", children: navigation }), railFooter ? _jsx("div", { className: "mt-4", children: railFooter }) : null] })] })] }), breadcrumbs?.length ? (_jsx(Breadcrumb, { children: _jsx(BreadcrumbList, { children: breadcrumbs.map((crumb, index) => {
+                                        const last = index === breadcrumbs.length - 1;
+                                        return (
+                                        // Positional, for the same reason as the other blocks.
+                                        _jsxs(Fragment, { children: [index > 0 ? _jsx(BreadcrumbSeparator, {}) : null, _jsx(BreadcrumbItem, { children: last || !crumb.href ? (_jsx(BreadcrumbPage, { children: crumb.label })) : (_jsx(BreadcrumbLink, { href: crumb.href, children: crumb.label })) })] }, index));
+                                    }) }) })) : null, _jsx("div", { className: "ml-auto flex items-center gap-2", children: actions })] }), _jsx("main", { className: "flex-1 p-4 lg:p-6", children: children })] })] }));
+}
+export default AppShell01;

package/dist/blocks/app-shell-01/index.d.ts

@@ -0,0 +1,3 @@
+export { AppShell01, default } from './app-shell';
+export type { AppShell01Props, AppShellCrumb } from './app-shell';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/app-shell-01/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/app-shell-01/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AACjD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA"}

package/dist/blocks/app-shell-01/index.js

@@ -0,0 +1 @@
+export { AppShell01, default } from './app-shell';

package/dist/blocks/auth-form-01/auth-form.d.ts

@@ -0,0 +1,52 @@
+import type { FormEvent, ReactNode } from 'react';
+export type AuthFormField = {
+    id: string;
+    label: string;
+    type?: 'text' | 'email' | 'password';
+    placeholder?: string;
+    autoComplete?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    required?: boolean;
+    disabled?: boolean;
+    description?: string;
+};
+export type AuthFormRemember = {
+    id: string;
+    label: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+};
+export type AuthForm01Props = {
+    title: string;
+    description?: string;
+    /** The credential fields, in order. */
+    fields: AuthFormField[];
+    /** An error message shown above the fields and marked on each control. */
+    error?: string;
+    /** A remember-me row under the fields. */
+    remember?: AuthFormRemember;
+    /** The submit button label. */
+    submitLabel: string;
+    /** The label shown while `pending` is true. Falls back to `submitLabel`. */
+    pendingLabel?: string;
+    /** Disables the submit control while a request is in flight. */
+    pending?: boolean;
+    onSubmit?: (event: FormEvent<HTMLFormElement>) => void;
+    /** A row under the submit button, e.g. a link to another screen. */
+    footer?: ReactNode;
+};
+/**
+ * A sign-in card.
+ *
+ * The block renders the card, the labelled fields, the remember row and the
+ * submit control. It owns no credentials and no request: every field value and
+ * the submit handler come from the consumer, and the error line is a prop so
+ * the consumer's validation decides when it appears. Every string is a prop.
+ */
+export declare function AuthForm01({ title, description, fields, error, remember, submitLabel, pendingLabel, pending, onSubmit, footer, }: AuthForm01Props): import("react").JSX.Element;
+export default AuthForm01;
+//# sourceMappingURL=auth-form.d.ts.map

package/dist/blocks/auth-form-01/auth-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-form.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth-form-01/auth-form.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAqBjD,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAA;IACnB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IACtD,oEAAoE;IACpE,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,OAAe,EACf,QAAQ,EACR,MAAM,GACP,EAAE,eAAe,+BAmEjB;AAED,eAAe,UAAU,CAAA"}

package/dist/blocks/auth-form-01/auth-form.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CircleAlert } from 'lucide-react';
+import { Alert, AlertDescription } from '../../components/ui/alert';
+import { Button } from '../../components/ui/button';
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../../components/ui/card';
+import { Checkbox } from '../../components/ui/checkbox';
+import { Field, FieldDescription, FieldGroup, FieldLabel, } from '../../components/ui/field';
+import { Input } from '../../components/ui/input';
+/**
+ * A sign-in card.
+ *
+ * The block renders the card, the labelled fields, the remember row and the
+ * submit control. It owns no credentials and no request: every field value and
+ * the submit handler come from the consumer, and the error line is a prop so
+ * the consumer's validation decides when it appears. Every string is a prop.
+ */
+export function AuthForm01({ title, description, fields, error, remember, submitLabel, pendingLabel, pending = false, onSubmit, footer, }) {
+    return (_jsx("form", { onSubmit: onSubmit, className: "w-full", children: _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: title }), description ? _jsx(CardDescription, { children: description }) : null] }), _jsxs(CardContent, { className: "flex flex-col gap-4", children: [error ? (_jsxs(Alert, { variant: "destructive", children: [_jsx(CircleAlert, {}), _jsx(AlertDescription, { children: error })] })) : null, _jsx(FieldGroup, { children: fields.map((field) => (_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: field.id, children: field.label }), _jsx(Input, { id: field.id, type: field.type ?? 'text', placeholder: field.placeholder, autoComplete: field.autoComplete, value: field.value, defaultValue: field.defaultValue, onChange: field.onChange
+                                            ? (event) => field.onChange?.(event.target.value)
+                                            : undefined, required: field.required, disabled: field.disabled, "aria-invalid": error ? true : undefined }), field.description ? (_jsx(FieldDescription, { children: field.description })) : null] }, field.id))) }), remember ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: remember.id, checked: remember.checked, defaultChecked: remember.defaultChecked, onCheckedChange: remember.onCheckedChange, disabled: remember.disabled }), _jsx(FieldLabel, { htmlFor: remember.id, children: remember.label })] })) : null] }), _jsxs(CardFooter, { className: "flex-col gap-3", children: [_jsx(Button, { type: "submit", className: "w-full", disabled: pending, children: pending ? (pendingLabel ?? submitLabel) : submitLabel }), footer] })] }) }));
+}
+export default AuthForm01;

package/dist/blocks/auth-form-01/index.d.ts

@@ -0,0 +1,3 @@
+export { AuthForm01, default } from './auth-form';
+export type { AuthForm01Props, AuthFormField, AuthFormRemember } from './auth-form';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/auth-form-01/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth-form-01/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AACjD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA"}

package/dist/blocks/auth-form-01/index.js

@@ -0,0 +1 @@
+export { AuthForm01, default } from './auth-form';

package/dist/blocks/cta-01/cta.d.ts

@@ -0,0 +1,23 @@
+import { type HeadingLevel } from '../../components/ui/section';
+export type Cta01Props = {
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        href?: string;
+        variant?: 'default' | 'secondary' | 'outline';
+    };
+    /** Heading level for the headline. See `HeadingLevel`. */
+    headingLevel?: HeadingLevel;
+};
+/**
+ * A closing call to action on a filled primary surface.
+ *
+ * The copy and the action are props. It previously shipped the catalog's own
+ * pitch ("Start with one block, keep the tokens") and a hardcoded "Browse the
+ * catalog" button, both of which described the library rather than whatever
+ * product installed the block.
+ */
+export declare function Cta01({ title, description, action, headingLevel }: Cta01Props): import("react").JSX.Element;
+export default Cta01;
+//# sourceMappingURL=cta.d.ts.map

package/dist/blocks/cta-01/cta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cta.d.ts","sourceRoot":"","sources":["../../../src/blocks/cta-01/cta.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAExE,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAA;KAAE,CAAA;IACxF,0DAA0D;IAC1D,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,YAAmB,EAAE,EAAE,UAAU,+BAsCpF;AAED,eAAe,KAAK,CAAA"}

package/dist/blocks/cta-01/cta.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowRight } from 'lucide-react';
+import { Button } from '../../components/ui/button';
+import { Section } from '../../components/ui/section';
+/**
+ * A closing call to action on a filled primary surface.
+ *
+ * The copy and the action are props. It previously shipped the catalog's own
+ * pitch ("Start with one block, keep the tokens") and a hardcoded "Browse the
+ * catalog" button, both of which described the library rather than whatever
+ * product installed the block.
+ */
+export function Cta01({ title, description, action, headingLevel = 'h2' }) {
+    /*
+     * The same mechanism `SectionHeading` uses for its own `as` prop, which this
+     * block cannot borrow: its copy sits on a filled `bg-primary` surface, where
+     * `SectionHeading`'s muted-surface description colour and `gap-4` would be
+     * wrong. So the tag is resolved here and the classes stay surface-specific
+     * rather than the heading level being the reason the markup stays hardcoded.
+     */
+    const Heading = headingLevel;
+    return (_jsx(Section, { className: "py-20", children: _jsxs("div", { className: "bg-primary text-primary-foreground relative overflow-hidden rounded-2xl px-8 py-16 text-center", children: [_jsx("div", { "aria-hidden": true, className: "from-primary-foreground/15 pointer-events-none absolute inset-0 bg-gradient-to-tr to-transparent" }), _jsxs("div", { className: "relative flex flex-col items-center gap-6", children: [_jsx(Heading, { className: "max-w-2xl text-3xl font-semibold tracking-tight text-balance sm:text-4xl", children: title }), description ? (_jsx("p", { className: "max-w-xl text-lg text-pretty opacity-90", children: description })) : null, action ? (_jsxs(Button, { size: "lg", variant: action.variant ?? 'secondary', className: "group", children: [action.label, _jsx(ArrowRight, { className: "motion-safe:transition-transform size-4 group-hover:translate-x-0.5" })] })) : null] })] }) }));
+}
+export default Cta01;

package/dist/blocks/cta-01/index.d.ts

@@ -0,0 +1,2 @@
+export { Cta01, default } from './cta';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/cta-01/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/cta-01/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA"}

package/dist/blocks/cta-01/index.js

@@ -0,0 +1 @@
+export { Cta01, default } from './cta';

package/dist/blocks/data-table-01/data-table.d.ts

@@ -0,0 +1,102 @@
+import { type ReactNode } from 'react';
+/** One row of data. Identity comes from `getRowId`, not from the shape. */
+export type DataTableRow = Record<string, unknown>;
+export type DataTableColumn = {
+    /** Stable identifier, used for keys and the visibility menu. */
+    id: string;
+    /** The column heading. */
+    header: ReactNode;
+    /** Renders the cell for one row. */
+    cell: (row: DataTableRow) => ReactNode;
+    /** A plain-text name for the visibility menu. Falls back to `id`. */
+    label?: string;
+    /** Layout classes, for alignment or a fixed width. */
+    className?: string;
+};
+export type DataTableFilterOption = {
+    label: string;
+    value: string;
+};
+export type DataTableFilter = {
+    id: string;
+    label: string;
+    options: DataTableFilterOption[];
+};
+export type DataTableRowAction = {
+    label: string;
+    variant?: 'default' | 'destructive';
+    onSelect?: () => void;
+};
+/**
+ * Every string the block renders. Required because the block ships no copy of
+ * its own: a control hint, a selection summary and an empty-state line are the
+ * consumer's to write.
+ */
+export type DataTable01Labels = {
+    /** Search field placeholder and accessible name. */
+    search: string;
+    /** The filters trigger. */
+    filters: string;
+    /** Clears every active filter. */
+    reset: string;
+    /** Headings for the column chooser. */
+    columns: string;
+    viewColumns: string;
+    selectAll: string;
+    selectRow: string;
+    rowActions: string;
+    previous: string;
+    next: string;
+    /** Accessible name for one page control. */
+    page: (page: number) => string;
+    /** The selection summary. */
+    selectedCount: (count: number) => string;
+    /** Shown in the body when `rows` is empty and `emptyMessage` is not set. */
+    empty: string;
+};
+export type DataTable01Props = {
+    title?: ReactNode;
+    description?: ReactNode;
+    columns: DataTableColumn[];
+    /** The rows for the current page. The block renders them; it never fetches. */
+    rows: DataTableRow[];
+    /** Returns a stable identity for a row. */
+    getRowId: (row: DataTableRow) => string;
+    /** Names the table for assistive technology when no heading does. */
+    caption?: ReactNode;
+    /** Adds the selection column and the selection summary. */
+    selectable?: boolean;
+    selectedIds?: string[];
+    defaultSelectedIds?: string[];
+    onSelectedIdsChange?: (ids: string[]) => void;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    filters?: DataTableFilter[];
+    filterValues?: Record<string, string | undefined>;
+    onFilterChange?: (id: string, value: string | undefined) => void;
+    /** The current page, 1-based. */
+    page?: number;
+    defaultPage?: number;
+    /** How many pages exist. At least 1. */
+    pageCount: number;
+    onPageChange?: (page: number) => void;
+    /** The per-row action menu. Return an empty array to omit the menu. */
+    rowActions?: (row: DataTableRow) => DataTableRowAction[];
+    /** Controls rendered at the end of the toolbar, e.g. a create Button. */
+    toolbarActions?: ReactNode;
+    /** Replaces the fallback empty line. */
+    emptyMessage?: ReactNode;
+    labels: DataTable01Labels;
+};
+/**
+ * A table section with a toolbar, filters, row selection and pagination.
+ *
+ * The block renders exactly the rows it is given for the current page and
+ * reports every interaction through a callback. It performs no filtering,
+ * sorting or fetching of its own: the page, the search text, the filter values
+ * and the selection are the consumer's state, so a server-rendered page and a
+ * client data layer can each drive it. Every label is a prop.
+ */
+export declare function DataTable01({ title, description, columns, rows, getRowId, caption, selectable, selectedIds, defaultSelectedIds, onSelectedIdsChange, searchValue, onSearchChange, filters, filterValues, onFilterChange, page: pageProp, defaultPage, pageCount, onPageChange, rowActions, toolbarActions, emptyMessage, labels, }: DataTable01Props): import("react").JSX.Element;
+export default DataTable01;
+//# sourceMappingURL=data-table.d.ts.map

package/dist/blocks/data-table-01/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../src/blocks/data-table-01/data-table.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/data-table-01/data-table.js

@@ -0,0 +1,116 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, ListFilter, MoreHorizontal, Search } from 'lucide-react';
+import { useState } from 'react';
+import { Button } from '../../components/ui/button';
+import { Checkbox } from '../../components/ui/checkbox';
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from '../../components/ui/dropdown-menu';
+import { Input } from '../../components/ui/input';
+import { Pagination, PaginationContent, PaginationItem } from '../../components/ui/pagination';
+import { Popover, PopoverContent, PopoverTrigger } from '../../components/ui/popover';
+import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, } from '../../components/ui/table';
+/** The page numbers to show, with `ellipsis` where a run is held back. */
+function pageWindow(page, pageCount) {
+    if (pageCount <= 7) {
+        return Array.from({ length: pageCount }, (_, index) => index + 1);
+    }
+    const pages = [1];
+    const start = Math.max(2, page - 1);
+    const end = Math.min(pageCount - 1, page + 1);
+    if (start > 2)
+        pages.push('ellipsis');
+    for (let value = start; value <= end; value += 1)
+        pages.push(value);
+    if (end < pageCount - 1)
+        pages.push('ellipsis');
+    pages.push(pageCount);
+    return pages;
+}
+function RowMenu({ actions, label }) {
+    if (!actions.length)
+        return null;
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { "aria-label": label, className: "size-8 p-0", children: _jsx(MoreHorizontal, { className: "size-4" }) }), _jsx(DropdownMenuContent, { align: "end", children: actions.map((action, index) => (
+                // Positional: an action label is display content and two may repeat.
+                _jsx(DropdownMenuItem, { variant: action.variant, onClick: action.onSelect, children: action.label }, index))) })] }));
+}
+/**
+ * A table section with a toolbar, filters, row selection and pagination.
+ *
+ * The block renders exactly the rows it is given for the current page and
+ * reports every interaction through a callback. It performs no filtering,
+ * sorting or fetching of its own: the page, the search text, the filter values
+ * and the selection are the consumer's state, so a server-rendered page and a
+ * client data layer can each drive it. Every label is a prop.
+ */
+export function DataTable01({ title, description, columns, rows, getRowId, caption, selectable = false, selectedIds, defaultSelectedIds, onSelectedIdsChange, searchValue, onSearchChange, filters, filterValues, onFilterChange, page: pageProp, defaultPage = 1, pageCount, onPageChange, rowActions, toolbarActions, emptyMessage, labels, }) {
+    const [internalSelected, setInternalSelected] = useState(defaultSelectedIds ?? []);
+    const [internalPage, setInternalPage] = useState(defaultPage);
+    const [internalSearch, setInternalSearch] = useState('');
+    const [internalFilters, setInternalFilters] = useState({});
+    const [hiddenColumns, setHiddenColumns] = useState([]);
+    const selected = selectedIds ?? internalSelected;
+    const page = pageProp ?? internalPage;
+    const search = searchValue ?? internalSearch;
+    const activeFilters = filterValues ?? internalFilters;
+    const clampPage = (value) => Math.min(Math.max(1, value), Math.max(1, pageCount));
+    const currentPage = clampPage(page);
+    const visibleColumns = columns.filter((column) => !hiddenColumns.includes(column.id));
+    const hasRowActions = Boolean(rowActions);
+    const columnCount = (selectable ? 1 : 0) + visibleColumns.length + (hasRowActions ? 1 : 0);
+    const rowIds = rows.map(getRowId);
+    const allSelected = rowIds.length > 0 && rowIds.every((id) => selected.includes(id));
+    const someSelected = rowIds.some((id) => selected.includes(id));
+    function changeSelection(ids) {
+        if (selectedIds === undefined)
+            setInternalSelected(ids);
+        onSelectedIdsChange?.(ids);
+    }
+    function toggleAll(checked) {
+        if (checked) {
+            changeSelection([...new Set([...selected, ...rowIds])]);
+        }
+        else {
+            changeSelection(selected.filter((id) => !rowIds.includes(id)));
+        }
+    }
+    function toggleRow(id, checked) {
+        changeSelection(checked ? [...selected, id] : selected.filter((item) => item !== id));
+    }
+    function changeSearch(value) {
+        if (searchValue === undefined)
+            setInternalSearch(value);
+        onSearchChange?.(value);
+    }
+    function changeFilter(id, value) {
+        if (filterValues === undefined) {
+            setInternalFilters((previous) => ({ ...previous, [id]: value }));
+        }
+        onFilterChange?.(id, value);
+    }
+    function resetFilters() {
+        if (filterValues === undefined)
+            setInternalFilters({});
+        for (const filter of filters ?? [])
+            onFilterChange?.(filter.id, undefined);
+    }
+    function changePage(next) {
+        const clamped = clampPage(next);
+        if (pageProp === undefined)
+            setInternalPage(clamped);
+        onPageChange?.(clamped);
+    }
+    function toggleColumn(id, visible) {
+        setHiddenColumns((previous) => visible ? previous.filter((item) => item !== id) : [...previous, id]);
+    }
+    const activeFilterCount = Object.values(activeFilters).filter(Boolean).length;
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [title || description ? (_jsxs("div", { className: "flex flex-col gap-1", children: [title ? _jsx("h2", { className: "text-lg font-semibold tracking-tight", children: title }) : null, description ? (_jsx("p", { className: "text-muted-foreground text-sm", children: description })) : null] })) : null, _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground pointer-events-none absolute top-1/2 left-2.5 size-4 -translate-y-1/2" }), _jsx(Input, { value: search, onChange: (event) => changeSearch(event.target.value), placeholder: labels.search, "aria-label": labels.search, className: "h-9 w-56 pl-8" })] }), filters?.length ? (_jsxs(Popover, { children: [_jsxs(PopoverTrigger, { children: [_jsx(ListFilter, { className: "size-4" }), labels.filters, activeFilterCount > 0 ? (_jsx("span", { className: "bg-primary text-primary-foreground rounded-full px-1.5 text-xs", children: activeFilterCount })) : null] }), _jsxs(PopoverContent, { align: "start", className: "flex w-64 flex-col gap-4", children: [filters.map((filter) => (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("span", { className: "text-sm font-medium", children: filter.label }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: filter.options.map((option) => {
+                                                            const active = activeFilters[filter.id] === option.value;
+                                                            return (_jsx(Button, { type: "button", size: "sm", variant: active ? 'default' : 'outline', onClick: () => changeFilter(filter.id, active ? undefined : option.value), children: option.label }, option.value));
+                                                        }) })] }, filter.id))), _jsx(Button, { type: "button", variant: "ghost", size: "sm", disabled: activeFilterCount === 0, onClick: resetFilters, children: labels.reset })] })] })) : null] }), _jsxs("div", { className: "flex items-center gap-2", children: [toolbarActions, _jsxs(DropdownMenu, { children: [_jsxs(DropdownMenuTrigger, { children: [labels.viewColumns, _jsx(ChevronDown, { className: "size-4" })] }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuLabel, { children: labels.columns }), _jsx(DropdownMenuSeparator, {}), columns.map((column) => (_jsx(DropdownMenuCheckboxItem, { checked: !hiddenColumns.includes(column.id), closeOnClick: false, onCheckedChange: (checked) => toggleColumn(column.id, checked), children: column.label ?? column.id }, column.id)))] })] })] })] }), _jsx("div", { className: "border-border overflow-hidden rounded-xl border", children: _jsxs(Table, { children: [caption ? _jsx(TableCaption, { children: caption }) : null, _jsx(TableHeader, { children: _jsxs(TableRow, { children: [selectable ? (_jsx(TableHead, { className: "w-10", children: _jsx(Checkbox, { checked: allSelected, indeterminate: !allSelected && someSelected, onCheckedChange: toggleAll, "aria-label": labels.selectAll }) })) : null, visibleColumns.map((column) => (_jsx(TableHead, { className: column.className, children: column.header }, column.id))), hasRowActions ? (_jsx(TableHead, { className: "w-10", children: _jsx("span", { className: "sr-only", children: labels.rowActions }) })) : null] }) }), _jsx(TableBody, { children: rows.length ? (rows.map((row) => {
+                                const id = getRowId(row);
+                                const isSelected = selected.includes(id);
+                                const actions = rowActions?.(row) ?? [];
+                                return (_jsxs(TableRow, { "data-state": isSelected ? 'selected' : undefined, children: [selectable ? (_jsx(TableCell, { children: _jsx(Checkbox, { checked: isSelected, onCheckedChange: (checked) => toggleRow(id, checked), "aria-label": labels.selectRow }) })) : null, visibleColumns.map((column) => (_jsx(TableCell, { className: column.className, children: column.cell(row) }, column.id))), hasRowActions ? (_jsx(TableCell, { className: "text-right", children: _jsx(RowMenu, { actions: actions, label: labels.rowActions }) })) : null] }, id));
+                            })) : (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columnCount, className: "text-muted-foreground h-24 text-center", children: emptyMessage ?? labels.empty }) })) })] }) }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [selectable ? (_jsx("span", { className: "text-muted-foreground text-sm", children: labels.selectedCount(selected.length) })) : (_jsx("span", {})), _jsx(Pagination, { className: "mx-0 w-auto justify-end", children: _jsxs(PaginationContent, { children: [_jsx(PaginationItem, { children: _jsx(Button, { type: "button", variant: "ghost", size: "sm", disabled: currentPage <= 1, "aria-label": labels.previous, onClick: () => changePage(currentPage - 1), children: labels.previous }) }), pageWindow(currentPage, Math.max(1, pageCount)).map((item, index) => item === 'ellipsis' ? (_jsx(PaginationItem, { children: _jsx("span", { "aria-hidden": "true", className: "text-muted-foreground px-2", children: "..." }) }, `ellipsis-${index}`)) : (_jsx(PaginationItem, { children: _jsx(Button, { type: "button", variant: item === currentPage ? 'outline' : 'ghost', size: "icon", "aria-label": labels.page(item), "aria-current": item === currentPage ? 'page' : undefined, onClick: () => changePage(item), children: item }) }, item))), _jsx(PaginationItem, { children: _jsx(Button, { type: "button", variant: "ghost", size: "sm", disabled: currentPage >= Math.max(1, pageCount), "aria-label": labels.next, onClick: () => changePage(currentPage + 1), children: labels.next }) })] }) })] })] }));
+}
+export default DataTable01;

package/dist/blocks/data-table-01/index.d.ts

@@ -0,0 +1,3 @@
+export { DataTable01, default } from './data-table';
+export type { DataTable01Props, DataTable01Labels, DataTableColumn, DataTableFilter, DataTableFilterOption, DataTableRow, DataTableRowAction, } from './data-table';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/data-table-01/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/data-table-01/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACnD,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,YAAY,EACZ,kBAAkB,GACnB,MAAM,cAAc,CAAA"}

package/dist/blocks/data-table-01/index.js

@@ -0,0 +1 @@
+export { DataTable01, default } from './data-table';

package/dist/blocks/feature-grid-01/feature-grid.d.ts

@@ -0,0 +1,27 @@
+import type { LucideIcon } from 'lucide-react';
+import { type HeadingLevel } from '../../components/ui/section';
+export type Feature = {
+    icon: LucideIcon;
+    title: string;
+    body: string;
+};
+export type FeatureGrid01Props = {
+    eyebrow?: string;
+    title?: string;
+    description?: string;
+    features: Feature[];
+    /** `icon` tiles read well at 2-up; `bare` leans on the type alone. */
+    variant?: 'icon' | 'bare';
+    /** Heading level for the section title. See `HeadingLevel`. */
+    headingLevel?: HeadingLevel;
+};
+/**
+ * A grid of short feature blurbs.
+ *
+ * The feature list is a prop. It previously hardcoded the catalog's own selling
+ * points under the heading "Why this catalog", so an installed block argued for
+ * the library inside the consumer's product.
+ */
+export declare function FeatureGrid01({ eyebrow, title, description, features, variant, headingLevel, }: FeatureGrid01Props): import("react").JSX.Element;
+export default FeatureGrid01;
+//# sourceMappingURL=feature-grid.d.ts.map

package/dist/blocks/feature-grid-01/feature-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-grid.d.ts","sourceRoot":"","sources":["../../../src/blocks/feature-grid-01/feature-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAG9C,OAAO,EAA2B,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAExF,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAgB,EAChB,YAAmB,GACpB,EAAE,kBAAkB,+BA8BpB;AAED,eAAe,aAAa,CAAA"}

package/dist/blocks/feature-grid-01/feature-grid.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardDescription, CardHeader, CardTitle } from '../../components/ui/card';
+import { Section, SectionHeading } from '../../components/ui/section';
+/**
+ * A grid of short feature blurbs.
+ *
+ * The feature list is a prop. It previously hardcoded the catalog's own selling
+ * points under the heading "Why this catalog", so an installed block argued for
+ * the library inside the consumer's product.
+ */
+export function FeatureGrid01({ eyebrow, title, description, features, variant = 'icon', headingLevel = 'h2', }) {
+    return (_jsxs(Section, { children: [title ? (_jsx(SectionHeading, { as: headingLevel, eyebrow: eyebrow, title: title, description: description, className: "mb-12" })) : null, _jsx("div", { className: "grid gap-6 sm:grid-cols-2", children: features.map((feature) => (_jsx(Card, { className: "gap-4 py-6", children: _jsxs(CardHeader, { children: [variant === 'icon' ? (_jsx("span", { className: "bg-accent text-accent-foreground mb-2 flex size-10 items-center justify-center rounded-lg", children: _jsx(feature.icon, { className: "size-5" }) })) : null, _jsx(CardTitle, { children: feature.title }), _jsx(CardDescription, { children: feature.body })] }) }, feature.title))) })] }));
+}
+export default FeatureGrid01;

package/dist/blocks/feature-grid-01/index.d.ts

@@ -0,0 +1,2 @@
+export { FeatureGrid01, default } from './feature-grid';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/feature-grid-01/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/feature-grid-01/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/blocks/feature-grid-01/index.js

@@ -0,0 +1 @@
+export { FeatureGrid01, default } from './feature-grid';

package/dist/blocks/hero-01/hero.d.ts

@@ -0,0 +1,30 @@
+import { type HeadingLevel } from '../../components/ui/section';
+export type HeroAction = {
+    label: string;
+    href?: string;
+    variant?: 'default' | 'outline' | 'secondary' | 'ghost';
+};
+export type Hero01Props = {
+    /**
+     * Optional label above the headline. Intentionally has no default: an earlier
+     * version shipped a hardcoded "Now in open beta" pill, which meant every
+     * consumer who installed this block inherited a status badge making a claim
+     * about their product. Pass one if you mean it.
+     */
+    eyebrow?: string;
+    title: string;
+    description?: string;
+    actions?: HeroAction[];
+    /**
+     * Heading level for the title. Defaults to `h2` because a block is composed,
+     * not a page: it installs into a consumer's layout and renders
+     * inside catalog previews, so the surrounding document already owns the `h1`.
+     * A page that uses this block as its top-level heading opts in with
+     * `headingLevel="h1"`; a document that already names this section in its own
+     * heading passes one level deeper. See `HeadingLevel`.
+     */
+    headingLevel?: HeadingLevel;
+};
+export declare function Hero01({ eyebrow, title, description, actions, headingLevel, }: Hero01Props): import("react").JSX.Element;
+export default Hero01;
+//# sourceMappingURL=hero.d.ts.map

package/dist/blocks/hero-01/hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../src/blocks/hero-01/hero.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAExF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAA;CACxD,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,WAAW,EACX,OAAY,EACZ,YAAmB,GACpB,EAAE,WAAW,+BA2Cb;AAED,eAAe,MAAM,CAAA"}

package/dist/blocks/hero-01/hero.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowRight } from 'lucide-react';
+import { Button } from '../../components/ui/button';
+import { Section, SectionHeading } from '../../components/ui/section';
+export function Hero01({ eyebrow, title, description, actions = [], headingLevel = 'h2', }) {
+    return (_jsxs(Section, { className: "relative overflow-hidden", children: [_jsx("div", { "aria-hidden": true, className: "from-primary/5 pointer-events-none absolute inset-0 -z-10 bg-gradient-to-b to-transparent" }), _jsxs("div", { className: "flex flex-col items-center gap-10 text-center", children: [eyebrow ? (_jsx("span", { className: "bg-muted text-muted-foreground rounded-full px-3 py-1 text-xs font-medium", children: eyebrow })) : null, _jsx(SectionHeading, { as: headingLevel, title: title, description: description }), actions.length ? (_jsx("div", { className: "flex flex-col gap-3 sm:flex-row", children: actions.map((action, index) => (
+                        // Positional, for the same reason as `pricing-01`'s feature list:
+                        // the label is display content, and two actions may share one.
+                        // Safe here because the list is static and never reordered.
+                        _jsxs(Button, { size: "lg", variant: action.variant ?? (index === 0 ? 'default' : 'outline'), className: "group", children: [action.label, index === 0 ? (_jsx(ArrowRight, { className: "motion-safe:transition-transform size-4 group-hover:translate-x-0.5" })) : null] }, index))) })) : null] })] }));
+}
+export default Hero01;

package/dist/blocks/hero-01/index.d.ts

@@ -0,0 +1,2 @@
+export { Hero01, default } from './hero';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/hero-01/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/hero-01/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA"}

package/dist/blocks/hero-01/index.js

@@ -0,0 +1 @@
+export { Hero01, default } from './hero';

package/dist/blocks/index.d.ts

@@ -1,5 +1,18 @@
-export { ComponentDemo, type ComponentDemoProps } from './component-demo/index.js';
-export { PageHeader, type PageHeaderProps } from './page-header/index.js';
-export { SiteHeader, type SiteHeaderProps, type PrismNavLink } from './site-header/index.js';
-export { SiteFooter, type SiteFooterProps, type SiteFooterColumn, type SiteFooterSocialLink, } from './site-footer/index.js';
+/**
+ * Every Prism Block.
+ *
+ * A Block is a pre-composed, product-agnostic section: it accepts data and
+ * content as props and never fetches application data (ticket 07). The `-NN`
+ * suffix is the block-family variant ordinal.
+ */
+export { Hero01 } from './hero-01';
+export { FeatureGrid01 } from './feature-grid-01';
+export { Stats01 } from './stats-01';
+export { Pricing01 } from './pricing-01';
+export { Cta01 } from './cta-01';
+export { PageHeader01 } from './page-header-01';
+export { DataTable01 } from './data-table-01';
+export { SettingsPanel01 } from './settings-panel-01';
+export { AuthForm01 } from './auth-form-01';
+export { AppShell01 } from './app-shell-01';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/blocks/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC7F,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,GAC1B,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/blocks/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA"}