@nanisoft/prism-ui 0.5.0 → 0.6.0

package/dist/index.js

@@ -0,0 +1,68 @@
+/**
+ * The curated Prism barrel.
+ *
+ * The most-used components, blocks and theming vocabulary in one import. It
+ * carries no styles and no runtime side effects: importing this entry must not
+ * pull the provider, the catalogue or a stylesheet. Consumers that want one
+ * item import its own subpath instead.
+ */
+export { Button } from './components/ui/button';
+export { CtaLink } from './components/ui/cta-link';
+export { Badge } from './components/ui/badge';
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, } from './components/ui/card';
+export { Section, SectionHeading } from './components/ui/section';
+export { Alert, AlertTitle, AlertDescription } from './components/ui/alert';
+export { Separator } from './components/ui/separator';
+export { Skeleton } from './components/ui/skeleton';
+export { Input } from './components/ui/input';
+export { Textarea } from './components/ui/textarea';
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, } from './components/ui/field';
+export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption, } from './components/ui/table';
+export { Heading, Text } from './components/ui/typography';
+export { Kbd } from './components/ui/kbd';
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, } from './components/ui/breadcrumb';
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, } from './components/ui/pagination';
+export { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectGroup, SelectLabel, SelectSeparator, } from './components/ui/select';
+export { Checkbox } from './components/ui/checkbox';
+export { RadioGroup, RadioGroupItem } from './components/ui/radio-group';
+export { Switch } from './components/ui/switch';
+export { Slider } from './components/ui/slider';
+export { Progress } from './components/ui/progress';
+export { Tooltip, TooltipTrigger, TooltipContent } from './components/ui/tooltip';
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './components/ui/accordion';
+export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogClose, } from './components/ui/dialog';
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './components/ui/dropdown-menu';
+export { Popover, PopoverTrigger, PopoverContent } from './components/ui/popover';
+export { Tabs, TabsList, TabsTrigger, TabsContent } from './components/ui/tabs';
+export { Avatar, AvatarImage, AvatarFallback } from './components/ui/avatar';
+export { Diagram } from './components/ui/diagram';
+export { ProductMark } from './components/ui/product-mark';
+export { Prose } from './components/ui/prose';
+export { FactList } from './components/ui/fact-list';
+export { ProductSwitcher } from './components/ui/product-switcher';
+export { Hero01 } from './blocks/hero-01';
+export { FeatureGrid01 } from './blocks/feature-grid-01';
+export { Stats01 } from './blocks/stats-01';
+export { Pricing01 } from './blocks/pricing-01';
+export { Cta01 } from './blocks/cta-01';
+export { PageHeader01 } from './blocks/page-header-01';
+export { DataTable01 } from './blocks/data-table-01';
+export { SettingsPanel01 } from './blocks/settings-panel-01';
+export { AuthForm01 } from './blocks/auth-form-01';
+export { AppShell01 } from './blocks/app-shell-01';
+export { ProcessRail01 } from './blocks/process-rail-01';
+export { StatusLedger01, STATUS_TIERS } from './blocks/status-ledger-01';
+export { ProductGrid01 } from './blocks/product-grid-01';
+export { StackGrid01 } from './blocks/stack-grid-01';
+export { LogoStrip01 } from './blocks/logo-strip-01';
+export { NoteGrid01 } from './blocks/note-grid-01';
+export { InstrumentPanel01 } from './blocks/instrument-panel-01';
+export { SiteHeader } from './blocks/site-header';
+export { SiteFooter } from './blocks/site-footer';
+export { MarketingPage } from './pages/marketing-page';
+export { DashboardPage } from './pages/dashboard-page';
+export { SettingsPage } from './pages/settings-page';
+export { AuthPage } from './pages/auth-page';
+export { NotFoundPage } from './pages/not-found-page';
+export { BlogPostPage } from './pages/blog-post-page';
+export { PACKS, MODES, parseStoredTheme, themeAttributes } from './theming';

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/lib/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/dist/pages/auth-page/index.d.ts

@@ -0,0 +1,36 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { AuthForm01 } from '../../blocks/auth-form-01';
+export type AuthPageAside = {
+    /** The supporting card's title. */
+    title: string;
+    /** One line under the title. */
+    description?: string;
+    /** The card body: product context, a short list or a supporting note. */
+    children?: ReactNode;
+};
+export type AuthPageProps = {
+    /** The credential form. */
+    form: ComponentProps<typeof AuthForm01>;
+    /**
+     * A supporting card beside the form. Omit it for a single centered column.
+     */
+    aside?: AuthPageAside;
+    /** A node under the form, such as a legal line or a link to another screen. */
+    footer?: ReactNode;
+};
+/**
+ * A complete authentication screen.
+ *
+ * It composes `AuthForm01` with `Card`: the form carries the credentials and an
+ * optional supporting card sits beside it with product context. The page owns
+ * the layout, the centering and the breakpoint only. Every field, label,
+ * handler and error is a prop through `form`, and the page fetches nothing and
+ * imports no router, so the consumer owns the links and the request.
+ *
+ * The layout is one centered column when no `aside` is passed, and a two-column
+ * split from the large breakpoint up when one is. That keeps the docs preview
+ * and a narrow screen on the same, readable path.
+ */
+export declare function AuthPage({ form, aside, footer }: AuthPageProps): import("react").JSX.Element;
+export default AuthPage;
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/auth-page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/auth-page/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAStD,MAAM,MAAM,aAAa,GAAG;IAC1B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,2BAA2B;IAC3B,IAAI,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,aAAa,+BA+B9D;AAED,eAAe,QAAQ,CAAA"}

package/dist/pages/auth-page/index.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AuthForm01 } from '../../blocks/auth-form-01';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '../../components/ui/card';
+/**
+ * A complete authentication screen.
+ *
+ * It composes `AuthForm01` with `Card`: the form carries the credentials and an
+ * optional supporting card sits beside it with product context. The page owns
+ * the layout, the centering and the breakpoint only. Every field, label,
+ * handler and error is a prop through `form`, and the page fetches nothing and
+ * imports no router, so the consumer owns the links and the request.
+ *
+ * The layout is one centered column when no `aside` is passed, and a two-column
+ * split from the large breakpoint up when one is. That keeps the docs preview
+ * and a narrow screen on the same, readable path.
+ */
+export function AuthPage({ form, aside, footer }) {
+    return (_jsx("div", { className: "bg-background text-foreground flex min-h-svh w-full items-center justify-center px-6 py-16", children: _jsxs("div", { className: aside
+                ? 'grid w-full max-w-page items-center gap-10 lg:grid-cols-2'
+                : 'w-full max-w-measure-narrow', children: [aside ? (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: aside.title }), aside.description ? (_jsx(CardDescription, { children: aside.description })) : null] }), aside.children ? _jsx(CardContent, { children: aside.children }) : null] })) : null, _jsxs("div", { className: "mx-auto w-full max-w-measure-narrow", children: [_jsx(AuthForm01, { ...form }), footer ? (_jsx("div", { className: "text-muted-foreground mt-4 text-center text-sm", children: footer })) : null] })] }) }));
+}
+export default AuthPage;

package/dist/pages/blog-post-page/index.d.ts

@@ -0,0 +1,174 @@
+import type { ReactNode } from 'react';
+/**
+ * One tag on a post, or one step in the trail to the next one.
+ *
+ * `href` is optional and a tag without one renders as text. A tag that goes
+ * somewhere is a link, a tag that does not is a word, and a post's tags are
+ * usually the words.
+ */
+export type BlogPostTag = {
+    /** The word on the tag. */
+    label: string;
+    /** Where the tag goes, for a tag that filters an archive. */
+    href?: string;
+};
+/**
+ * One neighbour of this post: the title and where it is.
+ *
+ * `title` and `href` are both required. A next post with no title is an arrow
+ * with a destination and no promise about what is at the other end, which is the
+ * one thing a reader deciding whether to click cannot afford.
+ */
+export type BlogPostNeighbour = {
+    /** The post's title. */
+    title: string;
+    /** Where the post is. */
+    href: string;
+};
+/**
+ * The two words the trail renders above the neighbouring posts' titles.
+ *
+ * Both are required, and both are the caller's: "Previous" and "Next" are this
+ * Page's own phrasing, a site that files posts newest-last says the opposite pair,
+ * and a Page that ships no copy ships no reader-facing copy either.
+ */
+export type BlogPostTrailLabels = {
+    /** The word above the previous post's title. */
+    previous: string;
+    /** The word above the next post's title. */
+    next: string;
+};
+/**
+ * The props a BlogPostPage takes.
+ *
+ * The post's own text is `children`, because a post's body is authored wherever it
+ * is authored - a Markdown file, a CMS, a headless store - and Prism owns the
+ * measure and the rhythm around it, not the words. Everything that is a *fact*
+ * about the post rather than its text is a prop: the title, the standfirst, the
+ * date, the tags and the neighbours.
+ */
+export type BlogPostPageProps = {
+    /**
+     * The post's title. It is the page's `h1`, so the page has exactly one and it
+     * is the post's name.
+     */
+    title: string;
+    /**
+     * The standfirst: one or two sentences under the title that say what the post
+     * is about. It is a prop rather than the first paragraph of the body because a
+     * reader deciding whether to read needs it before the body starts, and because
+     * it is what an index, a feed and a search result show.
+     */
+    description?: string;
+    /**
+     * The publication date, already formatted for display, and the machine value
+     * for the `time` element's `dateTime`. Both are props, and the machine one is
+     * required: `dateTime` is what a reader's browser, a feed reader and a search
+     * engine use to order posts, and a formatted string is none of those.
+     */
+    date: string;
+    /**
+     * The date in a machine-readable form, `YYYY-MM-DD`, carried on the `time`
+     * element. Required, and deliberately not derived from `date`: parsing a
+     * formatted date back into an ISO one is a guess about a locale, and a guess
+     * in a `datetime` attribute is a wrong date in a feed.
+     */
+    dateTime: string;
+    /** Who wrote the post. A name, or a link to an author page. */
+    author?: ReactNode;
+    /**
+     * The tags on the post, in the order a reader should meet them. Omit them for a
+     * post with none: an empty row of badges is a row of nothing.
+     */
+    tags?: readonly BlogPostTag[];
+    /** How long the post takes to read, in the consumer's own words. */
+    readingTime?: string;
+    /**
+     * The post's body. Any flow content: paragraphs, headings, lists, code, images,
+     * tables. `Prose` holds it to the reading measure and to the block rhythm.
+     */
+    children: ReactNode;
+    /**
+     * The post before this one and the post after it, for the trail at the foot of
+     * the page. Omit the half there is no neighbour for; a "previous" link with no
+     * previous post is a link to nothing.
+     */
+    previous?: BlogPostNeighbour;
+    next?: BlogPostNeighbour;
+    /**
+     * The two words the trail renders above the neighbouring posts' titles. Required
+     * whenever either neighbour is passed, because they are words a reader reads and
+     * a Page that ships no copy ships no reader-facing copy either.
+     */
+    trailLabels: BlogPostTrailLabels;
+    /**
+     * The accessible name of the trail between the neighbouring posts. It is
+     * required whenever either neighbour is passed, because it is a word a reader
+     * hears and a Page that ships no copy ships no reader-facing copy either. "More
+     * posts" is the Page's own phrasing and a site that files posts by release calls
+     * the same landmark something else.
+     */
+    trailLabel: string;
+    /**
+     * The way back to the archive the post is filed in, rendered as one call to
+     * action under the trail. A prop rather than a hardcoded "back to the index",
+     * because the words and the route belong to the site that publishes the post
+     * and a Page that held either would be a Page making a claim about a consumer's
+     * own site.
+     */
+    indexLink?: BlogPostNeighbour;
+    /**
+     * A slot for what comes after the trail: a related-posts grid, a newsletter
+     * form, a call to action. A slot rather than a prop because every one of those
+     * is a Block, and a Page that took a Block per prop would be a Page whose
+     * interface lists the whole catalogue.
+     */
+    footer?: ReactNode;
+    /**
+     * Layout only, exactly as on every Component. Changing a Prism-owned visual
+     * property from here is prohibited.
+     */
+    className?: string;
+};
+/**
+ * A complete blog post screen: the title, the standfirst, the byline, the body at
+ * the measure, and the trail to the neighbouring posts.
+ *
+ * All four NaniSoft sites publish a blog, each with four posts and the same
+ * frontmatter: a title, a description, a date and a list of tags. Each one then
+ * rendered that frontmatter in its own component, with its own wrapper, its own
+ * measure and its own treatment of the date, and each of them wrote the trail to
+ * the neighbouring posts separately or not at all.
+ *
+ * It is a Page rather than a Block because it is a whole screen and it is the
+ * screen a content pipeline targets: a route that reads one document and hands
+ * its frontmatter to this Page. The Page is what makes the frontmatter a
+ * contract, because a field that is not a prop is a field nothing checks.
+ *
+ * **The date is two props.** `date` is the words a reader sees and `dateTime` is
+ * the machine value on the `time` element, and they are kept apart because
+ * parsing a formatted date back into an ISO one is a guess about a locale. A
+ * wrong date in a `datetime` attribute is a wrong date in a feed reader and in a
+ * search result, and neither reader can see the string that was wrong. This is
+ * the arrangement every one of the four sites needs and none of them has, because
+ * each of them formats its date in one place and has nowhere else to put the ISO
+ * value.
+ *
+ * The body is `children` and it is held by `Prose`, not by a set of per-element
+ * props. A post's body is authored somewhere else - a Markdown pipeline, a CMS -
+ * and a Page that took `paragraphs` and `headings` as arrays would be a Page that
+ * had to be handed a parsed document, which is a second representation of
+ * something the consumer's own pipeline already owns.
+ *
+ * The trail is one `nav` with two links, and it renders only the halves it is
+ * given. A previous link on the oldest post is a link to the first post a reader
+ * has already read, and a next link on the newest is a promise the site cannot
+ * keep.
+ *
+ * It is a server Component. It fetches nothing, it holds no state and it imports
+ * no router, so a consumer renders it from a server route and hands it the
+ * document their pipeline produced.
+ */
+export declare function BlogPostPage({ title, description, date, dateTime, author, tags, readingTime, children, previous, next, trailLabels, trailLabel, indexLink, footer, className, }: BlogPostPageProps): import("react").JSX.Element;
+export default BlogPostPage;
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/blog-post-page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/blog-post-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,gDAAgD;IAChD,QAAQ,EAAE,MAAM,CAAA;IAChB,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;;;;;;GAQG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;OAKG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,WAAW,EAAE,CAAA;IAC7B,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACxB;;;;OAIG;IACH,WAAW,EAAE,mBAAmB,CAAA;IAChC;;;;;;OAMG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,iBAAiB,+BAgFnB;AAED,eAAe,YAAY,CAAA"}

package/dist/pages/blog-post-page/index.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from '../../components/ui/badge';
+import { CtaLink } from '../../components/ui/cta-link';
+import { Heading, Text } from '../../components/ui/typography';
+import { Prose } from '../../components/ui/prose';
+import { Section } from '../../components/ui/section';
+/**
+ * A complete blog post screen: the title, the standfirst, the byline, the body at
+ * the measure, and the trail to the neighbouring posts.
+ *
+ * All four NaniSoft sites publish a blog, each with four posts and the same
+ * frontmatter: a title, a description, a date and a list of tags. Each one then
+ * rendered that frontmatter in its own component, with its own wrapper, its own
+ * measure and its own treatment of the date, and each of them wrote the trail to
+ * the neighbouring posts separately or not at all.
+ *
+ * It is a Page rather than a Block because it is a whole screen and it is the
+ * screen a content pipeline targets: a route that reads one document and hands
+ * its frontmatter to this Page. The Page is what makes the frontmatter a
+ * contract, because a field that is not a prop is a field nothing checks.
+ *
+ * **The date is two props.** `date` is the words a reader sees and `dateTime` is
+ * the machine value on the `time` element, and they are kept apart because
+ * parsing a formatted date back into an ISO one is a guess about a locale. A
+ * wrong date in a `datetime` attribute is a wrong date in a feed reader and in a
+ * search result, and neither reader can see the string that was wrong. This is
+ * the arrangement every one of the four sites needs and none of them has, because
+ * each of them formats its date in one place and has nowhere else to put the ISO
+ * value.
+ *
+ * The body is `children` and it is held by `Prose`, not by a set of per-element
+ * props. A post's body is authored somewhere else - a Markdown pipeline, a CMS -
+ * and a Page that took `paragraphs` and `headings` as arrays would be a Page that
+ * had to be handed a parsed document, which is a second representation of
+ * something the consumer's own pipeline already owns.
+ *
+ * The trail is one `nav` with two links, and it renders only the halves it is
+ * given. A previous link on the oldest post is a link to the first post a reader
+ * has already read, and a next link on the newest is a promise the site cannot
+ * keep.
+ *
+ * It is a server Component. It fetches nothing, it holds no state and it imports
+ * no router, so a consumer renders it from a server route and hands it the
+ * document their pipeline produced.
+ */
+export function BlogPostPage({ title, description, date, dateTime, author, tags, readingTime, children, previous, next, trailLabels, trailLabel, indexLink, footer, className, }) {
+    return (_jsxs(Section, { className: className, children: [_jsxs("article", { "data-slot": "blog-post", className: "flex flex-col gap-8", children: [_jsxs("header", { className: "flex flex-col gap-4", children: [_jsx(Heading, { as: "h1", size: "3xl", children: title }), description ? (_jsx(Text, { size: "lg", className: "text-muted-foreground max-w-measure", children: description })) : null, _jsxs("div", { className: "text-muted-foreground flex flex-wrap items-center gap-x-3 gap-y-2 text-sm", children: [author ? _jsx("span", { className: "text-foreground font-medium", children: author }) : null, _jsx("time", { dateTime: dateTime, children: date }), readingTime ? _jsx("span", { children: readingTime }) : null] }), tags && tags.length > 0 ? (_jsx("ul", { className: "flex flex-wrap items-center gap-2", children: tags.map((tag) => (_jsx("li", { children: tag.href ? (_jsx("a", { href: tag.href, className: "rounded-sm", "aria-label": `Posts tagged ${tag.label}`, children: _jsx(Badge, { variant: "secondary", children: tag.label }) })) : (_jsx(Badge, { variant: "secondary", children: tag.label })) }, tag.label))) })) : null] }), _jsx(Prose, { children: children }), previous || next ? (_jsxs("nav", { "aria-label": trailLabel, className: "border-border grid gap-4 border-t pt-6 sm:grid-cols-2", children: [previous ? (_jsxs("a", { href: previous.href, className: "flex flex-col gap-1 rounded-sm", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: trailLabels.previous }), _jsx("span", { className: "text-sm font-semibold", children: previous.title })] })) : null, next ? (_jsxs("a", { href: next.href, className: "flex flex-col gap-1 rounded-sm sm:items-end sm:text-right", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: trailLabels.next }), _jsx("span", { className: "text-sm font-semibold", children: next.title })] })) : null] })) : null, footer ? _jsx("div", { className: "border-border border-t pt-8", children: footer }) : null] }), indexLink ? (_jsx("div", { className: "mt-10 flex justify-center", children: _jsx(CtaLink, { href: indexLink.href, variant: "outline", children: indexLink.title }) })) : null] }));
+}
+export default BlogPostPage;

package/dist/pages/dashboard-page/index.d.ts

@@ -0,0 +1,36 @@
+import type { ComponentProps } from 'react';
+import { AppShell01 } from '../../blocks/app-shell-01';
+import { DataTable01 } from '../../blocks/data-table-01';
+import { PageHeader01 } from '../../blocks/page-header-01';
+import { Stats01 } from '../../blocks/stats-01';
+export type DashboardPageProps = {
+    /**
+     * The frame: the navigation rail, the top bar and the mobile navigation
+     * sheet. Navigation, actions and the rail slots are passed as nodes, so the
+     * page never imports a router.
+     */
+    shell: Omit<ComponentProps<typeof AppShell01>, 'children'>;
+    /** The page title band. */
+    header: ComponentProps<typeof PageHeader01>;
+    /** The key-figure row above the table. */
+    stats: ComponentProps<typeof Stats01>;
+    /** The main table, with its rows, columns, labels and callbacks. */
+    table: ComponentProps<typeof DataTable01>;
+};
+/**
+ * A complete dashboard screen.
+ *
+ * It composes `AppShell01`, `PageHeader01`, `Stats01` and `DataTable01`: the
+ * shell provides the frame, the header names the screen, the stats summarise it
+ * and the table carries the working set. The page owns the sequence and the
+ * spacing only. Every row, column, label and handler is a prop, and the page
+ * fetches nothing.
+ *
+ * The page is a client component because the blocks it composes are stateful.
+ * That is a property of this composition, not of the data: the consumer still
+ * owns the rows and the callbacks, and can drive the table from a server render
+ * or a client cache by the same props.
+ */
+export declare function DashboardPage({ shell, header, stats, table }: DashboardPageProps): import("react").JSX.Element;
+export default DashboardPage;
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/dashboard-page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard-page/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,CAAC,CAAA;IAC1D,2BAA2B;IAC3B,MAAM,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAA;IAC3C,0CAA0C;IAC1C,KAAK,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IACrC,oEAAoE;IACpE,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;CAC1C,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,kBAAkB,+BAUhF;AAED,eAAe,aAAa,CAAA"}

package/dist/pages/dashboard-page/index.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AppShell01 } from '../../blocks/app-shell-01';
+import { DataTable01 } from '../../blocks/data-table-01';
+import { PageHeader01 } from '../../blocks/page-header-01';
+import { Stats01 } from '../../blocks/stats-01';
+/**
+ * A complete dashboard screen.
+ *
+ * It composes `AppShell01`, `PageHeader01`, `Stats01` and `DataTable01`: the
+ * shell provides the frame, the header names the screen, the stats summarise it
+ * and the table carries the working set. The page owns the sequence and the
+ * spacing only. Every row, column, label and handler is a prop, and the page
+ * fetches nothing.
+ *
+ * The page is a client component because the blocks it composes are stateful.
+ * That is a property of this composition, not of the data: the consumer still
+ * owns the rows and the callbacks, and can drive the table from a server render
+ * or a client cache by the same props.
+ */
+export function DashboardPage({ shell, header, stats, table }) {
+    return (_jsx(AppShell01, { ...shell, children: _jsxs("div", { className: "mx-auto flex w-full max-w-page flex-col gap-8", children: [_jsx(PageHeader01, { ...header, headingLevel: header.headingLevel ?? 'h1' }), _jsx(Stats01, { ...stats }), _jsx(DataTable01, { ...table })] }) }));
+}
+export default DashboardPage;

package/dist/pages/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Every Prism Page.
+ *
+ * A Page is a shipped, installable screen model composed of Blocks and
+ * Components that receives application-owned navigation, content and data
+ * (ticket 07). The v1 roster ships four Pages. Each is also importable on its
+ * own subpath, `@nanisoft/prism-ui/pages/<slug>`.
+ */
+export { MarketingPage } from './marketing-page';
+export type { MarketingPageProps } from './marketing-page';
+export { DashboardPage } from './dashboard-page';
+export type { DashboardPageProps } from './dashboard-page';
+export { SettingsPage } from './settings-page';
+export type { SettingsPageProps, SettingsPageTab } from './settings-page';
+export { AuthPage } from './auth-page';
+export type { AuthPageProps, AuthPageAside } from './auth-page';
+export { NotFoundPage } from './not-found-page';
+export type { NotFoundPageProps, NotFoundLink } from './not-found-page';
+export { BlogPostPage } from './blog-post-page';
+export type { BlogPostPageProps, BlogPostTag, BlogPostNeighbour, BlogPostTrailLabels } from './blog-post-page';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pages/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/pages/index.js

@@ -0,0 +1,14 @@
+/**
+ * Every Prism Page.
+ *
+ * A Page is a shipped, installable screen model composed of Blocks and
+ * Components that receives application-owned navigation, content and data
+ * (ticket 07). The v1 roster ships four Pages. Each is also importable on its
+ * own subpath, `@nanisoft/prism-ui/pages/<slug>`.
+ */
+export { MarketingPage } from './marketing-page';
+export { DashboardPage } from './dashboard-page';
+export { SettingsPage } from './settings-page';
+export { AuthPage } from './auth-page';
+export { NotFoundPage } from './not-found-page';
+export { BlogPostPage } from './blog-post-page';

package/dist/pages/marketing-page/index.d.ts

@@ -0,0 +1,43 @@
+import type { ComponentProps } from 'react';
+import { Cta01 } from '../../blocks/cta-01';
+import { FeatureGrid01 } from '../../blocks/feature-grid-01';
+import { Hero01 } from '../../blocks/hero-01';
+import { Pricing01 } from '../../blocks/pricing-01';
+import { Stats01 } from '../../blocks/stats-01';
+import type { HeadingLevel } from '../../components/ui/section';
+export type MarketingPageProps = {
+    /** The opening band: an optional eyebrow, the headline and one or two actions. */
+    hero: ComponentProps<typeof Hero01>;
+    /** The capability grid below the hero. */
+    features: ComponentProps<typeof FeatureGrid01>;
+    /** The key-figure row. */
+    stats: ComponentProps<typeof Stats01>;
+    /** The plan comparison. */
+    pricing: ComponentProps<typeof Pricing01>;
+    /** The closing call to action. */
+    cta: ComponentProps<typeof Cta01>;
+    /**
+     * The heading level for the hero. Defaults to `h1`, because a page owns the
+     * top of the document outline. A consumer that embeds the page under a
+     * heading it already owns passes one level deeper.
+     */
+    headingLevel?: HeadingLevel;
+};
+/**
+ * A complete marketing page.
+ *
+ * It composes `Hero01`, `FeatureGrid01`, `Stats01`, `Pricing01` and `Cta01` in
+ * reading order and passes each block its own props unchanged, so the page adds
+ * the sequence and nothing else. Every string, number and action is a prop, and
+ * the page ships no sample copy and fetches nothing. It is a product-agnostic
+ * screen model, not this site's own landing route: a consumer installs it,
+ * passes their own content and owns the links.
+ *
+ * The hero is the page's primary heading, so it defaults to `h1`; set
+ * `headingLevel` when the page is embedded rather than rendered as a screen.
+ * The composed blocks keep their own `h2` defaults, so the outline stays one
+ * heading per section below the hero.
+ */
+export declare function MarketingPage({ hero, features, stats, pricing, cta, headingLevel, }: MarketingPageProps): import("react").JSX.Element;
+export default MarketingPage;
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/marketing-page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/marketing-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAE/D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kFAAkF;IAClF,IAAI,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;IACnC,0CAA0C;IAC1C,QAAQ,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,CAAA;IAC9C,0BAA0B;IAC1B,KAAK,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IACrC,2BAA2B;IAC3B,OAAO,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,CAAA;IACzC,kCAAkC;IAClC,GAAG,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAA;IACjC;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,OAAO,EACP,GAAG,EACH,YAAmB,GACpB,EAAE,kBAAkB,+BAUpB;AAED,eAAe,aAAa,CAAA"}

package/dist/pages/marketing-page/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Cta01 } from '../../blocks/cta-01';
+import { FeatureGrid01 } from '../../blocks/feature-grid-01';
+import { Hero01 } from '../../blocks/hero-01';
+import { Pricing01 } from '../../blocks/pricing-01';
+import { Stats01 } from '../../blocks/stats-01';
+/**
+ * A complete marketing page.
+ *
+ * It composes `Hero01`, `FeatureGrid01`, `Stats01`, `Pricing01` and `Cta01` in
+ * reading order and passes each block its own props unchanged, so the page adds
+ * the sequence and nothing else. Every string, number and action is a prop, and
+ * the page ships no sample copy and fetches nothing. It is a product-agnostic
+ * screen model, not this site's own landing route: a consumer installs it,
+ * passes their own content and owns the links.
+ *
+ * The hero is the page's primary heading, so it defaults to `h1`; set
+ * `headingLevel` when the page is embedded rather than rendered as a screen.
+ * The composed blocks keep their own `h2` defaults, so the outline stays one
+ * heading per section below the hero.
+ */
+export function MarketingPage({ hero, features, stats, pricing, cta, headingLevel = 'h1', }) {
+    return (_jsxs("div", { className: "bg-background text-foreground", children: [_jsx(Hero01, { ...hero, headingLevel: headingLevel }), _jsx(FeatureGrid01, { ...features }), _jsx(Stats01, { ...stats }), _jsx(Pricing01, { ...pricing }), _jsx(Cta01, { ...cta })] }));
+}
+export default MarketingPage;