@marktiderman/genesis-ui 1.2.0 → 2.0.0

package/dist/components/layout/dashboard-page.d.ts

@@ -0,0 +1,4 @@
+import 'react';
+export { D as DashboardPage, a as DashboardPageProps } from '../../dashboard-page-C0TihRl5.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';

package/dist/components/layout/dashboard-page.js

@@ -0,0 +1,5 @@
+export { DashboardPage } from '../../chunk-ARJI2JUV.js';
+import '../../chunk-AVFZ4P4B.js';
+import '../../chunk-NZ5WBA4R.js';
+//# sourceMappingURL=dashboard-page.js.map
+//# sourceMappingURL=dashboard-page.js.map

package/dist/components/layout/dashboard-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"dashboard-page.js"}

package/dist/components/layout/detail-page.d.ts

@@ -0,0 +1,91 @@
+import * as React from 'react';
+import { a as SplitBreakpoint } from '../../split-Dk9f4Mi0.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface DetailPageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Page title. Rendered as the page's single `<h1>`. */
+    title: React.ReactNode;
+    /** Supporting line under the title — a status, an owner, a last-updated. */
+    subtitle?: React.ReactNode;
+    /** Slot above the title: a `Breadcrumb`, a back link, a `StatusBadge`. */
+    breadcrumb?: React.ReactNode;
+    /** Trailing controls for the whole record — Edit, Archive, a menu. */
+    actions?: React.ReactNode;
+    /**
+     * Metadata column. Omit it and the content region takes the full width —
+     * no empty track, no `Split`, no wrapper to reason about.
+     */
+    sidebar?: React.ReactNode;
+    /**
+     * Breakpoint at and above which the sidebar sits beside the content.
+     * Below it the two stack, content first. Default `"lg"`.
+     */
+    sidebarAt?: SplitBreakpoint;
+    /** Stable test/automation selector (emitted as `data-testid`). */
+    testID?: string;
+}
+/**
+ * DetailPage — one record's full view: a title row with actions, a primary
+ * content region, and a metadata sidebar that drops below the content on
+ * small screens.
+ *
+ * ```tsx
+ * <DetailPage
+ *   breadcrumb={<Breadcrumb>…</Breadcrumb>}
+ *   title={person.name}
+ *   subtitle={person.role}
+ *   actions={<Button testID="edit">Edit</Button>}
+ *   sidebar={
+ *     <Stack gap="lg">
+ *       <StatCard label="Sessions" value={12} />
+ *       <SettingsRow label="Owner">{person.owner}</SettingsRow>
+ *     </Stack>
+ *   }
+ * >
+ *   <Section title="Timeline">{…}</Section>
+ * </DetailPage>
+ * ```
+ *
+ * `Split` is the backbone, at `ratio="2/3"` — content takes eight of twelve
+ * tracks, metadata four. Reading order is content-then-metadata in the DOM,
+ * which is also the order they stack in, so a phone shows the record before
+ * its provenance rather than after it.
+ *
+ * This is a **layout**: it positions three regions and never asks what is in
+ * them. Fetching the record is the caller's job — or
+ * `ResourceDetailPage` from `@marktiderman/genesis-ui/data`, which is this
+ * component with `useOne` wired to its title, content and sidebar.
+ *
+ * The header row is markup, not a component, and deliberately not
+ * `PageHeader` — which now sits in this same folder, so composing it would
+ * be legal. It was tried and measured, and it does not fit:
+ *
+ * 1. `PageHeader.title` and `.subtitle` are `string`. Every template's title
+ *    would narrow from `ReactNode`, and a record heading is the one place a
+ *    `StatusBadge` beside the name is routine.
+ * 2. `@marktiderman/genesis-ui/detail-page`'s emitted closure goes from
+ *    5.8 KB / 5 chunks to 34.4 KB / 14, and picks up a runtime dependency on
+ *    `radix-ui` (Popover, Collapsible, Switch, and Select via `ViewSettings`)
+ *    — for a header that renders a title, a line under it and a slot, and
+ *    mounts none of that. Per-component subpaths exist so a consumer does
+ *    not pay for what they did not import.
+ * 3. `PageHeader` has no slot above the title, and hard-codes
+ *    `data-testid="page-title"` on its `<h1>`.
+ *
+ * Not a reason, having checked it: RSC. `PageHeader` is `"use client"`, but
+ * the emitted `detail-page.js` is NOT stamped with the directive when it
+ * imports it — a server module importing a client module is the ordinary
+ * boundary. What would make folding correct is upstream: widen `title` /
+ * `subtitle` to `ReactNode`, and lift the list chrome out of `PageHeader`.
+ *
+ * Width is deliberately not an opinion here. `Container` already answers
+ * "how wide is this page", so wrap rather than duplicate:
+ * `<Container size="lg"><DetailPage … /></Container>`. Under `AppShell`,
+ * whose `<main>` already pads, most pages want neither.
+ *
+ * @stability Beta
+ */
+declare const DetailPage: React.ForwardRefExoticComponent<DetailPageProps & React.RefAttributes<HTMLDivElement>>;
+
+export { DetailPage, type DetailPageProps };

package/dist/components/layout/detail-page.js

@@ -0,0 +1,6 @@
+export { DetailPage } from '../../chunk-AFZ76Q26.js';
+import '../../chunk-D2LIXA2Y.js';
+import '../../chunk-AVFZ4P4B.js';
+import '../../chunk-NZ5WBA4R.js';
+//# sourceMappingURL=detail-page.js.map
+//# sourceMappingURL=detail-page.js.map

package/dist/components/layout/detail-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"detail-page.js"}

package/dist/components/layout/form-page.d.ts

@@ -0,0 +1,82 @@
+import * as React from 'react';
+
+interface FormPageProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, "title"> {
+    /** Page title. Rendered as the page's single `<h1>`. */
+    title: React.ReactNode;
+    /** Supporting copy under the title — what this form is for. */
+    description?: React.ReactNode;
+    /**
+     * Validation summary. Rendered in a destructive `Alert` above the fields
+     * when set, so the summary announces itself (`role="alert"`) and sits
+     * where a keyboard user lands after a failed submit. Pass a list, a
+     * sentence, or your own markup — the copy is yours.
+     */
+    errors?: React.ReactNode;
+    /**
+     * Submit / cancel controls. Rendered in a bar that sticks to the bottom of
+     * the scroll container, so the primary action stays reachable on a form
+     * longer than the viewport.
+     */
+    actions?: React.ReactNode;
+    /** Stable test/automation selector (emitted as `data-testid`). */
+    testID?: string;
+}
+/**
+ * FormPage — a titled form: header, validation summary, a body of sections,
+ * and a sticky action bar.
+ *
+ * It renders a real `<form>` and forwards `onSubmit` (and every other form
+ * attribute), so a plain `type="submit"` button in `actions` submits it with
+ * no `form=` wiring. That is what keeps it usable for a HAND-WRITTEN form —
+ * `react-hook-form`, `useActionState`, or an uncontrolled `<form action>` —
+ * rather than only for one of them.
+ *
+ * **Do not put a `ResourceForm` inside it.** `ResourceForm` renders its own
+ * `<form>`, and nesting one form in another is invalid HTML: the browser
+ * drops the inner element, SSR and hydration disagree about the tree, and a
+ * submit fires both handlers. `ResourceForm` is the data-bound *alternative*
+ * to this template — it already answers "bind a form to a resource", with a
+ * `layout="page"` mode of its own — not something this one wraps.
+ *
+ * ```tsx
+ * <FormPage
+ *   title="New engagement"
+ *   description="Both the coach and the client will be notified."
+ *   errors={submitFailed ? "Fix the highlighted fields." : undefined}
+ *   onSubmit={handleSubmit(onValid)}
+ *   actions={
+ *     <>
+ *       <Button variant="ghost" type="button" testID="cancel">Cancel</Button>
+ *       <Button type="submit" testID="save">Save</Button>
+ *     </>
+ *   }
+ * >
+ *   <Section title="Basics">
+ *     <FormField label="Name">…</FormField>
+ *   </Section>
+ * </FormPage>
+ * ```
+ *
+ * Sections are just children — `Section` is the natural one, but any node
+ * works. The body spaces them at `gap-8`, wider than the page's own `gap-6`,
+ * so section boundaries read as boundaries rather than as more fields.
+ *
+ * The sticky bar needs a scrolling ancestor to stick to, which `AppShell`'s
+ * `<main>` provides. It renders only when `actions` is set: an empty sticky
+ * strip is a border floating over the content for no reason.
+ *
+ * This is a **layout** — it positions a form, it does not submit one. Binding
+ * fields to a resource is `ResourceForm`'s job
+ * (`@marktiderman/genesis-ui/data`), which is already the one home for that
+ * question. The header row is markup, not a component, and deliberately not
+ * `PageHeader` — see `./detail-page` for the measured reasons composing it
+ * was rejected across all four templates (`title: string`, and a 6x jump in
+ * the emitted per-component closure plus a new `radix-ui` runtime dependency
+ * for chrome none of them render). Width is left to `Container` for the
+ * one-home reason — wrap, don't duplicate.
+ *
+ * @stability Beta
+ */
+declare const FormPage: React.ForwardRefExoticComponent<FormPageProps & React.RefAttributes<HTMLFormElement>>;
+
+export { FormPage, type FormPageProps };

package/dist/components/layout/form-page.js

@@ -0,0 +1,5 @@
+export { FormPage } from '../../chunk-PLIYF6KI.js';
+import '../../chunk-OZZTPE7F.js';
+import '../../chunk-NZ5WBA4R.js';
+//# sourceMappingURL=form-page.js.map
+//# sourceMappingURL=form-page.js.map

package/dist/components/layout/form-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"form-page.js"}

package/dist/components/layout/index.d.ts

@@ -0,0 +1,15 @@
+export { A as AppShell, a as AppShellOptions, b as AppShellProps, N as NavItem, P as PageHeader, c as PageHeaderOptions, d as PageHeaderProps } from '../../AppShell-BJarYZzz.js';
+export { DetailPage, DetailPageProps } from './detail-page.js';
+export { FormPage, FormPageProps } from './form-page.js';
+export { D as DashboardPage, a as DashboardPageProps, G as Grid, b as GridProps, g as gridVariants } from '../../dashboard-page-C0TihRl5.js';
+export { SettingsPage, SettingsPageProps, SettingsPageSection } from './settings-page.js';
+export { C as Container, a as ContainerProps, G as GAP_CLASSES, S as Section, b as SectionProps, c as SpaceToken, d as Stack, e as StackProps, f as containerVariants, s as sectionHeadingVariants, g as spaceScale, h as stackVariants } from '../../spacing-BS6qECD4.js';
+export { S as Split, a as SplitBreakpoint, b as SplitProps, c as SplitRatio, s as splitVariants } from '../../split-Dk9f4Mi0.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'lucide-react';
+import '../../view-toggle-DDe_Luj2.js';
+import '../../hooks/use-view-settings.js';
+import '../../navigation-CpOEyUSb.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';

package/dist/components/layout/index.js

@@ -0,0 +1,21 @@
+export { AppShell, PageHeader } from '../../chunk-FEJAZFP3.js';
+import '../../chunk-46TZGMFW.js';
+export { Container, Stack, containerVariants, stackVariants } from '../../chunk-4CQHPWJD.js';
+export { FormPage } from '../../chunk-PLIYF6KI.js';
+import '../../chunk-OZZTPE7F.js';
+export { Section, SettingsPage, sectionHeadingVariants } from '../../chunk-P64MFQXZ.js';
+import '../../chunk-B2GIBUQD.js';
+import '../../chunk-NPNADZHM.js';
+import '../../chunk-FK42ZGGV.js';
+import '../../chunk-22XB3Q6H.js';
+import '../../chunk-27ELYTGE.js';
+import '../../chunk-NWSCYLPT.js';
+import '../../chunk-F47U5KNW.js';
+export { DashboardPage, Grid, gridVariants } from '../../chunk-ARJI2JUV.js';
+export { DetailPage } from '../../chunk-AFZ76Q26.js';
+export { Split, splitVariants } from '../../chunk-D2LIXA2Y.js';
+export { GAP_CLASSES, spaceScale } from '../../chunk-AVFZ4P4B.js';
+import '../../chunk-NZ5WBA4R.js';
+import '../../chunk-6NPEMLBA.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/layout/settings-page.d.ts

@@ -0,0 +1,114 @@
+import * as React from 'react';
+import { a as SplitBreakpoint } from '../../split-Dk9f4Mi0.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+/**
+ * One region of a settings surface: a nav-rail entry and the panel it jumps
+ * to, declared together so the two can't drift apart.
+ *
+ * `@marktiderman/genesis-ui-native` exports a type of the same name whose
+ * shape differs — it carries `rows: SettingsPageRow[]` and a `footnote`,
+ * because a native settings screen is a sectioned list of drill-in rows
+ * rather than a scrollable surface with a jump rail (a rail has nowhere to
+ * live on a phone). The shared field names mean the same thing on both:
+ * `id` keys the section, `title` names it. That parity is deliberate, and
+ * it is the same accommodation `Stack` documents for its own two-surface
+ * shape difference.
+ */
+interface SettingsPageSection {
+    /**
+     * Fragment id. The rail links to `#${id}` and the `<section>` carries it,
+     * so the jump works with no JavaScript and survives a deep link.
+     */
+    id: string;
+    /**
+     * Rail entry and section heading — one string, so they always match.
+     *
+     * Named `title` rather than `label` to match the native surface's word for
+     * the same thing. Required here where native's is optional: a rail entry
+     * with no name is a link to nowhere, whereas an unlabeled native section
+     * is a normal grouping.
+     */
+    title: string;
+    /** Supporting copy under the section heading. */
+    description?: React.ReactNode;
+    /** The rows themselves — `SettingsRow` / `ToggleRow` are the natural ones. */
+    content: React.ReactNode;
+}
+interface SettingsPageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Page title. Rendered as the page's single `<h1>`. */
+    title: React.ReactNode;
+    /** Supporting copy under the title. */
+    description?: React.ReactNode;
+    /** Page-level trailing controls — "Save all", a workspace switcher. */
+    actions?: React.ReactNode;
+    /** The settings regions, in the order they appear in the rail. */
+    sections: SettingsPageSection[];
+    /**
+     * Breakpoint at and above which the rail sits beside the sections. Below
+     * it the rail stacks above them, where it reads as jump links. Default
+     * `"md"`.
+     */
+    navAt?: SplitBreakpoint;
+    /** Stable test/automation selector (emitted as `data-testid`). */
+    testID?: string;
+}
+/**
+ * SettingsPage — a sectioned settings surface with a nav rail for jumping
+ * between sections.
+ *
+ * ```tsx
+ * <SettingsPage
+ *   title="Workspace settings"
+ *   sections={[
+ *     {
+ *       id: "profile",
+ *       title: "Profile",
+ *       content: <SettingsRow label="Display name" htmlFor="name"><Input id="name" /></SettingsRow>,
+ *     },
+ *     {
+ *       id: "notifications",
+ *       title: "Notifications",
+ *       description: "How and when we contact you.",
+ *       content: <ToggleRow label="Weekly digest" checked={digest} onCheckedChange={setDigest} />,
+ *     },
+ *   ]}
+ * />
+ * ```
+ *
+ * Sections are a prop, not children, because the rail has to know their
+ * titles and ids. Declaring each once is what makes "the rail says
+ * Notifications and the heading says Alerts" unrepresentable.
+ *
+ * **The rail appears only when there is more than one section** — a rail
+ * with a single entry is a link to where you already are. That is an
+ * automatic consequence of the content rather than a prop, so nobody has to
+ * remember to turn it off.
+ *
+ * The rail is `sticky top-6` with no breakpoint prefix, and that is correct
+ * in both modes rather than an oversight: side by side it is a stretched
+ * grid item, so it sticks for the length of the sections; stacked, its pane
+ * is exactly its own height, so sticky positioning has nothing to travel
+ * and it simply scrolls away. One class, right twice.
+ *
+ * Each section renders through `Section`, so it is a real `<section>` named
+ * by its own heading via `aria-labelledby` — the thing that makes it a
+ * landmark a screen-reader user can jump to, which is the whole promise the
+ * visual rail is making.
+ *
+ * The header row is markup, not a component, and deliberately not
+ * `PageHeader` — see `./detail-page` for the measured reasons composing it
+ * was rejected across all four templates. Width is left to `Container` —
+ * wrap, don't duplicate.
+ *
+ * This is a **layout**: it positions rows, it does not persist them. Where a
+ * setting is stored, and when, is the app's. Genesis's answer for the
+ * storing half is `useStorage` from `@marktiderman/genesis-core`, which a
+ * caller wires up outside this component.
+ *
+ * @stability Beta
+ */
+declare const SettingsPage: React.ForwardRefExoticComponent<SettingsPageProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SettingsPage, type SettingsPageProps, type SettingsPageSection };

package/dist/components/layout/settings-page.js

@@ -0,0 +1,6 @@
+export { SettingsPage } from '../../chunk-P64MFQXZ.js';
+import '../../chunk-D2LIXA2Y.js';
+import '../../chunk-AVFZ4P4B.js';
+import '../../chunk-NZ5WBA4R.js';
+//# sourceMappingURL=settings-page.js.map
+//# sourceMappingURL=settings-page.js.map

package/dist/components/layout/settings-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"settings-page.js"}

package/dist/components/patterns/empty-state.d.ts

@@ -0,0 +1,74 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { LucideIcon } from 'lucide-react';
+
+interface EmptyStateProps {
+    icon?: LucideIcon;
+    /**
+     * Bold heading. Optional — falls back to `message` (deprecated), then a
+     * generic default. Superseded by fixed copy whenever `hasFilters` is true.
+     */
+    title?: string;
+    description?: string;
+    action?: React.ReactNode;
+    className?: string;
+    /**
+     * @deprecated Use `title` instead. Kept for source compatibility with the
+     * former `@marktiderman/genesis-ui/data` EmptyState, which used `message`
+     * in place of `title`/`description`. Ignored whenever `title` is also
+     * provided.
+     */
+    message?: string;
+    /**
+     * Renders a "no results match your current filters" state — superseding
+     * `title`/`description` — and, when `onClearFilters` is also given, a
+     * "Clear all filters" action in place of `action`.
+     */
+    hasFilters?: boolean;
+    /** Invoked by the "Clear all filters" action shown when `hasFilters` is true. */
+    onClearFilters?: () => void;
+}
+/**
+ * EmptyState — what to show when a list, page, or panel has no data.
+ *
+ * Canonical for `@marktiderman/genesis-ui`. The former
+ * `@marktiderman/genesis-ui/data` EmptyState is now a deprecated re-export of
+ * this component (see `../data/EmptyState`) — its `hasFilters` /
+ * `onClearFilters` / `message` props all landed here, so nothing consuming
+ * that subpath needs a source change. Note that the *rendered output* is this
+ * component's, not the old `/data` one's: see that file's `@deprecated` block
+ * for the visual differences a `/data` consumer will see.
+ *
+ * Precedence: `hasFilters` wins over everything the caller passed — it
+ * replaces the heading with fixed "no results match your filters" copy,
+ * suppresses `description`, and (given `onClearFilters`) replaces `action`
+ * with a "Clear all filters" button.
+ *
+ * @stability Beta
+ */
+declare function EmptyState({ icon: Icon, title, description, action, className, message, hasFilters, onClearFilters, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+/**
+ * Preset `EmptyState` for an empty roadmap / feature list.
+ *
+ * @stability Beta
+ */
+declare function NoFeaturesFound({ onCreate }: {
+    onCreate?: () => void;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Preset `EmptyState` for a feedback inbox with nothing in it yet.
+ *
+ * @stability Beta
+ */
+declare function NoFeedbackFound(): react_jsx_runtime.JSX.Element;
+/**
+ * Preset `EmptyState` for a search or filter that matched nothing.
+ *
+ * @stability Beta
+ */
+declare function NoSearchResults({ query, onClear, }: {
+    query?: string;
+    onClear?: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { EmptyState, type EmptyStateProps, NoFeaturesFound, NoFeedbackFound, NoSearchResults };

package/dist/components/{ui → patterns}/empty-state.js

@@ -1,4 +1,5 @@
-export { EmptyState, NoFeaturesFound, NoFeedbackFound, NoSearchResults } from '../../chunk-ZDAT5JDH.js';
+export { EmptyState, NoFeaturesFound, NoFeedbackFound, NoSearchResults } from '../../chunk-65SPT7EA.js';
+import '../../chunk-NWSCYLPT.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=empty-state.js.map
 //# sourceMappingURL=empty-state.js.map

package/dist/components/{ui → patterns}/form-field.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { Label } from './label.js';
+import { Label } from '../ui/label.js';
 import 'class-variance-authority/types';
-import '@radix-ui/react-label';
+import 'radix-ui';
 import 'class-variance-authority';
 
 declare function FormField({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;

package/dist/components/{ui → patterns}/form-field.js

@@ -1,5 +1,5 @@
-export { FormDescription, FormError, FormField, FormLabel } from '../../chunk-IP6TMT3D.js';
-import '../../chunk-T5VX5DYO.js';
+export { FormDescription, FormError, FormField, FormLabel } from '../../chunk-R7QFP6EL.js';
+import '../../chunk-F47U5KNW.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=form-field.js.map
 //# sourceMappingURL=form-field.js.map

package/dist/components/patterns/index.d.ts

@@ -0,0 +1,18 @@
+export { EmptyState, EmptyStateProps, NoFeaturesFound, NoFeedbackFound, NoSearchResults } from './empty-state.js';
+export { FormDescription, FormError, FormField, FormLabel } from './form-field.js';
+export { PageLoading, PageLoadingProps, pageLoadingVariants } from './page-loading.js';
+export { SettingsRow, SettingsRowProps } from './settings-row.js';
+export { StatusBadge, StatusBadgeProps, StatusBadgeStatus, statusBadgeVariants } from './status-badge.js';
+export { ToggleRow, ToggleRowProps } from './toggle-row.js';
+export { UserAvatar, UserAvatarProps, userAvatarVariants } from './user-avatar.js';
+export { V as ViewMode, a as ViewToggle } from '../../view-toggle-DDe_Luj2.js';
+export { V as ViewSettings } from '../../view-settings--KXNT_jE.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'lucide-react';
+import '../ui/label.js';
+import 'class-variance-authority/types';
+import 'radix-ui';
+import 'class-variance-authority';
+import '@marktiderman/genesis-design-system/tokens';
+import '../../hooks/use-view-settings.js';

package/dist/components/patterns/index.js

@@ -0,0 +1,18 @@
+export { ViewSettings, ViewToggle } from '../../chunk-46TZGMFW.js';
+export { StatusBadge, statusBadgeVariants } from '../../chunk-XMK3T4TA.js';
+export { ToggleRow } from '../../chunk-6M4NHHKG.js';
+export { UserAvatar, userAvatarVariants } from '../../chunk-XBX6QMR5.js';
+import '../../chunk-LNFF2RBD.js';
+export { SettingsRow } from '../../chunk-A7AHVDG7.js';
+import '../../chunk-FK42ZGGV.js';
+import '../../chunk-22XB3Q6H.js';
+import '../../chunk-27ELYTGE.js';
+export { EmptyState, NoFeaturesFound, NoFeedbackFound, NoSearchResults } from '../../chunk-65SPT7EA.js';
+import '../../chunk-NWSCYLPT.js';
+export { PageLoading, pageLoadingVariants } from '../../chunk-YRYQXU3G.js';
+import '../../chunk-OVU3Z2MT.js';
+export { FormDescription, FormError, FormField, FormLabel } from '../../chunk-R7QFP6EL.js';
+import '../../chunk-F47U5KNW.js';
+import '../../chunk-NZ5WBA4R.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/patterns/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/patterns/page-loading.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const pageLoadingVariants: (props?: ({
+    variant?: "page" | "section" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface PageLoadingProps extends VariantProps<typeof pageLoadingVariants> {
+    /** Optional message shown under the spinner (e.g. "Loading dashboard…"). */
+    label?: string;
+    className?: string;
+    /** Stable test/automation selector (emitted as `data-testid`). */
+    testID?: string;
+}
+/**
+ * PageLoading — full-page or in-section loading state: a centered `Spinner`
+ * with an optional message. The loading-state counterpart to `EmptyState`.
+ * Reach for `Skeleton` instead when the placeholder should mimic the shape
+ * of the content that's arriving rather than a generic wait state.
+ *
+ * @stability Beta
+ */
+declare function PageLoading({ label, variant, className, testID }: PageLoadingProps): react_jsx_runtime.JSX.Element;
+
+export { PageLoading, type PageLoadingProps, pageLoadingVariants };

package/dist/components/patterns/page-loading.js

@@ -0,0 +1,5 @@
+export { PageLoading, pageLoadingVariants } from '../../chunk-YRYQXU3G.js';
+import '../../chunk-OVU3Z2MT.js';
+import '../../chunk-NZ5WBA4R.js';
+//# sourceMappingURL=page-loading.js.map
+//# sourceMappingURL=page-loading.js.map

package/dist/components/patterns/page-loading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"page-loading.js"}

package/dist/components/patterns/settings-row.d.ts

@@ -0,0 +1,42 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface SettingsRowProps {
+    /** Row label. */
+    label: React.ReactNode;
+    /** Supporting copy shown under the label, muted. */
+    description?: React.ReactNode;
+    /** Control(s) rendered on the trailing side. */
+    children?: React.ReactNode;
+    /**
+     * `id` of the control this row labels (e.g. a Switch), for a11y and
+     * click-to-focus. Supply it whenever the trailing control is labelable —
+     * the label text is then a real `<label for>`. Omit it for rows whose
+     * control names itself (a Button) or has none (a Badge); the text renders
+     * as a plain `<span>` rather than a `<label>` associated with nothing.
+     */
+    htmlFor?: string;
+    /**
+     * `id` applied to the description paragraph so the trailing control can point
+     * at it with `aria-describedby` — otherwise the description is an unrelated
+     * `<p>` that a screen reader skips while navigating controls. `ToggleRow`
+     * wires this automatically; pass it yourself when supplying your own control.
+     */
+    descriptionId?: string;
+    /** Dims the row to indicate the control it wraps is disabled. */
+    disabled?: boolean;
+    className?: string;
+    /** Stable test/automation selector (emitted as `data-testid`). */
+    testID?: string;
+}
+/**
+ * SettingsRow — label + description on one side, an arbitrary trailing
+ * control (Switch, Select, Button, Badge, ...) on the other. This is the
+ * shared layout behind every settings/preferences list row; see `ToggleRow`
+ * for the common label+description+Switch case pre-wired.
+ *
+ * @stability Beta
+ */
+declare function SettingsRow({ label, description, children, htmlFor, descriptionId, disabled, className, testID, }: SettingsRowProps): react_jsx_runtime.JSX.Element;
+
+export { SettingsRow, type SettingsRowProps };

package/dist/components/patterns/settings-row.js

@@ -0,0 +1,6 @@
+export { SettingsRow } from '../../chunk-A7AHVDG7.js';
+import '../../chunk-R7QFP6EL.js';
+import '../../chunk-F47U5KNW.js';
+import '../../chunk-NZ5WBA4R.js';
+//# sourceMappingURL=settings-row.js.map
+//# sourceMappingURL=settings-row.js.map

package/dist/components/patterns/settings-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"settings-row.js"}