@nanisoft/prism-ui 0.5.0 → 0.6.0

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

@@ -0,0 +1,38 @@
+import { type ReactNode } from 'react';
+export type AppShellCrumb = {
+    label: ReactNode;
+    /** Renders a native anchor. Omit on the current, final step. */
+    href?: string;
+};
+export type AppShell01Props = {
+    /**
+     * The navigation rendered in the desktop rail and in the mobile sheet. Pass
+     * nodes rather than a route table: the block never imports a router.
+     */
+    navigation: ReactNode;
+    /** The accessible name for the navigation regions and the sheet trigger. */
+    navigationLabel: string;
+    /** The brand or product mark at the top of the rail and the sheet. */
+    brand?: ReactNode;
+    /** The trail shown in the top bar. */
+    breadcrumbs?: AppShellCrumb[];
+    /** Actions at the end of the top bar, e.g. an account menu. */
+    actions?: ReactNode;
+    /** A slot above the navigation, e.g. a workspace switcher. */
+    railHeader?: ReactNode;
+    /** A slot below the navigation, e.g. a user menu. */
+    railFooter?: ReactNode;
+    children: ReactNode;
+};
+/**
+ * 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 declare function AppShell01({ navigation, navigationLabel, brand, breadcrumbs, actions, railHeader, railFooter, children, }: AppShell01Props): import("react").JSX.Element;
+export default AppShell01;
+//# sourceMappingURL=app-shell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../src/blocks/app-shell-01/app-shell.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAc1D,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,SAAS,CAAA;IAChB,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,UAAU,EAAE,SAAS,CAAA;IACrB,4EAA4E;IAC5E,eAAe,EAAE,MAAM,CAAA;IACvB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,sCAAsC;IACtC,WAAW,CAAC,EAAE,aAAa,EAAE,CAAA;IAC7B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,qDAAqD;IACrD,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,eAAe,EACf,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,GACT,EAAE,eAAe,+BA4EjB;AAED,eAAe,UAAU,CAAA"}

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,83 @@
+import type { ReactNode } from 'react';
+import { type HeadingLevel } from '../../components/ui/section';
+/**
+ * One closing action.
+ *
+ * The destination is required rather than optional, and that is the whole point
+ * of the type: `href` was already declared and never rendered, so the type said
+ * the control could navigate while the markup produced a `<button>` with no
+ * handler. An action with no handler navigates nothing, so there is no arm of
+ * this union that omits the destination and no optional one either. A caller
+ * whose control is not a link at all uses `Cta01`'s `actionSlot`.
+ */
+export type Cta01Action = {
+    label: string;
+    /** Where the action goes. Rendered as a native anchor's `href`. */
+    href: string;
+    /**
+     * Opens the destination in a new browsing context, which defaults the link
+     * relationship to `noopener noreferrer`. Declared rather than inferred: Prism
+     * does not parse the destination, and a cross-origin URL is not by itself a
+     * reason to open a tab.
+     */
+    newTab?: boolean;
+    variant?: 'default' | 'secondary' | 'outline';
+};
+export type Cta01Props = {
+    title: string;
+    description?: string;
+    /**
+     * The one action this band carries. Omit it for a closing statement that asks
+     * for nothing, and use `actionSlot` for a control that is not a call to
+     * action.
+     */
+    action?: Cta01Action;
+    /**
+     * A slot for a control the block does not own, such as a client router's link
+     * or a menu. This is what a call to action with no destination becomes: a slot
+     * the consumer fills, rather than a control the block renders and cannot make
+     * work.
+     */
+    actionSlot?: ReactNode;
+    /**
+     * The second action, rendered beside the first at outline weight. It is a prop
+     * rather than a second `action` array because `action` is the one this Block
+     * styles as the closing ask and a second action in the same weight is two
+     * closing asks; a reader who has to choose between two equally-weighted
+     * buttons has been given a menu where a page wanted a decision.
+     *
+     * Three of the four NaniSoft sites render two actions in their closing band
+     * and all four do, and all four wrote the pair by hand, so each one re-decided
+     * the gap, the order and the weight between them.
+     */
+    secondaryAction?: Cta01Action;
+    /**
+     * The line under the actions: the footnote, the caveat, the sentence that
+     * qualifies the ask. Three of the four sites render one, and each wrote it by
+     * hand.
+     *
+     * A `ReactNode` rather than a string because the honest line is sometimes not
+     * one sentence: three of the four carry a link inside it, and a string prop
+     * would force a caller to compose a paragraph to say "this is in development,
+     * here is where to watch it".
+     */
+    note?: ReactNode;
+    /** 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.
+ *
+ * The action renders a `CtaLink`, so it is a native anchor announced as a link
+ * rather than a button announced as a command, and its destination is a required
+ * prop. The only rendered change from the button this replaces is the element and
+ * the `href` it now carries.
+ */
+export declare function Cta01({ title, description, action, actionSlot, secondaryAction, note, 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":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAExE;;;;;;;;;GASG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAA;IACZ;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAA;CAC9C,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;;;;;;;;;OAUG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,WAAW,EACX,MAAM,EACN,UAAU,EACV,eAAe,EACf,IAAI,EACJ,YAAmB,GACpB,EAAE,UAAU,+BAyDZ;AAED,eAAe,KAAK,CAAA"}

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowRight } from 'lucide-react';
+import { CtaLink } from '../../components/ui/cta-link';
+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.
+ *
+ * The action renders a `CtaLink`, so it is a native anchor announced as a link
+ * rather than a button announced as a command, and its destination is a required
+ * prop. The only rendered change from the button this replaces is the element and
+ * the `href` it now carries.
+ */
+export function Cta01({ title, description, action, actionSlot, secondaryAction, note, 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("div", { className: "flex flex-col items-center gap-3 sm:flex-row", children: [_jsxs(CtaLink, { size: "lg", variant: action.variant ?? 'secondary', href: action.href, newTab: action.newTab, className: "group", children: [action.label, _jsx(ArrowRight, { className: "motion-safe:transition-transform size-4 group-hover:translate-x-0.5" })] }), secondaryAction ? (_jsx(CtaLink, { size: "lg", variant: secondaryAction.variant ?? 'outline', href: secondaryAction.href, newTab: secondaryAction.newTab, children: secondaryAction.label })) : null] })) : actionSlot ? (actionSlot) : null, note ? (_jsx("p", { className: "max-w-2xl text-pretty text-sm opacity-80", children: note })) : null] })] }) }));
+}
+export default Cta01;

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

@@ -0,0 +1,3 @@
+export { Cta01, default } from './cta';
+export type { Cta01Action, Cta01Props } 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;AACtC,YAAY,EAAE,WAAW,EAAE,UAAU,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';