@salemcobalt/ui 0.2.0-rc.1 → 0.2.0-rc.3

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.
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, `Badge`, `Card`, `Stack`, `Inline`, `Heading`, `Text`, `Kbd`, `Dialog`, `Tooltip`, `Menu`, `Toolbar`, `Banner`, `Spinner`, `Progress`, `Tabs`, `Input`, `Textarea`, `Select`, `Checkbox`, `Switch`. Requires `@salemcobalt/tokens`.
3
+ React 19 components for the Salem Cobalt design system: `Button`, `IconButton`, `Icon` and a shipped icon set, `Badge`, `Card`, `Stack`, `Inline`, `Heading`, `Text`, `Kbd`, `Dialog`, `Tooltip`, `Menu`, `Toolbar`, `Banner`, `Spinner`, `Progress`, `Tabs`, `Input`, `Textarea`, `Select`, `Checkbox`, `Switch`, `Table`, `Stat`. Requires `@salemcobalt/tokens`.
4
4
 
5
5
  ```ts
6
6
  import '@salemcobalt/tokens/css'; // custom properties, light + dark
@@ -27,7 +27,7 @@ Styles ship as one stylesheet inside `@layer sc`, so an app's unlayered CSS alwa
27
27
  | -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
28
28
  | `Button` | `variant` primary · secondary · ghost · danger; `size` sm · md · lg; `iconStart`/`iconEnd`; `loading` (keeps width, `aria-busy`); `fullWidth`. |
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`. |
30
- | `Icon`, `*Icon` | 47 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. |
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
32
  | `Card` | `variant` outlined · elevated · filled; `padding` none · sm · md · lg; `interactive`; `selected`; `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}`. |
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react from 'react';
2
- import { ComponentPropsWithRef, ReactNode, ReactElement } from 'react';
2
+ import { ComponentPropsWithRef, ReactNode, ReactElement, CSSProperties } from 'react';
3
3
  import { useRender } from '@base-ui/react/use-render';
4
4
  import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
5
5
  import * as _base_ui_react from '@base-ui/react';
@@ -706,7 +706,7 @@ interface DialogRootProps {
706
706
  children?: ReactNode | undefined;
707
707
  }
708
708
  /** Owns the open state. Wrap a `Dialog.Trigger` and a `Dialog.Content`. */
709
- declare function Root$3({ dismissible, onOpenChange, open, defaultOpen, children }: DialogRootProps): react.JSX.Element;
709
+ declare function Root$4({ dismissible, onOpenChange, open, defaultOpen, children }: DialogRootProps): react.JSX.Element;
710
710
  interface DialogContentProps extends Omit<Dialog$1.Popup.Props, 'className'> {
711
711
  /** `sm` 400px for yes/no, `md` 560px (default) for a short form, `lg` 720px rarely. */
712
712
  size?: DialogSize | undefined;
@@ -726,7 +726,7 @@ interface DialogDescriptionProps extends Omit<Dialog$1.Description.Props, 'class
726
726
  declare function Description({ className, ...rest }: DialogDescriptionProps): react.JSX.Element;
727
727
  type DialogBodyProps = ComponentPropsWithRef<'div'>;
728
728
  /** Free content between the description and the actions. */
729
- declare function Body({ className, ...rest }: DialogBodyProps): react.JSX.Element;
729
+ declare function Body$1({ className, ...rest }: DialogBodyProps): react.JSX.Element;
730
730
  type DialogActionsProps = Omit<InlineProps, 'justify'>;
731
731
  /** Right-aligned row of Buttons. Put the confirming action last. */
732
732
  declare function Actions({ className, ...rest }: DialogActionsProps): react.JSX.Element;
@@ -737,12 +737,12 @@ interface DialogCloseProps extends Omit<Dialog$1.Close.Props, 'className'> {
737
737
  declare function Close({ className, children, render, ...rest }: DialogCloseProps): react.JSX.Element;
738
738
  /** A modal that interrupts for a decision or a short form. Built on Base UI's Dialog. */
739
739
  declare const Dialog: {
740
- Root: typeof Root$3;
740
+ Root: typeof Root$4;
741
741
  Trigger: Dialog$1.Trigger;
742
742
  Content: typeof Content$1;
743
743
  Title: typeof Title;
744
744
  Description: typeof Description;
745
- Body: typeof Body;
745
+ Body: typeof Body$1;
746
746
  Actions: typeof Actions;
747
747
  Close: typeof Close;
748
748
  };
@@ -766,10 +766,14 @@ declare function Icon({ size, title, className, children, ...rest }: IconProps):
766
766
 
767
767
  /** `archive` */
768
768
  declare function ArchiveIcon(props: IconGlyphProps): react.JSX.Element;
769
+ /** `arrow-down` */
770
+ declare function ArrowDownIcon(props: IconGlyphProps): react.JSX.Element;
769
771
  /** `arrow-left` */
770
772
  declare function ArrowLeftIcon(props: IconGlyphProps): react.JSX.Element;
771
773
  /** `arrow-right` */
772
774
  declare function ArrowRightIcon(props: IconGlyphProps): react.JSX.Element;
775
+ /** `arrow-up` */
776
+ declare function ArrowUpIcon(props: IconGlyphProps): react.JSX.Element;
773
777
  /** `bell` */
774
778
  declare function BellIcon(props: IconGlyphProps): react.JSX.Element;
775
779
  /** `briefcase` */
@@ -860,7 +864,7 @@ declare function WarningIcon(props: IconGlyphProps): react.JSX.Element;
860
864
  declare function XIcon(props: IconGlyphProps): react.JSX.Element;
861
865
 
862
866
  /** Every icon shipped by this package, as `<Name>Icon` components. */
863
- declare const iconNames: readonly ["archive", "arrow-left", "arrow-right", "bell", "briefcase", "calendar", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-x", "clock", "copy", "document", "download", "edit", "external-link", "eye", "filter", "flag", "inbox", "info", "link", "mail", "map-pin", "menu", "minus", "moon", "more-horizontal", "more-vertical", "pause", "play", "plus", "refresh", "search", "settings", "star", "sun", "thumbs-down", "thumbs-up", "trash", "undo", "user", "warning", "x"];
867
+ declare const iconNames: readonly ["archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "bell", "briefcase", "calendar", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-x", "clock", "copy", "document", "download", "edit", "external-link", "eye", "filter", "flag", "inbox", "info", "link", "mail", "map-pin", "menu", "minus", "moon", "more-horizontal", "more-vertical", "pause", "play", "plus", "refresh", "search", "settings", "star", "sun", "thumbs-down", "thumbs-up", "trash", "undo", "user", "warning", "x"];
864
868
  type IconName = (typeof iconNames)[number];
865
869
 
866
870
  type TooltipSide = 'top' | 'bottom' | 'left' | 'right';
@@ -935,7 +939,7 @@ interface MenuRootProps {
935
939
  children?: ReactNode | undefined;
936
940
  }
937
941
  /** Owns the open state. Wrap a `Menu.Trigger` and a `Menu.Content`. */
938
- declare function Root$2({ open, defaultOpen, onOpenChange, disabled, modal, children }: MenuRootProps): react.JSX.Element;
942
+ declare function Root$3({ open, defaultOpen, onOpenChange, disabled, modal, children }: MenuRootProps): react.JSX.Element;
939
943
  interface MenuTriggerProps extends Omit<Menu$1.Trigger.Props, 'className'> {
940
944
  className?: string | undefined;
941
945
  }
@@ -1017,7 +1021,7 @@ interface MenuSeparatorProps extends Omit<Menu$1.Separator.Props, 'className'> {
1017
1021
  declare function Separator$1({ className, ...rest }: MenuSeparatorProps): react.JSX.Element;
1018
1022
  /** A dropdown of actions on a trigger, with full keyboard support. Built on Base UI's Menu. */
1019
1023
  declare const Menu: {
1020
- Root: typeof Root$2;
1024
+ Root: typeof Root$3;
1021
1025
  Trigger: typeof Trigger;
1022
1026
  Content: typeof Content;
1023
1027
  Item: typeof Item;
@@ -1144,7 +1148,7 @@ interface TabsRootProps extends Omit<Tabs$1.Root.Props, 'className' | 'value' |
1144
1148
  className?: string | undefined;
1145
1149
  }
1146
1150
  /** Owns the active tab. Wrap a `Tabs.List` and one `Tabs.Panel` per tab. */
1147
- declare function Root$1({ className, onValueChange, ...rest }: TabsRootProps): react.JSX.Element;
1151
+ declare function Root$2({ className, onValueChange, ...rest }: TabsRootProps): react.JSX.Element;
1148
1152
  interface TabsListProps extends Omit<Tabs$1.List.Props, 'className'> {
1149
1153
  /** Names the set of tabs for assistive tech: "Inbox sections". */
1150
1154
  'aria-label': string;
@@ -1172,7 +1176,7 @@ interface TabsPanelProps extends Omit<Tabs$1.Panel.Props, 'className' | 'value'>
1172
1176
  declare function Panel({ className, ...rest }: TabsPanelProps): react.JSX.Element;
1173
1177
  /** Switches between sections of one view. Built on Base UI's Tabs. */
1174
1178
  declare const Tabs: {
1175
- Root: typeof Root$1;
1179
+ Root: typeof Root$2;
1176
1180
  List: typeof List;
1177
1181
  Tab: typeof Tab;
1178
1182
  Panel: typeof Panel;
@@ -1191,7 +1195,7 @@ interface ToolbarRootProps extends Omit<Toolbar$1.Root.Props, 'className'> {
1191
1195
  * A row of controls with one tab stop: Tab enters, arrow keys move between items, Tab leaves. Put every
1192
1196
  * control through `Toolbar.Button` (`render={<IconButton … />}`) so it joins the roving focus.
1193
1197
  */
1194
- declare function Root({ wrap, gap, className, ...rest }: ToolbarRootProps): react.JSX.Element;
1198
+ declare function Root$1({ wrap, gap, className, ...rest }: ToolbarRootProps): react.JSX.Element;
1195
1199
  interface ToolbarGroupProps extends Omit<Toolbar$1.Group.Props, 'className'> {
1196
1200
  /** Names the group: "Playback". */
1197
1201
  'aria-label'?: string | undefined;
@@ -1216,7 +1220,7 @@ interface ToolbarSpacerProps {
1216
1220
  declare function Spacer({ className }: ToolbarSpacerProps): react.JSX.Element;
1217
1221
  /** A horizontal container of controls. Built on Base UI's Toolbar. */
1218
1222
  declare const Toolbar: {
1219
- Root: typeof Root;
1223
+ Root: typeof Root$1;
1220
1224
  Group: typeof Group;
1221
1225
  Separator: typeof Separator;
1222
1226
  Button: react.ForwardRefExoticComponent<Omit<_base_ui_react.ToolbarButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
@@ -1611,7 +1615,396 @@ interface TextProps extends ComponentPropsWithRef<'p'> {
1611
1615
  /** Running text and labels from the type scale. Parents own spacing: Text has no margins. */
1612
1616
  declare function Text({ as, size, tone, weight, align, truncate, numeric, className, style, ...rest }: TextProps): ReactElement;
1613
1617
 
1618
+ type TableAlign = 'start' | 'center' | 'end';
1619
+ type TableDensity = 'comfortable' | 'compact';
1620
+ type TableSortDirection = 'ascending' | 'descending' | 'none';
1621
+ interface TableRootProps extends Omit<ComponentPropsWithRef<'table'>, 'style'> {
1622
+ /** Column headers stay visible while the table scrolls. Give `maxHeight` to scroll inside the table; otherwise they stick to the page. */
1623
+ stickyHeader?: boolean | undefined;
1624
+ /** Limits the height and scrolls rows inside; pairs with `stickyHeader`. A CSS length. */
1625
+ maxHeight?: string | undefined;
1626
+ /** `compact` tightens row height and padding; `data-density="compact"` on an ancestor does the same. */
1627
+ density?: TableDensity | undefined;
1628
+ /** Hairlines between rows (default) or none. */
1629
+ divided?: boolean | undefined;
1630
+ /** `fixed` column widths from the first row, for truncating cells. Default `auto`. */
1631
+ layout?: 'auto' | 'fixed' | undefined;
1632
+ /** Style and class for the scrolling wrapper; `className` goes on the `<table>`. */
1633
+ wrapperClassName?: string | undefined;
1634
+ wrapperStyle?: CSSProperties | undefined;
1635
+ style?: CSSProperties | undefined;
1636
+ children?: ReactNode | undefined;
1637
+ }
1638
+ /** A semantic `<table>` in a horizontally scrolling wrapper. Compose `Table.Head`, `Table.Body`, `Table.Row`, `Table.Header`, `Table.Cell`. */
1639
+ declare function Root({ stickyHeader, maxHeight, density, divided, layout, wrapperClassName, wrapperStyle, className, style, children, ...rest }: TableRootProps): react.JSX.Element;
1640
+ type TableCaptionProps = ComponentPropsWithRef<'caption'>;
1641
+ /** Names the table for assistive tech; visually a muted line above it. */
1642
+ declare function Caption({ className, ...rest }: TableCaptionProps): react.JSX.Element;
1643
+ type TableHeadProps = ComponentPropsWithRef<'thead'>;
1644
+ declare function Head({ className, ...rest }: TableHeadProps): react.JSX.Element;
1645
+ type TableBodyProps = ComponentPropsWithRef<'tbody'>;
1646
+ declare function Body({ className, ...rest }: TableBodyProps): react.JSX.Element;
1647
+ type TableFootProps = ComponentPropsWithRef<'tfoot'>;
1648
+ declare function Foot({ className, ...rest }: TableFootProps): react.JSX.Element;
1649
+ interface TableRowProps extends ComponentPropsWithRef<'tr'> {
1650
+ /** Accent wash, for the current row. */
1651
+ selected?: boolean | undefined;
1652
+ /** Hover wash and pointer; make the primary cell a link or button for the real target. */
1653
+ interactive?: boolean | undefined;
1654
+ }
1655
+ declare function Row({ selected, interactive, className, ...rest }: TableRowProps): react.JSX.Element;
1656
+ interface CellSlots {
1657
+ /** Horizontal alignment. Default `start`; `end` for numbers. */
1658
+ align?: TableAlign | undefined;
1659
+ /** Tabular figures and end alignment. */
1660
+ numeric?: boolean | undefined;
1661
+ /** No wrapping. */
1662
+ nowrap?: boolean | undefined;
1663
+ /** One line with an ellipsis; needs `layout="fixed"` or a `width`. */
1664
+ truncate?: boolean | undefined;
1665
+ /** Column width as a CSS length, on headers. */
1666
+ width?: string | undefined;
1667
+ }
1668
+ interface TableHeaderProps extends Omit<ComponentPropsWithRef<'th'>, 'align' | 'width'>, CellSlots {
1669
+ /** Renders the label as a button that sorts the column. The table stays controlled: sort the rows yourself in `onSort`. */
1670
+ sortable?: boolean | undefined;
1671
+ /** The column's current sort, reflected as `aria-sort`. `none` (default) for every column but the sorted one. */
1672
+ sortDirection?: TableSortDirection | undefined;
1673
+ /** Called with the direction to apply: `ascending` first, then it toggles. */
1674
+ onSort?: ((direction: Exclude<TableSortDirection, 'none'>) => void) | undefined;
1675
+ }
1676
+ /** A `<th>`; `scope` defaults to `col`, pass `row` for the first cell of a row. */
1677
+ declare function Header({ align, numeric, nowrap, truncate, width, sortable, sortDirection, onSort, scope, className, style, children, ...rest }: TableHeaderProps): react.JSX.Element;
1678
+ interface TableCellProps extends Omit<ComponentPropsWithRef<'td'>, 'align' | 'width'>, CellSlots {
1679
+ }
1680
+ declare function Cell({ align, numeric, nowrap, truncate, width, className, style, ...rest }: TableCellProps): react.JSX.Element;
1681
+ /** Rows of records with column headers. Native table elements, so screen readers get rows and columns. */
1682
+ declare const Table: {
1683
+ Root: typeof Root;
1684
+ Caption: typeof Caption;
1685
+ Head: typeof Head;
1686
+ Body: typeof Body;
1687
+ Foot: typeof Foot;
1688
+ Row: typeof Row;
1689
+ Header: typeof Header;
1690
+ Cell: typeof Cell;
1691
+ };
1692
+
1693
+ type StatTrend = 'up' | 'down' | 'flat';
1694
+ type StatDeltaTone = 'positive' | 'negative' | 'neutral';
1695
+ type StatElement = 'div' | 'li' | 'article';
1696
+ type StatVariant = 'outlined' | 'filled' | 'plain';
1697
+ type StatSize = 'sm' | 'md';
1698
+ interface StatProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
1699
+ /** What the number is: "Applications", "Reply rate". */
1700
+ label: ReactNode;
1701
+ /** The number, already formatted: "1,204", "37%". */
1702
+ value: ReactNode;
1703
+ /** The change beside the value: "+12", "−3.1 pts", "same as last week". */
1704
+ delta?: ReactNode | undefined;
1705
+ /** Colour of the delta: `positive` green, `negative` red, `neutral` muted (default). Say which is good; up is not always good. */
1706
+ deltaTone?: StatDeltaTone | undefined;
1707
+ /** Arrow before the delta. */
1708
+ trend?: StatTrend | undefined;
1709
+ /** Muted line under the value: "last 7 days", "of 2,000 budget". */
1710
+ hint?: ReactNode | undefined;
1711
+ /** A 20px icon in the corner. Decorative. */
1712
+ icon?: ReactNode | undefined;
1713
+ /** `outlined` surface (default), `filled` inset, `plain` no surface for a row of stats inside a Card. */
1714
+ variant?: StatVariant | undefined;
1715
+ /** `md` (default) or `sm` for dense rows. */
1716
+ size?: StatSize | undefined;
1717
+ /** Element to render; `li` in a list of stats. */
1718
+ as?: StatElement | undefined;
1719
+ }
1720
+ /** One number with its label: a KPI tile. The value is text, so it reads as "Applications, 1,204, up 12". */
1721
+ declare function Stat({ label, value, delta, deltaTone, trend, hint, icon, variant, size, as, className, ...rest }: StatProps): react.DetailedReactHTMLElement<{
1722
+ slot?: string | undefined | undefined;
1723
+ style?: react.CSSProperties | undefined;
1724
+ title?: string | undefined | undefined;
1725
+ ref?: react.Ref<HTMLDivElement> | undefined;
1726
+ key?: react.Key | null | undefined;
1727
+ defaultChecked?: boolean | undefined | undefined;
1728
+ defaultValue?: string | number | readonly string[] | undefined;
1729
+ suppressContentEditableWarning?: boolean | undefined | undefined;
1730
+ suppressHydrationWarning?: boolean | undefined | undefined;
1731
+ accessKey?: string | undefined | undefined;
1732
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
1733
+ autoFocus?: boolean | undefined | undefined;
1734
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
1735
+ contextMenu?: string | undefined | undefined;
1736
+ dir?: string | undefined | undefined;
1737
+ draggable?: (boolean | "true" | "false") | undefined;
1738
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
1739
+ hidden?: boolean | undefined | undefined;
1740
+ id?: string | undefined | undefined;
1741
+ lang?: string | undefined | undefined;
1742
+ nonce?: string | undefined | undefined;
1743
+ spellCheck?: (boolean | "true" | "false") | undefined;
1744
+ tabIndex?: number | undefined | undefined;
1745
+ translate?: "yes" | "no" | undefined | undefined;
1746
+ radioGroup?: string | undefined | undefined;
1747
+ role?: react.AriaRole | undefined;
1748
+ about?: string | undefined | undefined;
1749
+ content?: string | undefined | undefined;
1750
+ datatype?: string | undefined | undefined;
1751
+ inlist?: any;
1752
+ prefix?: string | undefined | undefined;
1753
+ property?: string | undefined | undefined;
1754
+ rel?: string | undefined | undefined;
1755
+ resource?: string | undefined | undefined;
1756
+ rev?: string | undefined | undefined;
1757
+ typeof?: string | undefined | undefined;
1758
+ vocab?: string | undefined | undefined;
1759
+ autoCorrect?: string | undefined | undefined;
1760
+ autoSave?: string | undefined | undefined;
1761
+ color?: string | undefined | undefined;
1762
+ itemProp?: string | undefined | undefined;
1763
+ itemScope?: boolean | undefined | undefined;
1764
+ itemType?: string | undefined | undefined;
1765
+ itemID?: string | undefined | undefined;
1766
+ itemRef?: string | undefined | undefined;
1767
+ results?: number | undefined | undefined;
1768
+ security?: string | undefined | undefined;
1769
+ unselectable?: "on" | "off" | undefined | undefined;
1770
+ popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
1771
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
1772
+ popoverTarget?: string | undefined | undefined;
1773
+ inert?: boolean | undefined | undefined;
1774
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
1775
+ is?: string | undefined | undefined;
1776
+ exportparts?: string | undefined | undefined;
1777
+ part?: string | undefined | undefined;
1778
+ "aria-activedescendant"?: string | undefined | undefined;
1779
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
1780
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
1781
+ "aria-braillelabel"?: string | undefined | undefined;
1782
+ "aria-brailleroledescription"?: string | undefined | undefined;
1783
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
1784
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
1785
+ "aria-colcount"?: number | undefined | undefined;
1786
+ "aria-colindex"?: number | undefined | undefined;
1787
+ "aria-colindextext"?: string | undefined | undefined;
1788
+ "aria-colspan"?: number | undefined | undefined;
1789
+ "aria-controls"?: string | undefined | undefined;
1790
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
1791
+ "aria-describedby"?: string | undefined | undefined;
1792
+ "aria-description"?: string | undefined | undefined;
1793
+ "aria-details"?: string | undefined | undefined;
1794
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
1795
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
1796
+ "aria-errormessage"?: string | undefined | undefined;
1797
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
1798
+ "aria-flowto"?: string | undefined | undefined;
1799
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
1800
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
1801
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
1802
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
1803
+ "aria-keyshortcuts"?: string | undefined | undefined;
1804
+ "aria-label"?: string | undefined | undefined;
1805
+ "aria-labelledby"?: string | undefined | undefined;
1806
+ "aria-level"?: number | undefined | undefined;
1807
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
1808
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
1809
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
1810
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
1811
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
1812
+ "aria-owns"?: string | undefined | undefined;
1813
+ "aria-placeholder"?: string | undefined | undefined;
1814
+ "aria-posinset"?: number | undefined | undefined;
1815
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
1816
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
1817
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
1818
+ "aria-required"?: (boolean | "true" | "false") | undefined;
1819
+ "aria-roledescription"?: string | undefined | undefined;
1820
+ "aria-rowcount"?: number | undefined | undefined;
1821
+ "aria-rowindex"?: number | undefined | undefined;
1822
+ "aria-rowindextext"?: string | undefined | undefined;
1823
+ "aria-rowspan"?: number | undefined | undefined;
1824
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
1825
+ "aria-setsize"?: number | undefined | undefined;
1826
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
1827
+ "aria-valuemax"?: number | undefined | undefined;
1828
+ "aria-valuemin"?: number | undefined | undefined;
1829
+ "aria-valuenow"?: number | undefined | undefined;
1830
+ "aria-valuetext"?: string | undefined | undefined;
1831
+ dangerouslySetInnerHTML?: {
1832
+ __html: string | TrustedHTML;
1833
+ } | undefined | undefined;
1834
+ onCopy?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
1835
+ onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
1836
+ onCut?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
1837
+ onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
1838
+ onPaste?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
1839
+ onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
1840
+ onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | undefined;
1841
+ onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
1842
+ onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | undefined;
1843
+ onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
1844
+ onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | undefined;
1845
+ onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
1846
+ onFocus?: react.FocusEventHandler<HTMLDivElement> | undefined;
1847
+ onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
1848
+ onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
1849
+ onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
1850
+ onChange?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
1851
+ onChangeCapture?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
1852
+ onBeforeInput?: react.InputEventHandler<HTMLDivElement> | undefined;
1853
+ onBeforeInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
1854
+ onInput?: react.InputEventHandler<HTMLDivElement> | undefined;
1855
+ onInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
1856
+ onReset?: react.ReactEventHandler<HTMLDivElement> | undefined;
1857
+ onResetCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1858
+ onSubmit?: react.SubmitEventHandler<HTMLDivElement> | undefined;
1859
+ onSubmitCapture?: react.SubmitEventHandler<HTMLDivElement> | undefined;
1860
+ onInvalid?: react.ReactEventHandler<HTMLDivElement> | undefined;
1861
+ onInvalidCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1862
+ onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
1863
+ onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1864
+ onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
1865
+ onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1866
+ onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
1867
+ onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
1868
+ onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
1869
+ onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
1870
+ onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
1871
+ onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
1872
+ onAbort?: react.ReactEventHandler<HTMLDivElement> | undefined;
1873
+ onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1874
+ onCanPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
1875
+ onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1876
+ onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | undefined;
1877
+ onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1878
+ onDurationChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
1879
+ onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1880
+ onEmptied?: react.ReactEventHandler<HTMLDivElement> | undefined;
1881
+ onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1882
+ onEncrypted?: react.ReactEventHandler<HTMLDivElement> | undefined;
1883
+ onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1884
+ onEnded?: react.ReactEventHandler<HTMLDivElement> | undefined;
1885
+ onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1886
+ onLoadedData?: react.ReactEventHandler<HTMLDivElement> | undefined;
1887
+ onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1888
+ onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | undefined;
1889
+ onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1890
+ onLoadStart?: react.ReactEventHandler<HTMLDivElement> | undefined;
1891
+ onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1892
+ onPause?: react.ReactEventHandler<HTMLDivElement> | undefined;
1893
+ onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1894
+ onPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
1895
+ onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1896
+ onPlaying?: react.ReactEventHandler<HTMLDivElement> | undefined;
1897
+ onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1898
+ onProgress?: react.ReactEventHandler<HTMLDivElement> | undefined;
1899
+ onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1900
+ onRateChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
1901
+ onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1902
+ onSeeked?: react.ReactEventHandler<HTMLDivElement> | undefined;
1903
+ onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1904
+ onSeeking?: react.ReactEventHandler<HTMLDivElement> | undefined;
1905
+ onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1906
+ onStalled?: react.ReactEventHandler<HTMLDivElement> | undefined;
1907
+ onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1908
+ onSuspend?: react.ReactEventHandler<HTMLDivElement> | undefined;
1909
+ onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1910
+ onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | undefined;
1911
+ onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1912
+ onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
1913
+ onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1914
+ onWaiting?: react.ReactEventHandler<HTMLDivElement> | undefined;
1915
+ onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1916
+ onAuxClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
1917
+ onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
1918
+ onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
1919
+ onClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
1920
+ onContextMenu?: react.MouseEventHandler<HTMLDivElement> | undefined;
1921
+ onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
1922
+ onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
1923
+ onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
1924
+ onDrag?: react.DragEventHandler<HTMLDivElement> | undefined;
1925
+ onDragCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
1926
+ onDragEnd?: react.DragEventHandler<HTMLDivElement> | undefined;
1927
+ onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
1928
+ onDragEnter?: react.DragEventHandler<HTMLDivElement> | undefined;
1929
+ onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
1930
+ onDragExit?: react.DragEventHandler<HTMLDivElement> | undefined;
1931
+ onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
1932
+ onDragLeave?: react.DragEventHandler<HTMLDivElement> | undefined;
1933
+ onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
1934
+ onDragOver?: react.DragEventHandler<HTMLDivElement> | undefined;
1935
+ onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
1936
+ onDragStart?: react.DragEventHandler<HTMLDivElement> | undefined;
1937
+ onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
1938
+ onDrop?: react.DragEventHandler<HTMLDivElement> | undefined;
1939
+ onDropCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
1940
+ onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
1941
+ onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
1942
+ onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | undefined;
1943
+ onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | undefined;
1944
+ onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
1945
+ onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
1946
+ onMouseOut?: react.MouseEventHandler<HTMLDivElement> | undefined;
1947
+ onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
1948
+ onMouseOver?: react.MouseEventHandler<HTMLDivElement> | undefined;
1949
+ onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
1950
+ onMouseUp?: react.MouseEventHandler<HTMLDivElement> | undefined;
1951
+ onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
1952
+ onSelect?: react.ReactEventHandler<HTMLDivElement> | undefined;
1953
+ onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
1954
+ onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | undefined;
1955
+ onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
1956
+ onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | undefined;
1957
+ onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
1958
+ onTouchMove?: react.TouchEventHandler<HTMLDivElement> | undefined;
1959
+ onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
1960
+ onTouchStart?: react.TouchEventHandler<HTMLDivElement> | undefined;
1961
+ onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
1962
+ onPointerDown?: react.PointerEventHandler<HTMLDivElement> | undefined;
1963
+ onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
1964
+ onPointerMove?: react.PointerEventHandler<HTMLDivElement> | undefined;
1965
+ onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
1966
+ onPointerUp?: react.PointerEventHandler<HTMLDivElement> | undefined;
1967
+ onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
1968
+ onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | undefined;
1969
+ onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
1970
+ onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | undefined;
1971
+ onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | undefined;
1972
+ onPointerOver?: react.PointerEventHandler<HTMLDivElement> | undefined;
1973
+ onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
1974
+ onPointerOut?: react.PointerEventHandler<HTMLDivElement> | undefined;
1975
+ onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
1976
+ onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
1977
+ onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
1978
+ onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
1979
+ onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
1980
+ onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
1981
+ onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
1982
+ onScrollEnd?: react.UIEventHandler<HTMLDivElement> | undefined;
1983
+ onScrollEndCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
1984
+ onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
1985
+ onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
1986
+ onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | undefined;
1987
+ onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
1988
+ onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | undefined;
1989
+ onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
1990
+ onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | undefined;
1991
+ onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
1992
+ onToggle?: react.ToggleEventHandler<HTMLDivElement> | undefined;
1993
+ onBeforeToggle?: react.ToggleEventHandler<HTMLDivElement> | undefined;
1994
+ onTransitionCancel?: react.TransitionEventHandler<HTMLDivElement> | undefined;
1995
+ onTransitionCancelCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
1996
+ onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
1997
+ onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
1998
+ onTransitionRun?: react.TransitionEventHandler<HTMLDivElement> | undefined;
1999
+ onTransitionRunCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
2000
+ onTransitionStart?: react.TransitionEventHandler<HTMLDivElement> | undefined;
2001
+ onTransitionStartCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
2002
+ className: string;
2003
+ 'data-variant': StatVariant;
2004
+ 'data-size': StatSize;
2005
+ }, HTMLDivElement>;
2006
+
1614
2007
  declare const version = "0.1.1";
1615
2008
 
1616
- export { ArchiveIcon, ArrowLeftIcon, ArrowRightIcon, Badge, Banner, BellIcon, BriefcaseIcon, Button, CalendarIcon, Card, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleCheckIcon, CircleXIcon, ClockIcon, CopyIcon, Dialog, DocumentIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, FilterIcon, FlagIcon, Heading, Icon, IconButton, InboxIcon, InfoIcon, Inline, Input, Kbd, LinkIcon, MailIcon, MapPinIcon, Menu, MenuIcon, MinusIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, PauseIcon, PlayIcon, PlusIcon, Progress, RefreshIcon, SearchIcon, Select, SettingsIcon, Spinner, Stack, StarIcon, SunIcon, Switch, Tabs, Text, Textarea, ThumbsDownIcon, ThumbsUpIcon, Toolbar, Tooltip, TrashIcon, UndoIcon, UserIcon, WarningIcon, XIcon, iconNames, version };
1617
- export type { BadgeProps, BadgeSize, BadgeTone, BadgeVariant, BannerProps, BannerTone, ButtonProps, ButtonSize, ButtonVariant, CardElement, CardPadding, CardProps, CardVariant, CheckboxProps, ControlSize, DialogActionsProps, DialogBodyProps, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogRootProps, DialogSize, DialogTitleProps, FieldProps, HeadingElement, HeadingLevel, HeadingProps, HeadingSize, 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, ProgressProps, ProgressSize, ProgressTone, ProgressVariant, SelectGroup, SelectOption, SelectProps, SpacingSize, SpinnerProps, StackAlign, StackElement, StackJustify, StackProps, SwitchProps, TabsListProps, TabsPanelProps, TabsRootProps, TabsTabProps, TextAlign, TextElement, TextProps, TextSize, TextTone, TextWeight, TextareaProps, ToolbarButtonProps, ToolbarGroupProps, ToolbarRootProps, ToolbarSeparatorProps, ToolbarSpacerProps, TooltipAlign, TooltipProps, TooltipSide };
2009
+ export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Badge, Banner, BellIcon, BriefcaseIcon, Button, CalendarIcon, Card, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleCheckIcon, CircleXIcon, ClockIcon, CopyIcon, Dialog, DocumentIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, FilterIcon, FlagIcon, Heading, Icon, IconButton, InboxIcon, InfoIcon, Inline, Input, Kbd, LinkIcon, MailIcon, MapPinIcon, Menu, MenuIcon, MinusIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, PauseIcon, PlayIcon, PlusIcon, Progress, RefreshIcon, SearchIcon, Select, SettingsIcon, Spinner, Stack, StarIcon, Stat, SunIcon, Switch, Table, Tabs, Text, Textarea, ThumbsDownIcon, ThumbsUpIcon, Toolbar, Tooltip, TrashIcon, UndoIcon, UserIcon, WarningIcon, XIcon, iconNames, version };
2010
+ export type { BadgeProps, BadgeSize, BadgeTone, BadgeVariant, BannerProps, BannerTone, ButtonProps, ButtonSize, ButtonVariant, CardElement, CardPadding, CardProps, CardVariant, CheckboxProps, ControlSize, DialogActionsProps, DialogBodyProps, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogRootProps, DialogSize, DialogTitleProps, FieldProps, HeadingElement, HeadingLevel, HeadingProps, HeadingSize, 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, ProgressProps, ProgressSize, ProgressTone, ProgressVariant, SelectGroup, SelectOption, SelectProps, SpacingSize, SpinnerProps, StackAlign, StackElement, StackJustify, StackProps, StatDeltaTone, StatElement, StatProps, StatSize, StatTrend, StatVariant, SwitchProps, TableAlign, TableBodyProps, TableCaptionProps, TableCellProps, TableDensity, TableFootProps, TableHeadProps, TableHeaderProps, TableRootProps, TableRowProps, TableSortDirection, TabsListProps, TabsPanelProps, TabsRootProps, TabsTabProps, TextAlign, TextElement, TextProps, TextSize, TextTone, TextWeight, TextareaProps, ToolbarButtonProps, ToolbarGroupProps, ToolbarRootProps, ToolbarSeparatorProps, ToolbarSpacerProps, TooltipAlign, TooltipProps, TooltipSide };