@salemcobalt/ui 0.2.0-rc.13 → 0.2.0-rc.15

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.
Files changed (6) hide show
  1. package/README.md +8 -3
  2. package/dist/index.d.ts +387 -10
  3. package/dist/index.js +133 -15
  4. package/dist/index.js.map +1 -1
  5. package/dist/styles.css +314 -1
  6. package/package.json +4 -4
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @salemcobalt/ui
2
2
 
3
- React 19 components for the Salem Cobalt design system: `Button`, `IconButton`, `Icon` and a shipped icon set, `BroomIcon`, `Badge`, `Card`, `Stack`, `Inline`, `Heading`, `Text`, `Kbd`, `Dialog`, `FullScreenFlow`, `Tooltip`, `Menu`, `Popover`, `PriorityNav`, `Toolbar`, `Banner`, `Spinner`, `Progress`, `Tabs`, `Input`, `Textarea`, `Select`, `FileInput` and `FilePreviewDialog`, `Checkbox`, `Switch`, `Table` (with row selection), `SelectionBar`, `Toast`, `Stat`, `Chip`, `Disclosure`, `EmptyState`, `Skeleton`. Requires `@salemcobalt/tokens`.
3
+ React 19 components for the Salem Cobalt design system: `Button`, `IconButton`, `Icon` and a shipped icon set, `BroomIcon`, `Badge`, `Card`, `Stack`, `Inline`, `Heading`, `Text`, `Kbd`, `Dialog`, `FullScreenFlow`, `Tooltip`, `Menu`, `Popover`, `PriorityNav`, `Toolbar`, `Banner`, `Spinner`, `Progress`, `Tabs`, `Input`, `Textarea`, `Select`, `FileInput` and `FilePreviewDialog`, `Checkbox`, `Switch`, `Table` (with row selection), `SelectionBar`, `Toast`, `Stat`, `Chip`, `Disclosure`, `EmptyState`, `Skeleton`, `Score`, `ReasonList`, `WordDiff`, `Quote`. Requires `@salemcobalt/tokens`.
4
4
 
5
5
  ```ts
6
6
  import '@salemcobalt/tokens/css'; // custom properties, light + dark
@@ -25,11 +25,11 @@ Styles ship as one stylesheet inside `@layer sc`, so an app's unlayered CSS alwa
25
25
 
26
26
  | Component | Notes |
27
27
  | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
28
- | `Button` | `variant` primary · secondary · ghost · danger; `size` sm · md · lg; `iconStart`/`iconEnd`; `loading` (keeps width, `aria-busy`); `fullWidth`. `shortcut={<Kbd>N</Kbd>}` shows a key hint after the label, tinted to the variant and hidden from the name (add `aria-keyshortcuts="n"`); `iconOnly` collapses to the icon in a square button without remounting (label kept as the name, shortcut hidden). |
28
+ | `Button` | `variant` primary · secondary · ghost · danger; `size` sm · md · lg; `iconStart`/`iconEnd`; `loading` (keeps width, `aria-busy`); `fullWidth`. `shortcut={<Kbd>N</Kbd>}` shows a key hint after the label, tinted to the variant and hidden from the name (add `aria-keyshortcuts="n"`); `iconOnly` collapses to the icon in a square button without remounting (label kept as the name, shortcut hidden). The hint is not shown where there is no fine pointer (`not all and (any-pointer: fine)`: phones, tablets without a trackpad). |
29
29
  | `IconButton` | Square Button for one icon. Required `label` (the accessible name); `variant` ghost (default) · secondary · primary · danger; `size`; `tooltip` (`true` shows `label`, or a string); `tooltipSide`; `round`; `loading`; `render={<a href />}` or a Next.js `Link` makes it a link. `dot` neutral · accent · success · warning · danger · info puts a status dot top-left with a ring in `--sc-icon-button-dot-ring` (default `surface-default`; set it to the header background); decorative, so say the status in `label`. |
30
30
  | `Icon`, `*Icon` | 49 outline icons on a 16px grid in `currentColor`, one component each (`PlayIcon`, `ChevronDownIcon` …, listed in `iconNames`); `size` xs 12 · sm 14 · md 16 · lg 20 · xl 24 · em; decorative unless `title` is given. `Icon` wraps your own paths. |
31
31
  | `Badge` | `tone` neutral · accent · success · warning · danger · info; `variant` soft · solid · outline; `size` sm · md; `dot`. Text only. |
32
- | `Card` | `variant` outlined · elevated · filled; `padding` none · sm · md · lg; `interactive`; `selected`; `as` or `render` to make it an `a`/`button`/`li`. |
32
+ | `Card` | `variant` outlined · elevated · filled · plain (a quiet row: no surface, a hover wash without border or shadow, selected is `accent.wash` with a 1px `accent.border`); `padding` none · sm · md · lg; `interactive`; `selected` (visual only: pair with `aria-pressed`/`aria-selected`/`aria-current`; also turns a Score inside solid); `as` or `render` to make it an `a`/`button`/`li`. |
33
33
  | `Stack`, `Inline` | `gap` from the spacing scale (`none` … `4xl`); `align`; `justify`; `as`. `Inline` wraps unless `wrap={false}`. |
34
34
  | `Kbd` | One key per `Kbd`; `Kbd.Group label="Command K"` groups a shortcut with a `+` (or `separator="space"`). |
35
35
  | `Dialog` | `Root` (`open`, `defaultOpen`, `onOpenChange`, `dismissible`, `onRequestClose(reason)`: Esc, backdrop and every `Close` ask instead of closing; close by setting `open`), `Trigger`, `Content` (`size` sm · md · lg, every size clamps to the viewport minus a 16px gutter; `variant="sheet"` becomes a bottom sheet below 640px with a scrolling `Body`; `variant="fullscreen"` covers the viewport, inset 16px from 900px, with a scrolling `Body`), `Title`, `Description`, `Body`, `Actions`, `Close`. Menus, selects and tooltips opened inside render above it. |
@@ -54,6 +54,11 @@ Styles ship as one stylesheet inside `@layer sc`, so an app's unlayered CSS alwa
54
54
  | `PriorityNav` | Priority+ primary navigation (docs/adr/0005): required `aria-label`; `items` as `{ href, label, id?, current? }` in priority order; links that fit stay inline and the rest go into a "More" disclosure (APG disclosure navigation: a `button` with `aria-expanded`, not a menu; Esc, click outside and focus leaving close it). The `current` link is never collapsed. `moreLabel`, `moreCountLabel(n)` (announced only: "More, 3 links"), `renderLink={(props) => <Link {...props} />}` for a router. Server-renders every link on one clipped line (scrolls sideways without JS), measures widths once (again after web fonts load or when keys/string labels change) and re-renders only when the inline count changes. Takes the free space in a flex row (`flex: 1 1 0%`); in a grid use a `minmax(0, 1fr)` track. The open panel sits in the top layer (Popover API), anchored to the toggle with CSS anchor positioning (a JS fallback elsewhere) and capped to the viewport. `data-overflowing` + `onOverflowChange(boolean)` let a header make room, with `overflowHysteresis` (px) so it cannot oscillate. Under 400px wide (container query) More shows only an ellipsis. |
55
55
  | `Popover` | Non-modal panel on Base UI Popover: `Root` (`open`, `defaultOpen`, `onOpenChange`, `modal` default false), `Trigger` (secondary Button, or `render={<IconButton label dot />}`), `Content` (`side`, `align`, `sideOffset`, `arrow`; Menu's surface, `--sc-z-dropdown`), `Title` (names the dialog), `Description`, `Close` (the × with no children, or wraps a Button). Esc and focus return come from Base UI. |
56
56
  | `BroomIcon` | Animated 24px-grid icon for "a sweep is running": `sweeping`, `size` (Icon sizes, default `lg`, or `display` 72px with a 1.75px stroke), `title`. Inline SVG; strokes stay 1.25px at any size; holds still with the dust shown under `prefers-reduced-motion`. Inside an IconButton it takes the next icon size up. |
57
+ | `Score` | A number on a tinted tile or in a ring: required `value`, `max` (100), `tone` neutral · accent (default) · success · warning · danger (no thresholds inside: map value to tone in the app), `variant` tile · ring (64px, decorative SVG, arc animates only on change, none under reduced motion), `size` sm 40 · md 48 (tile), `caption`, `label` ("Fit score"), `valueText`, `selected`. Assistive tech reads one visually hidden sentence, "Fit score 94 out of 100"; the visible number is `aria-hidden`, no `aria-label`. A tile turns solid when `selected` or inside `.sc-card[data-selected]`, `[aria-pressed="true"]` or `[aria-selected="true"]`. |
58
+ | `ReasonList` | `ReasonList` (`ul`) + `ReasonList.Item` (`li`): required `tone` for (filled square) · against (bar) · gap (hollow circle), so the marker shape carries the meaning as well as the colour; `size` sm · md; `divider` (dashed rule above). Name it with a heading via `aria-labelledby`; `<strong>` inside picks out key words. |
59
+ | `WordDiff` | Prose word diff: required `parts` (`{ kind: 'same' \| 'added' \| 'removed', text }[]`), `as` p · div · span, `size` sm · md, `addedLabel`/`removedLabel` ("added"/"removed"). Real `<del>`/`<ins>` with visually hidden "[removed: …]"/"[added: …]"; strike-through and underline carry the change (3:1 on the `diff.*` tints); whitespace kept exactly (`pre-wrap`), edge whitespace left outside the mark. |
60
+ | `Quote` | Someone's words echoed back with who said them: required `label` ("You") and `children`. A `figure` with the label as `figcaption` and the words in a `blockquote`, on `accent.wash` with an `accent.border`. |
61
+ | `Heading`, `Text` | `Heading size="overline"`: 12px uppercase mono with `tracking-wider`, muted unless `tone` is set; keep a real `level`. `Text family="mono"` for data next to prose (row meta, dates). |
57
62
 
58
63
  ```tsx
59
64
  <Dialog.Root>
package/dist/index.d.ts CHANGED
@@ -25,7 +25,7 @@ interface ButtonProps extends ComponentPropsWithRef<'button'> {
25
25
  loading?: boolean | undefined;
26
26
  /** Stretches to the container. */
27
27
  fullWidth?: boolean | undefined;
28
- /** A keyboard hint after the label: `shortcut={<Kbd>N</Kbd>}`. Hidden from assistive tech; announce the key with `aria-keyshortcuts="n"`. */
28
+ /** A keyboard hint after the label: `shortcut={<Kbd>N</Kbd>}`. Hidden from assistive tech; announce the key with `aria-keyshortcuts="n"`. Not shown on devices with no fine pointer (touch only). */
29
29
  shortcut?: ReactNode | undefined;
30
30
  /** Shows only `iconStart` (or `iconEnd`) in a square button; the label stays the accessible name and the shortcut hides. Toggles without remounting, e.g. when a header runs out of room. Pair with a Tooltip carrying the label. */
31
31
  iconOnly?: boolean | undefined;
@@ -49,17 +49,17 @@ interface BadgeProps extends ComponentPropsWithRef<'span'> {
49
49
  /** One or two words of status beside a thing. Text only; never clickable. */
50
50
  declare function Badge({ tone, variant, size, dot, className, children, ...rest }: BadgeProps): react.JSX.Element;
51
51
 
52
- type CardVariant = 'outlined' | 'elevated' | 'filled';
52
+ type CardVariant = 'outlined' | 'elevated' | 'filled' | 'plain';
53
53
  type CardPadding = 'none' | 'sm' | 'md' | 'lg';
54
54
  type CardElement = 'div' | 'article' | 'section' | 'nav' | 'li' | 'a' | 'button';
55
55
  interface CardProps extends useRender.ComponentProps<'div'> {
56
- /** `outlined` hairline (default), `elevated` floats, `filled` is an inset region. */
56
+ /** `outlined` hairline (default), `elevated` floats, `filled` is an inset region, `plain` has no surface: a quiet list row that washes on hover and takes the accent wash and border when selected. */
57
57
  variant?: CardVariant | undefined;
58
58
  /** `none`, `sm` 12px, `md` 16px (default), `lg` 24px. */
59
59
  padding?: CardPadding | undefined;
60
60
  /** Hover lifts the card and the whole card is the target. Render it as `a` or `button` so it is a real control. */
61
61
  interactive?: boolean | undefined;
62
- /** Accent border with a 1px inset, for the active row or chosen option. */
62
+ /** Accent border with a 1px inset, for the active row or chosen option; on `plain`, the accent wash with a 1px accent border. Also recolours a Score inside. Visual only: pair it with `aria-pressed`, `aria-selected` or `aria-current`. */
63
63
  selected?: boolean | undefined;
64
64
  /** Element to render when `render` is not given. Use `nav` (with an `aria-label`) for a carded navigation landmark. */
65
65
  as?: CardElement | undefined;
@@ -1353,17 +1353,17 @@ interface ProgressProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
1353
1353
  declare function Progress$1({ value, max, min, label, valueText, showValue, tone, size, variant, className, ...rest }: ProgressProps): react.JSX.Element;
1354
1354
 
1355
1355
  type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
1356
- type HeadingSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
1356
+ type HeadingSize = 'overline' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
1357
1357
  type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span' | 'p';
1358
1358
  type TextTone = 'default' | 'muted' | 'subtle' | 'accent' | 'success' | 'warning' | 'danger' | 'info';
1359
1359
  interface HeadingProps extends ComponentPropsWithRef<'h2'> {
1360
1360
  /** The outline level, rendered as `h1`–`h6`. Default 2. */
1361
1361
  level?: HeadingLevel | undefined;
1362
- /** Visual size from the type scale, independent of the level. Defaults by level: 3xl, 2xl, xl, lg, md, sm. */
1362
+ /** Visual size from the type scale, independent of the level. Defaults by level: 3xl, 2xl, xl, lg, md, sm. `overline` is a 12px uppercase mono label with wide tracking, muted by default, for section labels ("Why it fits"). */
1363
1363
  size?: HeadingSize | undefined;
1364
1364
  /** Render a different element and keep the look; `div`/`span` for a card title that is not an outline entry. */
1365
1365
  as?: HeadingElement | undefined;
1366
- /** Colour. Default is the text colour. */
1366
+ /** Colour. Default is the text colour; `muted` for `size="overline"`. */
1367
1367
  tone?: TextTone | undefined;
1368
1368
  /** One line with an ellipsis. */
1369
1369
  truncate?: boolean | undefined;
@@ -1660,6 +1660,7 @@ declare function Heading({ level, size, as, tone, truncate, className, ...rest }
1660
1660
  type TextSize = 'xs' | 'sm' | 'md' | 'lg';
1661
1661
  type TextWeight = 'regular' | 'medium' | 'semibold';
1662
1662
  type TextAlign = 'start' | 'center' | 'end';
1663
+ type TextFamily = 'sans' | 'mono';
1663
1664
  type TextElement = 'p' | 'span' | 'div' | 'label' | 'li' | 'dt' | 'dd' | 'strong' | 'em' | 'small' | 'time' | 'figcaption' | 'legend';
1664
1665
  interface TextProps extends ComponentPropsWithRef<'p'> {
1665
1666
  /** Element to render. Default `p`; `span` inside other text. */
@@ -1674,9 +1675,11 @@ interface TextProps extends ComponentPropsWithRef<'p'> {
1674
1675
  truncate?: boolean | number | undefined;
1675
1676
  /** Tabular figures, for numbers that line up in columns. */
1676
1677
  numeric?: boolean | undefined;
1678
+ /** `sans` (default) or `mono` for data next to prose: row metadata, dates, counts ("Quillstack · 5 h"). */
1679
+ family?: TextFamily | undefined;
1677
1680
  }
1678
1681
  /** Running text and labels from the type scale. Parents own spacing: Text has no margins. */
1679
- declare function Text({ as, size, tone, weight, align, truncate, numeric, className, style, ...rest }: TextProps): ReactElement;
1682
+ declare function Text({ as, size, tone, weight, align, truncate, numeric, family, className, style, ...rest }: TextProps): ReactElement;
1680
1683
 
1681
1684
  /** The header checkbox: nothing, some or every row selected. */
1682
1685
  type RowSelectionHeaderState = 'none' | 'some' | 'all';
@@ -2901,7 +2904,381 @@ declare const FullScreenFlow: {
2901
2904
  Footer: typeof Footer;
2902
2905
  };
2903
2906
 
2907
+ type ScoreTone = 'neutral' | 'accent' | 'success' | 'warning' | 'danger';
2908
+ type ScoreSize = 'sm' | 'md';
2909
+ type ScoreVariant = 'tile' | 'ring';
2910
+ interface ScoreProps extends Omit<ComponentPropsWithRef<'span'>, 'children'> {
2911
+ /** The number shown, e.g. a fit score. Rendered as given; round it first. */
2912
+ value: number;
2913
+ /** The top of the scale. Default 100. Fills the ring and ends the default accessible text. */
2914
+ max?: number | undefined;
2915
+ /** Colour. The system holds no thresholds: map the value to a tone in the app. Default `accent`. */
2916
+ tone?: ScoreTone | undefined;
2917
+ /** `tile` (default), a number on a tinted square, or `ring`, a donut for detail headers. */
2918
+ variant?: ScoreVariant | undefined;
2919
+ /** Tile size: `sm` 40px for list rows (default), `md` 48px. The ring is 64px. */
2920
+ size?: ScoreSize | undefined;
2921
+ /** A short word under the number: "fit". Visual only; say it in `label`. */
2922
+ caption?: ReactNode | undefined;
2923
+ /** What the number measures, read before it: "Fit score". Default "Score". */
2924
+ label?: string | undefined;
2925
+ /** The whole text assistive tech reads instead of the default "{label} {value} out of {max}". */
2926
+ valueText?: string | undefined;
2927
+ /** Shows the selected look (solid fill). Also on automatically inside a selected Card or an element with `aria-pressed="true"` or `aria-selected="true"`. */
2928
+ selected?: boolean | undefined;
2929
+ }
2930
+ /**
2931
+ * A score as a number on a tinted tile or inside a ring. The number and caption are visual; assistive tech reads one
2932
+ * visually hidden sentence ("Fit score 94 out of 100"), so the score is named without `aria-label` on a non-interactive
2933
+ * element and reads whole inside a row button.
2934
+ */
2935
+ declare function Score({ value, max, tone, variant, size, caption, label, valueText, selected, className, style, ...rest }: ScoreProps): react.JSX.Element;
2936
+
2937
+ type ReasonTone = 'for' | 'against' | 'gap';
2938
+ type ReasonListSize = 'sm' | 'md';
2939
+ interface ReasonListProps extends ComponentPropsWithRef<'ul'> {
2940
+ /** What every item in the list is: `for` (a filled square), `against` (a bar) or `gap` (a hollow circle). Shape and colour both carry it. */
2941
+ tone: ReasonTone;
2942
+ /** `md` 14px (default) for a detail view, `sm` 12px for the compact form inside a card. */
2943
+ size?: ReasonListSize | undefined;
2944
+ /** A dashed rule above the list, for the compact form under a card's title. */
2945
+ divider?: boolean | undefined;
2946
+ }
2947
+ type ReasonListItemProps = ComponentPropsWithRef<'li'>;
2948
+ /**
2949
+ * A list of reasons with a marker shape per tone, so the meaning is never colour alone. Name the list with a
2950
+ * heading ("Why it fits", "Watch for") and point `aria-labelledby` at it: the heading says what the marker means.
2951
+ */
2952
+ declare function ReasonListRoot({ tone, size, divider, className, ...rest }: ReasonListProps): react.JSX.Element;
2953
+ /** One reason. `<strong>` inside picks out the key words in the default text colour. */
2954
+ declare function ReasonListItem({ className, ...rest }: ReasonListItemProps): react.JSX.Element;
2955
+ declare const ReasonList: typeof ReasonListRoot & {
2956
+ Item: typeof ReasonListItem;
2957
+ };
2958
+
2959
+ type WordDiffKind = 'same' | 'added' | 'removed';
2960
+ interface WordDiffPart {
2961
+ kind: WordDiffKind;
2962
+ text: string;
2963
+ }
2964
+ type WordDiffElement = 'p' | 'div' | 'span';
2965
+ type WordDiffSize = 'sm' | 'md';
2966
+ interface WordDiffProps extends Omit<ComponentPropsWithRef<'p'>, 'children'> {
2967
+ /** Runs of unchanged, removed and added text, in reading order, whitespace included. Rendered exactly: joining every `text` gives the visible string. */
2968
+ parts: readonly WordDiffPart[];
2969
+ /** Element to render. Default `p`; `div` or `span` inside other text. */
2970
+ as?: WordDiffElement | undefined;
2971
+ /** `sm` 14px UI text (default) or `md` body copy. */
2972
+ size?: WordDiffSize | undefined;
2973
+ /** Screen reader word around added text: "[added: …]". Default "added". */
2974
+ addedLabel?: string | undefined;
2975
+ /** Screen reader word around removed text: "[removed: …]". Default "removed". */
2976
+ removedLabel?: string | undefined;
2977
+ }
2978
+ /**
2979
+ * A word-level diff as prose: removed text struck through and added text underlined, each on a tint, inside real
2980
+ * `<del>` and `<ins>` with "[removed: …]" / "[added: …]" for screen readers. The line, not the colour, carries the
2981
+ * meaning. Whitespace is preserved exactly (`white-space: pre-wrap`).
2982
+ */
2983
+ declare function WordDiff({ parts, as, size, addedLabel, removedLabel, className, ...rest }: WordDiffProps): react.DetailedReactHTMLElement<{
2984
+ slot?: string | undefined | undefined;
2985
+ style?: react.CSSProperties | undefined;
2986
+ title?: string | undefined | undefined;
2987
+ ref?: react.Ref<HTMLParagraphElement> | undefined;
2988
+ key?: react.Key | null | undefined;
2989
+ defaultChecked?: boolean | undefined | undefined;
2990
+ defaultValue?: string | number | readonly string[] | undefined;
2991
+ suppressContentEditableWarning?: boolean | undefined | undefined;
2992
+ suppressHydrationWarning?: boolean | undefined | undefined;
2993
+ accessKey?: string | undefined | undefined;
2994
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
2995
+ autoFocus?: boolean | undefined | undefined;
2996
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
2997
+ contextMenu?: string | undefined | undefined;
2998
+ dir?: string | undefined | undefined;
2999
+ draggable?: (boolean | "true" | "false") | undefined;
3000
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
3001
+ hidden?: boolean | undefined | undefined;
3002
+ id?: string | undefined | undefined;
3003
+ lang?: string | undefined | undefined;
3004
+ nonce?: string | undefined | undefined;
3005
+ spellCheck?: (boolean | "true" | "false") | undefined;
3006
+ tabIndex?: number | undefined | undefined;
3007
+ translate?: "yes" | "no" | undefined | undefined;
3008
+ radioGroup?: string | undefined | undefined;
3009
+ role?: react.AriaRole | undefined;
3010
+ about?: string | undefined | undefined;
3011
+ content?: string | undefined | undefined;
3012
+ datatype?: string | undefined | undefined;
3013
+ inlist?: any;
3014
+ prefix?: string | undefined | undefined;
3015
+ property?: string | undefined | undefined;
3016
+ rel?: string | undefined | undefined;
3017
+ resource?: string | undefined | undefined;
3018
+ rev?: string | undefined | undefined;
3019
+ typeof?: string | undefined | undefined;
3020
+ vocab?: string | undefined | undefined;
3021
+ autoCorrect?: string | undefined | undefined;
3022
+ autoSave?: string | undefined | undefined;
3023
+ color?: string | undefined | undefined;
3024
+ itemProp?: string | undefined | undefined;
3025
+ itemScope?: boolean | undefined | undefined;
3026
+ itemType?: string | undefined | undefined;
3027
+ itemID?: string | undefined | undefined;
3028
+ itemRef?: string | undefined | undefined;
3029
+ results?: number | undefined | undefined;
3030
+ security?: string | undefined | undefined;
3031
+ unselectable?: "on" | "off" | undefined | undefined;
3032
+ popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
3033
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
3034
+ popoverTarget?: string | undefined | undefined;
3035
+ inert?: boolean | undefined | undefined;
3036
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
3037
+ is?: string | undefined | undefined;
3038
+ exportparts?: string | undefined | undefined;
3039
+ part?: string | undefined | undefined;
3040
+ "aria-activedescendant"?: string | undefined | undefined;
3041
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
3042
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
3043
+ "aria-braillelabel"?: string | undefined | undefined;
3044
+ "aria-brailleroledescription"?: string | undefined | undefined;
3045
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
3046
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
3047
+ "aria-colcount"?: number | undefined | undefined;
3048
+ "aria-colindex"?: number | undefined | undefined;
3049
+ "aria-colindextext"?: string | undefined | undefined;
3050
+ "aria-colspan"?: number | undefined | undefined;
3051
+ "aria-controls"?: string | undefined | undefined;
3052
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
3053
+ "aria-describedby"?: string | undefined | undefined;
3054
+ "aria-description"?: string | undefined | undefined;
3055
+ "aria-details"?: string | undefined | undefined;
3056
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
3057
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
3058
+ "aria-errormessage"?: string | undefined | undefined;
3059
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
3060
+ "aria-flowto"?: string | undefined | undefined;
3061
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
3062
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
3063
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
3064
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
3065
+ "aria-keyshortcuts"?: string | undefined | undefined;
3066
+ "aria-label"?: string | undefined | undefined;
3067
+ "aria-labelledby"?: string | undefined | undefined;
3068
+ "aria-level"?: number | undefined | undefined;
3069
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
3070
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
3071
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
3072
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
3073
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
3074
+ "aria-owns"?: string | undefined | undefined;
3075
+ "aria-placeholder"?: string | undefined | undefined;
3076
+ "aria-posinset"?: number | undefined | undefined;
3077
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
3078
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
3079
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
3080
+ "aria-required"?: (boolean | "true" | "false") | undefined;
3081
+ "aria-roledescription"?: string | undefined | undefined;
3082
+ "aria-rowcount"?: number | undefined | undefined;
3083
+ "aria-rowindex"?: number | undefined | undefined;
3084
+ "aria-rowindextext"?: string | undefined | undefined;
3085
+ "aria-rowspan"?: number | undefined | undefined;
3086
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
3087
+ "aria-setsize"?: number | undefined | undefined;
3088
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
3089
+ "aria-valuemax"?: number | undefined | undefined;
3090
+ "aria-valuemin"?: number | undefined | undefined;
3091
+ "aria-valuenow"?: number | undefined | undefined;
3092
+ "aria-valuetext"?: string | undefined | undefined;
3093
+ dangerouslySetInnerHTML?: {
3094
+ __html: string | TrustedHTML;
3095
+ } | undefined | undefined;
3096
+ onCopy?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
3097
+ onCopyCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
3098
+ onCut?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
3099
+ onCutCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
3100
+ onPaste?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
3101
+ onPasteCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
3102
+ onCompositionEnd?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
3103
+ onCompositionEndCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
3104
+ onCompositionStart?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
3105
+ onCompositionStartCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
3106
+ onCompositionUpdate?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
3107
+ onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
3108
+ onFocus?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
3109
+ onFocusCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
3110
+ onBlur?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
3111
+ onBlurCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
3112
+ onChange?: react.ChangeEventHandler<HTMLParagraphElement, Element> | undefined;
3113
+ onChangeCapture?: react.ChangeEventHandler<HTMLParagraphElement, Element> | undefined;
3114
+ onBeforeInput?: react.InputEventHandler<HTMLParagraphElement> | undefined;
3115
+ onBeforeInputCapture?: react.InputEventHandler<HTMLParagraphElement> | undefined;
3116
+ onInput?: react.InputEventHandler<HTMLParagraphElement> | undefined;
3117
+ onInputCapture?: react.InputEventHandler<HTMLParagraphElement> | undefined;
3118
+ onReset?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3119
+ onResetCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3120
+ onSubmit?: react.SubmitEventHandler<HTMLParagraphElement> | undefined;
3121
+ onSubmitCapture?: react.SubmitEventHandler<HTMLParagraphElement> | undefined;
3122
+ onInvalid?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3123
+ onInvalidCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3124
+ onLoad?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3125
+ onLoadCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3126
+ onError?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3127
+ onErrorCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3128
+ onKeyDown?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
3129
+ onKeyDownCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
3130
+ onKeyPress?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
3131
+ onKeyPressCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
3132
+ onKeyUp?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
3133
+ onKeyUpCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
3134
+ onAbort?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3135
+ onAbortCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3136
+ onCanPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3137
+ onCanPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3138
+ onCanPlayThrough?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3139
+ onCanPlayThroughCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3140
+ onDurationChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3141
+ onDurationChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3142
+ onEmptied?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3143
+ onEmptiedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3144
+ onEncrypted?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3145
+ onEncryptedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3146
+ onEnded?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3147
+ onEndedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3148
+ onLoadedData?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3149
+ onLoadedDataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3150
+ onLoadedMetadata?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3151
+ onLoadedMetadataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3152
+ onLoadStart?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3153
+ onLoadStartCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3154
+ onPause?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3155
+ onPauseCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3156
+ onPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3157
+ onPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3158
+ onPlaying?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3159
+ onPlayingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3160
+ onProgress?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3161
+ onProgressCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3162
+ onRateChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3163
+ onRateChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3164
+ onSeeked?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3165
+ onSeekedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3166
+ onSeeking?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3167
+ onSeekingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3168
+ onStalled?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3169
+ onStalledCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3170
+ onSuspend?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3171
+ onSuspendCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3172
+ onTimeUpdate?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3173
+ onTimeUpdateCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3174
+ onVolumeChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3175
+ onVolumeChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3176
+ onWaiting?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3177
+ onWaitingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3178
+ onAuxClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3179
+ onAuxClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3180
+ onClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3181
+ onClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3182
+ onContextMenu?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3183
+ onContextMenuCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3184
+ onDoubleClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3185
+ onDoubleClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3186
+ onDrag?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3187
+ onDragCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3188
+ onDragEnd?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3189
+ onDragEndCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3190
+ onDragEnter?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3191
+ onDragEnterCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3192
+ onDragExit?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3193
+ onDragExitCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3194
+ onDragLeave?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3195
+ onDragLeaveCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3196
+ onDragOver?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3197
+ onDragOverCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3198
+ onDragStart?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3199
+ onDragStartCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3200
+ onDrop?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3201
+ onDropCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
3202
+ onMouseDown?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3203
+ onMouseDownCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3204
+ onMouseEnter?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3205
+ onMouseLeave?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3206
+ onMouseMove?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3207
+ onMouseMoveCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3208
+ onMouseOut?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3209
+ onMouseOutCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3210
+ onMouseOver?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3211
+ onMouseOverCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3212
+ onMouseUp?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3213
+ onMouseUpCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
3214
+ onSelect?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3215
+ onSelectCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
3216
+ onTouchCancel?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
3217
+ onTouchCancelCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
3218
+ onTouchEnd?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
3219
+ onTouchEndCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
3220
+ onTouchMove?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
3221
+ onTouchMoveCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
3222
+ onTouchStart?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
3223
+ onTouchStartCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
3224
+ onPointerDown?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3225
+ onPointerDownCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3226
+ onPointerMove?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3227
+ onPointerMoveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3228
+ onPointerUp?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3229
+ onPointerUpCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3230
+ onPointerCancel?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3231
+ onPointerCancelCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3232
+ onPointerEnter?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3233
+ onPointerLeave?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3234
+ onPointerOver?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3235
+ onPointerOverCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3236
+ onPointerOut?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3237
+ onPointerOutCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3238
+ onGotPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3239
+ onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3240
+ onLostPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3241
+ onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
3242
+ onScroll?: react.UIEventHandler<HTMLParagraphElement> | undefined;
3243
+ onScrollCapture?: react.UIEventHandler<HTMLParagraphElement> | undefined;
3244
+ onScrollEnd?: react.UIEventHandler<HTMLParagraphElement> | undefined;
3245
+ onScrollEndCapture?: react.UIEventHandler<HTMLParagraphElement> | undefined;
3246
+ onWheel?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
3247
+ onWheelCapture?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
3248
+ onAnimationStart?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
3249
+ onAnimationStartCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
3250
+ onAnimationEnd?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
3251
+ onAnimationEndCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
3252
+ onAnimationIteration?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
3253
+ onAnimationIterationCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
3254
+ onToggle?: react.ToggleEventHandler<HTMLParagraphElement> | undefined;
3255
+ onBeforeToggle?: react.ToggleEventHandler<HTMLParagraphElement> | undefined;
3256
+ onTransitionCancel?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
3257
+ onTransitionCancelCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
3258
+ onTransitionEnd?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
3259
+ onTransitionEndCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
3260
+ onTransitionRun?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
3261
+ onTransitionRunCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
3262
+ onTransitionStart?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
3263
+ onTransitionStartCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
3264
+ className: string;
3265
+ 'data-size': WordDiffSize;
3266
+ }, HTMLParagraphElement>;
3267
+
3268
+ interface QuoteProps extends ComponentPropsWithRef<'figure'> {
3269
+ /** Who said it, shown as a small overline before the words: "You". */
3270
+ label: ReactNode;
3271
+ /** The quoted words. Phrasing content: the quote renders inline after the label. */
3272
+ children: ReactNode;
3273
+ }
3274
+ /**
3275
+ * Someone's own words echoed back on the accent wash, with who said them: the instruction you gave above the
3276
+ * rewrite it produced. A `<figure>` whose `<figcaption>` is the label and whose `<blockquote>` is the text, so the
3277
+ * attribution is part of the semantics, not just the styling.
3278
+ */
3279
+ declare function Quote({ label, className, children, ...rest }: QuoteProps): react.JSX.Element;
3280
+
2904
3281
  declare const version = "0.1.1";
2905
3282
 
2906
- export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Badge, Banner, BellIcon, BriefcaseIcon, BroomIcon, Button, CalendarIcon, Card, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, CircleCheckIcon, CircleXIcon, ClockIcon, CopyIcon, Dialog, Disclosure, DocumentIcon, DownloadIcon, EditIcon, EmptyState, ExternalLinkIcon, EyeIcon, FileInput, FilePreviewDialog, FilterIcon, FlagIcon, FullScreenFlow, Heading, Icon, IconButton, InboxIcon, InfoIcon, Inline, Input, Kbd, LinkIcon, MailIcon, MapPinIcon, Menu, MenuIcon, MinusIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, PauseIcon, PlayIcon, PlusIcon, Popover, PriorityNav, Progress$1 as Progress, RefreshIcon, SearchIcon, Select, SelectionBar, SettingsIcon, Skeleton, Spinner, Stack, StarIcon, Stat, SunIcon, Switch, Table, Tabs, Text, Textarea, ThumbsDownIcon, ThumbsUpIcon, Toast, Toolbar, Tooltip, TrashIcon, UndoIcon, UserIcon, WarningIcon, XIcon, iconNames, useRowSelection, useToast, version };
2907
- export type { BadgeProps, BadgeSize, BadgeTone, BadgeVariant, BannerProps, BannerTone, BroomIconProps, ButtonProps, ButtonSize, ButtonVariant, CardElement, CardPadding, CardProps, CardVariant, CheckboxProps, ChipProps, ChipSize, ChipTone, ControlSize, DialogActionsProps, DialogBodyProps, DialogCloseProps, DialogCloseRequestReason, DialogContentProps, DialogDescriptionProps, DialogRootProps, DialogSize, DialogTitleProps, DialogVariant, DisclosureProps, EmptyStateElement, EmptyStateProps, EmptyStateSize, FieldProps, FileInputProps, FilePreviewDialogProps, FlowChapter, FlowCloseRequestReason, FlowDirection, FullScreenFlowBodyProps, FullScreenFlowFooterProps, FullScreenFlowHeaderProps, FullScreenFlowProgressProps, FullScreenFlowRailGroupProps, FullScreenFlowRailItemProps, FullScreenFlowRailProps, FullScreenFlowRootProps, FullScreenFlowStepProps, FullScreenFlowViewportProps, HeadingElement, HeadingLevel, HeadingProps, HeadingSize, IconButtonDotTone, IconButtonProps, IconGlyphProps, IconName, IconProps, IconSize, InlineAlign, InlineElement, InlineJustify, InlineProps, InputProps, KbdGroupProps, KbdProps, MenuAlign, MenuCheckboxItemProps, MenuContentProps, MenuGroupProps, MenuItemProps, MenuItemTone, MenuLinkItemProps, MenuRadioGroupProps, MenuRadioItemProps, MenuRootProps, MenuSeparatorProps, MenuSide, MenuTriggerProps, PopoverAlign, PopoverCloseProps, PopoverContentProps, PopoverDescriptionProps, PopoverRootProps, PopoverSide, PopoverTitleProps, PopoverTriggerProps, PriorityNavItem, PriorityNavLinkProps, PriorityNavProps, ProgressProps, ProgressSize, ProgressTone, ProgressVariant, RowSelection, RowSelectionHeaderState, SelectGroup, SelectOption, SelectProps, SelectionBarProps, SkeletonProps, SkeletonVariant, SpacingSize, SpinnerProps, StackAlign, StackElement, StackJustify, StackProps, StatDeltaTone, StatElement, StatProps, StatSize, StatTrend, StatVariant, SwitchProps, TableAlign, TableBodyProps, TableCaptionProps, TableCellProps, TableDensity, TableFootProps, TableHeadProps, TableHeaderProps, TableRootProps, TableRowProps, TableSelectionCellProps, TableSelectionHeaderProps, TableSortDirection, TabsListProps, TabsListVariant, TabsPanelProps, TabsRootProps, TabsTabProps, TextAlign, TextElement, TextProps, TextSize, TextTone, TextWeight, TextareaProps, TextareaVariant, ToastApi, ToastOptions, ToastProviderProps, ToastTone, ToolbarButtonProps, ToolbarGroupProps, ToolbarLinkProps, ToolbarRootProps, ToolbarSeparatorProps, ToolbarSpacerProps, TooltipAlign, TooltipProps, TooltipSide };
3283
+ export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Badge, Banner, BellIcon, BriefcaseIcon, BroomIcon, Button, CalendarIcon, Card, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, CircleCheckIcon, CircleXIcon, ClockIcon, CopyIcon, Dialog, Disclosure, DocumentIcon, DownloadIcon, EditIcon, EmptyState, ExternalLinkIcon, EyeIcon, FileInput, FilePreviewDialog, FilterIcon, FlagIcon, FullScreenFlow, Heading, Icon, IconButton, InboxIcon, InfoIcon, Inline, Input, Kbd, LinkIcon, MailIcon, MapPinIcon, Menu, MenuIcon, MinusIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, PauseIcon, PlayIcon, PlusIcon, Popover, PriorityNav, Progress$1 as Progress, Quote, ReasonList, RefreshIcon, Score, SearchIcon, Select, SelectionBar, SettingsIcon, Skeleton, Spinner, Stack, StarIcon, Stat, SunIcon, Switch, Table, Tabs, Text, Textarea, ThumbsDownIcon, ThumbsUpIcon, Toast, Toolbar, Tooltip, TrashIcon, UndoIcon, UserIcon, WarningIcon, WordDiff, XIcon, iconNames, useRowSelection, useToast, version };
3284
+ export type { BadgeProps, BadgeSize, BadgeTone, BadgeVariant, BannerProps, BannerTone, BroomIconProps, ButtonProps, ButtonSize, ButtonVariant, CardElement, CardPadding, CardProps, CardVariant, CheckboxProps, ChipProps, ChipSize, ChipTone, ControlSize, DialogActionsProps, DialogBodyProps, DialogCloseProps, DialogCloseRequestReason, DialogContentProps, DialogDescriptionProps, DialogRootProps, DialogSize, DialogTitleProps, DialogVariant, DisclosureProps, EmptyStateElement, EmptyStateProps, EmptyStateSize, FieldProps, FileInputProps, FilePreviewDialogProps, FlowChapter, FlowCloseRequestReason, FlowDirection, FullScreenFlowBodyProps, FullScreenFlowFooterProps, FullScreenFlowHeaderProps, FullScreenFlowProgressProps, FullScreenFlowRailGroupProps, FullScreenFlowRailItemProps, FullScreenFlowRailProps, FullScreenFlowRootProps, FullScreenFlowStepProps, FullScreenFlowViewportProps, HeadingElement, HeadingLevel, HeadingProps, HeadingSize, IconButtonDotTone, IconButtonProps, IconGlyphProps, IconName, IconProps, IconSize, InlineAlign, InlineElement, InlineJustify, InlineProps, InputProps, KbdGroupProps, KbdProps, MenuAlign, MenuCheckboxItemProps, MenuContentProps, MenuGroupProps, MenuItemProps, MenuItemTone, MenuLinkItemProps, MenuRadioGroupProps, MenuRadioItemProps, MenuRootProps, MenuSeparatorProps, MenuSide, MenuTriggerProps, PopoverAlign, PopoverCloseProps, PopoverContentProps, PopoverDescriptionProps, PopoverRootProps, PopoverSide, PopoverTitleProps, PopoverTriggerProps, PriorityNavItem, PriorityNavLinkProps, PriorityNavProps, ProgressProps, ProgressSize, ProgressTone, ProgressVariant, QuoteProps, ReasonListItemProps, ReasonListProps, ReasonListSize, ReasonTone, RowSelection, RowSelectionHeaderState, ScoreProps, ScoreSize, ScoreTone, ScoreVariant, SelectGroup, SelectOption, SelectProps, SelectionBarProps, SkeletonProps, SkeletonVariant, SpacingSize, SpinnerProps, StackAlign, StackElement, StackJustify, StackProps, StatDeltaTone, StatElement, StatProps, StatSize, StatTrend, StatVariant, SwitchProps, TableAlign, TableBodyProps, TableCaptionProps, TableCellProps, TableDensity, TableFootProps, TableHeadProps, TableHeaderProps, TableRootProps, TableRowProps, TableSelectionCellProps, TableSelectionHeaderProps, TableSortDirection, TabsListProps, TabsListVariant, TabsPanelProps, TabsRootProps, TabsTabProps, TextAlign, TextElement, TextFamily, TextProps, TextSize, TextTone, TextWeight, TextareaProps, TextareaVariant, ToastApi, ToastOptions, ToastProviderProps, ToastTone, ToolbarButtonProps, ToolbarGroupProps, ToolbarLinkProps, ToolbarRootProps, ToolbarSeparatorProps, ToolbarSpacerProps, TooltipAlign, TooltipProps, TooltipSide, WordDiffElement, WordDiffKind, WordDiffPart, WordDiffProps, WordDiffSize };