@nanisoft/prism-ui 0.5.0 → 0.5.1

package/dist/blocks/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/blocks/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/blocks/index.js

@@ -0,0 +1,17 @@
+/**
+ * Every Prism Block.
+ *
+ * A Block is a pre-composed, product-agnostic section: it accepts data and
+ * content as props and never fetches application data (ticket 07). The `-NN`
+ * suffix is the block-family variant ordinal.
+ */
+export { Hero01 } from './hero-01';
+export { FeatureGrid01 } from './feature-grid-01';
+export { Stats01 } from './stats-01';
+export { Pricing01 } from './pricing-01';
+export { Cta01 } from './cta-01';
+export { PageHeader01 } from './page-header-01';
+export { DataTable01 } from './data-table-01';
+export { SettingsPanel01 } from './settings-panel-01';
+export { AuthForm01 } from './auth-form-01';
+export { AppShell01 } from './app-shell-01';

package/dist/blocks/page-header-01/index.d.ts

@@ -0,0 +1,3 @@
+export { PageHeader01, default } from './page-header';
+export type { PageHeader01Props, PageHeaderAction, PageHeaderCrumb } from './page-header';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/page-header-01/index.d.ts.map

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

package/dist/blocks/page-header-01/index.js

@@ -0,0 +1 @@
+export { PageHeader01, default } from './page-header';

package/dist/blocks/page-header-01/page-header.d.ts

@@ -0,0 +1,48 @@
+import { type ReactNode } from 'react';
+import { type HeadingElement } from '../../components/ui/typography';
+export type PageHeaderCrumb = {
+    label: ReactNode;
+    /** Renders a native anchor. Omit on the current, final step. */
+    href?: string;
+};
+export type PageHeaderAction = {
+    label: string;
+    variant?: 'default' | 'outline' | 'secondary' | 'ghost';
+    size?: 'default' | 'sm' | 'lg';
+};
+export type PageHeader01Props = {
+    /**
+     * The trail above the title. The final item always renders as the current
+     * page, whether or not it carries an `href`.
+     */
+    breadcrumbs?: PageHeaderCrumb[];
+    /** The page title. */
+    title: ReactNode;
+    /** One supporting line under the title. */
+    description?: ReactNode;
+    /**
+     * Declarative actions rendered as Prism Buttons. Use `actionsSlot` for a
+     * control that needs its own behaviour, such as a router link or a menu.
+     */
+    actions?: PageHeaderAction[];
+    /** A slot for consumer-provided controls on the action row. */
+    actionsSlot?: ReactNode;
+    /**
+     * The heading element for the title. Defaults to `h2` because a block is
+     * composed; a page whose own document outline this header opens passes
+     * `h1`. See `HeadingElement`.
+     */
+    headingLevel?: HeadingElement;
+};
+/**
+ * A page title band.
+ *
+ * It places a breadcrumb trail and a row of actions above the title, then a
+ * rule below the header. The trail is passed in as props and renders native
+ * anchors, so the consumer owns navigation and can substitute their own
+ * router by passing `actionsSlot` and breadcrumb labels. Every string and
+ * every step is a prop; the block ships none of its own.
+ */
+export declare function PageHeader01({ breadcrumbs, title, description, actions, actionsSlot, headingLevel, }: PageHeader01Props): import("react").JSX.Element;
+export default PageHeader01;
+//# sourceMappingURL=page-header.d.ts.map

package/dist/blocks/page-header-01/page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../src/blocks/page-header-01/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAYhD,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAEnF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,SAAS,CAAA;IAChB,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAA;IACvD,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IAC/B,sBAAsB;IACtB,KAAK,EAAE,SAAS,CAAA;IAChB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,+DAA+D;IAC/D,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,cAAc,CAAA;CAC9B,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,KAAK,EACL,WAAW,EACX,OAAY,EACZ,WAAW,EACX,YAAmB,GACpB,EAAE,iBAAiB,+BAiEnB;AAED,eAAe,YAAY,CAAA"}

package/dist/blocks/page-header-01/page-header.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '../../components/ui/breadcrumb';
+import { Button } from '../../components/ui/button';
+import { Separator } from '../../components/ui/separator';
+import { Heading, Text } from '../../components/ui/typography';
+/**
+ * A page title band.
+ *
+ * It places a breadcrumb trail and a row of actions above the title, then a
+ * rule below the header. The trail is passed in as props and renders native
+ * anchors, so the consumer owns navigation and can substitute their own
+ * router by passing `actionsSlot` and breadcrumb labels. Every string and
+ * every step is a prop; the block ships none of its own.
+ */
+export function PageHeader01({ breadcrumbs, title, description, actions = [], actionsSlot, headingLevel = 'h2', }) {
+    const hasTrail = Boolean(breadcrumbs?.length);
+    const hasActions = actions.length > 0 || Boolean(actionsSlot);
+    return (_jsxs("header", { className: "flex flex-col gap-4", children: [hasTrail || hasActions ? (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [hasTrail ? (_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: the
+                                // label is display content and two steps may share one.
+                                _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));
+                            }) }) })) : (_jsx("span", {})), hasActions ? (_jsxs("div", { className: "flex items-center gap-2", children: [actionsSlot, actions.map((action, index) => (_jsx(Button, { variant: action.variant ?? (index === 0 ? 'default' : 'outline'), size: action.size, children: action.label }, index)))] })) : null] })) : null, _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Heading, { as: headingLevel, size: "3xl", children: title }), description ? (_jsx(Text, { size: "lg", tone: "muted", children: description })) : null] }), _jsx(Separator, {})] }));
+}
+export default PageHeader01;

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

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

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

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

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

@@ -0,0 +1 @@
+export { Pricing01, default } from './pricing';

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

@@ -0,0 +1,35 @@
+import { type HeadingLevel } from '../../components/ui/section';
+export type Plan = {
+    name: string;
+    price: string;
+    /** Rendered after the price, e.g. " / month". Omit for a one-off figure. */
+    period?: string;
+    body?: string;
+    features: string[];
+    cta: string;
+    /** Lifts the plan with a primary border and a filled button. */
+    featured?: boolean;
+    /** Overrides the "Popular" badge on the featured plan. */
+    badge?: string;
+};
+export type Pricing01Props = {
+    eyebrow?: string;
+    title?: string;
+    description?: string;
+    plans: Plan[];
+    /** Heading level for the section title. See `HeadingLevel`. */
+    headingLevel?: HeadingLevel;
+};
+/**
+ * A three-up plan comparison.
+ *
+ * Every plan is a prop, including the price and the call to action. It previously
+ * hardcoded "$0 / $24 / $68", "Talk to us", "MIT licence" and "Figma library",
+ * and shipped a heading reading "Pricing" above a title already reading "Pick a
+ * plan". A shared library has no plans to sell, so those strings described a
+ * business that does not exist here, and every consumer who installed the block
+ * inherited them.
+ */
+export declare function Pricing01({ eyebrow, title, description, plans, headingLevel, }: Pricing01Props): import("react").JSX.Element;
+export default Pricing01;
+//# sourceMappingURL=pricing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pricing.d.ts","sourceRoot":"","sources":["../../../src/blocks/pricing-01/pricing.tsx"],"names":[],"mappings":"AAYA,OAAO,EAA2B,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAExF,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,+DAA+D;IAC/D,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,KAAK,EACL,WAAW,EACX,KAAK,EACL,YAAmB,GACpB,EAAE,cAAc,+BAkEhB;AAED,eAAe,SAAS,CAAA"}

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check } from 'lucide-react';
+import { Badge } from '../../components/ui/badge';
+import { Button } from '../../components/ui/button';
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../../components/ui/card';
+import { Section, SectionHeading } from '../../components/ui/section';
+/**
+ * A three-up plan comparison.
+ *
+ * Every plan is a prop, including the price and the call to action. It previously
+ * hardcoded "$0 / $24 / $68", "Talk to us", "MIT licence" and "Figma library",
+ * and shipped a heading reading "Pricing" above a title already reading "Pick a
+ * plan". A shared library has no plans to sell, so those strings described a
+ * business that does not exist here, and every consumer who installed the block
+ * inherited them.
+ */
+export function Pricing01({ eyebrow, title, description, plans, headingLevel = 'h2', }) {
+    return (_jsxs(Section, { children: [title ? (_jsx(SectionHeading, { as: headingLevel, eyebrow: eyebrow, title: title, description: description, className: "mb-12" })) : null, _jsx("div", { className: "grid gap-6 lg:grid-cols-3", children: plans.map((plan) => (_jsxs(Card, { className: plan.featured ? 'border-primary shadow-md' : undefined, children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(CardTitle, { children: plan.name }), plan.featured ? _jsx(Badge, { children: plan.badge ?? 'Popular' }) : null] }), plan.body ? _jsx(CardDescription, { children: plan.body }) : null, _jsxs("p", { className: "mt-2 text-3xl font-semibold tracking-tight", children: [plan.price, plan.period ? (_jsx("span", { className: "text-muted-foreground text-sm font-normal", children: plan.period })) : null] })] }), _jsx(CardContent, { className: "flex flex-col gap-3", children: plan.features.map((feature, index) => (_jsxs("p", { className: "flex items-start gap-2 text-sm", children: [_jsx(Check, { className: "text-success mt-0.5 size-4 shrink-0" }), feature] }, index))) }), _jsx(CardFooter, { className: "mt-auto", children: _jsx(Button, { className: "w-full", variant: plan.featured ? 'default' : 'outline', children: plan.cta }) })] }, plan.name))) })] }));
+}
+export default Pricing01;

package/dist/blocks/settings-panel-01/index.d.ts

@@ -0,0 +1,3 @@
+export { SettingsPanel01, default } from './settings-panel';
+export type { SettingsPanel01Props, SettingsPanelField, SettingsPanelOption, SettingsPanelSection, } from './settings-panel';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/settings-panel-01/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/settings-panel-01/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC3D,YAAY,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,kBAAkB,CAAA"}

package/dist/blocks/settings-panel-01/index.js

@@ -0,0 +1 @@
+export { SettingsPanel01, default } from './settings-panel';

package/dist/blocks/settings-panel-01/settings-panel.d.ts

@@ -0,0 +1,71 @@
+import { type FormEvent, type ReactNode } from 'react';
+export type SettingsPanelOption = {
+    label: string;
+    value: string;
+};
+type SettingsPanelFieldBase = {
+    id: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+};
+export type SettingsPanelField = (SettingsPanelFieldBase & {
+    kind: 'text';
+    type?: 'text' | 'email' | 'url';
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+}) | (SettingsPanelFieldBase & {
+    kind: 'textarea';
+    placeholder?: string;
+    rows?: number;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+}) | (SettingsPanelFieldBase & {
+    kind: 'switch';
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}) | (SettingsPanelFieldBase & {
+    kind: 'select';
+    placeholder?: string;
+    options: SettingsPanelOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+});
+export type SettingsPanelSection = {
+    id: string;
+    title: string;
+    description?: string;
+    fields: SettingsPanelField[];
+};
+export type SettingsPanel01Props = {
+    title: string;
+    description?: string;
+    /** The settings groups, each rendered with a heading and its own fields. */
+    sections: SettingsPanelSection[];
+    /** The submit button label. Omit to render no footer. */
+    submitLabel?: string;
+    onSubmit?: (event: FormEvent<HTMLFormElement>) => void;
+    /** A secondary control, such as Cancel. */
+    secondaryAction?: {
+        label: string;
+        onClick?: () => void;
+    };
+    /** Extra content in the footer, e.g. a status note. */
+    footer?: ReactNode;
+};
+/**
+ * A settings form grouped into sections.
+ *
+ * A field is a small object describing one control: a text input, a textarea,
+ * a select or a switch, with its label, description and value handlers. The
+ * block renders the card, the groups and the footer; it owns no values and no
+ * copy, so a consumer wires it to whatever form state or mutation they use.
+ */
+export declare function SettingsPanel01({ title, description, sections, submitLabel, onSubmit, secondaryAction, footer, }: SettingsPanel01Props): import("react").JSX.Element;
+export default SettingsPanel01;
+//# sourceMappingURL=settings-panel.d.ts.map

package/dist/blocks/settings-panel-01/settings-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-panel.d.ts","sourceRoot":"","sources":["../../../src/blocks/settings-panel-01/settings-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AA6BhE,MAAM,MAAM,mBAAmB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAElE,KAAK,sBAAsB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAC1B,CAAC,sBAAsB,GAAG;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CAAC,GACF,CAAC,sBAAsB,GAAG;IACxB,IAAI,EAAE,UAAU,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CAAC,GACF,CAAC,sBAAsB,GAAG;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC7C,CAAC,GACF,CAAC,sBAAsB,GAAG;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,mBAAmB,EAAE,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC,CAAC,CAAA;AAEN,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,kBAAkB,EAAE,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4EAA4E;IAC5E,QAAQ,EAAE,oBAAoB,EAAE,CAAA;IAChC,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IACtD,2CAA2C;IAC3C,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;IACzD,uDAAuD;IACvD,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAyFD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,eAAe,EACf,MAAM,GACP,EAAE,oBAAoB,+BAmDtB;AAED,eAAe,eAAe,CAAA"}

package/dist/blocks/settings-panel-01/settings-panel.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { Button } from '../../components/ui/button';
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../../components/ui/card';
+import { Field, FieldDescription, FieldGroup, FieldLabel, } from '../../components/ui/field';
+import { Input } from '../../components/ui/input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select';
+import { Separator } from '../../components/ui/separator';
+import { Switch } from '../../components/ui/switch';
+import { Textarea } from '../../components/ui/textarea';
+function SettingsField({ field }) {
+    if (field.kind === 'switch') {
+        return (_jsxs(Field, { className: "flex-row items-center justify-between gap-4", children: [_jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx(FieldLabel, { htmlFor: field.id, children: field.label }), field.description ? (_jsx(FieldDescription, { children: field.description })) : null] }), _jsx(Switch, { id: field.id, checked: field.checked, defaultChecked: field.defaultChecked, onCheckedChange: field.onCheckedChange, disabled: field.disabled })] }));
+    }
+    if (field.kind === 'select') {
+        return (_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: field.id, children: field.label }), _jsxs(Select, { value: field.value, defaultValue: field.defaultValue, onValueChange: field.onValueChange
+                        ? (value) => field.onValueChange?.(value ?? '')
+                        : undefined, disabled: field.disabled, items: Object.fromEntries(field.options.map((option) => [option.value, option.label])), children: [_jsx(SelectTrigger, { id: field.id, className: "w-full", children: _jsx(SelectValue, { placeholder: field.placeholder }) }), _jsx(SelectContent, { children: field.options.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] }), field.description ? _jsx(FieldDescription, { children: field.description }) : null] }));
+    }
+    if (field.kind === 'textarea') {
+        return (_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: field.id, children: field.label }), _jsx(Textarea, { id: field.id, rows: field.rows, placeholder: field.placeholder, value: field.value, defaultValue: field.defaultValue, onChange: field.onChange ? (event) => field.onChange?.(event.target.value) : undefined, disabled: field.disabled }), field.description ? _jsx(FieldDescription, { children: field.description }) : null] }));
+    }
+    return (_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: field.id, children: field.label }), _jsx(Input, { id: field.id, type: field.type ?? 'text', placeholder: field.placeholder, value: field.value, defaultValue: field.defaultValue, onChange: field.onChange ? (event) => field.onChange?.(event.target.value) : undefined, disabled: field.disabled }), field.description ? _jsx(FieldDescription, { children: field.description }) : null] }));
+}
+/**
+ * A settings form grouped into sections.
+ *
+ * A field is a small object describing one control: a text input, a textarea,
+ * a select or a switch, with its label, description and value handlers. The
+ * block renders the card, the groups and the footer; it owns no values and no
+ * copy, so a consumer wires it to whatever form state or mutation they use.
+ */
+export function SettingsPanel01({ title, description, sections, submitLabel, onSubmit, secondaryAction, footer, }) {
+    const hasFooter = Boolean(submitLabel || secondaryAction || 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] }), _jsx(CardContent, { className: "flex flex-col", children: sections.map((section, index) => (_jsxs(Fragment, { children: [index > 0 ? _jsx(Separator, { className: "my-6" }) : null, _jsxs("section", { className: "flex flex-col gap-4", "aria-labelledby": `${section.id}-heading`, children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("h3", { id: `${section.id}-heading`, className: "text-lg font-semibold tracking-tight", children: section.title }), section.description ? (_jsx("p", { className: "text-muted-foreground text-sm", children: section.description })) : null] }), _jsx(FieldGroup, { children: section.fields.map((field) => (_jsx(SettingsField, { field: field }, field.id))) })] })] }, section.id))) }), hasFooter ? (_jsxs(CardFooter, { className: "justify-end gap-2", children: [footer, secondaryAction ? (_jsx(Button, { type: "button", variant: "outline", onClick: secondaryAction.onClick, children: secondaryAction.label })) : null, submitLabel ? _jsx(Button, { type: "submit", children: submitLabel }) : null] })) : null] }) }));
+}
+export default SettingsPanel01;

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

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

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

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

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

@@ -0,0 +1 @@
+export { Stats01, default } from './stats';

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

@@ -0,0 +1,28 @@
+import { type HeadingLevel } from '../../components/ui/section';
+export type Stat = {
+    label: string;
+    value: string;
+    /** Percentage change. Positive reads as growth, negative as decline. */
+    delta?: number;
+    /** Period the delta compares against, e.g. "vs last month". */
+    hint?: string;
+};
+export type Stats01Props = {
+    eyebrow?: string;
+    title?: string;
+    stats: Stat[];
+    /** Heading level for the section title. See `HeadingLevel`. */
+    headingLevel?: HeadingLevel;
+};
+/**
+ * A KPI row. Every number is a prop.
+ *
+ * This block used to carry a hardcoded set reading "128 blocks shipped" and "9.4k
+ * weekly installs". Those were invented figures about a library nobody installs
+ * yet, and because they lived in the component rather than at the call site, a
+ * consumer who installed the block shipped fabricated metrics into their own
+ * dashboard. A stat block with invented stats in it is worse than no stat block.
+ */
+export declare function Stats01({ eyebrow, title, stats, headingLevel }: Stats01Props): import("react").JSX.Element;
+export default Stats01;
+//# sourceMappingURL=stats.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stats.d.ts","sourceRoot":"","sources":["../../../src/blocks/stats-01/stats.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAExF,MAAM,MAAM,IAAI,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,+DAA+D;IAC/D,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AA2BD;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,YAAmB,EAAE,EAAE,YAAY,+BAiCnF;AAED,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowDownRight, ArrowUpRight, Minus } from 'lucide-react';
+import { Card, CardContent } from '../../components/ui/card';
+import { Section, SectionHeading } from '../../components/ui/section';
+function Delta({ value }) {
+    if (value === 0) {
+        return (_jsxs("span", { className: "text-muted-foreground flex items-center gap-1 text-xs", children: [_jsx(Minus, { className: "size-3" }), "0%"] }));
+    }
+    const up = value > 0;
+    const Icon = up ? ArrowUpRight : ArrowDownRight;
+    return (_jsxs("span", { className: up
+            ? 'text-success flex items-center gap-1 text-xs'
+            : 'text-destructive flex items-center gap-1 text-xs', children: [_jsx(Icon, { className: "size-3" }), Math.abs(value), "%"] }));
+}
+/**
+ * A KPI row. Every number is a prop.
+ *
+ * This block used to carry a hardcoded set reading "128 blocks shipped" and "9.4k
+ * weekly installs". Those were invented figures about a library nobody installs
+ * yet, and because they lived in the component rather than at the call site, a
+ * consumer who installed the block shipped fabricated metrics into their own
+ * dashboard. A stat block with invented stats in it is worse than no stat block.
+ */
+export function Stats01({ eyebrow, title, stats, headingLevel = 'h2' }) {
+    return (_jsxs(Section, { children: [title ? (_jsx(SectionHeading, { as: headingLevel, eyebrow: eyebrow, title: title, align: "left", className: "mb-10" })) : null, _jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: stats.map((stat) => (_jsx(Card, { className: "gap-2 py-5", children: _jsxs(CardContent, { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-muted-foreground text-sm", children: stat.label }), _jsx("span", { className: "text-2xl font-semibold tracking-tight", children: stat.value }), stat.delta === undefined && !stat.hint ? null : (_jsxs("div", { className: "flex items-center gap-2", children: [stat.delta === undefined ? null : _jsx(Delta, { value: stat.delta }), stat.hint ? (_jsx("span", { className: "text-muted-foreground text-xs", children: stat.hint })) : null] }))] }) }, stat.label))) })] }));
+}
+export default Stats01;

package/dist/catalog.d.ts

@@ -0,0 +1,28 @@
+/**
+ * The checked Prism catalogue: the single list of Components, Blocks and Pages.
+ *
+ * This is the shape fixed by tickets 09 and 19, not the finished 28-item roster.
+ * The v1 build grows it one authored entry at a time; `source` and `exports` are
+ * the fields the build checks against disk and the emitted declarations, never
+ * the reverse, so the internal shadcn registry stays derived rather than
+ * authoritative. Tooling only: a consumer's runtime UI must not import this.
+ */
+export declare const CATALOG_KINDS: readonly ["component", "block", "page"];
+export type CatalogKind = (typeof CATALOG_KINDS)[number];
+export declare const COMPONENT_CATEGORIES: readonly ["Call to action", "Forms and inputs", "Feedback", "Layout", "Data display", "Typography", "Miscellaneous"];
+export type ComponentCategory = (typeof COMPONENT_CATEGORIES)[number];
+export interface CatalogItem {
+    name: string;
+    slug: string;
+    kind: CatalogKind;
+    category: ComponentCategory | null;
+    description: string;
+    source: string;
+    exports: string[];
+    status: 'stable' | 'deprecated';
+}
+export declare const catalog: readonly CatalogItem[];
+/** Returns the catalogue ordered for display and keyed for lookup. */
+export declare function buildCatalog(items?: readonly CatalogItem[]): CatalogItem[];
+export declare const catalogBySlug: ReadonlyMap<string, CatalogItem>;
+//# sourceMappingURL=catalog.d.ts.map

package/dist/catalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../src/catalog.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,eAAO,MAAM,aAAa,yCAA0C,CAAA;AACpE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;AAExD,eAAO,MAAM,oBAAoB,sHAQvB,CAAA;AACV,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAErE,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,WAAW,CAAA;IACjB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,EAAE,QAAQ,GAAG,YAAY,CAAA;CAChC;AAED,eAAO,MAAM,OAAO,EAAE,SAAS,WAAW,EAiezC,CAAA;AAED,sEAAsE;AACtE,wBAAgB,YAAY,CAAC,KAAK,GAAE,SAAS,WAAW,EAAY,GAAG,WAAW,EAAE,CAEnF;AAED,eAAO,MAAM,aAAa,EAAE,WAAW,CAAC,MAAM,EAAE,WAAW,CAE1D,CAAA"}