prime-ui-kit 0.3.1 → 0.3.2

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
 ```
@@ -245,8 +247,10 @@ 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.
 

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":"AAKA;;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":"AAKA;;;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":"AAKA;;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":"AAMA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,+BAA+B,4CA2EtD"}

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":"AAKA;;;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/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/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/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/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/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/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/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/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/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"}

package/dist/components/card/examples/metric-dashboard.d.ts

@@ -0,0 +1,3 @@
+/** KPI row: large trend tile, labeled metric, and compact mini-media. */
+export declare function MetricDashboardExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=metric-dashboard.d.ts.map

package/dist/components/card/examples/metric-dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-dashboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/examples/metric-dashboard.tsx"],"names":[],"mappings":"AAuBA,yEAAyE;AACzE,wBAAgB,sBAAsB,4CAmCrC"}

package/dist/components/card/examples/split-layout.d.ts

@@ -0,0 +1,3 @@
+/** Two related metrics in one tile (`IconBox` + `Stack` per cell). */
+export declare function SplitLayoutExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=split-layout.d.ts.map

package/dist/components/card/examples/split-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-layout.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/examples/split-layout.tsx"],"names":[],"mappings":"AAEA,sEAAsE;AACtE,wBAAgB,kBAAkB,4CAyBjC"}

package/dist/components/checkbox/examples/bulk-select-rows.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Header “select all” with indeterminate when partially selected; row checkboxes toggle membership.
+ */
+export declare function BulkSelectRowsExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=bulk-select-rows.d.ts.map

package/dist/components/checkbox/examples/bulk-select-rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bulk-select-rows.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/examples/bulk-select-rows.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,wBAAgB,qBAAqB,4CA6CpC"}

package/dist/components/checkbox/examples/feature-flags-list.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Independent feature toggles: one checkbox per flag, shared controlled map.
+ */
+export declare function FeatureFlagsListExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=feature-flags-list.d.ts.map

package/dist/components/checkbox/examples/feature-flags-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-flags-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/examples/feature-flags-list.tsx"],"names":[],"mappings":"AAWA;;GAEG;AACH,wBAAgB,uBAAuB,4CA4BtC"}

package/dist/components/checkbox/examples/settings-panel.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Settings-style list: optional features with hints; one option disabled (e.g. plan-gated).
+ */
+export declare function SettingsPanelExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=settings-panel.d.ts.map

package/dist/components/checkbox/examples/settings-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-panel.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/examples/settings-panel.tsx"],"names":[],"mappings":"AAGA;;GAEG;AACH,wBAAgB,oBAAoB,4CA2CnC"}

package/dist/components/checkbox/examples/terms-acceptance.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Terms / consent: required submission, hint for context, error after failed validation.
+ */
+export declare function TermsAcceptanceExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=terms-acceptance.d.ts.map

package/dist/components/checkbox/examples/terms-acceptance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"terms-acceptance.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/examples/terms-acceptance.tsx"],"names":[],"mappings":"AAGA;;GAEG;AACH,wBAAgB,sBAAsB,4CAmCrC"}

package/dist/components/code-block/examples/api-response-preview.d.ts

@@ -0,0 +1,3 @@
+/** Превью тела ответа API (JSON как текст; подсветка эвристическая, как для TS-подобного синтаксиса). */
+export default function CodeBlockApiResponsePreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=api-response-preview.d.ts.map

package/dist/components/code-block/examples/api-response-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-response-preview.d.ts","sourceRoot":"","sources":["../../../../../src/components/code-block/examples/api-response-preview.tsx"],"names":[],"mappings":"AAWA,yGAAyG;AACzG,MAAM,CAAC,OAAO,UAAU,2BAA2B,4CAQlD"}

package/dist/components/code-block/examples/config-snippet.d.ts

@@ -0,0 +1,3 @@
+/** Фрагмент конфигурации как TS-исходник (предпочтительный формат для подсветки кита). */
+export default function CodeBlockConfigSnippet(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=config-snippet.d.ts.map

package/dist/components/code-block/examples/config-snippet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-snippet.d.ts","sourceRoot":"","sources":["../../../../../src/components/code-block/examples/config-snippet.tsx"],"names":[],"mappings":"AAaA,0FAA0F;AAC1F,MAAM,CAAC,OAAO,UAAU,sBAAsB,4CAE7C"}

package/dist/components/code-block/examples/error-stack.d.ts

@@ -0,0 +1,3 @@
+/** Стек ошибки или лог — многострочная строка; читабельность на тёмной подложке через colorScheme. */
+export default function CodeBlockErrorStack(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=error-stack.d.ts.map

package/dist/components/code-block/examples/error-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/code-block/examples/error-stack.tsx"],"names":[],"mappings":"AASA,sGAAsG;AACtG,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAQ1C"}

package/dist/components/code-block/examples/minimal.d.ts

@@ -0,0 +1,3 @@
+/** Минимальный фрагмент: один `CodeBlock.Root` и строка `code`. */
+export default function CodeBlockMinimalExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=minimal.d.ts.map

package/dist/components/code-block/examples/minimal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimal.d.ts","sourceRoot":"","sources":["../../../../../src/components/code-block/examples/minimal.tsx"],"names":[],"mappings":"AAEA,mEAAmE;AACnE,MAAM,CAAC,OAAO,UAAU,uBAAuB,4CAE9C"}

package/dist/components/code-block/examples/tutorial-step.d.ts

@@ -0,0 +1,3 @@
+/** Шаг туториала: короткий контекст в Typography и код ниже. */
+export default function CodeBlockTutorialStep(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tutorial-step.d.ts.map

package/dist/components/code-block/examples/tutorial-step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tutorial-step.d.ts","sourceRoot":"","sources":["../../../../../src/components/code-block/examples/tutorial-step.tsx"],"names":[],"mappings":"AAcA,gEAAgE;AAChE,MAAM,CAAC,OAAO,UAAU,qBAAqB,4CAY5C"}

package/dist/components/color-picker/examples/brand-kit.d.ts

@@ -0,0 +1,3 @@
+/** Brand kit: fixed palette plus free adjustment — map presets to design tokens or CMS entries. */
+export declare function BrandKitExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=brand-kit.d.ts.map

package/dist/components/color-picker/examples/brand-kit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-kit.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/examples/brand-kit.tsx"],"names":[],"mappings":"AAKA,mGAAmG;AACnG,wBAAgB,eAAe,4CAyC9B"}

package/dist/components/color-picker/examples/controlled-form-field.d.ts

@@ -0,0 +1,3 @@
+/** Form-friendly: parent owns string/Color state; popover for visual pick, HexInput for exact entry. */
+export declare function ControlledFormFieldExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=controlled-form-field.d.ts.map

package/dist/components/color-picker/examples/controlled-form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-form-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/examples/controlled-form-field.tsx"],"names":[],"mappings":"AAGA,wGAAwG;AACxG,wBAAgB,0BAA0B,4CAmCzC"}

package/dist/components/color-picker/examples/minimal-popover.d.ts

@@ -0,0 +1,3 @@
+/** Smallest valid popover field: matches the documented composition skeleton. */
+export declare function MinimalPopoverExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=minimal-popover.d.ts.map

package/dist/components/color-picker/examples/minimal-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimal-popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/examples/minimal-popover.tsx"],"names":[],"mappings":"AAEA,iFAAiF;AACjF,wBAAgB,qBAAqB,4CAsBpC"}

package/dist/components/color-picker/examples/product-variant-swatch.d.ts

@@ -0,0 +1,3 @@
+/** E-commerce variant color: fast swatch selection; optional fine tuning in the same root. */
+export declare function ProductVariantSwatchExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-variant-swatch.d.ts.map

package/dist/components/color-picker/examples/product-variant-swatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-variant-swatch.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/examples/product-variant-swatch.tsx"],"names":[],"mappings":"AAUA,8FAA8F;AAC9F,wBAAgB,2BAA2B,4CA8B1C"}

package/dist/components/color-picker/examples/theme-accent.d.ts

@@ -0,0 +1,3 @@
+/** Controlled accent: persist `color.toString("hex")` / `"css"` to your theme layer or API. */
+export declare function ThemeAccentExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme-accent.d.ts.map

package/dist/components/color-picker/examples/theme-accent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-accent.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/examples/theme-accent.tsx"],"names":[],"mappings":"AAGA,+FAA+F;AAC/F,wBAAgB,kBAAkB,4CAyCjC"}

package/dist/components/command-menu/examples/app-palette.d.ts

@@ -0,0 +1,5 @@
+/**
+ * App-wide command palette: routes and settings, keyboard legend in the footer.
+ */
+export default function CommandMenuExampleAppPalette(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=app-palette.d.ts.map

package/dist/components/command-menu/examples/app-palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-palette.d.ts","sourceRoot":"","sources":["../../../../../src/components/command-menu/examples/app-palette.tsx"],"names":[],"mappings":"AAgCA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,4CA6FnD"}

package/dist/components/command-menu/examples/disabled-items.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Items with `disabled` are omitted from the filtered list and keyboard order (not shown as gray rows).
+ * Use conditional rendering instead if you need a visible “locked” row.
+ */
+export default function CommandMenuExampleDisabledItems(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=disabled-items.d.ts.map