@assure-one/design-system 1.41.1 → 1.42.0

package/dist/suite/index.d.ts

@@ -1,8 +1,11 @@
 import * as React$1 from 'react';
 import { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-export { B as BRAND_PRODUCTS, a as BrandProduct, b as brandLabel } from '../brand-scope-BOHId6BY.js';
-import { C as ComingSoonMessages } from '../types-Coqw8iaS.js';
+import { C as ComboboxSize } from '../brand-scope-B7w3-y9E.js';
+export { B as BRAND_PRODUCTS, a as BrandProduct, b as brandLabel } from '../brand-scope-B7w3-y9E.js';
+import { c as ComingSoonMessages } from '../types-aBQCboFH.js';
+import '../vocab-DornLJbW.js';
+import '../system-DfJIVBlJ.js';
 
 interface BrandIconProps extends React.SVGAttributes<SVGElement> {
     size?: number;
@@ -25,8 +28,16 @@ interface ClientSelectProps {
     error?: string;
     className?: string;
     placeholder?: string;
+    /**
+     * Height, padding, font and glyph size from the shared control scale (A1,
+     * ADR-013), forwarded to the underlying `Combobox`. Default `md` — today's
+     * frozen 36px row, byte for byte.
+     *
+     * @experimental
+     */
+    size?: ComboboxSize | undefined;
 }
-declare function ClientSelect({ clients, value, onChange, name, error, className, placeholder, }: ClientSelectProps): react_jsx_runtime.JSX.Element;
+declare function ClientSelect({ clients, value, onChange, name, error, className, placeholder, size, }: ClientSelectProps): react_jsx_runtime.JSX.Element;
 declare namespace ClientSelect {
     var displayName: string;
 }

package/dist/suite/index.js

@@ -1,8 +1,8 @@
 "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, brandLabel } from '../chunk-XV2VSEA5.js';
-export { DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow } from '../chunk-NBI7E3VT.js';
-import '../chunk-KUSY7BLL.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, brandLabel } from '../chunk-H53VF62B.js';
+export { DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow } from '../chunk-M2HMZ2RW.js';
+import '../chunk-AF3QYJ24.js';
 import '../chunk-EUHGZA6Q.js';
-import '../chunk-X76J4QSJ.js';
+import '../chunk-YRHRVOLV.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/tokens/index.d.ts

@@ -1,3 +1,3 @@
-export { C as ColorName, R as ReferenceTokens, b as breakpoints, c as colors, i as iconSizes, l as layout, m as motion, o as overlays, r as radii, a as reference, s as shadows, d as spacing, e as surfaces, t as typography, z as zIndex } from '../reference-BkDbrPIB.js';
+export { C as ColorName, R as ReferenceTokens, b as breakpoints, c as colors, i as iconSizes, l as layout, m as motion, o as overlays, r as radii, a as reference, s as shadows, d as spacing, e as surfaces, t as typography, z as zIndex } from '../reference-B5azRUoi.js';
 export { S as SystemTokens, s as systemTokens } from '../system-DfJIVBlJ.js';
 export { B as BRAND_THEME_PROPERTIES, a as BrandTheme, b as BrandThemeProperty, c as BrandThemeSeed, d as createBrandTheme } from '../brand-theme-ZYM867Jz.js';

package/dist/tokens/index.js

@@ -1,5 +1,5 @@
 export { BRAND_THEME_PROPERTIES, createBrandTheme, systemTokens } from '../chunk-CPOGSNXS.js';
 import '../chunk-EUHGZA6Q.js';
-export { breakpoints, colors, iconSizes, layout, motion, overlays, radii, reference, shadows, spacing, surfaces, typography, zIndex } from '../chunk-X76J4QSJ.js';
+export { breakpoints, colors, iconSizes, layout, motion, overlays, radii, reference, shadows, spacing, surfaces, typography, zIndex } from '../chunk-YRHRVOLV.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/{types-Coqw8iaS.d.ts → types-aBQCboFH.d.ts}

@@ -500,4 +500,4 @@ type DsMessagesOverride = {
     [N in DsMessageNamespace]?: Partial<DsMessages[N]>;
 };
 
-export type { ComingSoonMessages as C, DsMessageNamespace as D, ErrorStateMessages as E, FileUploadMessages as F, KeyboardShortcutsMessages as K, PaginationMessages as P, SearchInputMessages as S, TableMessages as T, DsMessages as a, DsMessagesOverride as b, CommandPaletteMessages as c, ConfirmMessages as d, CopyButtonMessages as e, PhoneFieldMessages as f, SelectMessages as g, ToastMessages as h, FieldMessages as i, ComboboxMessages as j, TableStatesMessages as k, DataTableMessages as l };
+export type { ComboboxMessages as C, DsMessageNamespace as D, ErrorStateMessages as E, FileUploadMessages as F, KeyboardShortcutsMessages as K, PaginationMessages as P, SelectMessages as S, TableMessages as T, DsMessages as a, DsMessagesOverride as b, ComingSoonMessages as c, CommandPaletteMessages as d, ConfirmMessages as e, CopyButtonMessages as f, PhoneFieldMessages as g, SearchInputMessages as h, ToastMessages as i, FieldMessages as j, TableStatesMessages as k, DataTableMessages as l };

package/docs/components.md

@@ -140,8 +140,8 @@ Controls that carry a value into a form. Every one binds to `Field` through `use
 | **PhoneInput** (deprecated)<br>since 0.0.0 | Only in code that already uses it: US-only phone formatting on the `Input` chrome. | New code — `PhoneField` (deprecated, removed in 3.0). | — | [PhoneField](#forms), [Input](#forms) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/phone-input.stories.tsx) |
 | **PhoneCountryInput** (deprecated)<br>parts: `CountrySelect` (deprecated), `CountryFlag` (deprecated)<br>since 1.1.0 | Only in code that already uses it: the pre-PhoneField country `Select` + `tel` input pair; `parsePhoneForEditing` seeds it from a stored E.164 string. | New code — `PhoneField` (its country picker is a `Combobox`; deprecated, removed in 3.0). | — | [PhoneField](#forms), [COUNTRY_CODES](#hooks-utilities) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/phone-country-input.stories.tsx) |
 | **FileUpload**<br>since 0.0.0 | Pick or drop files: accept/multiple/max size, file list with remove, keyboard-focusable input, Field binding. | The upload belongs to a client document request (`DocumentRequestUpload`) or you only show already-uploaded files (`AttachmentChip`, `FileChip`). | `<input type="file">`, `drop-zone div with onDrop` | [DocumentRequestUpload](#forms), [AttachmentChip](#data-display), [FileTypeBadge](#data-display) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/file-upload.stories.tsx) |
-| **DatePicker**<br>since 0.0.0 | One date (or a year in year mode) typed with a mask or picked from a `Calendar` popover; ISO `YYYY-MM-DD` value, `onValueChange`, deterministic `en-US` display. | A range (`DateRangePicker`) or an always-visible calendar (`Calendar`). | `<input type="date">` | [DateRangePicker](#forms), [Calendar](#forms), [isoToDisplay](#hooks-utilities) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/date-picker.stories.tsx) |
-| **DateRangePicker**<br>since 0.11.0 | A from/to pair in one control; posts `${name}_from` / `${name}_to`. | A single date (`DatePicker`) or two independent dates in a form (two `DatePicker`s in a `Fieldset`). | `two <input type="date">` | [DatePicker](#forms), [Calendar](#forms) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/date-range-picker.stories.tsx) |
+| **DatePicker**<br>since 0.0.0 | One date (or a year in year mode) typed with a mask or picked from a `Calendar` popover; ISO `YYYY-MM-DD` value, `onValueChange`, deterministic `en-US` display, `size`. | A range (`DateRangePicker`) or an always-visible calendar (`Calendar`). | `<input type="date">` | [DateRangePicker](#forms), [Calendar](#forms), [isoToDisplay](#hooks-utilities) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/date-picker.stories.tsx) |
+| **DateRangePicker**<br>since 0.11.0 | A from/to pair in one control; posts `${name}_from` / `${name}_to`; `size`. | A single date (`DatePicker`) or two independent dates in a form (two `DatePicker`s in a `Fieldset`). | `two <input type="date">` | [DatePicker](#forms), [Calendar](#forms) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/date-range-picker.stories.tsx) |
 | **Calendar**<br>since 0.0.0 | An inline month grid (react-day-picker) for choosing a day or range without a popover. | The date belongs in a form field (`DatePicker`, `DateRangePicker`). | — | [DatePicker](#forms), [DateRangePicker](#forms) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/calendar.stories.tsx) |
 | **Checkbox**<br>since 0.0.0 | A boolean or one of several independent choices; `checked` accepts `"indeterminate"` for select-all; native form participation. | The change applies immediately as a setting (`Switch`) or the choices are exclusive (`RadioGroup`). | `<input type="checkbox">` | [Switch](#forms), [RadioGroup](#forms), [DataTable](#data-display) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/checkbox.stories.tsx) |
 | **RadioGroup**<br>parts: `RadioGroupItem`<br>since 0.0.0 | Exclusive choice among a few visible options in a form; wrap in `Fieldset` for the legend. | More than about six options (`Select`) or an immediate view switch (`ToggleGroup`). | `<input type="radio">` | [Fieldset](#forms), [ToggleGroup](#selection), [Select](#selection) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/radio-group.stories.tsx) |
@@ -170,9 +170,9 @@ Pick one or many from a set: dropdowns, comboboxes, toggle groups, chips and fil
 | **Select**<br>parts: `SelectRoot`, `SelectTrigger`, `SelectValue`, `SelectContent`, `SelectItem`, `SelectGroup`, `SelectLabel`, `SelectSeparator`, `SelectScrollUpButton`, `SelectScrollDownButton`<br>since 0.0.0 | One of a short static list in a dropdown: the sealed `Select` takes `options`; the `Select*` parts compose custom items. Empty value is a real empty (no sentinel option), `size`, `classNames`, Field binding. | The user should type to filter, the list is long or async (`Combobox`), several values (`MultiSelect`), or a few options that can all be visible (`RadioGroup`, `ToggleGroup`). | `<select>`, `<option>` | [Combobox](#selection), [MultiSelect](#selection), [ClientSelect](#selection), [TeamMemberSelect](#selection) | — |
 | **Combobox** (experimental)<br>also: `DEFAULT_COMBOBOX_MESSAGES`<br>since unreleased | A searchable pick: one input, a portalled listbox, the `Option<T>` model (`{ value, label }`), async loading and empty messages, single or `multiple`. | A short static list (`Select`) or free text with suggestions that need not match (`Input` + `Popover`). | `<input list> + <datalist>`, `<select> with a search box` | [Select](#selection), [MultiSelect](#selection), [SearchSelect](#selection) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/combobox.stories.tsx) |
 | **MultiSelect** (experimental)<br>since unreleased | Several of many options with search: `Combobox` in `multiple` mode with selected chips. | A handful of options that should all be visible (`MultiSelectField`) or one value (`Combobox`, `Select`). | `<select multiple>` | [Combobox](#selection), [MultiSelectField](#forms), [Chip](#selection) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/multi-select.stories.tsx) |
-| **SearchSelect** (deprecated)<br>since 0.0.0 | Only in code that already uses it: the pre-Combobox searchable select with `{ id, label }` options (contract C-SEARCHSELECT). | New code — `Combobox` with `Option` (deprecated, removed in 3.0; CM-08 rewrites single-mode call sites). | — | [Combobox](#selection), [MultiSelect](#selection) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/search-select.stories.tsx) |
-| **ClientSelect** (`/suite`)<br>since 0.0.0 | Pick one client: searchable name and email rows on the `Combobox` primitive, long names truncated. | Clients fetched per keystroke (`Combobox` with async options) or any other entity (`Select`). | — | [Select](#selection), [TeamMemberSelect](#selection), [Combobox](#selection) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/client-select.stories.tsx) |
-| **TeamMemberSelect** (deprecated) (`/legacy`)<br>since 0.0.0 | Pick an assignee: avatar and name rows on the `Select` primitive, with an unassigned option. | Several assignees (`MultiSelect`) or any other entity (`Select`). | — | [Select](#selection), [ClientSelect](#selection), [DataTableView](#data-display) | [story](https://github.com/Assure-One/design-system/blob/main/src/legacy/team-member-select.stories.tsx) |
+| **SearchSelect** (deprecated)<br>since 0.0.0 | Only in code that already uses it: the pre-Combobox searchable select with `{ id, label }` options (contract C-SEARCHSELECT), `size` (forwarded to `Combobox`). | New code — `Combobox` with `Option` (deprecated, removed in 3.0; CM-08 rewrites single-mode call sites). | — | [Combobox](#selection), [MultiSelect](#selection) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/search-select.stories.tsx) |
+| **ClientSelect** (`/suite`)<br>since 0.0.0 | Pick one client: searchable name and email rows on the `Combobox` primitive, long names truncated, `size` (forwarded to `Combobox`). | Clients fetched per keystroke (`Combobox` with async options) or any other entity (`Select`). | — | [Select](#selection), [TeamMemberSelect](#selection), [Combobox](#selection) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/client-select.stories.tsx) |
+| **TeamMemberSelect** (deprecated) (`/legacy`)<br>since 0.0.0 | Pick an assignee: avatar and name rows on the `Select` primitive, with an unassigned option, `size` (forwarded to `Select`). | Several assignees (`MultiSelect`) or any other entity (`Select`). | — | [Select](#selection), [ClientSelect](#selection), [DataTableView](#data-display) | [story](https://github.com/Assure-One/design-system/blob/main/src/legacy/team-member-select.stories.tsx) |
 | **ToggleGroup**<br>parts: `ToggleGroupItem`<br>since 0.0.0 | A view or mode switch with immediate effect (list/grid, day/week), single or multiple, roving focus. | The choice is a form value (`RadioGroup`, `MultiSelectField`) or navigation between panels (`Tabs`). | `group of <button aria-pressed>` | [Tabs](#navigation), [RadioGroup](#forms), [DocumentSourceFilter](#selection) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/toggle-group.stories.tsx) |
 | **Chip** (experimental)<br>also: `chipVariants`, `resolveChipStyle`<br>since 1.35.0 | A removable, toggleable or clickable token: applied filters, tags, selected values; `variant` × `intent` × `size`, `onRemove`, `pressed`. | A static label (`Badge`), a status (`StatusBadge`) or a file (`FileChip`, `AttachmentChip`). | `<span class="rounded-full …"><button>×</button></span>` | [DismissibleChip](#selection), [Badge](#data-display), [Toolbar](#actions), [MultiSelect](#selection) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/chip.stories.tsx) |
 | **DismissibleChip**<br>since 0.4.0 | Only in code that already uses it: a label with a remove button. | New code — `Chip` with `onRemove` covers it with the shared variants and sizes. | — | [Chip](#selection) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/dismissible-chip.stories.tsx) |

package/docs/components.registry.json

@@ -960,7 +960,7 @@
     },
     "DatePicker": {
       "category": "forms",
-      "useWhen": "One date (or a year in year mode) typed with a mask or picked from a `Calendar` popover; ISO `YYYY-MM-DD` value, `onValueChange`, deterministic `en-US` display.",
+      "useWhen": "One date (or a year in year mode) typed with a mask or picked from a `Calendar` popover; ISO `YYYY-MM-DD` value, `onValueChange`, deterministic `en-US` display, `size`.",
       "dontUseWhen": "A range (`DateRangePicker`) or an always-visible calendar (`Calendar`).",
       "replacesRawHtml": [
         "<input type=\"date\">"
@@ -974,7 +974,7 @@
     },
     "DateRangePicker": {
       "category": "forms",
-      "useWhen": "A from/to pair in one control; posts `${name}_from` / `${name}_to`.",
+      "useWhen": "A from/to pair in one control; posts `${name}_from` / `${name}_to`; `size`.",
       "dontUseWhen": "A single date (`DatePicker`) or two independent dates in a form (two `DatePicker`s in a `Fieldset`).",
       "replacesRawHtml": [
         "two <input type=\"date\">"
@@ -1256,7 +1256,7 @@
     },
     "SearchSelect": {
       "category": "selection",
-      "useWhen": "Only in code that already uses it: the pre-Combobox searchable select with `{ id, label }` options (contract C-SEARCHSELECT).",
+      "useWhen": "Only in code that already uses it: the pre-Combobox searchable select with `{ id, label }` options (contract C-SEARCHSELECT), `size` (forwarded to `Combobox`).",
       "dontUseWhen": "New code — `Combobox` with `Option` (deprecated, removed in 3.0; CM-08 rewrites single-mode call sites).",
       "related": [
         "Combobox",
@@ -1266,7 +1266,7 @@
     },
     "ClientSelect": {
       "category": "selection",
-      "useWhen": "Pick one client: searchable name and email rows on the `Combobox` primitive, long names truncated.",
+      "useWhen": "Pick one client: searchable name and email rows on the `Combobox` primitive, long names truncated, `size` (forwarded to `Combobox`).",
       "dontUseWhen": "Clients fetched per keystroke (`Combobox` with async options) or any other entity (`Select`).",
       "related": [
         "Select",
@@ -1277,7 +1277,7 @@
     },
     "TeamMemberSelect": {
       "category": "selection",
-      "useWhen": "Pick an assignee: avatar and name rows on the `Select` primitive, with an unassigned option.",
+      "useWhen": "Pick an assignee: avatar and name rows on the `Select` primitive, with an unassigned option, `size` (forwarded to `Select`).",
       "dontUseWhen": "Several assignees (`MultiSelect`) or any other entity (`Select`).",
       "related": [
         "Select",

package/package.json

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

package/dist/brand-scope-BOHId6BY.d.ts

@@ -1,58 +0,0 @@
-import * as React$1 from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-/**
- * Brand scope — ambient product theming.
- *
- * The `brand` color family (bg-brand, hover:bg-brand-hover, bg-brand-bg,
- * border-brand-line, text-fg-on-brand, plus the accent/focus/primary
- * interaction tokens) follows the nearest `[data-brand]` scope and defaults to
- * Pro. Authors type the STATE only; the product comes from the scope. Set it
- * once high in the tree — ideally on the same root as the `.dark` class
- * (`<html>`/`<body>`) — so Radix-portalled surfaces inherit it through the DOM.
- *
- *   <html data-brand="tax">           // whole shell renders teal
- *   <div {...brandScope("audit")}>    // a subtree renders blue
- *
- * For the rarer case of multiple scopes on one page WITH portalled content
- * (a Dialog/Popover that escapes its scoped subtree to document.body), wrap the
- * region in <BrandScope> / <BrandScopeProvider> and have the portalled
- * `*Content` re-stamp `data-brand={useBrandScope()}` on its own element.
- */
-type BrandProduct = "pro" | "audit" | "books" | "tax";
-/**
- * `data-brand` attribute object to spread on any element (mirrors
- * `serviceToneStyle`). This is the primary API for opting a subtree into a
- * product without naming the product in a utility class.
- */
-declare function brandScope(product: BrandProduct): {
-    "data-brand": BrandProduct;
-};
-/** Every product, in suite order — for switchers and story matrices. */
-declare const BRAND_PRODUCTS: BrandProduct[];
-/** Human label for a product, for switchers and headings. */
-declare const brandLabel: Record<BrandProduct, string>;
-/**
- * Provides the active product to descendants so portalled surfaces can
- * re-stamp `data-brand` on themselves via {@link useBrandScope}. Purely a
- * structural carrier — the visual theming still comes from the `[data-brand]`
- * attribute in the DOM, not from this context.
- */
-declare function BrandScopeProvider({ product, children, }: {
-    product: BrandProduct;
-    children: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-/** Read the ambient product from the nearest provider (defaults to Pro). */
-declare function useBrandScope(): BrandProduct;
-interface BrandScopeProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** The product this subtree renders as. */
-    product: BrandProduct;
-}
-/**
- * Convenience wrapper that stamps `data-brand` on a `<div>` AND provides the
- * product via context, so a portalled descendant can re-stamp itself. Use
- * `brandScope()` directly when you want the attribute on your own element.
- */
-declare const BrandScope: React$1.ForwardRefExoticComponent<BrandScopeProps & React$1.RefAttributes<HTMLDivElement>>;
-
-export { BRAND_PRODUCTS as B, type BrandProduct as a, brandLabel as b, BrandScope as c, type BrandScopeProps as d, BrandScopeProvider as e, brandScope as f, useBrandScope as u };