@optiaxiom/react 0.1.0-next.17 → 0.1.0-next.19

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 (171) hide show
  1. package/dist/PopoverContent-Cyo4iBvE.d.ts +367 -0
  2. package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-CeZqbfeZ.css +25 -0
  3. package/dist/assets/src/accordion-trigger/{AccordionTrigger.css.ts.vanilla-Bk2yaB9b.css → AccordionTrigger.css.ts.vanilla-B4Qle9mU.css} +6 -6
  4. package/dist/assets/src/alert/Alert.css.ts.vanilla-CozfM5PZ.css +43 -0
  5. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-udVSBh-F.css → AlertDialogContent.css.ts.vanilla-C2JN8mVr.css} +7 -7
  6. package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-BqS3DoOb.css +6 -0
  7. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-C3kxC2t1.css +6 -0
  8. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-BbCo_LUp.css +24 -0
  9. package/dist/assets/src/badge/Badge.css.ts.vanilla-DdSqM1SO.css +47 -0
  10. package/dist/assets/src/box/{Box.css.ts.vanilla-DqlsipSp.css → Box.css.ts.vanilla-m6UOfI2n.css} +23 -23
  11. package/dist/assets/src/button/Button.css.ts.vanilla-B3zZ2aVK.css +141 -0
  12. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BigSArKH.css +23 -0
  13. package/dist/assets/src/code/Code.css.ts.vanilla-gjF3xytI.css +7 -0
  14. package/dist/assets/src/command-item/{CommandItem.css.ts.vanilla-ByJWH0yk.css → CommandItem.css.ts.vanilla-BOyWdQsz.css} +5 -5
  15. package/dist/assets/src/command-list/{CommandList.css.ts.vanilla-Cz8lB2er.css → CommandList.css.ts.vanilla-ZOkkUju9.css} +3 -3
  16. package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-BRv_T12k.css +41 -0
  17. package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-CiXTBqjW.css +6 -0
  18. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-CzC-Pm9R.css → DialogContent.css.ts.vanilla-BIm47Hsr.css} +8 -8
  19. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-CjtQhy6h.css → Drawer.css.ts.vanilla-CtuqTSHQ.css} +8 -8
  20. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-D8stDT3z.css → HoverCardContent.css.ts.vanilla-BpX0cZU1.css} +3 -3
  21. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-D8oWl6pc.css +31 -0
  22. package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-BhhkBhKO.css → InputBase.css.ts.vanilla-Cj24xHND.css} +15 -15
  23. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-j30xh0wI.css +9 -0
  24. package/dist/assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css +4 -0
  25. package/dist/assets/src/link/{Link.css.ts.vanilla-B50afo8G.css → Link.css.ts.vanilla-C-b1NhSR.css} +12 -12
  26. package/dist/assets/src/menu-content-base/{MenuContentBase.css.ts.vanilla-DVkYjEHI.css → MenuContentBase.css.ts.vanilla-BYu-Rqmo.css} +3 -3
  27. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BockD7lA.css +33 -0
  28. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-Dh9vPZt9.css +6 -0
  29. package/dist/assets/src/pill/{Pill.css.ts.vanilla-C2eOQi2i.css → Pill.css.ts.vanilla-Cc7aUYIo.css} +4 -4
  30. package/dist/assets/src/popover-content/{PopoverContent.css.ts.vanilla-B1oQBmKn.css → PopoverContent.css.ts.vanilla-C3M4uhJV.css} +3 -3
  31. package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-DqdWeglP.css +9 -0
  32. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DHGprPBq.css +6 -0
  33. package/dist/assets/src/separator/{Separator.css.ts.vanilla-BNAE0XuM.css → Separator.css.ts.vanilla-opWSwN_i.css} +10 -10
  34. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-DnObJ67I.css +6 -0
  35. package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-CVGm5rFP.css → sprinkles.css.ts.vanilla-BDvaeWy7.css} +2297 -2261
  36. package/dist/assets/src/switch/Switch.css.ts.vanilla-BT6G8h6W.css +26 -0
  37. package/dist/assets/src/table/Table.css.ts.vanilla-BmKX1tci.css +9 -0
  38. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-DDz_wYaW.css +6 -0
  39. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-Rz8j_7xh.css → TableCell.css.ts.vanilla-sd8Vquaz.css} +4 -4
  40. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DuARvhZE.css +6 -0
  41. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-BsM3KNL3.css +4 -0
  42. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-BO6FVjWc.css +9 -0
  43. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-WvFhp7zA.css +23 -0
  44. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-MxzOgYAm.css → TabsTrigger.css.ts.vanilla-D30O8tC9.css} +10 -10
  45. package/dist/assets/src/text/{Text.css.ts.vanilla-DQhdIgmY.css → Text.css.ts.vanilla-BKtRaBxq.css} +8 -8
  46. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Vi7oxkCe.css +34 -0
  47. package/dist/assets/src/toast/Toast.css.ts.vanilla-CcGpHMYT.css +89 -0
  48. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-WsywbHOO.css → ToastProvider.css.ts.vanilla-CRrCOnmY.css} +9 -9
  49. package/dist/assets/src/transition/{Transition.css.ts.vanilla-COAIGiKV.css → Transition.css.ts.vanilla-CwC4wqUb.css} +16 -16
  50. package/dist/index.d.ts +69 -1250
  51. package/dist/index.js +1 -3
  52. package/dist/package.json.js +1 -1
  53. package/dist/src/accordion-content/AccordionContent-css.js +3 -3
  54. package/dist/src/accordion-trigger/AccordionTrigger-css.js +4 -4
  55. package/dist/src/accordion-trigger/AccordionTrigger.js +3 -3
  56. package/dist/src/alert/Alert-css.js +4 -4
  57. package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
  58. package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +3 -3
  59. package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
  60. package/dist/src/avatar/Avatar-css.js +4 -4
  61. package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
  62. package/dist/src/badge/Badge-css.js +3 -3
  63. package/dist/src/box/Box-css.js +3 -3
  64. package/dist/src/button/Button-css.js +9 -9
  65. package/dist/src/button/Button.js +7 -7
  66. package/dist/src/button-group/ButtonGroup-css.js +3 -3
  67. package/dist/src/checkbox/Checkbox-css.js +6 -6
  68. package/dist/src/code/Code-css.js +3 -3
  69. package/dist/src/command-footer/CommandFooter-css.js +1 -1
  70. package/dist/src/command-item/CommandItem-css.js +3 -3
  71. package/dist/src/command-list/CommandList-css.js +3 -3
  72. package/dist/src/control-base/ControlBase-css.js +6 -6
  73. package/dist/src/dialog-body/DialogBody-css.js +3 -3
  74. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  75. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  76. package/dist/src/drawer/Drawer-css.js +5 -5
  77. package/dist/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js +1 -1
  78. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  79. package/dist/src/hover-card-content/HoverCardContent.js +1 -1
  80. package/dist/src/indicator/Indicator-css.js +5 -5
  81. package/dist/src/input/Input-css.js +3 -3
  82. package/dist/src/input/Input.js +5 -5
  83. package/dist/src/input-base/InputBase-css.js +4 -4
  84. package/dist/src/input-base/InputBase.js +6 -6
  85. package/dist/src/kbd/Kbd-css.js +3 -3
  86. package/dist/src/layers/layers-css.js +3 -3
  87. package/dist/src/link/Link-css.js +4 -4
  88. package/dist/src/menu-content-base/MenuContentBase-css.js +3 -3
  89. package/dist/src/menu-item-base/MenuItemBase-css.js +3 -3
  90. package/dist/src/menu-item-base/MenuItemBase.js +4 -4
  91. package/dist/src/pagination/Pagination-css.js +3 -3
  92. package/dist/src/pill/Pill-css.js +3 -3
  93. package/dist/src/pill/Pill.js +4 -4
  94. package/dist/src/popover-content/PopoverContent-css.js +3 -3
  95. package/dist/src/popover-content/PopoverContent.js +1 -1
  96. package/dist/src/radio-group-item/RadioGroupItem-css.js +5 -5
  97. package/dist/src/search-input/SearchInput-css.js +4 -4
  98. package/dist/src/search-input/SearchInput.js +3 -3
  99. package/dist/src/separator/Separator-css.js +3 -3
  100. package/dist/src/skeleton/Skeleton-css.js +3 -3
  101. package/dist/src/sprinkles/sprinkles-css.js +3 -3
  102. package/dist/src/switch/Switch-css.js +6 -6
  103. package/dist/src/table/Table-css.js +4 -4
  104. package/dist/src/table-body/TableBody-css.js +3 -3
  105. package/dist/src/table-cell/TableCell-css.js +4 -4
  106. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  107. package/dist/src/table-row/TableRow-css.js +3 -3
  108. package/dist/src/tabs/Tabs-css.js +3 -3
  109. package/dist/src/tabs-list/TabsList-css.js +3 -3
  110. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  111. package/dist/src/tabs-trigger/TabsTrigger.js +7 -7
  112. package/dist/src/text/Text-css.js +3 -3
  113. package/dist/src/textarea/Textarea.js +4 -22
  114. package/dist/src/textarea-autosize/TextareaAutosize-css.js +9 -0
  115. package/dist/src/textarea-autosize/TextareaAutosize.js +43 -0
  116. package/dist/src/theme-provider/ThemeProvider.js +1 -2
  117. package/dist/src/toast/Toast-css.js +5 -5
  118. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  119. package/dist/src/toast-provider/ToastProvider.js +2 -1
  120. package/dist/src/tooltip/Tooltip.js +1 -1
  121. package/dist/src/transition/Transition-css.js +3 -3
  122. package/dist/src/utils/conditions.js +1 -1
  123. package/dist/unstable.d.ts +29 -29
  124. package/package.json +5 -3
  125. package/dist/PopoverContent-CUYQy-H8.d.ts +0 -367
  126. package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-QcDygVUH.css +0 -25
  127. package/dist/assets/src/alert/Alert.css.ts.vanilla-B3AEqy5O.css +0 -43
  128. package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-DdaPS89z.css +0 -6
  129. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DKs7HPxd.css +0 -6
  130. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CuVCdu8f.css +0 -24
  131. package/dist/assets/src/badge/Badge.css.ts.vanilla-CosWUw11.css +0 -47
  132. package/dist/assets/src/button/Button.css.ts.vanilla-D07KX5O9.css +0 -141
  133. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BjiyKHvy.css +0 -23
  134. package/dist/assets/src/code/Code.css.ts.vanilla-sldVXFhO.css +0 -7
  135. package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-C8TB4dNA.css +0 -41
  136. package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-DMVvlk-j.css +0 -6
  137. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CsGJ0-lJ.css +0 -31
  138. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BNbTnAS8.css +0 -9
  139. package/dist/assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css +0 -4
  140. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BofvfwxR.css +0 -33
  141. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-CZDsjjh5.css +0 -6
  142. package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-B7bA3BdJ.css +0 -9
  143. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-C9G4HY4I.css +0 -6
  144. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-alpjtld8.css +0 -6
  145. package/dist/assets/src/switch/Switch.css.ts.vanilla-tFWcFr8e.css +0 -26
  146. package/dist/assets/src/table/Table.css.ts.vanilla-Bx68WftP.css +0 -9
  147. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-Ph5KkB2m.css +0 -6
  148. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-C-OGwLLn.css +0 -6
  149. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DMfjFOjy.css +0 -4
  150. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-DfcLiW_8.css +0 -9
  151. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-CTiqdNYM.css +0 -23
  152. package/dist/assets/src/textarea/Textarea.css.ts.vanilla-BldcNjGl.css +0 -9
  153. package/dist/assets/src/toast/Toast.css.ts.vanilla-s1odg-lj.css +0 -89
  154. package/dist/src/textarea/Textarea-css.js +0 -8
  155. package/dist/src/theme/theme-css.js +0 -3
  156. package/dist/src/tokens/borderRadius.js +0 -13
  157. package/dist/src/tokens/borderWidth.js +0 -8
  158. package/dist/src/tokens/boxShadow.js +0 -11
  159. package/dist/src/tokens/colors.js +0 -253
  160. package/dist/src/tokens/fontFamily.js +0 -6
  161. package/dist/src/tokens/fontSize.js +0 -50
  162. package/dist/src/tokens/index.js +0 -37
  163. package/dist/src/tokens/letterSpacing.js +0 -10
  164. package/dist/src/tokens/lineHeight.js +0 -8
  165. package/dist/src/tokens/margins.js +0 -25
  166. package/dist/src/tokens/maxSize.js +0 -13
  167. package/dist/src/tokens/rem.js +0 -3
  168. package/dist/src/tokens/screens.js +0 -9
  169. package/dist/src/tokens/size.js +0 -53
  170. package/dist/src/tokens/spacing.js +0 -25
  171. package/dist/src/tokens/zIndex.js +0 -13
package/dist/index.d.ts CHANGED
@@ -1,15 +1,15 @@
1
1
  import * as react from 'react';
2
2
  import { ReactNode, ComponentPropsWithoutRef, ReactElement, ElementType, ComponentPropsWithRef } from 'react';
3
3
  import * as RadixAccordion from '@radix-ui/react-accordion';
4
- import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './PopoverContent-CUYQy-H8.js';
5
- export { a as Box, L as Link, P as Popover, b as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-CUYQy-H8.js';
4
+ import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './PopoverContent-Cyo4iBvE.js';
5
+ export { a as Box, L as Link, P as Popover, b as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-Cyo4iBvE.js';
6
6
  import * as react_jsx_runtime from 'react/jsx-runtime';
7
7
  import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
8
8
  import * as RadixTooltip from '@radix-ui/react-tooltip';
9
9
  import { Portal } from '@radix-ui/react-portal';
10
10
  import * as RadixToast from '@radix-ui/react-toast';
11
11
  import { createToaster } from '@optiaxiom/globals';
12
- export { createToaster, toaster } from '@optiaxiom/globals';
12
+ export { createToaster, theme, toaster, tokens, tokensDark } from '@optiaxiom/globals';
13
13
  import * as RadixCheckbox from '@radix-ui/react-checkbox';
14
14
  import * as RadixDialog from '@radix-ui/react-dialog';
15
15
  import * as RadixMenu from '@radix-ui/react-dropdown-menu';
@@ -21,18 +21,17 @@ import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
21
21
  import * as RadixSeparator from '@radix-ui/react-separator';
22
22
  import * as RadixSwitch from '@radix-ui/react-switch';
23
23
  import * as RadixTabs from '@radix-ui/react-tabs';
24
- import TextareaAutosize from 'react-textarea-autosize';
25
24
  import * as RadixToggle from '@radix-ui/react-toggle';
26
25
 
27
26
  declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
28
- restProps: Omit<S, "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">;
29
- sprinkleProps: Pick<S, keyof S & ("fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w")>;
27
+ restProps: Omit<S, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">;
28
+ sprinkleProps: Pick<S, keyof S & ("borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w")>;
30
29
  };
31
30
 
32
31
  declare const Accordion: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "key" | "children" | "color" | "hidden" | "style" | "slot" | "title" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Omit<{
33
32
  asChild?: boolean;
34
33
  className?: string;
35
- } & Sprinkles, "asChild" | "className"> & Omit<Omit<RadixAccordion.AccordionMultipleProps, "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w"> | Omit<RadixAccordion.AccordionSingleProps, "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">, never> & {
34
+ } & Sprinkles, "asChild" | "className"> & Omit<Omit<RadixAccordion.AccordionMultipleProps, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w"> | Omit<RadixAccordion.AccordionSingleProps, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">, never> & {
36
35
  appearance?: "primary" | "secondary";
37
36
  } & react.RefAttributes<HTMLDivElement>>;
38
37
 
@@ -50,8 +49,8 @@ declare const AccordionTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixA
50
49
  asChild?: boolean;
51
50
  className?: string;
52
51
  } & Sprinkles, never> & {
53
- endDecorator?: ReactNode;
54
- startDecorator?: ReactNode;
52
+ addonAfter?: ReactNode;
53
+ addonBefore?: ReactNode;
55
54
  } & react.RefAttributes<HTMLButtonElement>>;
56
55
 
57
56
  declare const Alert: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
@@ -81,14 +80,14 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<Omit<Radix
81
80
  asChild?: boolean;
82
81
  className?: string;
83
82
  } & Sprinkles, "size"> & Omit<{
83
+ addonAfter?: react.ReactNode;
84
+ addonBefore?: react.ReactNode;
84
85
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
85
86
  children?: react.ReactNode;
86
87
  disabled?: boolean;
87
- endDecorator?: react.ReactNode;
88
88
  icon?: react.ReactNode;
89
89
  iconPosition?: "end" | "start";
90
90
  loading?: boolean;
91
- startDecorator?: react.ReactNode;
92
91
  } & Omit<{
93
92
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
94
93
  iconOnly?: boolean | undefined;
@@ -100,14 +99,14 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<Radix
100
99
  asChild?: boolean;
101
100
  className?: string;
102
101
  } & Sprinkles, "size"> & Omit<{
102
+ addonAfter?: react.ReactNode;
103
+ addonBefore?: react.ReactNode;
103
104
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
104
105
  children?: react.ReactNode;
105
106
  disabled?: boolean;
106
- endDecorator?: react.ReactNode;
107
107
  icon?: react.ReactNode;
108
108
  iconPosition?: "end" | "start";
109
109
  loading?: boolean;
110
- startDecorator?: react.ReactNode;
111
110
  } & Omit<{
112
111
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
113
112
  iconOnly?: boolean | undefined;
@@ -115,785 +114,6 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<Radix
115
114
  variant?: "outline" | "solid" | "subtle" | undefined;
116
115
  }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
117
116
 
118
- declare const tokens: {
119
- readonly borderRadius: {
120
- readonly xs: "2px";
121
- readonly sm: "4px";
122
- readonly md: "6px";
123
- readonly lg: "8px";
124
- readonly xl: "12px";
125
- readonly full: "9999px";
126
- readonly none: "0";
127
- };
128
- readonly borderWidth: {
129
- "0": string;
130
- "1": string;
131
- "2": string;
132
- "4": string;
133
- };
134
- readonly boxShadow: {
135
- readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
136
- readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
137
- readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
138
- readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
139
- readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
140
- readonly inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);";
141
- readonly none: "0 0 #0000";
142
- };
143
- readonly colors: {
144
- readonly "bg.brand": "#F0F3FF";
145
- readonly "bg.brand.solid": "#0037FF";
146
- readonly "bg.brand.solid.hover": "#002CCC";
147
- readonly "bg.disabled": "#091E422E";
148
- readonly "bg.discovery": "#F1ECF8";
149
- readonly "bg.error": "#FFF7F7";
150
- readonly "bg.error.solid": "#CC1616";
151
- readonly "bg.error.solid.hover": "#B21313";
152
- readonly "bg.information": "#E7F3FE";
153
- readonly "bg.information.solid": "#1668AC";
154
- readonly "bg.input.disabled": "#091E420A";
155
- readonly "bg.neutral": "#F5F6FA";
156
- readonly "bg.neutral.inverse": "#2E3442";
157
- readonly "bg.neutral.inverse.hover": "#262B37";
158
- readonly "bg.neutral.solid": "#CACFDC";
159
- readonly "bg.neutral.solid.hover": "#b8becb";
160
- readonly "bg.success": "#E9F7F1";
161
- readonly "bg.success.solid": "#03A65D";
162
- readonly "bg.success.solid.hover": "#038047";
163
- readonly "bg.warning": "#FFFAEA";
164
- readonly "bg.warning.solid": "#F79008";
165
- readonly "bg.warning.solid.hover": "#DC6903";
166
- readonly "border.active": "#868FA4";
167
- readonly "border.active.hover": "#626A81";
168
- readonly "border.brand": "#0037FF";
169
- readonly "border.default": "#CACFDC";
170
- readonly "border.disabled": "#F5F6FA";
171
- readonly "border.error": "#CC1616";
172
- readonly "border.secondary": "#DADFEB";
173
- readonly "border.success": "#03A65D";
174
- readonly "border.tertiary": "#E9EDF5";
175
- readonly "border.warning": "#F79008";
176
- readonly "fg.accent.blue": "#2094F3";
177
- readonly "fg.accent.magenta": "#81046A";
178
- readonly "fg.accent.purple": "#4A297F";
179
- readonly "fg.accent.red": "#CC1616";
180
- readonly "fg.brand": "#002894";
181
- readonly "fg.default": "#2E3442";
182
- readonly "fg.default.inverse": "#FFFFFF";
183
- readonly "fg.disabled": "#091E4252";
184
- readonly "fg.error": "#911D1D";
185
- readonly "fg.information": "#1668AC";
186
- readonly "fg.link": "#0037FF";
187
- readonly "fg.link.hover": "#002CCC";
188
- readonly "fg.link.visited": "#693AB6";
189
- readonly "fg.secondary": "#4F576E";
190
- readonly "fg.success": "#24663E";
191
- readonly "fg.tertiary": "#626A81";
192
- readonly "fg.warning": "#B54707";
193
- readonly "outline.brand": "#6A8FFC";
194
- readonly overlay: "#091E4252";
195
- readonly surface: "#FFFFFF";
196
- readonly current: "currentColor";
197
- readonly transparent: "transparent";
198
- readonly black: "#000000";
199
- readonly white: "#FFFFFF";
200
- readonly "aqua.50": "#E5F7FB";
201
- readonly "aqua.200": "#9AE5EF";
202
- readonly "aqua.500": "#00BDD6";
203
- readonly "aqua.600": "#007A8A";
204
- readonly "blue.50": "#E7F3FE";
205
- readonly "blue.200": "#A8D5FA";
206
- readonly "blue.500": "#2094F3";
207
- readonly "blue.600": "#1668AC";
208
- readonly "blue.900": "#1C2B41";
209
- readonly "brand.50": "#F0F3FF";
210
- readonly "brand.100": "#CDD8FC";
211
- readonly "brand.200": "#B3C3FF";
212
- readonly "brand.300": "#6A8FFC";
213
- readonly "brand.400": "#2E66F7";
214
- readonly "brand.500": "#0037FF";
215
- readonly "brand.600": "#002CCC";
216
- readonly "brand.700": "#002894";
217
- readonly "brand.800": "#001666";
218
- readonly "brand.900": "#000B33";
219
- readonly "dark.50": "#d9d9d9";
220
- readonly "dark.200": "#9e9e9e";
221
- readonly "dark.500": "#707070";
222
- readonly "dark.600": "#080736";
223
- readonly "gray.50": "#f9fafb";
224
- readonly "gray.100": "#f3f4f6";
225
- readonly "gray.200": "#e5e7eb";
226
- readonly "gray.300": "#d1d5db";
227
- readonly "gray.400": "#9ca3af";
228
- readonly "gray.500": "#6b7280";
229
- readonly "gray.600": "#4b5563";
230
- readonly "gray.700": "#374151";
231
- readonly "gray.800": "#1f2937";
232
- readonly "gray.900": "#111827";
233
- readonly "green.50": "#E9F7F1";
234
- readonly "green.100": "#D1F0E1";
235
- readonly "green.200": "#A5E1C3";
236
- readonly "green.300": "#7CD2A7";
237
- readonly "green.400": "#5AC58A";
238
- readonly "green.500": "#03A65D";
239
- readonly "green.600": "#038047";
240
- readonly "green.700": "#24663E";
241
- readonly "green.800": "#17492B";
242
- readonly "green.900": "#082415";
243
- readonly "magenta.50": "#F8E7F5";
244
- readonly "magenta.200": "#E39CD6";
245
- readonly "magenta.500": "#B80597";
246
- readonly "magenta.600": "#81046A";
247
- readonly "neutral.50": "#F9FAFC";
248
- readonly "neutral.75": "#F5F6FA";
249
- readonly "neutral.100": "#E9EDF5";
250
- readonly "neutral.150": "#DADFEB";
251
- readonly "neutral.200": "#CACFDC";
252
- readonly "neutral.300": "#b8becb";
253
- readonly "neutral.500": "#868FA4";
254
- readonly "neutral.600": "#626A81";
255
- readonly "neutral.700": "#4F576E";
256
- readonly "neutral.800": "#2E3442";
257
- readonly "neutral.900": "#262B37";
258
- readonly "neutral.1000": "#1C2029";
259
- readonly "neutral.1100": "#171A23";
260
- readonly "neutral.1200": "#091E42";
261
- readonly "neutral.50/6": "#F9FAFC0F";
262
- readonly "neutral.50/32": "#F9FAFC52";
263
- readonly "neutral.1200/4": "#091E420A";
264
- readonly "neutral.1200/12": "#091E421F";
265
- readonly "neutral.1200/18": "#091E422E";
266
- readonly "neutral.1200/22": "#091E4238";
267
- readonly "neutral.1200/32": "#091E4252";
268
- readonly "orange.50": "#fff5e5";
269
- readonly "orange.200": "#ffd699";
270
- readonly "orange.500": "#ff9900";
271
- readonly "orange.600": "#a36200";
272
- readonly "purple.50": "#F1ECF8";
273
- readonly "purple.200": "#C4B1E2";
274
- readonly "purple.500": "#693AB6";
275
- readonly "purple.600": "#4A297F";
276
- readonly "purple.900": "#2B273F";
277
- readonly "red.50": "#FFF7F7";
278
- readonly "red.100": "#FCD6D6";
279
- readonly "red.200": "#F9ACAC";
280
- readonly "red.300": "#FC8B8B";
281
- readonly "red.400": "#E31818";
282
- readonly "red.500": "#CC1616";
283
- readonly "red.600": "#B21313";
284
- readonly "red.700": "#911D1D";
285
- readonly "red.800": "#601313";
286
- readonly "red.900": "#300A0A";
287
- readonly "slate.50": "#f8fafc";
288
- readonly "slate.100": "#f1f5f9";
289
- readonly "slate.200": "#e2e8f0";
290
- readonly "slate.300": "#cbd5e1";
291
- readonly "slate.400": "#94a3b8";
292
- readonly "slate.500": "#64748b";
293
- readonly "slate.600": "#475569";
294
- readonly "slate.700": "#334155";
295
- readonly "slate.800": "#1e293b";
296
- readonly "slate.900": "#0f172a";
297
- readonly "slate.950": "#020617";
298
- readonly "yellow.50": "#FFFAEA";
299
- readonly "yellow.100": "#FEF1C6";
300
- readonly "yellow.200": "#FEDF88";
301
- readonly "yellow.300": "#FFC84B";
302
- readonly "yellow.400": "#FDB022";
303
- readonly "yellow.500": "#F79008";
304
- readonly "yellow.600": "#DC6903";
305
- readonly "yellow.700": "#B54707";
306
- readonly "yellow.800": "#7A2E0D";
307
- readonly "yellow.900": "#4E1D09";
308
- };
309
- readonly fontFamily: {
310
- readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
311
- readonly sans: "InterVariable, system-ui, sans-serif";
312
- };
313
- readonly fontSize: {
314
- readonly xs: {
315
- readonly fontSize: "10px";
316
- readonly lineHeight: "14px";
317
- };
318
- readonly sm: {
319
- readonly fontSize: "12px";
320
- readonly lineHeight: "16px";
321
- };
322
- readonly md: {
323
- readonly fontSize: "14px";
324
- readonly lineHeight: "20px";
325
- };
326
- readonly lg: {
327
- readonly fontSize: "16px";
328
- readonly lineHeight: "24px";
329
- };
330
- readonly xl: {
331
- readonly fontSize: "18px";
332
- readonly lineHeight: "28px";
333
- };
334
- readonly "2xl": {
335
- readonly fontSize: "20px";
336
- readonly lineHeight: "28px";
337
- };
338
- readonly "3xl": {
339
- readonly fontSize: "24px";
340
- readonly lineHeight: "32px";
341
- };
342
- readonly "4xl": {
343
- readonly fontSize: "30px";
344
- readonly lineHeight: "36px";
345
- };
346
- readonly "5xl": {
347
- readonly fontSize: "36px";
348
- readonly lineHeight: "40px";
349
- };
350
- readonly "6xl": {
351
- readonly fontSize: "48px";
352
- readonly lineHeight: "1";
353
- };
354
- readonly "7xl": {
355
- readonly fontSize: "60px";
356
- readonly lineHeight: "1";
357
- };
358
- };
359
- readonly letterSpacing: {
360
- readonly tighter: "-0.05em";
361
- readonly tight: "-0.025em";
362
- readonly normal: "0";
363
- readonly wide: "0.025em";
364
- readonly wider: "0.05em";
365
- readonly widest: "0.1em";
366
- };
367
- readonly lineHeight: {
368
- readonly none: "1";
369
- readonly tight: "1.25";
370
- readonly normal: "1.5";
371
- readonly loose: "2";
372
- };
373
- readonly margins: {
374
- readonly "-xs": "-8px";
375
- readonly "-sm": "-12px";
376
- readonly "-md": "-16px";
377
- readonly "-lg": "-24px";
378
- readonly "-xl": "-32px";
379
- readonly "-2": "-2px";
380
- readonly "-4": "-4px";
381
- readonly "-6": "-6px";
382
- readonly "-8": "-8px";
383
- readonly "-10": "-10px";
384
- readonly "-12": "-12px";
385
- readonly "-16": "-16px";
386
- readonly "-24": "-24px";
387
- readonly "-32": "-32px";
388
- readonly "-48": "-48px";
389
- readonly "-64": "-64px";
390
- readonly "-80": "-80px";
391
- readonly xs: "8px";
392
- readonly sm: "12px";
393
- readonly md: "16px";
394
- readonly lg: "24px";
395
- readonly xl: "32px";
396
- readonly "0": "0";
397
- readonly "2": "2px";
398
- readonly "4": "4px";
399
- readonly "6": "6px";
400
- readonly "8": "8px";
401
- readonly "10": "10px";
402
- readonly "12": "12px";
403
- readonly "16": "16px";
404
- readonly "20": "20px";
405
- readonly "24": "24px";
406
- readonly "32": "32px";
407
- readonly "48": "48px";
408
- readonly "64": "64px";
409
- readonly "80": "80px";
410
- };
411
- readonly maxSize: {
412
- readonly xs: "320px";
413
- readonly sm: "384px";
414
- readonly md: "448px";
415
- readonly lg: "512px";
416
- readonly xl: "576px";
417
- readonly "2xl": "672px";
418
- readonly full: "100%";
419
- };
420
- readonly screens: {
421
- readonly sm: "600px";
422
- readonly md: "900px";
423
- readonly lg: "1200px";
424
- };
425
- readonly size: {
426
- readonly xs: "20px";
427
- readonly sm: "24px";
428
- readonly md: "32px";
429
- readonly lg: "40px";
430
- readonly xl: "48px";
431
- readonly "5xl": "80px";
432
- readonly "0": "0";
433
- readonly "1": "1px";
434
- readonly "2": "2px";
435
- readonly "4": "4px";
436
- readonly "6": "6px";
437
- readonly "8": "8px";
438
- readonly "12": "12px";
439
- readonly "16": "16px";
440
- readonly "20": "20px";
441
- readonly "24": "24px";
442
- readonly "32": "32px";
443
- readonly "40": "40px";
444
- readonly "48": "48px";
445
- readonly "56": "56px";
446
- readonly "64": "64px";
447
- readonly "80": "80px";
448
- readonly "96": "96px";
449
- readonly "112": "112px";
450
- readonly "128": "128px";
451
- readonly "144": "144px";
452
- readonly "160": "160px";
453
- readonly "176": "176px";
454
- readonly "192": "192px";
455
- readonly "208": "208px";
456
- readonly "224": "224px";
457
- readonly "240": "240px";
458
- readonly "256": "256px";
459
- readonly "288": "288px";
460
- readonly "320": "320px";
461
- readonly "384": "384px";
462
- readonly "1/2": "50%";
463
- readonly "1/3": "33.333333%";
464
- readonly "2/3": "66.666666%";
465
- readonly "1/4": "25%";
466
- readonly "2/4": "50%";
467
- readonly "3/4": "75%";
468
- readonly auto: "auto";
469
- readonly fit: "fit-content";
470
- readonly full: "100%";
471
- readonly max: "max-content";
472
- readonly min: "min-content";
473
- };
474
- readonly spacing: {
475
- readonly xs: "8px";
476
- readonly sm: "12px";
477
- readonly md: "16px";
478
- readonly lg: "24px";
479
- readonly xl: "32px";
480
- readonly "0": "0";
481
- readonly "2": "2px";
482
- readonly "4": "4px";
483
- readonly "6": "6px";
484
- readonly "8": "8px";
485
- readonly "10": "10px";
486
- readonly "12": "12px";
487
- readonly "16": "16px";
488
- readonly "20": "20px";
489
- readonly "24": "24px";
490
- readonly "32": "32px";
491
- readonly "48": "48px";
492
- readonly "64": "64px";
493
- readonly "80": "80px";
494
- };
495
- readonly zIndex: {
496
- readonly "0": "0";
497
- readonly "10": "10";
498
- readonly "20": "20";
499
- readonly "30": "30";
500
- readonly "40": "40";
501
- readonly "50": "50";
502
- readonly auto: "auto";
503
- readonly popover: "3000";
504
- readonly toast: "3010";
505
- };
506
- };
507
- declare const tokensDark: {
508
- readonly colors: {
509
- readonly "bg.brand": "#F0F3FF";
510
- readonly "bg.brand.solid": "#0037FF";
511
- readonly "bg.brand.solid.hover": "#002CCC";
512
- readonly "bg.disabled": "#1C2029";
513
- readonly "bg.discovery": "#2B273F";
514
- readonly "bg.error": "#FFF7F7";
515
- readonly "bg.error.solid": "#CC1616";
516
- readonly "bg.error.solid.hover": "#B21313";
517
- readonly "bg.information": "#1C2B41";
518
- readonly "bg.information.solid": "#1668AC";
519
- readonly "bg.input.disabled": "#091E420A";
520
- readonly "bg.neutral": "#1e293b";
521
- readonly "bg.neutral.inverse": "#E9EDF5";
522
- readonly "bg.neutral.inverse.hover": "#CACFDC";
523
- readonly "bg.neutral.solid": "#E9EDF5";
524
- readonly "bg.neutral.solid.hover": "#2E3442";
525
- readonly "bg.success": "#082415";
526
- readonly "bg.success.solid": "#03A65D";
527
- readonly "bg.success.solid.hover": "#038047";
528
- readonly "bg.warning": "#FFFAEA";
529
- readonly "bg.warning.solid": "#F79008";
530
- readonly "bg.warning.solid.hover": "#DC6903";
531
- readonly "border.active": "#868FA4";
532
- readonly "border.active.hover": "#626A81";
533
- readonly "border.brand": "#0037FF";
534
- readonly "border.default": "#1f2937";
535
- readonly "border.disabled": "#F5F6FA";
536
- readonly "border.error": "#CC1616";
537
- readonly "border.secondary": "#DADFEB";
538
- readonly "border.success": "#03A65D";
539
- readonly "border.tertiary": "#262B37";
540
- readonly "border.warning": "#F79008";
541
- readonly "fg.accent.blue": "#A8D5FA";
542
- readonly "fg.accent.magenta": "#E39CD6";
543
- readonly "fg.accent.purple": "#C4B1E2";
544
- readonly "fg.accent.red": "#F9ACAC";
545
- readonly "fg.brand": "#0037FF";
546
- readonly "fg.default": "#f3f4f6";
547
- readonly "fg.default.inverse": "#262B37";
548
- readonly "fg.disabled": "#868FA4";
549
- readonly "fg.error": "#CC1616";
550
- readonly "fg.information": "#1668AC";
551
- readonly "fg.link": "#FFFFFF";
552
- readonly "fg.link.hover": "#FFFFFF";
553
- readonly "fg.link.visited": "#C4B1E2";
554
- readonly "fg.secondary": "#94a3b8";
555
- readonly "fg.success": "#A5E1C3";
556
- readonly "fg.tertiary": "#626A81";
557
- readonly "fg.warning": "#F79008";
558
- readonly "outline.brand": "#6A8FFC";
559
- readonly overlay: "#F9FAFC52";
560
- readonly surface: "#111827";
561
- readonly current: "currentColor";
562
- readonly transparent: "transparent";
563
- readonly black: "#000000";
564
- readonly white: "#FFFFFF";
565
- readonly "aqua.50": "#E5F7FB";
566
- readonly "aqua.200": "#9AE5EF";
567
- readonly "aqua.500": "#00BDD6";
568
- readonly "aqua.600": "#007A8A";
569
- readonly "blue.50": "#E7F3FE";
570
- readonly "blue.200": "#A8D5FA";
571
- readonly "blue.500": "#2094F3";
572
- readonly "blue.600": "#1668AC";
573
- readonly "blue.900": "#1C2B41";
574
- readonly "brand.50": "#F0F3FF";
575
- readonly "brand.100": "#CDD8FC";
576
- readonly "brand.200": "#B3C3FF";
577
- readonly "brand.300": "#6A8FFC";
578
- readonly "brand.400": "#2E66F7";
579
- readonly "brand.500": "#0037FF";
580
- readonly "brand.600": "#002CCC";
581
- readonly "brand.700": "#002894";
582
- readonly "brand.800": "#001666";
583
- readonly "brand.900": "#000B33";
584
- readonly "dark.50": "#d9d9d9";
585
- readonly "dark.200": "#9e9e9e";
586
- readonly "dark.500": "#707070";
587
- readonly "dark.600": "#080736";
588
- readonly "gray.50": "#f9fafb";
589
- readonly "gray.100": "#f3f4f6";
590
- readonly "gray.200": "#e5e7eb";
591
- readonly "gray.300": "#d1d5db";
592
- readonly "gray.400": "#9ca3af";
593
- readonly "gray.500": "#6b7280";
594
- readonly "gray.600": "#4b5563";
595
- readonly "gray.700": "#374151";
596
- readonly "gray.800": "#1f2937";
597
- readonly "gray.900": "#111827";
598
- readonly "green.50": "#E9F7F1";
599
- readonly "green.100": "#D1F0E1";
600
- readonly "green.200": "#A5E1C3";
601
- readonly "green.300": "#7CD2A7";
602
- readonly "green.400": "#5AC58A";
603
- readonly "green.500": "#03A65D";
604
- readonly "green.600": "#038047";
605
- readonly "green.700": "#24663E";
606
- readonly "green.800": "#17492B";
607
- readonly "green.900": "#082415";
608
- readonly "magenta.50": "#F8E7F5";
609
- readonly "magenta.200": "#E39CD6";
610
- readonly "magenta.500": "#B80597";
611
- readonly "magenta.600": "#81046A";
612
- readonly "neutral.50": "#F9FAFC";
613
- readonly "neutral.75": "#F5F6FA";
614
- readonly "neutral.100": "#E9EDF5";
615
- readonly "neutral.150": "#DADFEB";
616
- readonly "neutral.200": "#CACFDC";
617
- readonly "neutral.300": "#b8becb";
618
- readonly "neutral.500": "#868FA4";
619
- readonly "neutral.600": "#626A81";
620
- readonly "neutral.700": "#4F576E";
621
- readonly "neutral.800": "#2E3442";
622
- readonly "neutral.900": "#262B37";
623
- readonly "neutral.1000": "#1C2029";
624
- readonly "neutral.1100": "#171A23";
625
- readonly "neutral.1200": "#091E42";
626
- readonly "neutral.50/6": "#F9FAFC0F";
627
- readonly "neutral.50/32": "#F9FAFC52";
628
- readonly "neutral.1200/4": "#091E420A";
629
- readonly "neutral.1200/12": "#091E421F";
630
- readonly "neutral.1200/18": "#091E422E";
631
- readonly "neutral.1200/22": "#091E4238";
632
- readonly "neutral.1200/32": "#091E4252";
633
- readonly "orange.50": "#fff5e5";
634
- readonly "orange.200": "#ffd699";
635
- readonly "orange.500": "#ff9900";
636
- readonly "orange.600": "#a36200";
637
- readonly "purple.50": "#F1ECF8";
638
- readonly "purple.200": "#C4B1E2";
639
- readonly "purple.500": "#693AB6";
640
- readonly "purple.600": "#4A297F";
641
- readonly "purple.900": "#2B273F";
642
- readonly "red.50": "#FFF7F7";
643
- readonly "red.100": "#FCD6D6";
644
- readonly "red.200": "#F9ACAC";
645
- readonly "red.300": "#FC8B8B";
646
- readonly "red.400": "#E31818";
647
- readonly "red.500": "#CC1616";
648
- readonly "red.600": "#B21313";
649
- readonly "red.700": "#911D1D";
650
- readonly "red.800": "#601313";
651
- readonly "red.900": "#300A0A";
652
- readonly "slate.50": "#f8fafc";
653
- readonly "slate.100": "#f1f5f9";
654
- readonly "slate.200": "#e2e8f0";
655
- readonly "slate.300": "#cbd5e1";
656
- readonly "slate.400": "#94a3b8";
657
- readonly "slate.500": "#64748b";
658
- readonly "slate.600": "#475569";
659
- readonly "slate.700": "#334155";
660
- readonly "slate.800": "#1e293b";
661
- readonly "slate.900": "#0f172a";
662
- readonly "slate.950": "#020617";
663
- readonly "yellow.50": "#FFFAEA";
664
- readonly "yellow.100": "#FEF1C6";
665
- readonly "yellow.200": "#FEDF88";
666
- readonly "yellow.300": "#FFC84B";
667
- readonly "yellow.400": "#FDB022";
668
- readonly "yellow.500": "#F79008";
669
- readonly "yellow.600": "#DC6903";
670
- readonly "yellow.700": "#B54707";
671
- readonly "yellow.800": "#7A2E0D";
672
- readonly "yellow.900": "#4E1D09";
673
- };
674
- readonly borderRadius: {
675
- readonly xs: "2px";
676
- readonly sm: "4px";
677
- readonly md: "6px";
678
- readonly lg: "8px";
679
- readonly xl: "12px";
680
- readonly full: "9999px";
681
- readonly none: "0";
682
- };
683
- readonly borderWidth: {
684
- "0": string;
685
- "1": string;
686
- "2": string;
687
- "4": string;
688
- };
689
- readonly boxShadow: {
690
- readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
691
- readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
692
- readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
693
- readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
694
- readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
695
- readonly inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);";
696
- readonly none: "0 0 #0000";
697
- };
698
- readonly fontFamily: {
699
- readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
700
- readonly sans: "InterVariable, system-ui, sans-serif";
701
- };
702
- readonly fontSize: {
703
- readonly xs: {
704
- readonly fontSize: "10px";
705
- readonly lineHeight: "14px";
706
- };
707
- readonly sm: {
708
- readonly fontSize: "12px";
709
- readonly lineHeight: "16px";
710
- };
711
- readonly md: {
712
- readonly fontSize: "14px";
713
- readonly lineHeight: "20px";
714
- };
715
- readonly lg: {
716
- readonly fontSize: "16px";
717
- readonly lineHeight: "24px";
718
- };
719
- readonly xl: {
720
- readonly fontSize: "18px";
721
- readonly lineHeight: "28px";
722
- };
723
- readonly "2xl": {
724
- readonly fontSize: "20px";
725
- readonly lineHeight: "28px";
726
- };
727
- readonly "3xl": {
728
- readonly fontSize: "24px";
729
- readonly lineHeight: "32px";
730
- };
731
- readonly "4xl": {
732
- readonly fontSize: "30px";
733
- readonly lineHeight: "36px";
734
- };
735
- readonly "5xl": {
736
- readonly fontSize: "36px";
737
- readonly lineHeight: "40px";
738
- };
739
- readonly "6xl": {
740
- readonly fontSize: "48px";
741
- readonly lineHeight: "1";
742
- };
743
- readonly "7xl": {
744
- readonly fontSize: "60px";
745
- readonly lineHeight: "1";
746
- };
747
- };
748
- readonly letterSpacing: {
749
- readonly tighter: "-0.05em";
750
- readonly tight: "-0.025em";
751
- readonly normal: "0";
752
- readonly wide: "0.025em";
753
- readonly wider: "0.05em";
754
- readonly widest: "0.1em";
755
- };
756
- readonly lineHeight: {
757
- readonly none: "1";
758
- readonly tight: "1.25";
759
- readonly normal: "1.5";
760
- readonly loose: "2";
761
- };
762
- readonly margins: {
763
- readonly "-xs": "-8px";
764
- readonly "-sm": "-12px";
765
- readonly "-md": "-16px";
766
- readonly "-lg": "-24px";
767
- readonly "-xl": "-32px";
768
- readonly "-2": "-2px";
769
- readonly "-4": "-4px";
770
- readonly "-6": "-6px";
771
- readonly "-8": "-8px";
772
- readonly "-10": "-10px";
773
- readonly "-12": "-12px";
774
- readonly "-16": "-16px";
775
- readonly "-24": "-24px";
776
- readonly "-32": "-32px";
777
- readonly "-48": "-48px";
778
- readonly "-64": "-64px";
779
- readonly "-80": "-80px";
780
- readonly xs: "8px";
781
- readonly sm: "12px";
782
- readonly md: "16px";
783
- readonly lg: "24px";
784
- readonly xl: "32px";
785
- readonly "0": "0";
786
- readonly "2": "2px";
787
- readonly "4": "4px";
788
- readonly "6": "6px";
789
- readonly "8": "8px";
790
- readonly "10": "10px";
791
- readonly "12": "12px";
792
- readonly "16": "16px";
793
- readonly "20": "20px";
794
- readonly "24": "24px";
795
- readonly "32": "32px";
796
- readonly "48": "48px";
797
- readonly "64": "64px";
798
- readonly "80": "80px";
799
- };
800
- readonly maxSize: {
801
- readonly xs: "320px";
802
- readonly sm: "384px";
803
- readonly md: "448px";
804
- readonly lg: "512px";
805
- readonly xl: "576px";
806
- readonly "2xl": "672px";
807
- readonly full: "100%";
808
- };
809
- readonly screens: {
810
- readonly sm: "600px";
811
- readonly md: "900px";
812
- readonly lg: "1200px";
813
- };
814
- readonly size: {
815
- readonly xs: "20px";
816
- readonly sm: "24px";
817
- readonly md: "32px";
818
- readonly lg: "40px";
819
- readonly xl: "48px";
820
- readonly "5xl": "80px";
821
- readonly "0": "0";
822
- readonly "1": "1px";
823
- readonly "2": "2px";
824
- readonly "4": "4px";
825
- readonly "6": "6px";
826
- readonly "8": "8px";
827
- readonly "12": "12px";
828
- readonly "16": "16px";
829
- readonly "20": "20px";
830
- readonly "24": "24px";
831
- readonly "32": "32px";
832
- readonly "40": "40px";
833
- readonly "48": "48px";
834
- readonly "56": "56px";
835
- readonly "64": "64px";
836
- readonly "80": "80px";
837
- readonly "96": "96px";
838
- readonly "112": "112px";
839
- readonly "128": "128px";
840
- readonly "144": "144px";
841
- readonly "160": "160px";
842
- readonly "176": "176px";
843
- readonly "192": "192px";
844
- readonly "208": "208px";
845
- readonly "224": "224px";
846
- readonly "240": "240px";
847
- readonly "256": "256px";
848
- readonly "288": "288px";
849
- readonly "320": "320px";
850
- readonly "384": "384px";
851
- readonly "1/2": "50%";
852
- readonly "1/3": "33.333333%";
853
- readonly "2/3": "66.666666%";
854
- readonly "1/4": "25%";
855
- readonly "2/4": "50%";
856
- readonly "3/4": "75%";
857
- readonly auto: "auto";
858
- readonly fit: "fit-content";
859
- readonly full: "100%";
860
- readonly max: "max-content";
861
- readonly min: "min-content";
862
- };
863
- readonly spacing: {
864
- readonly xs: "8px";
865
- readonly sm: "12px";
866
- readonly md: "16px";
867
- readonly lg: "24px";
868
- readonly xl: "32px";
869
- readonly "0": "0";
870
- readonly "2": "2px";
871
- readonly "4": "4px";
872
- readonly "6": "6px";
873
- readonly "8": "8px";
874
- readonly "10": "10px";
875
- readonly "12": "12px";
876
- readonly "16": "16px";
877
- readonly "20": "20px";
878
- readonly "24": "24px";
879
- readonly "32": "32px";
880
- readonly "48": "48px";
881
- readonly "64": "64px";
882
- readonly "80": "80px";
883
- };
884
- readonly zIndex: {
885
- readonly "0": "0";
886
- readonly "10": "10";
887
- readonly "20": "20";
888
- readonly "30": "30";
889
- readonly "40": "40";
890
- readonly "50": "50";
891
- readonly auto: "auto";
892
- readonly popover: "3000";
893
- readonly toast: "3010";
894
- };
895
- };
896
-
897
117
  type RecipeVariants<RecipeFn extends (...args: any) => any> = Parameters<RecipeFn>[0];
898
118
 
899
119
  declare const content$2: (props?: {
@@ -929,14 +149,14 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<Radi
929
149
  asChild?: boolean;
930
150
  className?: string;
931
151
  } & Sprinkles, "size"> & Omit<{
152
+ addonAfter?: react.ReactNode;
153
+ addonBefore?: react.ReactNode;
932
154
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
933
155
  children?: react.ReactNode;
934
156
  disabled?: boolean;
935
- endDecorator?: react.ReactNode;
936
157
  icon?: react.ReactNode;
937
158
  iconPosition?: "end" | "start";
938
159
  loading?: boolean;
939
- startDecorator?: react.ReactNode;
940
160
  } & Omit<{
941
161
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
942
162
  iconOnly?: boolean | undefined;
@@ -1021,7 +241,7 @@ declare const Badge: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
1021
241
  } & Sprinkles, never> & Omit<{
1022
242
  as?: "p" | "span";
1023
243
  } & {
1024
- lineClamp?: "2" | "4" | "1" | "3" | undefined;
244
+ lineClamp?: "1" | "2" | "4" | "3" | undefined;
1025
245
  truncate?: boolean | undefined;
1026
246
  }, never> & {
1027
247
  colorScheme?: "primary" | "danger" | "neutral" | "success" | "warning" | "information" | undefined;
@@ -1065,27 +285,27 @@ declare const appearances: {
1065
285
  };
1066
286
  };
1067
287
  type ButtonProps<T extends ElementType = "button", P = unknown> = BoxProps<T, ExtendProps<{
288
+ addonAfter?: ReactNode;
289
+ addonBefore?: ReactNode;
1068
290
  appearance?: keyof typeof appearances;
1069
291
  children?: ReactNode;
1070
292
  disabled?: boolean;
1071
- endDecorator?: ReactNode;
1072
293
  icon?: ReactNode;
1073
294
  iconPosition?: "end" | "start";
1074
295
  loading?: boolean;
1075
- startDecorator?: ReactNode;
1076
296
  } & Omit<ButtonVariants, "colorScheme" | "iconOnly" | "variant">, P>>;
1077
297
  declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
1078
298
  asChild?: boolean;
1079
299
  className?: string;
1080
300
  } & Sprinkles, "size"> & Omit<{
301
+ addonAfter?: ReactNode;
302
+ addonBefore?: ReactNode;
1081
303
  appearance?: keyof typeof appearances;
1082
304
  children?: ReactNode;
1083
305
  disabled?: boolean;
1084
- endDecorator?: ReactNode;
1085
306
  icon?: ReactNode;
1086
307
  iconPosition?: "end" | "start";
1087
308
  loading?: boolean;
1088
- startDecorator?: ReactNode;
1089
309
  } & Omit<{
1090
310
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
1091
311
  iconOnly?: boolean | undefined;
@@ -1130,14 +350,14 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog
1130
350
  asChild?: boolean;
1131
351
  className?: string;
1132
352
  } & Sprinkles, "size"> & Omit<{
353
+ addonAfter?: react.ReactNode;
354
+ addonBefore?: react.ReactNode;
1133
355
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
1134
356
  children?: react.ReactNode;
1135
357
  disabled?: boolean;
1136
- endDecorator?: react.ReactNode;
1137
358
  icon?: react.ReactNode;
1138
359
  iconPosition?: "end" | "start";
1139
360
  loading?: boolean;
1140
- startDecorator?: react.ReactNode;
1141
361
  } & Omit<{
1142
362
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
1143
363
  iconOnly?: boolean | undefined;
@@ -1182,14 +402,14 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixDial
1182
402
  asChild?: boolean;
1183
403
  className?: string;
1184
404
  } & Sprinkles, "size"> & Omit<{
405
+ addonAfter?: react.ReactNode;
406
+ addonBefore?: react.ReactNode;
1185
407
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
1186
408
  children?: react.ReactNode;
1187
409
  disabled?: boolean;
1188
- endDecorator?: react.ReactNode;
1189
410
  icon?: react.ReactNode;
1190
411
  iconPosition?: "end" | "start";
1191
412
  loading?: boolean;
1192
- startDecorator?: react.ReactNode;
1193
413
  } & Omit<{
1194
414
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
1195
415
  iconOnly?: boolean | undefined;
@@ -1251,9 +471,9 @@ declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<Omit<RadixM
1251
471
  asChild?: boolean;
1252
472
  className?: string;
1253
473
  } & Sprinkles, never> & Omit<{
474
+ addonAfter?: react.ReactNode;
475
+ addonBefore?: react.ReactNode;
1254
476
  description?: react.ReactNode;
1255
- endDecorator?: react.ReactNode;
1256
- startDecorator?: react.ReactNode;
1257
477
  } & {
1258
478
  colorScheme?: "danger" | "neutral" | undefined;
1259
479
  }, never> & react.RefAttributes<HTMLDivElement>>;
@@ -1272,14 +492,14 @@ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omi
1272
492
  asChild?: boolean;
1273
493
  className?: string;
1274
494
  } & Sprinkles, "size"> & Omit<{
495
+ addonAfter?: react.ReactNode;
496
+ addonBefore?: react.ReactNode;
1275
497
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
1276
498
  children?: react.ReactNode;
1277
499
  disabled?: boolean;
1278
- endDecorator?: react.ReactNode;
1279
500
  icon?: react.ReactNode;
1280
501
  iconPosition?: "end" | "start";
1281
502
  loading?: boolean;
1282
- startDecorator?: react.ReactNode;
1283
503
  } & Omit<{
1284
504
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
1285
505
  iconOnly?: boolean | undefined;
@@ -1336,7 +556,7 @@ declare const Heading: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedH
1336
556
  } & Sprinkles, never> & Omit<{
1337
557
  as?: "p" | "span";
1338
558
  } & {
1339
- lineClamp?: "2" | "4" | "1" | "3" | undefined;
559
+ lineClamp?: "1" | "2" | "4" | "3" | undefined;
1340
560
  truncate?: boolean | undefined;
1341
561
  }, never> & {
1342
562
  /**
@@ -1372,12 +592,12 @@ declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<rea
1372
592
  } & Sprinkles, never> & Omit<{
1373
593
  as?: "p" | "span";
1374
594
  } & {
1375
- lineClamp?: "2" | "4" | "1" | "3" | undefined;
595
+ lineClamp?: "1" | "2" | "4" | "3" | undefined;
1376
596
  truncate?: boolean | undefined;
1377
597
  }, never> & {
1378
598
  colorScheme?: "primary" | "danger" | "neutral" | "success" | "warning" | "information" | undefined;
1379
599
  variant?: "solid" | "light" | undefined;
1380
- } & react.RefAttributes<HTMLDivElement>, "ref">, "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "asChild" | "className" | "content"> & Omit<{
600
+ } & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "asChild" | "className" | "content"> & Omit<{
1381
601
  asChild?: boolean;
1382
602
  className?: string;
1383
603
  } & Sprinkles, never> & {
@@ -1388,15 +608,15 @@ declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<rea
1388
608
  position?: "bottom-right" | "top-right";
1389
609
  } & react.RefAttributes<HTMLDivElement>>;
1390
610
 
1391
- declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "className" | "disabled"> & Omit<{
611
+ declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "color" | "size" | "className" | "disabled"> & Omit<{
1392
612
  asChild?: boolean;
1393
613
  className?: string;
1394
614
  } & Sprinkles, "size"> & Omit<{
1395
- decoratorPointerEvents?: "auto" | "none";
615
+ addonAfter?: react.ReactNode;
616
+ addonBefore?: react.ReactNode;
617
+ addonPointerEvents?: "auto" | "none";
1396
618
  disabled?: boolean;
1397
- endDecorator?: react.ReactNode;
1398
619
  error?: boolean;
1399
- startDecorator?: react.ReactNode;
1400
620
  } & {
1401
621
  size?: "md" | "lg" | undefined;
1402
622
  }, never> & {
@@ -1471,14 +691,14 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<rea
1471
691
  asChild?: boolean;
1472
692
  className?: string;
1473
693
  } & Sprinkles, "size"> & Omit<{
694
+ addonAfter?: react.ReactNode;
695
+ addonBefore?: react.ReactNode;
1474
696
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
1475
697
  children?: react.ReactNode;
1476
698
  disabled?: boolean;
1477
- endDecorator?: react.ReactNode;
1478
699
  icon?: react.ReactNode;
1479
700
  iconPosition?: "end" | "start";
1480
701
  loading?: boolean;
1481
- startDecorator?: react.ReactNode;
1482
702
  } & Omit<{
1483
703
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
1484
704
  iconOnly?: boolean | undefined;
@@ -1503,15 +723,15 @@ declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<Omit<RadixRad
1503
723
  description?: ReactNode;
1504
724
  } & react.RefAttributes<HTMLDivElement>>;
1505
725
 
1506
- declare const SearchInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "className" | "disabled"> & Omit<{
726
+ declare const SearchInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "color" | "size" | "className" | "disabled"> & Omit<{
1507
727
  asChild?: boolean;
1508
728
  className?: string;
1509
729
  } & Sprinkles, "size"> & Omit<{
1510
- decoratorPointerEvents?: "auto" | "none";
730
+ addonAfter?: react.ReactNode;
731
+ addonBefore?: react.ReactNode;
732
+ addonPointerEvents?: "auto" | "none";
1511
733
  disabled?: boolean;
1512
- endDecorator?: react.ReactNode;
1513
734
  error?: boolean;
1514
- startDecorator?: react.ReactNode;
1515
735
  } & {
1516
736
  size?: "md" | "lg" | undefined;
1517
737
  }, never> & {
@@ -1529,7 +749,7 @@ declare const Separator: react.ForwardRefExoticComponent<Omit<Omit<RadixSeparato
1529
749
  readonly sm?: "vertical" | "horizontal" | undefined;
1530
750
  readonly md?: "vertical" | "horizontal" | undefined;
1531
751
  readonly lg?: "vertical" | "horizontal" | undefined;
1532
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "vertical" | "horizontal" | null>;
752
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
1533
753
  } & react.RefAttributes<HTMLHRElement>>;
1534
754
 
1535
755
  declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & Omit<{
@@ -1547,7 +767,7 @@ declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
1547
767
  h?: Sprinkles["h"];
1548
768
  } & react.RefAttributes<HTMLSpanElement>>;
1549
769
 
1550
- declare const Spinner: react.ForwardRefExoticComponent<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref">, "fontFamily" | "fontSize" | "color" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "className"> & Omit<{
770
+ declare const Spinner: react.ForwardRefExoticComponent<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "className"> & Omit<{
1551
771
  asChild?: boolean;
1552
772
  className?: string;
1553
773
  } & Sprinkles, never> & {
@@ -1584,14 +804,14 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
1584
804
  asChild?: boolean;
1585
805
  className?: string;
1586
806
  } & Sprinkles, "size"> & Omit<{
807
+ addonAfter?: react.ReactNode;
808
+ addonBefore?: react.ReactNode;
1587
809
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
1588
810
  children?: react.ReactNode;
1589
811
  disabled?: boolean;
1590
- endDecorator?: react.ReactNode;
1591
812
  icon?: react.ReactNode;
1592
813
  iconPosition?: "end" | "start";
1593
814
  loading?: boolean;
1594
- startDecorator?: react.ReactNode;
1595
815
  } & Omit<{
1596
816
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
1597
817
  iconOnly?: boolean | undefined;
@@ -1600,7 +820,7 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
1600
820
  }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
1601
821
 
1602
822
  declare const text: (props?: {
1603
- lineClamp?: "2" | "4" | "1" | "3" | undefined;
823
+ lineClamp?: "1" | "2" | "4" | "3" | undefined;
1604
824
  truncate?: boolean | undefined;
1605
825
  } | undefined, className?: string) => {
1606
826
  className: string;
@@ -1616,432 +836,31 @@ declare const Text: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTML
1616
836
  } & Sprinkles, never> & Omit<{
1617
837
  as?: "p" | "span";
1618
838
  } & {
1619
- lineClamp?: "2" | "4" | "1" | "3" | undefined;
839
+ lineClamp?: "1" | "2" | "4" | "3" | undefined;
1620
840
  truncate?: boolean | undefined;
1621
841
  }, never> & react.RefAttributes<HTMLParagraphElement>>;
1622
842
 
1623
- declare const input: (props?: {
1624
- size?: "md" | "lg" | undefined;
1625
- } | undefined, className?: string) => {
1626
- className: string;
1627
- };
1628
- type InputVariants = RecipeVariants<typeof input>;
1629
-
1630
- type InputBaseProps<T extends ElementType = "input" | "textarea", P = unknown> = BoxProps<T, ExtendProps<{
1631
- /**
1632
- * When this prop is set to `none` clicking empty space inside the
1633
- * decorator will focus the input box.
1634
- */
1635
- decoratorPointerEvents?: "auto" | "none";
843
+ declare const Textarea: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & Omit<{
844
+ asChild?: boolean;
845
+ className?: string;
846
+ } & Sprinkles, never> & {
847
+ maxRows?: 2 | 1 | 3 | 5 | 4 | undefined;
848
+ resize?: "none" | "auto" | "vertical" | undefined;
849
+ } & react.RefAttributes<HTMLTextAreaElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "asChild" | "className" | "disabled"> & Omit<{
850
+ asChild?: boolean;
851
+ className?: string;
852
+ } & Sprinkles, "size"> & Omit<{
853
+ addonAfter?: react.ReactNode;
854
+ addonBefore?: react.ReactNode;
855
+ addonPointerEvents?: "auto" | "none";
1636
856
  disabled?: boolean;
1637
- endDecorator?: ReactNode;
1638
857
  error?: boolean;
1639
- startDecorator?: ReactNode;
1640
- } & InputVariants, P>>;
1641
-
1642
- type TextareaProps = ({
1643
- resize: "auto";
1644
- } & InputBaseProps<typeof TextareaAutosize, {
1645
- children?: never;
1646
- rows?: never;
1647
- size?: never;
1648
- }>) | ({
1649
- resize?: "none" | "vertical";
1650
- } & InputBaseProps<"textarea", {
858
+ } & {
859
+ size?: "md" | "lg" | undefined;
860
+ }, "size"> & {
1651
861
  children?: never;
1652
862
  size?: never;
1653
- }>);
1654
- declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
1655
-
1656
- declare const theme: {
1657
- readonly borderRadius: {
1658
- readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1659
- readonly sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1660
- readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1661
- readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1662
- readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1663
- readonly full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1664
- readonly none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1665
- };
1666
- readonly borderWidth: {
1667
- "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1668
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1669
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1670
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1671
- };
1672
- readonly boxShadow: {
1673
- readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1674
- readonly sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1675
- readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1676
- readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1677
- readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1678
- readonly inner: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1679
- readonly none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1680
- };
1681
- readonly colors: {
1682
- readonly "bg.brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1683
- readonly "bg.brand.solid": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1684
- readonly "bg.brand.solid.hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1685
- readonly "bg.disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1686
- readonly "bg.discovery": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1687
- readonly "bg.error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1688
- readonly "bg.error.solid": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1689
- readonly "bg.error.solid.hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1690
- readonly "bg.information": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1691
- readonly "bg.information.solid": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1692
- readonly "bg.input.disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1693
- readonly "bg.neutral": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1694
- readonly "bg.neutral.inverse": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1695
- readonly "bg.neutral.inverse.hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1696
- readonly "bg.neutral.solid": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1697
- readonly "bg.neutral.solid.hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1698
- readonly "bg.success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1699
- readonly "bg.success.solid": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1700
- readonly "bg.success.solid.hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1701
- readonly "bg.warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1702
- readonly "bg.warning.solid": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1703
- readonly "bg.warning.solid.hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1704
- readonly "border.active": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1705
- readonly "border.active.hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1706
- readonly "border.brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1707
- readonly "border.default": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1708
- readonly "border.disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1709
- readonly "border.error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1710
- readonly "border.secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1711
- readonly "border.success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1712
- readonly "border.tertiary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1713
- readonly "border.warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1714
- readonly "fg.accent.blue": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1715
- readonly "fg.accent.magenta": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1716
- readonly "fg.accent.purple": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1717
- readonly "fg.accent.red": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1718
- readonly "fg.brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1719
- readonly "fg.default": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1720
- readonly "fg.default.inverse": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1721
- readonly "fg.disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1722
- readonly "fg.error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1723
- readonly "fg.information": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1724
- readonly "fg.link": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1725
- readonly "fg.link.hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1726
- readonly "fg.link.visited": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1727
- readonly "fg.secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1728
- readonly "fg.success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1729
- readonly "fg.tertiary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1730
- readonly "fg.warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1731
- readonly "outline.brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1732
- readonly overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1733
- readonly surface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1734
- readonly current: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1735
- readonly transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1736
- readonly black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1737
- readonly white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1738
- readonly "aqua.50": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1739
- readonly "aqua.200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1740
- readonly "aqua.500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1741
- readonly "aqua.600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1742
- readonly "blue.50": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1743
- readonly "blue.200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1744
- readonly "blue.500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1745
- readonly "blue.600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1746
- readonly "blue.900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1747
- readonly "brand.50": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1748
- readonly "brand.100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1749
- readonly "brand.200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1750
- readonly "brand.300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1751
- readonly "brand.400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1752
- readonly "brand.500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1753
- readonly "brand.600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1754
- readonly "brand.700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1755
- readonly "brand.800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1756
- readonly "brand.900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1757
- readonly "dark.50": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1758
- readonly "dark.200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1759
- readonly "dark.500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1760
- readonly "dark.600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1761
- readonly "gray.50": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1762
- readonly "gray.100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1763
- readonly "gray.200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1764
- readonly "gray.300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1765
- readonly "gray.400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1766
- readonly "gray.500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1767
- readonly "gray.600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1768
- readonly "gray.700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1769
- readonly "gray.800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1770
- readonly "gray.900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1771
- readonly "green.50": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1772
- readonly "green.100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1773
- readonly "green.200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1774
- readonly "green.300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1775
- readonly "green.400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1776
- readonly "green.500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1777
- readonly "green.600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1778
- readonly "green.700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1779
- readonly "green.800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1780
- readonly "green.900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1781
- readonly "magenta.50": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1782
- readonly "magenta.200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1783
- readonly "magenta.500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1784
- readonly "magenta.600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1785
- readonly "neutral.50": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1786
- readonly "neutral.75": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1787
- readonly "neutral.100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1788
- readonly "neutral.150": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1789
- readonly "neutral.200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1790
- readonly "neutral.300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1791
- readonly "neutral.500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1792
- readonly "neutral.600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1793
- readonly "neutral.700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1794
- readonly "neutral.800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1795
- readonly "neutral.900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1796
- readonly "neutral.1000": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1797
- readonly "neutral.1100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1798
- readonly "neutral.1200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1799
- readonly "neutral.50/6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1800
- readonly "neutral.50/32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1801
- readonly "neutral.1200/4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1802
- readonly "neutral.1200/12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1803
- readonly "neutral.1200/18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1804
- readonly "neutral.1200/22": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1805
- readonly "neutral.1200/32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1806
- readonly "orange.50": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1807
- readonly "orange.200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1808
- readonly "orange.500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1809
- readonly "orange.600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1810
- readonly "purple.50": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1811
- readonly "purple.200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1812
- readonly "purple.500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1813
- readonly "purple.600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1814
- readonly "purple.900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1815
- readonly "red.50": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1816
- readonly "red.100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1817
- readonly "red.200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1818
- readonly "red.300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1819
- readonly "red.400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1820
- readonly "red.500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1821
- readonly "red.600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1822
- readonly "red.700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1823
- readonly "red.800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1824
- readonly "red.900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1825
- readonly "slate.50": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1826
- readonly "slate.100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1827
- readonly "slate.200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1828
- readonly "slate.300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1829
- readonly "slate.400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1830
- readonly "slate.500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1831
- readonly "slate.600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1832
- readonly "slate.700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1833
- readonly "slate.800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1834
- readonly "slate.900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1835
- readonly "slate.950": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1836
- readonly "yellow.50": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1837
- readonly "yellow.100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1838
- readonly "yellow.200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1839
- readonly "yellow.300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1840
- readonly "yellow.400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1841
- readonly "yellow.500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1842
- readonly "yellow.600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1843
- readonly "yellow.700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1844
- readonly "yellow.800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1845
- readonly "yellow.900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1846
- };
1847
- readonly fontFamily: {
1848
- readonly mono: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1849
- readonly sans: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1850
- };
1851
- readonly fontSize: {
1852
- readonly xs: {
1853
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1854
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1855
- };
1856
- readonly sm: {
1857
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1858
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1859
- };
1860
- readonly md: {
1861
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1862
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1863
- };
1864
- readonly lg: {
1865
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1866
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1867
- };
1868
- readonly xl: {
1869
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1870
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1871
- };
1872
- readonly "2xl": {
1873
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1874
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1875
- };
1876
- readonly "3xl": {
1877
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1878
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1879
- };
1880
- readonly "4xl": {
1881
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1882
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1883
- };
1884
- readonly "5xl": {
1885
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1886
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1887
- };
1888
- readonly "6xl": {
1889
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1890
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1891
- };
1892
- readonly "7xl": {
1893
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1894
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1895
- };
1896
- };
1897
- readonly letterSpacing: {
1898
- readonly tighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1899
- readonly tight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1900
- readonly normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1901
- readonly wide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1902
- readonly wider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1903
- readonly widest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1904
- };
1905
- readonly lineHeight: {
1906
- readonly none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1907
- readonly tight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1908
- readonly normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1909
- readonly loose: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1910
- };
1911
- readonly margins: {
1912
- readonly "-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1913
- readonly "-sm": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1914
- readonly "-md": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1915
- readonly "-lg": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1916
- readonly "-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1917
- readonly "-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1918
- readonly "-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1919
- readonly "-6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1920
- readonly "-8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1921
- readonly "-10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1922
- readonly "-12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1923
- readonly "-16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1924
- readonly "-24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1925
- readonly "-32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1926
- readonly "-48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1927
- readonly "-64": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1928
- readonly "-80": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1929
- readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1930
- readonly sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1931
- readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1932
- readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1933
- readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1934
- readonly "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1935
- readonly "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1936
- readonly "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1937
- readonly "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1938
- readonly "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1939
- readonly "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1940
- readonly "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1941
- readonly "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1942
- readonly "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1943
- readonly "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1944
- readonly "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1945
- readonly "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1946
- readonly "64": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1947
- readonly "80": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1948
- };
1949
- readonly maxSize: {
1950
- readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1951
- readonly sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1952
- readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1953
- readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1954
- readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1955
- readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1956
- readonly full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1957
- };
1958
- readonly screens: {
1959
- readonly sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1960
- readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1961
- readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1962
- };
1963
- readonly size: {
1964
- readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1965
- readonly sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1966
- readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1967
- readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1968
- readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1969
- readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1970
- readonly "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1971
- readonly "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1972
- readonly "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1973
- readonly "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1974
- readonly "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1975
- readonly "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1976
- readonly "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1977
- readonly "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1978
- readonly "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1979
- readonly "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1980
- readonly "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1981
- readonly "40": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1982
- readonly "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1983
- readonly "56": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1984
- readonly "64": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1985
- readonly "80": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1986
- readonly "96": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1987
- readonly "112": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1988
- readonly "128": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1989
- readonly "144": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1990
- readonly "160": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1991
- readonly "176": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1992
- readonly "192": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1993
- readonly "208": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1994
- readonly "224": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1995
- readonly "240": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1996
- readonly "256": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1997
- readonly "288": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1998
- readonly "320": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1999
- readonly "384": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2000
- readonly "1/2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2001
- readonly "1/3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2002
- readonly "2/3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2003
- readonly "1/4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2004
- readonly "2/4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2005
- readonly "3/4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2006
- readonly auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2007
- readonly fit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2008
- readonly full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2009
- readonly max: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2010
- readonly min: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2011
- };
2012
- readonly spacing: {
2013
- readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2014
- readonly sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2015
- readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2016
- readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2017
- readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2018
- readonly "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2019
- readonly "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2020
- readonly "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2021
- readonly "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2022
- readonly "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2023
- readonly "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2024
- readonly "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2025
- readonly "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2026
- readonly "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2027
- readonly "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2028
- readonly "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2029
- readonly "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2030
- readonly "64": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2031
- readonly "80": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2032
- };
2033
- readonly zIndex: {
2034
- readonly "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2035
- readonly "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2036
- readonly "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2037
- readonly "30": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2038
- readonly "40": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2039
- readonly "50": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2040
- readonly auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2041
- readonly popover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2042
- readonly toast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2043
- };
2044
- };
863
+ } & react.RefAttributes<HTMLTextAreaElement>>;
2045
864
 
2046
865
  type ThemeProviderProps = {
2047
866
  children?: ReactNode;
@@ -2063,14 +882,14 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.
2063
882
  asChild?: boolean;
2064
883
  className?: string;
2065
884
  } & Sprinkles, "size"> & Omit<{
885
+ addonAfter?: react.ReactNode;
886
+ addonBefore?: react.ReactNode;
2066
887
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
2067
888
  children?: react.ReactNode;
2068
889
  disabled?: boolean;
2069
- endDecorator?: react.ReactNode;
2070
890
  icon?: react.ReactNode;
2071
891
  iconPosition?: "end" | "start";
2072
892
  loading?: boolean;
2073
- startDecorator?: react.ReactNode;
2074
893
  } & Omit<{
2075
894
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
2076
895
  iconOnly?: boolean | undefined;
@@ -2084,7 +903,7 @@ declare const ToastTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.T
2084
903
  } & Sprinkles, never> & Omit<{
2085
904
  as?: "p" | "span";
2086
905
  } & {
2087
- lineClamp?: "2" | "4" | "1" | "3" | undefined;
906
+ lineClamp?: "1" | "2" | "4" | "3" | undefined;
2088
907
  truncate?: boolean | undefined;
2089
908
  }, never> & react.RefAttributes<HTMLDivElement>>;
2090
909
 
@@ -2092,14 +911,14 @@ declare const Toggle: react.ForwardRefExoticComponent<Omit<Omit<RadixToggle.Togg
2092
911
  asChild?: boolean;
2093
912
  className?: string;
2094
913
  } & Sprinkles, "size"> & Omit<{
914
+ addonAfter?: react.ReactNode;
915
+ addonBefore?: react.ReactNode;
2095
916
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
2096
917
  children?: react.ReactNode;
2097
918
  disabled?: boolean;
2098
- endDecorator?: react.ReactNode;
2099
919
  icon?: react.ReactNode;
2100
920
  iconPosition?: "end" | "start";
2101
921
  loading?: boolean;
2102
- startDecorator?: react.ReactNode;
2103
922
  } & Omit<{
2104
923
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
2105
924
  iconOnly?: boolean | undefined;
@@ -2133,4 +952,4 @@ declare const Transition: react.ForwardRefExoticComponent<{
2133
952
  type?: "pop" | "fade" | undefined;
2134
953
  } & react.RefAttributes<HTMLDivElement>>;
2135
954
 
2136
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerFooter, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, Pagination, type PaginationProps, PopoverAnchor, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, SearchInput, Separator, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, Toggle, Tooltip, Transition, extractSprinkles, layers_css as layers, theme, tokens, tokensDark, usePresence };
955
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerFooter, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, Pagination, type PaginationProps, PopoverAnchor, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, SearchInput, Separator, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, Toggle, Tooltip, Transition, extractSprinkles, layers_css as layers, usePresence };