@assure-one/design-system 1.41.2 → 1.42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -349,17 +349,17 @@
349
349
  --ds-control-icon-lg: 16px;
350
350
  --ds-control-icon-xl: 20px;
351
351
  --ds-button-height-sm: 32px;
352
- --ds-button-height-md: 40px;
353
- --ds-button-height-lg: 48px;
352
+ --ds-button-height-md: 36px;
353
+ --ds-button-height-lg: 40px;
354
354
  --ds-button-height-icon-xs: 24px;
355
355
  --ds-button-height-icon-sm: 28px;
356
356
  --ds-button-height-icon: 40px;
357
357
  --ds-input-height-sm: 32px;
358
358
  --ds-input-height-md: 36px;
359
- --ds-input-height-lg: 44px;
359
+ --ds-input-height-lg: 40px;
360
360
  --ds-search-input-height-sm: 32px;
361
361
  --ds-search-input-height-md: 36px;
362
- --ds-search-input-height-lg: 44px;
362
+ --ds-search-input-height-lg: 40px;
363
363
  --ds-textarea-min-height-sm: 64px;
364
364
  --ds-textarea-min-height-md: 80px;
365
365
  --ds-textarea-min-height-lg: 96px;
@@ -2,7 +2,8 @@ import * as React$1 from 'react';
2
2
  import { ReactNode, CSSProperties } from 'react';
3
3
  import { V as Variant, I as Intent, C as ControlSize, S as Shape } from './vocab-DornLJbW.js';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
- import { T as TableMessages } from './types-Coqw8iaS.js';
5
+ import * as SelectPrimitive from '@radix-ui/react-select';
6
+ import { S as SelectMessages, T as TableMessages } from './types-aBQCboFH.js';
6
7
  import { a as BrandTheme } from './brand-theme-ZYM867Jz.js';
7
8
 
8
9
  /**
@@ -579,6 +580,189 @@ interface FileChipProps extends React.HTMLAttributes<HTMLDivElement> {
579
580
  }
580
581
  declare const FileChip: React$1.ForwardRefExoticComponent<FileChipProps & React$1.RefAttributes<HTMLDivElement>>;
581
582
 
583
+ declare const SelectRoot: React$1.FC<SelectPrimitive.SelectProps>;
584
+ declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
585
+ declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
586
+ /**
587
+ * The Select sizes: the shared control scale, nothing else (A1, ADR-013).
588
+ *
589
+ * @experimental
590
+ */
591
+ type SelectSize = ControlSize;
592
+ /**
593
+ * The parts a `classNames` entry can reach on the options-driven `Select`,
594
+ * keyed by the anatomy (ADR-008 decision 4). `value` is a span of ours
595
+ * around Radix's value (Radix's own span drops `className`), rendered only
596
+ * when `classNames.value` or `clearable` asks for it, so a legacy call keeps
597
+ * the `SelectTrigger > span` structure C-DOM-10 freezes.
598
+ *
599
+ * @experimental
600
+ */
601
+ type SelectClassNames = Partial<Record<SelectSlot, string>>;
602
+
603
+ /**
604
+ * Props of `SelectTrigger`: Radix's trigger props plus the control-scale
605
+ * `size` and a class for the chevron.
606
+ *
607
+ * @experimental `size` and `classNames`
608
+ */
609
+ interface SelectTriggerProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
610
+ /**
611
+ * Height, horizontal padding, label size, gap and glyph size from the shared
612
+ * control scale (A1). Omitted, the trigger keeps its legacy geometry (36px,
613
+ * the same pixels as `md`).
614
+ */
615
+ size?: SelectSize | null | undefined;
616
+ /**
617
+ * Classes for the trigger's parts: the chevron `icon`, and `value` — a span
618
+ * of ours around `children`, rendered only when `value` is passed (so the
619
+ * default keeps the `SelectTrigger > span` structure C-DOM-10 freezes).
620
+ * Replaces `[&>span]` overrides on the trigger.
621
+ */
622
+ classNames?: Pick<SelectClassNames, "icon" | "value"> | undefined;
623
+ }
624
+ declare const SelectTrigger: React$1.ForwardRefExoticComponent<SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
625
+ declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
626
+ declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
627
+ /**
628
+ * Props of `SelectContent`: Radix's content props plus a class for the
629
+ * viewport (C-DOM-19's `[data-radix-select-viewport]` selector replacement).
630
+ *
631
+ * @experimental `classNames`
632
+ */
633
+ interface SelectContentProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
634
+ /** Classes for the parts the content renders itself: the scrolling `viewport`. */
635
+ classNames?: Pick<SelectClassNames, "viewport"> | undefined;
636
+ }
637
+ declare const SelectContent: React$1.ForwardRefExoticComponent<SelectContentProps & React$1.RefAttributes<HTMLDivElement>>;
638
+ declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
639
+ declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
640
+ declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
641
+ /**
642
+ * SelectOption shape — preserved verbatim from the legacy Select:
643
+ * { value, label, disabled?, labelSuffix? }
644
+ */
645
+ interface SelectOption {
646
+ value: string;
647
+ label: string;
648
+ disabled?: boolean | undefined;
649
+ labelSuffix?: React$1.ReactNode;
650
+ }
651
+ interface SelectProps {
652
+ /** Option list. Required to preserve legacy API. */
653
+ options: SelectOption[];
654
+ /**
655
+ * Controlled value. `null` is "nothing selected" (target architecture §32);
656
+ * `""` means the same and stays accepted through 2.x (C-SELECT-EMPTY).
657
+ */
658
+ value?: string | null | undefined;
659
+ /** Uncontrolled initial value; restored on form reset. `null` = nothing selected. */
660
+ defaultValue?: string | null | undefined;
661
+ /**
662
+ * Called with the picked option's value, and with `""` when the selection
663
+ * is cleared (`clearable`) — the signature every existing handler already
664
+ * has. Reporting `null` is a 3.0 change (C-SELECT-EMPTY).
665
+ */
666
+ onValueChange?: ((value: string) => void) | undefined;
667
+ placeholder?: string | undefined;
668
+ disabled?: boolean | undefined;
669
+ /**
670
+ * Submit the value under this name through the form the trigger sits in
671
+ * (or `form`). Inside a `<Field name>` the field's name applies.
672
+ */
673
+ name?: string | undefined;
674
+ /**
675
+ * Block native submission while nothing is selected; the trigger carries
676
+ * `aria-required`. Inside a `<Field required>` the field's flag applies.
677
+ */
678
+ required?: boolean | undefined;
679
+ /**
680
+ * The `id` of the form to submit with when the trigger is rendered outside
681
+ * it — inside a portalled Dialog or Sheet (ADR-006).
682
+ *
683
+ * @experimental
684
+ */
685
+ form?: string | undefined;
686
+ /**
687
+ * The trigger's `id`; inside a `<Field>` the field's control id applies.
688
+ *
689
+ * @experimental
690
+ */
691
+ id?: string | undefined;
692
+ /**
693
+ * The control scale (A1, ADR-013): `xs` 28 · `sm` 32 · `md` 36 · `lg` 40 ·
694
+ * `xl` 48. Omitted, the trigger keeps its legacy 36px row; a `<Field size>`
695
+ * supplies it.
696
+ *
697
+ * @experimental
698
+ */
699
+ size?: SelectSize | undefined;
700
+ /**
701
+ * Show a clear button beside the chevron while a value is selected. Clearing
702
+ * reports `""` through `onValueChange` and focuses the trigger. Renders the
703
+ * `root` part (`data-slot="select"`) around the trigger — `className` lands
704
+ * on that wrapper then, `classNames.trigger` on the trigger.
705
+ *
706
+ * @experimental
707
+ */
708
+ clearable?: boolean | undefined;
709
+ /**
710
+ * The outermost element's class: the trigger, or the `root` wrapper when
711
+ * `clearable`.
712
+ */
713
+ className?: string | undefined;
714
+ /**
715
+ * One class per part (ADR-008 decision 4): `trigger`, `value`, `icon`
716
+ * (chevron), `content`, `viewport`, `item`, `clear`, `root`. Each part's
717
+ * class comes after the design system's own and before `className`.
718
+ * `value` wraps Radix's value span in one of ours (see `SelectClassNames`).
719
+ *
720
+ * @experimental
721
+ */
722
+ classNames?: SelectClassNames | undefined;
723
+ /** Overrides of the copy the select renders (English defaults until W5-20). */
724
+ messages?: Partial<SelectMessages> | undefined;
725
+ /**
726
+ * @deprecated Use `classNames.trigger` (C-CLASSNAME-PROPS, codemod CM-11).
727
+ * Removed in 3.0.
728
+ */
729
+ triggerClassName?: string | undefined;
730
+ /**
731
+ * @deprecated Use `classNames.content` (C-CLASSNAME-PROPS, codemod CM-11).
732
+ * Removed in 3.0.
733
+ */
734
+ contentClassName?: string | undefined;
735
+ /** aria-invalid + danger styling on trigger. Inside a `<Field invalid>` the field's flag applies. */
736
+ "aria-invalid"?: boolean | undefined;
737
+ /**
738
+ * aria-label fallback when there is no visible label. Inside a `<Field>`
739
+ * with a `Label` the trigger is named by the label instead.
740
+ */
741
+ "aria-label"?: string | undefined;
742
+ /** Explicit `aria-labelledby`; wins over the surrounding `Field`. */
743
+ "aria-labelledby"?: string | undefined;
744
+ /** Explicit `aria-describedby`; appended after the field's description and error. */
745
+ "aria-describedby"?: string | undefined;
746
+ }
747
+ /**
748
+ * Convenience `Select` — preserved options-driven API.
749
+ *
750
+ * For full composition, import the lower-level slots:
751
+ * <SelectRoot>
752
+ * <SelectTrigger><SelectValue /></SelectTrigger>
753
+ * <SelectContent>
754
+ * <SelectGroup>
755
+ * <SelectLabel>Label</SelectLabel>
756
+ * <SelectItem value="…">…</SelectItem>
757
+ * </SelectGroup>
758
+ * </SelectContent>
759
+ * </SelectRoot>
760
+ */
761
+ declare function Select({ options, value: valueProp, defaultValue: defaultValueProp, onValueChange, placeholder: placeholderProp, disabled: disabledProp, name: nameProp, required: requiredProp, form, id: idProp, size: sizeProp, clearable, className, classNames, messages, triggerClassName, contentClassName, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: SelectProps): react_jsx_runtime.JSX.Element;
762
+ declare namespace Select {
763
+ var displayName: string;
764
+ }
765
+
582
766
  /**
583
767
  * Theme scope — the host dimensions a subtree renders with (W5-02).
584
768
  *
@@ -1129,4 +1313,4 @@ declare function MoneyCell({ value }: {
1129
1313
  value?: number | null;
1130
1314
  }): react_jsx_runtime.JSX.Element;
1131
1315
 
1132
- export { DataTableResultsCount as $, Assignee as A, type BadgeProps as B, type CardSlot as C, Dash as D, DataTableBody as E, type FileKind as F, type DataTableBodyProps as G, DataTableCell as H, type InputSlot as I, DataTableCellDue as J, type DataTableCellDueProps as K, DataTableCellId as L, MoneyCell as M, type NumberInputSlot as N, DataTableCellMono as O, type PhoneFieldSlot as P, DataTableCellName as Q, type DataTableCellProps as R, type ServiceTone as S, TagsCell as T, DataTableCheckbox as U, type DataTableCheckboxProps as V, DataTableHead as W, type DataTableHeadProps as X, DataTableHeader as Y, type DataTableHeaderProps as Z, type DataTableProps as _, StagePill as a, type TableSortDirection as a$, type DataTableResultsCountProps as a0, DataTableRow as a1, type DataTableRowProps as a2, DataTableSearch as a3, type DataTableSearchProps as a4, DataTableSpacer as a5, type DataTableSpacerProps as a6, DataTableToolbar as a7, type DataTableToolbarProps as a8, DataTableView as a9, type SidebarBrandSwitcherSlot as aA, type SidebarSlot as aB, type SortDirection as aC, type StackSlot as aD, type StatusBadgeSlot as aE, type SurfaceSlot as aF, type SwitchSlot as aG, Table as aH, TableBody as aI, type TableBodyProps as aJ, TableCaption as aK, type TableCaptionProps as aL, TableCell as aM, type TableCellAlign as aN, type TableCellCommonProps as aO, type TableCellProps as aP, TableFooter as aQ, type TableFooterProps as aR, TableHead as aS, type TableHeadProps as aT, TableHeader as aU, type TableHeaderProps as aV, type TableHeaderStyle as aW, TableRow as aX, type TableRowData as aY, type TableRowProps as aZ, type TableSlot as a_, type DataTableViewColumn as aa, type DataTableViewFilter as ab, type DataTableViewProps as ac, type DataTableViewSelection as ad, type DataTableViewSort as ae, type DialogSlot as af, type DropdownMenuSlot as ag, EmptyValue as ah, type FieldSlot as ai, type FieldsetSlot as aj, FileChip as ak, type FileChipProps as al, type HeadingSlot as am, type IconButtonSlot as an, type InlineSlot as ao, type KbdSlot as ap, type LabelSlot as aq, type LinkButtonSlot as ar, type PaginationSlot as as, type PopoverSlot as at, type PressableSlot as au, type RadioGroupSlot as av, SERVICE_TONES as aw, type SheetSlot as ax, type ShellSlot as ay, type SideDrawerSlot as az, type AvatarSlot as b, type TableStickyEdge as b0, type TableTone as b1, type TextSlot as b2, type ThemeBrand as b3, type ThemeDensity as b4, type ThemeDirection as b5, type ThemeScheme as b6, ThemeScope as b7, type ThemeScopeProps as b8, type ThemeScopeValue as b9, type ToastSlot as ba, type TooltipSlot as bb, badgeVariants as bc, resolveBadgeAppearance as bd, serviceToneLabel as be, serviceToneStyle as bf, type FileUploadSlot as c, type SearchInputSlot as d, type SelectSlot as e, type TextareaSlot as f, type BadgeSize as g, type BadgeShape as h, type DataTableSlot as i, type TableProps as j, type AlertDialogSlot as k, Badge as l, type BadgeAppearance as m, type BadgeAppearanceInput as n, type BadgeLegacyVariant as o, type BadgeSlot as p, type BadgeVariant as q, type BadgeVariantsProps as r, type ButtonSlot as s, type CheckboxSlot as t, type ChipSlot as u, type CodeSlot as v, type ComboboxSlot as w, type CommandSlot as x, type ContextMenuSlot as y, DataTable as z };
1316
+ export { DataTableResultsCount as $, Assignee as A, type BadgeProps as B, type CardSlot as C, Dash as D, DataTableBody as E, type FileKind as F, type DataTableBodyProps as G, DataTableCell as H, type InputSlot as I, DataTableCellDue as J, type DataTableCellDueProps as K, DataTableCellId as L, MoneyCell as M, type NumberInputSlot as N, DataTableCellMono as O, type PhoneFieldSlot as P, DataTableCellName as Q, type DataTableCellProps as R, type SelectSize as S, TagsCell as T, DataTableCheckbox as U, type DataTableCheckboxProps as V, DataTableHead as W, type DataTableHeadProps as X, DataTableHeader as Y, type DataTableHeaderProps as Z, type DataTableProps as _, type ServiceTone as a, TableCaption as a$, type DataTableResultsCountProps as a0, DataTableRow as a1, type DataTableRowProps as a2, DataTableSearch as a3, type DataTableSearchProps as a4, DataTableSpacer as a5, type DataTableSpacerProps as a6, DataTableToolbar as a7, type DataTableToolbarProps as a8, DataTableView as a9, type SelectContentProps as aA, SelectGroup as aB, SelectItem as aC, SelectLabel as aD, type SelectOption as aE, type SelectProps as aF, SelectRoot as aG, SelectScrollDownButton as aH, SelectScrollUpButton as aI, SelectSeparator as aJ, type SelectSlot as aK, SelectTrigger as aL, type SelectTriggerProps as aM, SelectValue as aN, type SheetSlot as aO, type ShellSlot as aP, type SideDrawerSlot as aQ, type SidebarBrandSwitcherSlot as aR, type SidebarSlot as aS, type SortDirection as aT, type StackSlot as aU, type StatusBadgeSlot as aV, type SurfaceSlot as aW, type SwitchSlot as aX, Table as aY, TableBody as aZ, type TableBodyProps as a_, type DataTableViewColumn as aa, type DataTableViewFilter as ab, type DataTableViewProps as ac, type DataTableViewSelection as ad, type DataTableViewSort as ae, type DialogSlot as af, type DropdownMenuSlot as ag, EmptyValue as ah, type FieldSlot as ai, type FieldsetSlot as aj, FileChip as ak, type FileChipProps as al, type HeadingSlot as am, type IconButtonSlot as an, type InlineSlot as ao, type KbdSlot as ap, type LabelSlot as aq, type LinkButtonSlot as ar, type PaginationSlot as as, type PopoverSlot as at, type PressableSlot as au, type RadioGroupSlot as av, SERVICE_TONES as aw, Select as ax, type SelectClassNames as ay, SelectContent as az, StagePill as b, type TableCaptionProps as b0, TableCell as b1, type TableCellAlign as b2, type TableCellCommonProps as b3, type TableCellProps as b4, TableFooter as b5, type TableFooterProps as b6, TableHead as b7, type TableHeadProps as b8, TableHeader as b9, type TableHeaderProps as ba, type TableHeaderStyle as bb, TableRow as bc, type TableRowData as bd, type TableRowProps as be, type TableSlot as bf, type TableSortDirection as bg, type TableStickyEdge as bh, type TableTone as bi, type TextSlot as bj, type ThemeBrand as bk, type ThemeDensity as bl, type ThemeDirection as bm, type ThemeScheme as bn, ThemeScope as bo, type ThemeScopeProps as bp, type ThemeScopeValue as bq, type ToastSlot as br, type TooltipSlot as bs, badgeVariants as bt, resolveBadgeAppearance as bu, serviceToneLabel as bv, serviceToneStyle as bw, type AvatarSlot as c, type FileUploadSlot as d, type SearchInputSlot as e, type TextareaSlot as f, type BadgeSize as g, type BadgeShape as h, type DataTableSlot as i, type TableProps as j, type AlertDialogSlot as k, Badge as l, type BadgeAppearance as m, type BadgeAppearanceInput as n, type BadgeLegacyVariant as o, type BadgeSlot as p, type BadgeVariant as q, type BadgeVariantsProps as r, type ButtonSlot as s, type CheckboxSlot as t, type ChipSlot as u, type CodeSlot as v, type ComboboxSlot as w, type CommandSlot as x, type ContextMenuSlot as y, DataTable as z };
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ComponentType, AnchorHTMLAttributes, Ref, ReactNode, ImgHTMLAttributes } from 'react';
3
- import { D as DsMessageNamespace, a as DsMessages, b as DsMessagesOverride } from './types-Coqw8iaS.js';
3
+ import { D as DsMessageNamespace, a as DsMessages, b as DsMessagesOverride } from './types-aBQCboFH.js';
4
4
 
5
5
  /**
6
6
  * L0 foundation (W5-21, ADR-010). The adapters through which the design