prime-ui-kit 0.3.1 → 0.4.0

package/README.md

@@ -40,6 +40,8 @@ module_system: ESM
 styling: CSS Modules + CSS variables (--prime-sys-*)
 a11y_stack: react-aria-components (peer)
 documentation_per_component: src/components/<name>/COMPONENT.md
+component_examples_glob: src/components/<name>/examples/*.tsx
+layout_examples_glob: src/layout/<name>/examples/*.tsx
 repository: https://github.com/esurkov1/prime-ui
 typography: variant_roles  # see src/components/typography/COMPONENT.md
 ```
@@ -167,7 +169,7 @@ import { DataTable } from "prime-ui-kit/components";
 
 ## Component catalog
 
-Descriptions are short summaries from the **About** section in each `COMPONENT.md` (where it exists). Full API, parts, and examples are in the linked files. **AppShell**, **PageContent**, **ExampleFrame**, and **ScrollContainer** ship without a dedicated `COMPONENT.md` — use the linked source folders.
+Descriptions are short summaries from the **About** section in each `COMPONENT.md` (where it exists). Full API, parts, and examples are in the linked files. **AppShell**, **ExampleFrame**, and **ScrollContainer** ship without a dedicated `COMPONENT.md` — use the linked source folders.
 
 Documentation base URL in the repo: `https://github.com/esurkov1/prime-ui/blob/main/src/components/`
 
@@ -200,7 +202,7 @@ Documentation base URL in the repo: `https://github.com/esurkov1/prime-ui/blob/m
 | Navigation & layout | **Sidebar** | Side navigation: single panel, groups, menus, responsive overlay. | [COMPONENT.md](https://github.com/esurkov1/prime-ui/blob/main/src/layout/sidebar/COMPONENT.md) |
 | Navigation & layout | **Stepper** | Multi-step flow on `<ol>` / `<li>` plus horizontal/vertical primitives. | [COMPONENT.md](https://github.com/esurkov1/prime-ui/blob/main/src/components/stepper/COMPONENT.md) |
 | Navigation & layout | **Tabs** | Tablist, indicator, one visible panel at a time. | [COMPONENT.md](https://github.com/esurkov1/prime-ui/blob/main/src/components/tabs/COMPONENT.md) |
-| Navigation & layout | **PageContent** | Main column: max width (`readable` / `wide`), header and body regions. | [Source](https://github.com/esurkov1/prime-ui/tree/main/src/components/page-content) |
+| Navigation & layout | **PageContent** | Main column: `Section` or `Root`, title, description (`measure`), body. | [COMPONENT.md](https://github.com/esurkov1/prime-ui/blob/main/src/components/page-content/COMPONENT.md) |
 | Navigation & layout | **AppShell** | Application shell: grid root, nav slot, main region, optional full viewport. | [Source](https://github.com/esurkov1/prime-ui/tree/main/src/layout/app-shell) |
 | Navigation & layout | **ScrollContainer** | Scrollable region with horizontal or vertical axis (overflow wrapper). | [Source](https://github.com/esurkov1/prime-ui/tree/main/src/components/scroll-container) |
 | Data | **DataTable** | Table with scroll, sorting, pagination or infinite scroll, sticky regions. | [COMPONENT.md](https://github.com/esurkov1/prime-ui/blob/main/src/components/data-table/COMPONENT.md) |
@@ -245,10 +247,12 @@ Type definitions ship with the package (`dist/*.d.ts`).
 
 ## Where component docs live
 
-- **In the repo / on GitHub:** each component has `src/components/<name>/COMPONENT.md` (see the table above).
-- **In the installed package:** the same files are published (`package.json` → `files`), e.g. `node_modules/prime-ui-kit/src/components/<name>/COMPONENT.md`.
+- **In the repo / on GitHub:** each component has `src/components/<name>/COMPONENT.md` (see the table above). **Sidebar** uses `src/layout/sidebar/COMPONENT.md`.
+- **Canonical + extended examples:** next to each `COMPONENT.md`, the `examples/` folder holds **3–5 self-contained `.tsx` files** (and optional `examples.module.css`) with real product scenarios. `COMPONENT.md` lists them under **Extended examples**; start from the **Canonical example** in the same file for a maximal single-block overview.
+- **Why separate files (not one `examples.md`):** each file is one scenario with a clear filename — easier for humans to navigate and for LLMs to retrieve the right chunk without loading an entire mega-document.
+- **In the installed package:** `COMPONENT.md` and `examples/**` are published (`package.json` → `files`), e.g. `node_modules/prime-ui-kit/src/components/button/examples/` and `node_modules/prime-ui-kit/src/layout/sidebar/COMPONENT.md`.
 
-**AppShell**, **PageContent**, **ExampleFrame**, and **ScrollContainer** do not have a dedicated `COMPONENT.md`; refer to the linked source folders and types in the `.tsx` files.
+**AppShell**, **ExampleFrame**, and **ScrollContainer** do not have a dedicated `COMPONENT.md`; refer to the linked source folders and types in the `.tsx` files.
 
 ---
 

package/dist/components/accordion/examples/01-faq-marketing.d.ts

@@ -0,0 +1,5 @@
+/**
+ * FAQ-style marketing page: single expansion, grouped frame, triggers with icons and chevron.
+ */
+export default function AccordionExampleFaqMarketing(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=01-faq-marketing.d.ts.map

package/dist/components/accordion/examples/01-faq-marketing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-faq-marketing.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/examples/01-faq-marketing.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,4CAqDnD"}

package/dist/components/accordion/examples/02-settings-panels.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Account settings: compare several open sections at once with `type="multiple"` and card-like
+ * `layout="separate"`.
+ */
+export default function AccordionExampleSettingsPanels(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=02-settings-panels.d.ts.map

package/dist/components/accordion/examples/02-settings-panels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"02-settings-panels.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/examples/02-settings-panels.tsx"],"names":[],"mappings":"AAMA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,8BAA8B,4CAyDrD"}

package/dist/components/accordion/examples/03-checkout-order-summary.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Checkout flow: custom open/close icons on the arrow, dense copy, and a policy link in the body.
+ */
+export default function AccordionExampleCheckoutOrderSummary(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=03-checkout-order-summary.d.ts.map

package/dist/components/accordion/examples/03-checkout-order-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"03-checkout-order-summary.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/examples/03-checkout-order-summary.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,oCAAoC,4CA8E3D"}

package/dist/components/accordion/examples/04-api-docs-sections.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Long-form API reference: controlled `value` / `onValueChange` so another part of the page (or
+ * deep link) can sync which section is open.
+ */
+export default function AccordionExampleApiDocsSections(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=04-api-docs-sections.d.ts.map

package/dist/components/accordion/examples/04-api-docs-sections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"04-api-docs-sections.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/examples/04-api-docs-sections.tsx"],"names":[],"mappings":"AAOA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,+BAA+B,4CA6EtD"}

package/dist/components/accordion/examples/05-knowledge-base-categories.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Support hub: `collapsible={false}` keeps one section pinned open once chosen, and a disabled item
+ * marks content that is not yet available for the user’s plan.
+ */
+export default function AccordionExampleKnowledgeBaseCategories(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=05-knowledge-base-categories.d.ts.map

package/dist/components/accordion/examples/05-knowledge-base-categories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"05-knowledge-base-categories.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/examples/05-knowledge-base-categories.tsx"],"names":[],"mappings":"AAMA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,uCAAuC,4CAuD9D"}

package/dist/components/avatar/examples/app-header-nav.d.ts

@@ -0,0 +1,5 @@
+/**
+ * App chrome: product title, nav links, and a signed-in identity cluster (avatar + account link).
+ */
+export default function AvatarAppHeaderNavExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=app-header-nav.d.ts.map

package/dist/components/avatar/examples/app-header-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-header-nav.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/examples/app-header-nav.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,4CA8BhD"}

package/dist/components/avatar/examples/comment-thread.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Comment thread: avatar + stacked author line and body copy.
+ */
+export default function AvatarCommentThreadExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=comment-thread.d.ts.map

package/dist/components/avatar/examples/comment-thread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-thread.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/examples/comment-thread.tsx"],"names":[],"mappings":"AAgCA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,0BAA0B,4CAqBjD"}

package/dist/components/avatar/examples/fallback-variants.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Side-by-side: loaded image, initials-only fallback, and icon-only fallback.
+ */
+export default function AvatarFallbackVariantsExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=fallback-variants.d.ts.map

package/dist/components/avatar/examples/fallback-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fallback-variants.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/examples/fallback-variants.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,6BAA6B,4CAsBpD"}

package/dist/components/avatar/examples/group-overflow.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Overlapping group with an overflow cell for hidden participants.
+ */
+export default function AvatarGroupOverflowExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=group-overflow.d.ts.map

package/dist/components/avatar/examples/group-overflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-overflow.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/examples/group-overflow.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,0BAA0B,4CAqBjD"}

package/dist/components/avatar/examples/group-three.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Overlapping row of three avatars, group `size` cloned to children — mirrors `playground/snippets/avatar/group-three.tsx`.
+ */
+export default function AvatarGroupThreeExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=group-three.d.ts.map

package/dist/components/avatar/examples/group-three.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-three.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/examples/group-three.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,4CAiB9C"}

package/dist/components/avatar/examples/sizes.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Full `size` scale in one row — mirrors `playground/snippets/avatar/sizes.tsx`.
+ */
+export default function AvatarSizesExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sizes.d.ts.map

package/dist/components/avatar/examples/sizes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/examples/sizes.tsx"],"names":[],"mappings":"AASA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAWzC"}

package/dist/components/avatar/examples/src-from-state.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Parent-owned `src`; image remounts per URL — mirrors `playground/snippets/avatar/src-from-state.tsx`.
+ */
+export default function AvatarSrcFromStateExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=src-from-state.d.ts.map

package/dist/components/avatar/examples/src-from-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-from-state.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/examples/src-from-state.tsx"],"names":[],"mappings":"AAWA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,4CAoBhD"}

package/dist/components/avatar/examples/states.d.ts

@@ -0,0 +1,5 @@
+/**
+ * No `Avatar.Image` (idle), successful load, bad URL (error) — mirrors `playground/snippets/avatar/states.tsx`.
+ */
+export default function AvatarStatesExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=states.d.ts.map

package/dist/components/avatar/examples/states.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"states.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/examples/states.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAgB1C"}

package/dist/components/avatar/examples/team-list.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Team roster: each row pairs Avatar with Typography; missing photo falls back to initials.
+ */
+export default function AvatarTeamListExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=team-list.d.ts.map

package/dist/components/avatar/examples/team-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/examples/team-list.tsx"],"names":[],"mappings":"AAeA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,4CA0B5C"}

package/dist/components/badge/examples/admin-tags.d.ts

@@ -0,0 +1,3 @@
+/** Environment and access hints on admin surfaces (non-removable labels; use Tag for removable chips). */
+export default function BadgeAdminTagsExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=admin-tags.d.ts.map

package/dist/components/badge/examples/admin-tags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-tags.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/examples/admin-tags.tsx"],"names":[],"mappings":"AAUA,0GAA0G;AAC1G,MAAM,CAAC,OAAO,UAAU,qBAAqB,4CAuB5C"}

package/dist/components/badge/examples/canonical.d.ts

@@ -0,0 +1,3 @@
+/** Smallest valid usage: default `size` `m`, `variant` `light`, `color` `gray`. */
+export default function BadgeCanonicalExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=canonical.d.ts.map

package/dist/components/badge/examples/canonical.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canonical.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/examples/canonical.tsx"],"names":[],"mappings":"AAEA,mFAAmF;AACnF,MAAM,CAAC,OAAO,UAAU,qBAAqB,4CAE5C"}

package/dist/components/badge/examples/ecommerce-inventory.d.ts

@@ -0,0 +1,3 @@
+/** Product shelf: stock emphasis with `filled` / `light` / `lighter` / `stroke`. */
+export default function BadgeEcommerceInventoryExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ecommerce-inventory.d.ts.map

package/dist/components/badge/examples/ecommerce-inventory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ecommerce-inventory.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/examples/ecommerce-inventory.tsx"],"names":[],"mappings":"AAUA,oFAAoF;AACpF,MAAM,CAAC,OAAO,UAAU,8BAA8B,4CAuBrD"}

package/dist/components/badge/examples/inbox-labels.d.ts

@@ -0,0 +1,3 @@
+/** Thread metadata: priority, unread-style emphasis, and channel type with `Badge.Icon`. */
+export default function BadgeInboxLabelsExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=inbox-labels.d.ts.map

package/dist/components/badge/examples/inbox-labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inbox-labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/examples/inbox-labels.tsx"],"names":[],"mappings":"AAUA,4FAA4F;AAC5F,MAAM,CAAC,OAAO,UAAU,uBAAuB,4CAwB9C"}

package/dist/components/badge/examples/status-presence.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Presence row: `variant="status"` sets `role="status"` and a built-in dot.
+ * Use `label` when visible text is not enough for screen readers.
+ */
+export default function BadgeStatusPresenceExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=status-presence.d.ts.map

package/dist/components/badge/examples/status-presence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-presence.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/examples/status-presence.tsx"],"names":[],"mappings":"AAUA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,0BAA0B,4CAiBjD"}

package/dist/components/banner/examples/billing-alert.d.ts

@@ -0,0 +1,3 @@
+/** Past-due or failed payment: high emphasis, primary remediation + secondary help. */
+export default function BillingAlertExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=billing-alert.d.ts.map

package/dist/components/banner/examples/billing-alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"billing-alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/banner/examples/billing-alert.tsx"],"names":[],"mappings":"AAIA,uFAAuF;AACvF,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CA6B1C"}

package/dist/components/banner/examples/controlled-visibility.d.ts

@@ -0,0 +1,3 @@
+/** Show and hide by mounting the root; external control restores the strip (no `open` prop). */
+export default function BannerControlledVisibilityExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=controlled-visibility.d.ts.map

package/dist/components/banner/examples/controlled-visibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-visibility.d.ts","sourceRoot":"","sources":["../../../../../src/components/banner/examples/controlled-visibility.tsx"],"names":[],"mappings":"AAIA,gGAAgG;AAChG,MAAM,CAAC,OAAO,UAAU,iCAAiC,4CAoCxD"}

package/dist/components/banner/examples/cookie-consent-row.d.ts

@@ -0,0 +1,3 @@
+/** Inline consent row: actions for accept / preferences; optional dismiss defers to product policy. */
+export default function CookieConsentRowExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cookie-consent-row.d.ts.map

package/dist/components/banner/examples/cookie-consent-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-consent-row.d.ts","sourceRoot":"","sources":["../../../../../src/components/banner/examples/cookie-consent-row.tsx"],"names":[],"mappings":"AAIA,uGAAuG;AACvG,MAAM,CAAC,OAAO,UAAU,uBAAuB,4CA8B9C"}

package/dist/components/banner/examples/dismiss-close-button.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Explicit `Banner.CloseButton` as a direct child of `Banner.Root` (sibling of `Banner.Content`).
+ * No `onDismiss` on the root — the kit does not inject a second close control.
+ */
+export default function BannerDismissCloseButtonExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dismiss-close-button.d.ts.map

package/dist/components/banner/examples/dismiss-close-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismiss-close-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/banner/examples/dismiss-close-button.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,+BAA+B,4CAiBtD"}

package/dist/components/banner/examples/feature-promo.d.ts

@@ -0,0 +1,3 @@
+/** Product promo: feature palette, lighter fill, compact actions. */
+export default function FeaturePromoExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=feature-promo.d.ts.map

package/dist/components/banner/examples/feature-promo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-promo.d.ts","sourceRoot":"","sources":["../../../../../src/components/banner/examples/feature-promo.tsx"],"names":[],"mappings":"AAIA,qEAAqE;AACrE,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CA8B1C"}

package/dist/components/banner/examples/maintenance.d.ts

@@ -0,0 +1,3 @@
+/** Scheduled downtime: visible but non-blocking; stroke keeps the bar calm on neutral chrome. */
+export default function MaintenanceBannerExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=maintenance.d.ts.map

package/dist/components/banner/examples/maintenance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"maintenance.d.ts","sourceRoot":"","sources":["../../../../../src/components/banner/examples/maintenance.tsx"],"names":[],"mappings":"AAIA,iGAAiG;AACjG,MAAM,CAAC,OAAO,UAAU,wBAAwB,4CAiB/C"}

package/dist/components/breadcrumb/examples/canonical.d.ts

@@ -0,0 +1,3 @@
+/** Smallest valid trail: previous level as link, current page as text with `current`. */
+export default function BreadcrumbCanonicalExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=canonical.d.ts.map

package/dist/components/breadcrumb/examples/canonical.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canonical.d.ts","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/examples/canonical.tsx"],"names":[],"mappings":"AAEA,yFAAyF;AACzF,MAAM,CAAC,OAAO,UAAU,0BAA0B,4CAQjD"}

package/dist/components/breadcrumb/examples/composition.d.ts

@@ -0,0 +1,3 @@
+/** Icon-only first item (`aria-label`) and custom `Separator` children. Matches playground `snippets/breadcrumb/composition.tsx`. */
+export default function BreadcrumbCompositionExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=composition.d.ts.map

package/dist/components/breadcrumb/examples/composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composition.d.ts","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/examples/composition.tsx"],"names":[],"mappings":"AAEA,qIAAqI;AACrI,MAAM,CAAC,OAAO,UAAU,4BAA4B,4CAqBnD"}

package/dist/components/breadcrumb/examples/deep-documentation.d.ts

@@ -0,0 +1,3 @@
+/** Docs IA: section → subsection → article (no ellipsis). */
+export default function BreadcrumbDeepDocumentationExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=deep-documentation.d.ts.map

package/dist/components/breadcrumb/examples/deep-documentation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deep-documentation.d.ts","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/examples/deep-documentation.tsx"],"names":[],"mappings":"AAEA,6DAA6D;AAC7D,MAAM,CAAC,OAAO,UAAU,kCAAkC,4CAYzD"}

package/dist/components/breadcrumb/examples/ecommerce-product.d.ts

@@ -0,0 +1,3 @@
+/** Storefront hierarchy down to a product detail page. */
+export default function BreadcrumbEcommerceProductExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ecommerce-product.d.ts.map

package/dist/components/breadcrumb/examples/ecommerce-product.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ecommerce-product.d.ts","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/examples/ecommerce-product.tsx"],"names":[],"mappings":"AAEA,0DAA0D;AAC1D,MAAM,CAAC,OAAO,UAAU,iCAAiC,4CAcxD"}

package/dist/components/breadcrumb/examples/full-width.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Narrow container so the inner `ol` wraps (`flex-wrap` in component styles). Matches playground `snippets/breadcrumb/full-width.tsx`.
+ */
+export default function BreadcrumbFullWidthExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=full-width.d.ts.map

package/dist/components/breadcrumb/examples/full-width.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-width.d.ts","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/examples/full-width.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,0BAA0B,4CAkBjD"}

package/dist/components/breadcrumb/examples/long-path-ellipsis.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Collapsed middle: you choose which segments stay visible; `Ellipsis` is static text, not a menu.
+ * Pair each part with `Separator` between items (including around the ellipsis).
+ */
+export default function BreadcrumbLongPathEllipsisExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=long-path-ellipsis.d.ts.map

package/dist/components/breadcrumb/examples/long-path-ellipsis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"long-path-ellipsis.d.ts","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/examples/long-path-ellipsis.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,iCAAiC,4CAcxD"}

package/dist/components/breadcrumb/examples/saas-settings.d.ts

@@ -0,0 +1,3 @@
+/** Org → area → section → leaf screen in admin / settings. */
+export default function BreadcrumbSaasSettingsExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=saas-settings.d.ts.map

package/dist/components/breadcrumb/examples/saas-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"saas-settings.d.ts","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/examples/saas-settings.tsx"],"names":[],"mappings":"AAEA,8DAA8D;AAC9D,MAAM,CAAC,OAAO,UAAU,6BAA6B,4CAYpD"}

package/dist/components/breadcrumb/examples/sizes.d.ts

@@ -0,0 +1,3 @@
+/** Four stacked trails: `size` `s` → `xl` on `Breadcrumb.Root` (matches playground `snippets/breadcrumb/sizes.tsx`). */
+export default function BreadcrumbSizesExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sizes.d.ts.map

package/dist/components/breadcrumb/examples/sizes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/examples/sizes.tsx"],"names":[],"mappings":"AAcA,wHAAwH;AACxH,MAAM,CAAC,OAAO,UAAU,sBAAsB,4CAS7C"}

package/dist/components/breadcrumb/examples/states.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Top: ancestors as links, leaf with `current`. Bottom: middle segment without `href` renders as plain text (`span`).
+ * Matches playground `snippets/breadcrumb/states.tsx`.
+ */
+export default function BreadcrumbStatesExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=states.d.ts.map

package/dist/components/breadcrumb/examples/states.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"states.d.ts","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/examples/states.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,4CAmB9C"}

package/dist/components/button/examples/canonical-composition.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Canonical composition: icon + label, multiple variants/modes, and controlled loading with Button.Spinner.
+ */
+export default function CanonicalCompositionExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=canonical-composition.d.ts.map

package/dist/components/button/examples/canonical-composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canonical-composition.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/examples/canonical-composition.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,2BAA2B,4CAwClD"}

package/dist/components/button/examples/destructive-confirm.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Destructive flow: `variant="error"` on the trigger and on the confirming action; neutral cancel.
+ */
+export default function DestructiveConfirmExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=destructive-confirm.d.ts.map

package/dist/components/button/examples/destructive-confirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"destructive-confirm.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/examples/destructive-confirm.tsx"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,4CA6BhD"}

package/dist/components/button/examples/form-submit-row.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Form footer: explicit `type="button"` vs `type="submit"`, plus async submit with `loading` and Spinner.
+ */
+export default function FormSubmitRowExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-submit-row.d.ts.map

package/dist/components/button/examples/form-submit-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-submit-row.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/examples/form-submit-row.tsx"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,4CA0B3C"}

package/dist/components/button/examples/full-width-stack.d.ts

@@ -0,0 +1,5 @@
+/**
+ * `fullWidth` primary filled and neutral stroke at `size="m"` (parity with `playground/snippets/button/full-width.tsx`).
+ */
+export default function FullWidthStackExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=full-width-stack.d.ts.map

package/dist/components/button/examples/full-width-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-width-stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/examples/full-width-stack.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,4CAiB5C"}

package/dist/components/button/examples/icon-composition.d.ts

@@ -0,0 +1,6 @@
+/**
+ * `Button.Icon` left, right, and icon-only with `aria-label` on root; primary filled and neutral stroke rows
+ * (parity with `playground/snippets/button/composition.tsx`).
+ */
+export default function IconCompositionExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icon-composition.d.ts.map

package/dist/components/button/examples/icon-composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-composition.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/examples/icon-composition.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,4CAwD7C"}

package/dist/components/button/examples/marketing-cta.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Marketing CTA stack: strong primary (`fancy` + `xl`), secondary outline with trailing icon.
+ */
+export default function MarketingCtaExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=marketing-cta.d.ts.map

package/dist/components/button/examples/marketing-cta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-cta.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/examples/marketing-cta.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAoB1C"}

package/dist/components/button/examples/sizes-ladder.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Size ladder: `s`–`xl` at `variant="primary"` `mode="filled"` (parity with `playground/snippets/button/sizes.tsx`).
+ */
+export default function SizesLadderExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sizes-ladder.d.ts.map

package/dist/components/button/examples/sizes-ladder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes-ladder.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/examples/sizes-ladder.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAwBzC"}

package/dist/components/button/examples/toolbar.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Dense toolbar: ghost neutrals for secondary actions, primary action with icon + label.
+ */
+export default function ToolbarExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/components/button/examples/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/examples/toolbar.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,4CAgCrC"}

package/dist/components/button-group/examples/editor-toolbar.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Editor toolbar: icon segments share one outline; active format uses `pressed`.
+ * Meaning for assistive tech: `aria-label` on each icon-only `Item`.
+ */
+export default function EditorToolbarExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=editor-toolbar.d.ts.map

package/dist/components/button-group/examples/editor-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/button-group/examples/editor-toolbar.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,4CAqC3C"}

package/dist/components/button-group/examples/form-footer.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Form footer: native submit + reset in one segmented control.
+ */
+export default function FormFooterExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-footer.d.ts.map

package/dist/components/button-group/examples/form-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-footer.d.ts","sourceRoot":"","sources":["../../../../../src/components/button-group/examples/form-footer.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,4CAaxC"}

package/dist/components/button-group/examples/full-width.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Full width: no dedicated prop — width on Root, equal segments via flex-1 on Items.
+ */
+export default function FullWidthExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=full-width.d.ts.map

package/dist/components/button-group/examples/full-width.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-width.d.ts","sourceRoot":"","sources":["../../../../../src/components/button-group/examples/full-width.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CAgBvC"}

package/dist/components/button-group/examples/view-switcher.d.ts

@@ -0,0 +1,5 @@
+/**
+ * View switcher: one active segment; state lives in the parent.
+ */
+export default function ViewSwitcherExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=view-switcher.d.ts.map

package/dist/components/button-group/examples/view-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-switcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/button-group/examples/view-switcher.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAgB1C"}

package/dist/components/button-group/examples/wizard-actions.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Wizard step actions: Back disabled on first step; Next advances (demo stops at last step).
+ */
+export default function WizardActionsExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=wizard-actions.d.ts.map

package/dist/components/button-group/examples/wizard-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-actions.d.ts","sourceRoot":"","sources":["../../../../../src/components/button-group/examples/wizard-actions.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,4CAqB3C"}

package/dist/components/card/examples/cta-cover.d.ts

@@ -0,0 +1,5 @@
+/** CTA tile: title, supporting copy, actions. */
+export declare function CtaCardExample(): import("react/jsx-runtime").JSX.Element;
+/** Cover: decorative top region, then stack and primary action. */
+export declare function CoverCardExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cta-cover.d.ts.map

package/dist/components/card/examples/cta-cover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cta-cover.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/examples/cta-cover.tsx"],"names":[],"mappings":"AAIA,iDAAiD;AACjD,wBAAgB,cAAc,4CAiB7B;AAED,mEAAmE;AACnE,wBAAgB,gBAAgB,4CAkB/B"}

package/dist/components/card/examples/list-card.d.ts

@@ -0,0 +1,3 @@
+/** Activity feed with header action. */
+export declare function ListCardExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=list-card.d.ts.map

package/dist/components/card/examples/list-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-card.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/examples/list-card.tsx"],"names":[],"mappings":"AAEA,wCAAwC;AACxC,wBAAgB,eAAe,4CAgB9B"}

package/dist/components/card/examples/media-mini.d.ts

@@ -0,0 +1,3 @@
+/** Compact KPI rows with chart or progress in `Card.Media`. */
+export declare function MediaMiniExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=media-mini.d.ts.map

package/dist/components/card/examples/media-mini.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-mini.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/examples/media-mini.tsx"],"names":[],"mappings":"AAuBA,+DAA+D;AAC/D,wBAAgB,gBAAgB,4CA8B/B"}