@assure-one/design-system 1.50.0 → 1.51.0

package/dist/suite/index.d.ts

@@ -1,9 +1,9 @@
 import * as React$1 from 'react';
 import { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as ComboboxSize } from '../brand-scope-ObBYNT0J.js';
-export { B as BRAND_PRODUCTS, a as BrandProduct, b as brandLabel } from '../brand-scope-ObBYNT0J.js';
-import { c as ComingSoonMessages } from '../types-CKpkEBvW.js';
+import { C as ComboboxSize } from '../brand-scope-4F-W2F_m.js';
+export { B as BRAND_PRODUCTS, a as BrandProduct, b as brandLabel } from '../brand-scope-4F-W2F_m.js';
+import { c as ComingSoonMessages } from '../types-iJjWtP6z.js';
 import '../vocab-DornLJbW.js';
 import '../system-DfJIVBlJ.js';
 import '../option-izy_4w4Z.js';

package/dist/suite/index.js

@@ -1,6 +1,6 @@
 "use client";
-export { AgreementPaneHeading, AgreementViewer, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, BRAND_PRODUCTS, ClientSelect, ComingSoon, Grid, Logo, ProposalAddOn, ProposalBillingTerms, ProposalConsentGate, ProposalCustomPage, ProposalNote, ProposalPackageCard, ProposalPaymentCapture, ProposalPricingSummary, ProposalServiceRow, ProposalSignatureBlock, ProposalSignerList, QUESTION_TYPES, QUESTION_TYPE_CONTRACT_VERSION, Questions, SidebarBrandSwitcher, SidebarBrandSwitcherTile, TaxSoftwareLogo, brandLabel } from '../chunk-GT7A7HP4.js';
-export { DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow } from '../chunk-CRA6WJZ6.js';
+export { AgreementPaneHeading, AgreementViewer, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, BRAND_PRODUCTS, ClientSelect, ComingSoon, Grid, Logo, ProposalAddOn, ProposalBillingTerms, ProposalConsentGate, ProposalCustomPage, ProposalNote, ProposalPackageCard, ProposalPaymentCapture, ProposalPricingSummary, ProposalServiceRow, ProposalSignatureBlock, ProposalSignerList, QUESTION_TYPES, QUESTION_TYPE_CONTRACT_VERSION, Questions, SidebarBrandSwitcher, SidebarBrandSwitcherTile, TaxSoftwareLogo, brandLabel } from '../chunk-KITVNCIJ.js';
+export { DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow } from '../chunk-TL4NK3KN.js';
 import '../chunk-ARCWF2S3.js';
 import '../chunk-EUHGZA6Q.js';
 import '../chunk-YRHRVOLV.js';

package/dist/{types-CKpkEBvW.d.ts → types-iJjWtP6z.d.ts}

@@ -344,6 +344,8 @@ interface FolderTreeMessages {
     collapse: (name: string) => string;
     /** The accessible name of a closed folder's toggle; receives the folder name. */
     expand: (name: string) => string;
+    /** The tree's accessible name when the consumer passes neither `aria-label` nor `aria-labelledby`. */
+    label: string;
 }
 /** The copy an `AppHeaderSearch` renders. @experimental */
 interface AppHeaderMessages {

package/docs/components.md

@@ -236,7 +236,7 @@ Move between places: tabs, breadcrumbs, pagination, steppers, trees and rails.
 | **Pagination**<br>since 0.0.0 | Page controls for a paged list: current/total pages, sibling count, optional total items. Renders on a single page unless `hideOnSinglePage` (2.0). | Infinite scroll. Inside a `DataTable`, `DataTablePagination` is the same component with the table defaults. | `<nav> of page number buttons` | [DataTable](#data-display), [DataTableView](#data-display) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/pagination.stories.tsx) |
 | **Stepper**<br>since 0.0.0 | Named steps of a multi-step flow, horizontal or vertical, with the current step marked. | Unnamed progress (`SegmentedProgress`) or a timeline of past events (`EngagementTimeline`). | — | [SegmentedProgress](#feedback), [EngagementTimeline](#data-display) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/stepper.stories.tsx) |
 | **BottomNav** (deprecated) (`/legacy`)<br>since 1.2.0 | The mobile tab bar at the bottom of the app: tabs with icons and badges, controlled `value`. | Desktop navigation (`Sidebar`) or in-page panels (`Tabs`). | — | [Sidebar](#shell-screens), [Tabs](#navigation), [StickyActionBar](#actions) | [story](https://github.com/Assure-One/design-system/blob/main/src/legacy/bottom-nav.stories.tsx) |
-| **FolderTree**<br>since 1.2.0 | A collapsible tree of folders with an active node, default-open ids and selection callback. | A flat list (`ClientRailItem`) or a file list (`DocumentList`). | — | [DocumentsWorkspaceLayout](#layout), [ClientRailItem](#navigation), [Collapsible](#layout) | [story](https://github.com/Assure-One/design-system/blob/main/src/composites/folder-tree.stories.tsx) |
+| **FolderTree**<br>since 1.2.0 | A collapsible tree of folders with an active node, default-open ids and selection callback. Renders a WAI-ARIA tree: one tab stop, arrow keys to move and open, Enter or Space to select, type-ahead by name; name it with `aria-label` or `aria-labelledby`. | A flat list (`ClientRailItem`) or a file list (`DocumentList`). | — | [DocumentsWorkspaceLayout](#layout), [ClientRailItem](#navigation), [Collapsible](#layout) | [story](https://github.com/Assure-One/design-system/blob/main/src/composites/folder-tree.stories.tsx) |
 | **ClientRailItem** (`/legacy`)<br>parts: `ClientRailGroupHeader` (`/legacy`)<br>since 1.4.0 | One client row in the Documents left rail (avatar, name, counts) plus the section label above a group. | Picking a client in a form (`ClientSelect`) or the main navigation (`SidebarLink`). | — | [DocumentsWorkspaceLayout](#layout), [ClientSelect](#selection), [Sidebar](#shell-screens) | [story](https://github.com/Assure-One/design-system/blob/main/src/composites/client-rail-item.stories.tsx) |
 
 ## Layout
@@ -393,7 +393,7 @@ The application frame and full-screen composites: shell, sidebar, header, brand
 | Component | Use when | Don't use when | Replaces raw HTML | Related | Links |
 | --- | --- | --- | --- | --- | --- |
 | **Shell**<br>parts: `Main`, `Content`<br>since 0.3.0 | The application frame: `Shell` holds the `Sidebar` and `Main`; `Main` holds `AppHeader` and `Content`. | A public or marketing page (`Section`). | `<div class="flex h-screen">` | [Sidebar](#shell-screens), [AppHeader](#shell-screens), [BrandScope](#shell-screens) | [story](https://github.com/Assure-One/design-system/blob/main/src/composites/shell.stories.tsx) |
-| **Sidebar**<br>parts: `SidebarProvider`, `SidebarTrigger`, `SidebarBrand`, `SidebarBrandText`, `SidebarSection`, `SidebarLinkGroup`, `SidebarLink`, `SidebarLinkLabel`, `SidebarLinkBadge`, `SidebarLinkAction`, `SidebarPinButton`, `SidebarUser`, `SidebarFooter`<br>also: `sidebarLinkBadgeVariants`, `useSidebarState`, `useSidebarPeekLock`<br>since 0.3.0 | The app navigation rail: two states (expanded / collapsed icon rail) from `SidebarProvider`, brand, sections, link groups with badges and actions, user and footer. | Mobile (`BottomNav`) or a rail of records (`ClientRailItem`). | `<aside> + <nav> hand-rolled` | [Shell](#shell-screens), [SidebarBrandSwitcher](#shell-screens), [BottomNav](#navigation), [SidebarDrawer](#shell-screens) | [story](https://github.com/Assure-One/design-system/blob/main/src/composites/sidebar.stories.tsx) |
+| **Sidebar**<br>parts: `SidebarProvider`, `SidebarTrigger`, `SidebarBrand`, `SidebarBrandText`, `SidebarSection`, `SidebarLinkGroup`, `SidebarLink`, `SidebarLinkLabel`, `SidebarLinkBadge`, `SidebarLinkAction`, `SidebarPinButton`, `SidebarUser`, `SidebarFooter`<br>also: `sidebarLinkBadgeVariants`, `useSidebarState`, `useSidebarPeekLock`<br>since 0.3.0 | The app navigation rail: two states (expanded / collapsed icon rail) from `SidebarProvider`, brand, sections, link groups with badges and actions (railed, a group opens a flyout of its sub-modules on hover, focus or tap), user and footer. | Mobile (`BottomNav`) or a rail of records (`ClientRailItem`). | `<aside> + <nav> hand-rolled` | [Shell](#shell-screens), [SidebarBrandSwitcher](#shell-screens), [BottomNav](#navigation), [SidebarDrawer](#shell-screens) | [story](https://github.com/Assure-One/design-system/blob/main/src/composites/sidebar.stories.tsx) |
 | **SidebarBrandSwitcher** (`/suite`)<br>parts: `SidebarBrandSwitcherTile` (`/suite`)<br>since 0.11.2 | Switch between Assure products from the sidebar brand slot: tiles for available, current and coming-soon products. | A single-product app (`SidebarBrand`). | — | [Sidebar](#shell-screens), [BrandScope](#shell-screens), [Logo](#media) | [story](https://github.com/Assure-One/design-system/blob/main/src/composites/sidebar-brand-switcher.stories.tsx) |
 | **AppHeader**<br>parts: `AppHeaderBreadcrumb`, `AppHeaderTitle`, `AppHeaderSearch`, `AppHeaderActions`<br>since 0.3.0 | The sticky 56px top bar inside `Main`: breadcrumb, title, search and actions slots in any order. | The page's own title block (`PageHeader`). | — | [Shell](#shell-screens), [PageHeader](#layout), [NewMenu](#actions), [NotificationPanel](#data-display) | [story](https://github.com/Assure-One/design-system/blob/main/src/composites/app-header.stories.tsx) |
 | **DesignSystemProvider** (experimental)<br>also: `useDsMessages`<br>since unreleased | Mount once in the root layout to configure the whole design system: `messages` overrides for the generic strings components render, `locale` (default `en-US`, pass the one your app knows server-side), `dir`, the portal container, the router `linkComponent` and `imageComponent` for `LinkButton` and `Logo`, the tooltip provider, and opt-in `toasts` / `confirm` regions. `useDsMessages(namespace, override?)` reads the resolved strings inside your own components. | You are on Next.js — `NextDesignSystemProvider` from `/next` fills in the adapters. Theming a subtree is `ThemeScope` / `BrandScope`, not a nested provider. | `hand-rolled i18n or router context for design-system strings and links` | [ThemeScope](#shell-screens), [BrandScope](#shell-screens), [Tooltip](#overlays), [LinkButton](#actions), [Logo](#media) | [story](https://github.com/Assure-One/design-system/blob/main/src/foundation/provider/design-system-provider.stories.tsx) |

package/docs/components.registry.json

@@ -1983,7 +1983,7 @@
     },
     "FolderTree": {
       "category": "navigation",
-      "useWhen": "A collapsible tree of folders with an active node, default-open ids and selection callback.",
+      "useWhen": "A collapsible tree of folders with an active node, default-open ids and selection callback. Renders a WAI-ARIA tree: one tab stop, arrow keys to move and open, Enter or Space to select, type-ahead by name; name it with `aria-label` or `aria-labelledby`.",
       "dontUseWhen": "A flat list (`ClientRailItem`) or a file list (`DocumentList`).",
       "related": [
         "DocumentsWorkspaceLayout",
@@ -3143,7 +3143,7 @@
         "useSidebarState",
         "useSidebarPeekLock"
       ],
-      "useWhen": "The app navigation rail: two states (expanded / collapsed icon rail) from `SidebarProvider`, brand, sections, link groups with badges and actions, user and footer.",
+      "useWhen": "The app navigation rail: two states (expanded / collapsed icon rail) from `SidebarProvider`, brand, sections, link groups with badges and actions (railed, a group opens a flyout of its sub-modules on hover, focus or tap), user and footer.",
       "dontUseWhen": "Mobile (`BottomNav`) or a rail of records (`ClientRailItem`).",
       "replacesRawHtml": [
         "<aside> + <nav> hand-rolled"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assure-one/design-system",
-  "version": "1.50.0",
+  "version": "1.51.0",
   "description": "Assure One design system — tokens, primitives, and patterns for the Assure Suite.",
   "license": "UNLICENSED",
   "private": false,