@nanisoft/prism-ui 0.5.1 → 0.6.0

package/dist/components/ui/product-mark.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+/**
+ * The full spectrum, as the five series tokens and nothing else.
+ *
+ * A product with no pack of its own is the one entry in a product set that has
+ * no single hue, and the standing decision is that it wears the spectrum rather
+ * than a colourless mark: a colourless dot reads as a product with no identity,
+ * which is the one thing such an entry is not. This line is that decision
+ * translated into the current contract.
+ *
+ * The stops are `chart-1` through `chart-5` because they are the only five-way
+ * colour set the token contract publishes, and because `chart-1` starts at the
+ * page's own pack hue, so a sweep drawn under a scoped boundary begins in that
+ * pack and moves out of it. `chart-1` closes the wheel so the sweep has no seam
+ * at 0 degrees.
+ *
+ * It is the one gradient in the shipped surface. The geometry is Tailwind's and
+ * the colour stops are semantic, which is the only gradient DESIGN.md allows,
+ * and the element it paints is `aria-hidden`: a gradient is never the carrier of
+ * a name, and this one is not.
+ */
+const SPECTRUM = 'bg-[conic-gradient(var(--chart-1),var(--chart-2),var(--chart-3),var(--chart-4),var(--chart-5),var(--chart-1))]';
+/**
+ * The three sizes a product mark is drawn at: the mark's diameter and the name
+ * beside it, taken together so the two parts of the mark stay in proportion.
+ *
+ * The mark is one of a fixed set rather than something a caller sizes through
+ * `className`, because `className` is layout only and a mark sized by a layout
+ * class is a mark the layout owns. A product set shows its marks in a switcher,
+ * in a row and on a page header, and those three are the sizes a set needs.
+ */
+const SIZES = {
+    sm: { mark: 'size-4', name: 'text-xs' },
+    md: { mark: 'size-5', name: 'text-sm' },
+    lg: { mark: 'size-6', name: 'text-base' },
+};
+/**
+ * A product's two-part colour mark: a hairline ring in the brand ink around a
+ * core in the pack's own fill, beside the product's name in the brand ink.
+ *
+ * Two parts, and both colours come from tokens, which is the whole reason this
+ * is promoted out of the two hand-written copies it replaces. The ring is
+ * `brand-ink`, the pack's brand hue as a stroke; the core is `primary`, the
+ * pack's brand value as a fill. That split is not a preference. DESIGN.md's Fill,
+ * Not the Ink Rule says a pastel brand value is a fill and never text, so the
+ * core may be `primary` and the name may not, and the Brand Ink Rule says the
+ * name reads `brand-ink` rather than `foreground` or `primary-foreground`. A
+ * hand-written copy gets one of those two wrong and nothing in the rendered
+ * result says which.
+ *
+ * Uniqueness across the set comes from the pack: each product wears its own
+ * pack's hue, and the one entry with no pack wears the spectrum, so no two marks
+ * in a set resolve to the same pair of colours. The set is the consumer's data.
+ * This Component draws one member of it, and it is the same member wherever it is
+ * drawn from.
+ *
+ * The mark carries its own `data-pack` boundary on its root, so a product's hue
+ * follows from the pack the caller passed rather than from whichever pack the
+ * page happens to be wearing, and a boundary lands on the mark rather than on
+ * whatever encloses it. The boundary is on a span carrying no radius utility,
+ * which is one of the two placements DESIGN.md's pack-boundary law allows, and
+ * the disc itself is fully rounded. Nothing about the mark's shape moves when a
+ * pack boundary lands above it, which is the half of that law a consumer
+ * implementing only the colour half gets wrong.
+ *
+ * It is a server Component: no hook, no mode, no context, no client code and no
+ * `'use client'` line. A consumer renders it from a server file and needs
+ * nothing from the provider mounted.
+ *
+ * The disc is `aria-hidden` and the name is not, so the mark adds a shape beside
+ * the word rather than a second reading of it.
+ */
+function ProductMark({ id, name, pack, size = 'md', className }) {
+    const drawn = SIZES[size];
+    // `default` is the absence of a pack id, spelled the way the token build
+    // spells it, so a base-pack product resolves `primary` from the page rather
+    // than from an attribute that matches no emitted rule.
+    const boundary = pack && pack !== 'default' ? pack : undefined;
+    return (_jsxs("span", { "data-slot": "product-mark", "data-pack": boundary, className: cn('inline-flex items-center gap-2', className), children: [_jsx("span", { "data-slot": "product-mark-disc", "data-product": id, "aria-hidden": true, className: cn('inline-block shrink-0 rounded-full border border-brand-ink', drawn.mark, pack ? 'bg-primary' : SPECTRUM) }), _jsx("span", { "data-slot": "product-mark-name", className: cn('font-medium text-brand-ink', drawn.name), children: name })] }));
+}
+export { ProductMark };

package/dist/components/ui/product-switcher.d.ts

@@ -0,0 +1,108 @@
+import type { ComponentProps } from 'react';
+import { type ProductMarkProps, type ProductMarkSize } from './product-mark';
+/**
+ * One product in the set a switcher moves between.
+ *
+ * The three facts the mark is drawn from, and no directory. Which products exist
+ * is the consumer's decision: Prism ships the mark and the switch that reads it,
+ * not a list of NaniSoft's products, so a consumer composing a set of its own
+ * does not have to name them here to be able to switch between them.
+ */
+export type SwitcherProduct = {
+    /**
+     * The product's key within the set. It is carried on the markup as
+     * `data-product` through `ProductMark`, so a test can name one member rather
+     * than the first one, and two members in one document are addressable.
+     */
+    id: string;
+    /** The product's own name, which is the second part of its mark. */
+    name: string;
+    /**
+     * The product's pack, which is the hue of its mark. Omit it, or pass `null`, for
+     * the one member of a set that has no pack of its own: that member is drawn as
+     * the full spectrum rather than as a colourless mark.
+     */
+    pack?: ProductMarkProps['pack'];
+    /**
+     * Where the member goes. Required, because a switcher whose members do not go
+     * anywhere is a list of labels.
+     */
+    href: string;
+};
+/**
+ * The props a ProductSwitcher takes.
+ *
+ * There is no `current` requirement: a switcher marks the member the reader is on
+ * with `aria-current="page"`, and the caller's own router is what knows that. The
+ * member is passed as `currentId` and the switcher marks it; nothing here is a
+ * router and nothing here decides where a link goes.
+ */
+export type ProductSwitcherProps = Omit<ComponentProps<'nav'>, 'children'> & {
+    /**
+     * The set to move between, in the order a reader should meet it. Order is the
+     * caller's because it is a claim about which product matters first.
+     */
+    products: readonly SwitcherProduct[];
+    /**
+     * The `id` of the member the reader is on. Marked `aria-current="page"`, which
+     * is how a reader and a screen reader both know where they are. Omit it when
+     * the switcher is rendered on a page that is not one of the members.
+     */
+    currentId?: string;
+    /**
+     * The drawn size of every mark, so a set shows one size rather than a mix. See
+     * `ProductMarkSize`.
+     *
+     * @defaultValue 'sm'
+     */
+    size?: ProductMarkSize;
+    /**
+     * A heading for the set, for a switcher that is not inside a landmark the
+     * reader can already name. Rendered as the navigation's accessible name and as
+     * no visible text, because the marks beside it are the labels.
+     */
+    label?: string;
+    /**
+     * Layout only, exactly as on every Component. Changing a Prism-owned visual
+     * property from here is prohibited.
+     */
+    className?: string;
+};
+/**
+ * A switch between the members of a set of products.
+ *
+ * One job: let a reader who is in one product move to another, and say which one
+ * they are in. All four NaniSoft sites need it and each one wrote it: the
+ * company's own site moves between its products from a row of coloured dots, and
+ * each product site names its siblings in its header. The mark is `ProductMark`,
+ * so the two parts of a member's identity - the ring in the brand ink and the
+ * core in its own pack fill - are the same two colours wherever the member is
+ * drawn, in a switcher, in a row or on a page header.
+ *
+ * It is a Component rather than a Block because a switcher is not a region of a
+ * page: it is a control that appears in one, it fetches nothing, and every
+ * member of the set is a prop. The header that carries it is a Block, and it
+ * composes this.
+ *
+ * **The current member is marked, not styled.** A switcher that only colours the
+ * current member is a switcher a colourblind reader cannot use and a screen
+ * reader cannot read at all, so the current member carries `aria-current="page"`
+ * and Prism's focus ring comes from the browser's own link behaviour. There is
+ * no `variant` for the current member and no way to override the marking, which
+ * is the whole reason this is a Component rather than a list of anchors the
+ * caller writes.
+ *
+ * The set is a `nav` with an accessible name rather than a bare list of links,
+ * because a set of links that move between sections of one product is a
+ * navigation region and a screen reader should say so. `label` names it; the
+ * default name is `Products`, and a consumer whose set is not products passes
+ * its own word rather than accepting a claim about what its set is.
+ *
+ * It is a server Component: no hook, no context, no state and no client code,
+ * so a switcher in a static page costs no JavaScript at all. A consumer that
+ * wants a menu rather than a row of marks composes `DropdownMenu` with the marks
+ * and does not use this.
+ */
+declare function ProductSwitcher({ products, currentId, size, label, className, ...props }: ProductSwitcherProps): import("react").JSX.Element | null;
+export { ProductSwitcher };
+//# sourceMappingURL=product-switcher.d.ts.map

package/dist/components/ui/product-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-switcher.d.ts","sourceRoot":"","sources":["../../../src/components/ui/product-switcher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAe,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAGzF;;;;;;;GAOG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAA;IACV,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC/B;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3E;;;OAGG;IACH,QAAQ,EAAE,SAAS,eAAe,EAAE,CAAA;IACpC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,IAAW,EACX,KAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,sCA+BtB;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/ui/product-switcher.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ProductMark } from './product-mark';
+import { cn } from '../../lib/utils';
+/**
+ * A switch between the members of a set of products.
+ *
+ * One job: let a reader who is in one product move to another, and say which one
+ * they are in. All four NaniSoft sites need it and each one wrote it: the
+ * company's own site moves between its products from a row of coloured dots, and
+ * each product site names its siblings in its header. The mark is `ProductMark`,
+ * so the two parts of a member's identity - the ring in the brand ink and the
+ * core in its own pack fill - are the same two colours wherever the member is
+ * drawn, in a switcher, in a row or on a page header.
+ *
+ * It is a Component rather than a Block because a switcher is not a region of a
+ * page: it is a control that appears in one, it fetches nothing, and every
+ * member of the set is a prop. The header that carries it is a Block, and it
+ * composes this.
+ *
+ * **The current member is marked, not styled.** A switcher that only colours the
+ * current member is a switcher a colourblind reader cannot use and a screen
+ * reader cannot read at all, so the current member carries `aria-current="page"`
+ * and Prism's focus ring comes from the browser's own link behaviour. There is
+ * no `variant` for the current member and no way to override the marking, which
+ * is the whole reason this is a Component rather than a list of anchors the
+ * caller writes.
+ *
+ * The set is a `nav` with an accessible name rather than a bare list of links,
+ * because a set of links that move between sections of one product is a
+ * navigation region and a screen reader should say so. `label` names it; the
+ * default name is `Products`, and a consumer whose set is not products passes
+ * its own word rather than accepting a claim about what its set is.
+ *
+ * It is a server Component: no hook, no context, no state and no client code,
+ * so a switcher in a static page costs no JavaScript at all. A consumer that
+ * wants a menu rather than a row of marks composes `DropdownMenu` with the marks
+ * and does not use this.
+ */
+function ProductSwitcher({ products, currentId, size = 'sm', label = 'Products', className, ...props }) {
+    if (products.length === 0)
+        return null;
+    return (_jsx("nav", { "data-slot": "product-switcher", "aria-label": label, className: cn('flex flex-wrap items-center gap-x-4 gap-y-2', className), ...props, children: products.map((product) => {
+            const current = product.id === currentId;
+            return (_jsx("a", { href: product.href, "aria-current": current ? 'page' : undefined, "data-current": current ? 'true' : undefined, className: "rounded-sm transition-opacity duration-fast ease-out hover:opacity-80", children: _jsx(ProductMark, { id: product.id, name: product.name, pack: product.pack, size: size }) }, product.id));
+        }) }));
+}
+export { ProductSwitcher };

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

@@ -0,0 +1,88 @@
+import type { ComponentProps, ReactNode } from 'react';
+/**
+ * The size a run of prose is set at.
+ *
+ * Two, and closed: `base` is the reading size a document body is set at, and
+ * `lg` is the one step up a marketing page's supporting copy uses. A third step
+ * would be a decision about the type scale rather than about prose, and the type
+ * scale is `Text`'s.
+ */
+declare const PROSE_SIZES: {
+    readonly base: "text-base";
+    readonly lg: "text-lg";
+};
+/**
+ * The three sizes a run of prose is set at.
+ *
+ * @defaultValue 'base'
+ */
+export type ProseSize = keyof typeof PROSE_SIZES;
+/**
+ * The props a Prose takes.
+ *
+ * The content is `children`, so a Prose never decides what is in it. The prose
+ * is authored wherever it is authored - a Markdown pipeline, a CMS, a file of
+ * React - and Prism owns the measure, the rhythm and the block treatments, not
+ * the words.
+ */
+export type ProseProps = ComponentProps<'div'> & {
+    /**
+     * The authored body. Any flow content: paragraphs, lists, headings, tables,
+     * code, images. The vertical rhythm and the treatments below apply to whatever
+     * is passed, so the caller writes plain elements and Prism styles them.
+     */
+    children: ReactNode;
+    /**
+     * The reading size. `base` is the document body; `lg` is the one step up a
+     * marketing page's supporting copy is set at.
+     *
+     * @defaultValue 'base'
+     */
+    size?: ProseSize;
+    /**
+     * Drops the measure so the run fills the space it is given. The measure is the
+     * whole point of the component, so this is opt-in and not a prop a caller sets
+     * because the width looked wrong: a line longer than the measure is the defect
+     * this exists to remove.
+     */
+    fullWidth?: boolean;
+    /**
+     * Layout only, exactly as on every Component. Changing a Prism-owned visual
+     * property from here is prohibited.
+     */
+    className?: string;
+};
+/**
+ * A run of consumer-authored body copy, set at the measure.
+ *
+ * One job: hold authored prose to the reading measure and to the block rhythm,
+ * so a document does not have to restate either. Every NaniSoft site publishes
+ * long-form pages, and each one re-derived the same answer: a column that stops
+ * growing, paragraphs that are too far apart or too close, and a link that is
+ * either an unstyled word or an over-decorated one. This is that answer once.
+ *
+ * It is a Component rather than a Block because it owns no content at all: there
+ * is no string, no number and no data to pass, and what it holds is whatever the
+ * caller wrote. A Block is a section with content as props; this is the measure
+ * and nothing else.
+ *
+ * The treatments are child selectors rather than a wrapper per block, so the
+ * caller's own elements are the ones styled. That is what keeps the component
+ * markup-free: a consumer writing `<p>` and `<h2>` gets the system treatment, and
+ * a consumer writing Prism's own `Heading` and `Text` gets exactly the same
+ * result, because the two spellings converge on the same element.
+ *
+ * The measure is the emitted `--container-measure` token, read as
+ * `max-w-measure`, and the narrow measure a quotation wants is not offered here:
+ * a run set narrower than the reading measure is a caller decision about one
+ * element, and `className` is layout only.
+ *
+ * `text-pretty` is on the root rather than on the paragraphs, because Prism's
+ * type rule gives body copy `text-pretty` and putting it here means a caller's
+ * own `<p>` inherits it rather than needing a class of its own.
+ *
+ * It is a server Component: no hook, no context and no client code.
+ */
+declare function Prose({ children, size, fullWidth, className, ...props }: ProseProps): import("react").JSX.Element;
+export { Prose };
+//# sourceMappingURL=prose.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prose.d.ts","sourceRoot":"","sources":["../../../src/components/ui/prose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItD;;;;;;;GAOG;AACH,QAAA,MAAM,WAAW;;;CAGP,CAAA;AAEV;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,WAAW,CAAA;AAEhD;;;;;;;GAOG;AACH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/C;;;;OAIG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,iBAAS,KAAK,CAAC,EAAE,QAAQ,EAAE,IAAa,EAAE,SAAiB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAkC7F;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/ui/prose.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+/**
+ * The size a run of prose is set at.
+ *
+ * Two, and closed: `base` is the reading size a document body is set at, and
+ * `lg` is the one step up a marketing page's supporting copy uses. A third step
+ * would be a decision about the type scale rather than about prose, and the type
+ * scale is `Text`'s.
+ */
+const PROSE_SIZES = {
+    base: 'text-base',
+    lg: 'text-lg',
+};
+/**
+ * A run of consumer-authored body copy, set at the measure.
+ *
+ * One job: hold authored prose to the reading measure and to the block rhythm,
+ * so a document does not have to restate either. Every NaniSoft site publishes
+ * long-form pages, and each one re-derived the same answer: a column that stops
+ * growing, paragraphs that are too far apart or too close, and a link that is
+ * either an unstyled word or an over-decorated one. This is that answer once.
+ *
+ * It is a Component rather than a Block because it owns no content at all: there
+ * is no string, no number and no data to pass, and what it holds is whatever the
+ * caller wrote. A Block is a section with content as props; this is the measure
+ * and nothing else.
+ *
+ * The treatments are child selectors rather than a wrapper per block, so the
+ * caller's own elements are the ones styled. That is what keeps the component
+ * markup-free: a consumer writing `<p>` and `<h2>` gets the system treatment, and
+ * a consumer writing Prism's own `Heading` and `Text` gets exactly the same
+ * result, because the two spellings converge on the same element.
+ *
+ * The measure is the emitted `--container-measure` token, read as
+ * `max-w-measure`, and the narrow measure a quotation wants is not offered here:
+ * a run set narrower than the reading measure is a caller decision about one
+ * element, and `className` is layout only.
+ *
+ * `text-pretty` is on the root rather than on the paragraphs, because Prism's
+ * type rule gives body copy `text-pretty` and putting it here means a caller's
+ * own `<p>` inherits it rather than needing a class of its own.
+ *
+ * It is a server Component: no hook, no context and no client code.
+ */
+function Prose({ children, size = 'base', fullWidth = false, className, ...props }) {
+    return (_jsx("div", { "data-slot": "prose", "data-size": size, className: cn('text-pretty flex flex-col gap-4 leading-relaxed', fullWidth ? 'max-w-none' : 'max-w-measure', PROSE_SIZES[size], 
+        // The block treatments. Every child is styled by its own tag so a
+        // consumer's plain elements read as the system, and the gaps the flex
+        // column owns are the rhythm between blocks.
+        '[&_a]:text-foreground [&_a]:underline [&_a]:underline-offset-4 [&_a:hover]:underline', '[&_blockquote]:border-border [&_blockquote]:text-muted-foreground [&_blockquote]:border-l-2 [&_blockquote]:pl-4 [&_blockquote]:italic', '[&_code]:bg-muted [&_code]:text-muted-foreground [&_code]:rounded-sm [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-xs', '[&_h1]:text-balance [&_h1]:text-3xl [&_h1]:font-semibold [&_h1]:tracking-tight', '[&_h2]:text-balance [&_h2]:mt-2 [&_h2]:text-2xl [&_h2]:font-semibold [&_h2]:tracking-tight', '[&_h3]:text-balance [&_h3]:mt-2 [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:tracking-tight', '[&_h4]:text-balance [&_h4]:text-lg [&_h4]:font-semibold', '[&_hr]:bg-border [&_hr]:h-px [&_hr]:my-2', '[&_img]:rounded-lg', '[&_li]:leading-relaxed [&_ol]:list-decimal [&_ol]:pl-6 [&_ul]:list-disc [&_ul]:pl-6', '[&_p]:leading-relaxed', '[&_pre]:bg-muted [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:p-4 [&_pre]:font-mono [&_pre]:text-xs', '[&_pre_code]:bg-transparent [&_pre_code]:p-0', '[&_strong]:font-semibold', '[&_table]:w-full [&_td]:px-3 [&_td]:py-2 [&_td]:align-top [&_th]:px-3 [&_th]:py-2 [&_th]:text-left', className), ...props, children: children }));
+}
+export { Prose };

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

@@ -20,7 +20,30 @@ export declare function Section({ className, children, ...props }: React.Compone
  * placed, not about the block, which is why it is a prop and not a default.
  */
 export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export declare function SectionHeading({ eyebrow, title, as: Heading, description, align, className, }: {
+/**
+ * The heading a section opens with: an optional eyebrow, the title, an optional
+ * supporting line, and the level of the one heading it renders.
+ *
+ * `align` is the block's own decision about where the heading sits in the
+ * container. `center` is right for a band that is only a heading, and `left` is
+ * right for a section with content under it, where a centred title above a
+ * left-aligned list reads as two unrelated pieces.
+ */
+export declare function SectionHeading({ index, eyebrow, title, as: Heading, description, align, className, }: {
+    /**
+     * A short ordinal for the section: "01", "02", "7". It is rendered in the mono
+     * face above the title, because a section's position in a sequence is machine
+     * notation rather than a word, and the mono stack is what this repository
+     * annotates machine-readable values with.
+     *
+     * It is a separate prop from `eyebrow` and not a default value of it, because
+     * the two say different things: an eyebrow is a word a reader reads, and an
+     * index is a number that is only meaningful beside the section it counts. All
+     * four NaniSoft sites render one of these above every section heading, and
+     * three of them render it beside a label rather than above a title, which is
+     * the same fact in a different arrangement.
+     */
+    index?: string;
     eyebrow?: ReactNode;
     title: ReactNode;
     description?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/components/ui/section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,+BAWjC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAElE,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,EAAE,EAAE,OAAc,EAClB,WAAW,EACX,KAAgB,EAChB,SAAS,GACV,EAAE;IACD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACzB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAwBA"}
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/components/ui/section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,+BAWjC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAElE;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,KAAK,EACL,EAAE,EAAE,OAAc,EAClB,WAAW,EACX,KAAgB,EAChB,SAAS,GACV,EAAE;IACD;;;;;;;;;;;;OAYG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACzB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BA6BA"}

package/dist/components/ui/section.js

@@ -7,6 +7,15 @@ import { cn } from '../../lib/utils';
 export function Section({ className, children, ...props }) {
     return (_jsx("section", { className: cn('py-16 sm:py-24', className), ...props, children: _jsx("div", { className: "mx-auto w-full max-w-6xl px-6 lg:px-8", children: children }) }));
 }
-export function SectionHeading({ eyebrow, title, as: Heading = 'h2', description, align = 'center', className, }) {
-    return (_jsxs("div", { className: cn('flex flex-col gap-4', align === 'center' ? 'items-center text-center' : 'items-start text-left', className), children: [eyebrow ? (_jsx("span", { className: "text-muted-foreground text-sm font-medium tracking-wide uppercase", children: eyebrow })) : null, _jsx(Heading, { className: "text-3xl font-semibold tracking-tight text-balance sm:text-4xl", children: title }), description ? (_jsx("p", { className: "text-muted-foreground max-w-2xl text-lg text-pretty", children: description })) : null] }));
+/**
+ * The heading a section opens with: an optional eyebrow, the title, an optional
+ * supporting line, and the level of the one heading it renders.
+ *
+ * `align` is the block's own decision about where the heading sits in the
+ * container. `center` is right for a band that is only a heading, and `left` is
+ * right for a section with content under it, where a centred title above a
+ * left-aligned list reads as two unrelated pieces.
+ */
+export function SectionHeading({ index, eyebrow, title, as: Heading = 'h2', description, align = 'center', className, }) {
+    return (_jsxs("div", { className: cn('flex flex-col gap-4', align === 'center' ? 'items-center text-center' : 'items-start text-left', className), children: [index ? (_jsx("span", { className: "text-muted-foreground font-mono text-xs font-normal tracking-normal", children: index })) : null, eyebrow ? (_jsx("span", { className: "text-muted-foreground text-sm font-medium tracking-wide uppercase", children: eyebrow })) : null, _jsx(Heading, { className: "text-3xl font-semibold tracking-tight text-balance sm:text-4xl", children: title }), description ? (_jsx("p", { className: "text-muted-foreground max-w-2xl text-lg text-pretty", children: description })) : null] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/slider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;GAKG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IAC3F,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,mDAAmD;IACnD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED;;;;;;;;GAQG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,WAAW,+BA4Bb;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/slider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;GAKG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IAC3F,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,mDAAmD;IACnD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED;;;;;;;;GAQG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,WAAW,+BAiCb;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/ui/slider.js

@@ -12,6 +12,12 @@ import { cn } from '../../lib/utils';
  * Input of type number.
  */
 function Slider({ className, 'aria-label': ariaLabel, ...props }) {
-    return (_jsx(SliderPrimitive.Root, { "data-slot": "slider", className: cn('relative flex w-full touch-none items-center select-none', 'data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col', 'data-[disabled]:opacity-50', className), ...props, children: _jsxs(SliderPrimitive.Control, { className: "flex w-full items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", children: [_jsx(SliderPrimitive.Track, { className: "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5", children: _jsx(SliderPrimitive.Indicator, { className: "bg-primary absolute rounded-full data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full" }) }), _jsx(SliderPrimitive.Thumb, { "aria-label": ariaLabel, className: cn('border-primary bg-background shadow-xs ring-ring/50 block size-4 shrink-0 rounded-full border outline-none', 'transition-[color,box-shadow] duration-fast ease-out', 'hover:ring-4 focus-visible:ring-4', 'data-[disabled]:pointer-events-none') })] }) }));
+    return (_jsx(SliderPrimitive.Root, { "data-slot": "slider", className: cn('relative flex w-full touch-none items-center select-none', 'data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col', 'data-[disabled]:opacity-50', className), ...props, children: _jsxs(SliderPrimitive.Control, { className: "flex w-full items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", children: [_jsx(SliderPrimitive.Track, { className: "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5", children: _jsx(SliderPrimitive.Indicator, { className: "bg-primary absolute rounded-full data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full" }) }), _jsx(SliderPrimitive.Thumb, { "aria-label": ariaLabel, className: cn(
+                    // `ring-ring` at full strength, not shadcn's stock `ring-ring/50`. The alpha
+                    // is applied here rather than in the token, so the contrast gate measures a
+                    // compliant ring and never sees that half strength fails 3:1. This thumb is
+                    // the element the JSDoc above says stays focusable, so it is the one
+                    // indicator a keyboard user has. See the comment on the Button's base class.
+                    'border-primary bg-background shadow-xs ring-ring block size-4 shrink-0 rounded-full border outline-none', 'transition-[color,box-shadow] duration-fast ease-out', 'hover:ring-4 focus-visible:ring-4', 'data-[disabled]:pointer-events-none') })] }) }));
 }
 export { Slider };

package/dist/index.d.ts

@@ -7,6 +7,8 @@
  * item import its own subpath instead.
  */
 export { Button } from './components/ui/button';
+export { CtaLink } from './components/ui/cta-link';
+export type { CtaLinkProps } 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';
@@ -36,6 +38,16 @@ export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuIte
 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 type { DiagramProps, DiagramNode, DiagramRelation } from './components/ui/diagram';
+export { ProductMark } from './components/ui/product-mark';
+export type { ProductMarkProps, ProductMarkSize } from './components/ui/product-mark';
+export { Prose } from './components/ui/prose';
+export type { ProseProps, ProseSize } from './components/ui/prose';
+export { FactList } from './components/ui/fact-list';
+export type { FactListProps, Fact } from './components/ui/fact-list';
+export { ProductSwitcher } from './components/ui/product-switcher';
+export type { ProductSwitcherProps, SwitcherProduct } from './components/ui/product-switcher';
 export { Hero01 } from './blocks/hero-01';
 export { FeatureGrid01 } from './blocks/feature-grid-01';
 export { Stats01 } from './blocks/stats-01';
@@ -46,10 +58,22 @@ 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 type { StatusTier } 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';
 export type { PackId, Mode } from './theming';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,GACX,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACjE,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,UAAU,GACX,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,GACb,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAC1D,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACnB,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,EACV,WAAW,EACX,WAAW,EACX,eAAe,GAChB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACjF,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACjF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAC/E,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAE5E,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3E,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAClD,YAAY,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,GACX,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACjE,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,UAAU,GACX,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,GACb,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAC1D,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACnB,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,EACV,WAAW,EACX,WAAW,EACX,eAAe,GAChB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACjF,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACjF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAC/E,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACrF,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAClE,YAAY,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAE7F,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxE,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3E,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA"}

package/dist/index.js

@@ -7,6 +7,7 @@
  * 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';
@@ -34,6 +35,11 @@ export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuIte
 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';
@@ -44,8 +50,19 @@ 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';