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

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 (168) hide show
  1. package/dist/PopoverContent-Cyo4iBvE.d.ts +367 -0
  2. package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-BZ7bzZP9.css +25 -0
  3. package/dist/assets/src/accordion-trigger/{AccordionTrigger.css.ts.vanilla-Bk2yaB9b.css → AccordionTrigger.css.ts.vanilla-DdXgiCqZ.css} +6 -6
  4. package/dist/assets/src/alert/Alert.css.ts.vanilla-AC1zWh3i.css +43 -0
  5. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-udVSBh-F.css → AlertDialogContent.css.ts.vanilla-D0aMZ0w8.css} +7 -7
  6. package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-BkEgo6PX.css +6 -0
  7. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DscsPTsD.css +6 -0
  8. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DVYtuHQ1.css +24 -0
  9. package/dist/assets/src/badge/Badge.css.ts.vanilla-ClkJ_u5F.css +47 -0
  10. package/dist/assets/src/box/{Box.css.ts.vanilla-DqlsipSp.css → Box.css.ts.vanilla-DzdICr9X.css} +23 -23
  11. package/dist/assets/src/button/Button.css.ts.vanilla-BTd9lTdf.css +141 -0
  12. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BUlH2nOp.css +23 -0
  13. package/dist/assets/src/code/Code.css.ts.vanilla-B52uQ9L0.css +7 -0
  14. package/dist/assets/src/command-item/{CommandItem.css.ts.vanilla-ByJWH0yk.css → CommandItem.css.ts.vanilla-6tivpdOm.css} +5 -5
  15. package/dist/assets/src/command-list/{CommandList.css.ts.vanilla-Cz8lB2er.css → CommandList.css.ts.vanilla-cJSL04GG.css} +3 -3
  16. package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-DNWFGycD.css +41 -0
  17. package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-DMj_Dytg.css +6 -0
  18. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-CzC-Pm9R.css → DialogContent.css.ts.vanilla-dM4h8lLR.css} +8 -8
  19. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-CjtQhy6h.css → Drawer.css.ts.vanilla-BfBPQjk-.css} +8 -8
  20. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-D8stDT3z.css → HoverCardContent.css.ts.vanilla-B31ykq1Q.css} +3 -3
  21. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CEMQKt4r.css +31 -0
  22. package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-BhhkBhKO.css → InputBase.css.ts.vanilla-JlIy9jXM.css} +15 -15
  23. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-yOmbCTVp.css +9 -0
  24. package/dist/assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css +4 -0
  25. package/dist/assets/src/link/{Link.css.ts.vanilla-B50afo8G.css → Link.css.ts.vanilla-Bf2IIs3j.css} +12 -12
  26. package/dist/assets/src/menu-content-base/{MenuContentBase.css.ts.vanilla-DVkYjEHI.css → MenuContentBase.css.ts.vanilla-DthVhVaj.css} +3 -3
  27. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-TYpr7a-c.css +33 -0
  28. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-CyYG5Rqz.css +6 -0
  29. package/dist/assets/src/pill/{Pill.css.ts.vanilla-C2eOQi2i.css → Pill.css.ts.vanilla-CzA0GbOu.css} +4 -4
  30. package/dist/assets/src/popover-content/{PopoverContent.css.ts.vanilla-B1oQBmKn.css → PopoverContent.css.ts.vanilla-CKx6WAG_.css} +3 -3
  31. package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-9txO00eX.css +9 -0
  32. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DCMuvBgL.css +6 -0
  33. package/dist/assets/src/separator/{Separator.css.ts.vanilla-BNAE0XuM.css → Separator.css.ts.vanilla-_Evw8coN.css} +10 -10
  34. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Cd--tSTW.css +6 -0
  35. package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-CVGm5rFP.css → sprinkles.css.ts.vanilla-CWInbvhm.css} +2297 -2261
  36. package/dist/assets/src/switch/Switch.css.ts.vanilla-CK-3AKAY.css +26 -0
  37. package/dist/assets/src/table/Table.css.ts.vanilla-CTGILY5k.css +9 -0
  38. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-CKsWc1SR.css +6 -0
  39. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-Rz8j_7xh.css → TableCell.css.ts.vanilla-WQWUwMeZ.css} +4 -4
  40. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-B3DRJBru.css +6 -0
  41. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-iSWH_OkR.css +4 -0
  42. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-ROhQXYmq.css +9 -0
  43. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-C2E7_0fo.css +23 -0
  44. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-MxzOgYAm.css → TabsTrigger.css.ts.vanilla-BNJjgHvC.css} +10 -10
  45. package/dist/assets/src/text/{Text.css.ts.vanilla-DQhdIgmY.css → Text.css.ts.vanilla-BvzD3lMf.css} +8 -8
  46. package/dist/assets/src/textarea/Textarea.css.ts.vanilla-8uk_9UJz.css +9 -0
  47. package/dist/assets/src/toast/Toast.css.ts.vanilla-Cmr5JjvD.css +89 -0
  48. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-WsywbHOO.css → ToastProvider.css.ts.vanilla-U5IpQ-47.css} +9 -9
  49. package/dist/assets/src/transition/{Transition.css.ts.vanilla-COAIGiKV.css → Transition.css.ts.vanilla-Cb0oRAnj.css} +16 -16
  50. package/dist/index.d.ts +56 -1225
  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 +6 -6
  112. package/dist/src/text/Text-css.js +3 -3
  113. package/dist/src/textarea/Textarea-css.js +4 -4
  114. package/dist/src/theme-provider/ThemeProvider.js +1 -2
  115. package/dist/src/toast/Toast-css.js +5 -5
  116. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  117. package/dist/src/toast-provider/ToastProvider.js +2 -1
  118. package/dist/src/tooltip/Tooltip.js +1 -1
  119. package/dist/src/transition/Transition-css.js +3 -3
  120. package/dist/src/utils/conditions.js +1 -1
  121. package/dist/unstable.d.ts +29 -29
  122. package/package.json +5 -2
  123. package/dist/PopoverContent-CUYQy-H8.d.ts +0 -367
  124. package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-QcDygVUH.css +0 -25
  125. package/dist/assets/src/alert/Alert.css.ts.vanilla-B3AEqy5O.css +0 -43
  126. package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-DdaPS89z.css +0 -6
  127. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DKs7HPxd.css +0 -6
  128. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CuVCdu8f.css +0 -24
  129. package/dist/assets/src/badge/Badge.css.ts.vanilla-CosWUw11.css +0 -47
  130. package/dist/assets/src/button/Button.css.ts.vanilla-D07KX5O9.css +0 -141
  131. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BjiyKHvy.css +0 -23
  132. package/dist/assets/src/code/Code.css.ts.vanilla-sldVXFhO.css +0 -7
  133. package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-C8TB4dNA.css +0 -41
  134. package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-DMVvlk-j.css +0 -6
  135. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CsGJ0-lJ.css +0 -31
  136. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BNbTnAS8.css +0 -9
  137. package/dist/assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css +0 -4
  138. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BofvfwxR.css +0 -33
  139. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-CZDsjjh5.css +0 -6
  140. package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-B7bA3BdJ.css +0 -9
  141. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-C9G4HY4I.css +0 -6
  142. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-alpjtld8.css +0 -6
  143. package/dist/assets/src/switch/Switch.css.ts.vanilla-tFWcFr8e.css +0 -26
  144. package/dist/assets/src/table/Table.css.ts.vanilla-Bx68WftP.css +0 -9
  145. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-Ph5KkB2m.css +0 -6
  146. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-C-OGwLLn.css +0 -6
  147. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DMfjFOjy.css +0 -4
  148. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-DfcLiW_8.css +0 -9
  149. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-CTiqdNYM.css +0 -23
  150. package/dist/assets/src/textarea/Textarea.css.ts.vanilla-BldcNjGl.css +0 -9
  151. package/dist/assets/src/toast/Toast.css.ts.vanilla-s1odg-lj.css +0 -89
  152. package/dist/src/theme/theme-css.js +0 -3
  153. package/dist/src/tokens/borderRadius.js +0 -13
  154. package/dist/src/tokens/borderWidth.js +0 -8
  155. package/dist/src/tokens/boxShadow.js +0 -11
  156. package/dist/src/tokens/colors.js +0 -253
  157. package/dist/src/tokens/fontFamily.js +0 -6
  158. package/dist/src/tokens/fontSize.js +0 -50
  159. package/dist/src/tokens/index.js +0 -37
  160. package/dist/src/tokens/letterSpacing.js +0 -10
  161. package/dist/src/tokens/lineHeight.js +0 -8
  162. package/dist/src/tokens/margins.js +0 -25
  163. package/dist/src/tokens/maxSize.js +0 -13
  164. package/dist/src/tokens/rem.js +0 -3
  165. package/dist/src/tokens/screens.js +0 -9
  166. package/dist/src/tokens/size.js +0 -53
  167. package/dist/src/tokens/spacing.js +0 -25
  168. 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';
@@ -25,14 +25,14 @@ import TextareaAutosize from 'react-textarea-autosize';
25
25
  import * as RadixToggle from '@radix-ui/react-toggle';
26
26
 
27
27
  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")>;
28
+ 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">;
29
+ 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
30
  };
31
31
 
32
32
  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
33
  asChild?: boolean;
34
34
  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> & {
35
+ } & 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
36
  appearance?: "primary" | "secondary";
37
37
  } & react.RefAttributes<HTMLDivElement>>;
38
38
 
@@ -50,8 +50,8 @@ declare const AccordionTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixA
50
50
  asChild?: boolean;
51
51
  className?: string;
52
52
  } & Sprinkles, never> & {
53
- endDecorator?: ReactNode;
54
- startDecorator?: ReactNode;
53
+ addonAfter?: ReactNode;
54
+ addonBefore?: ReactNode;
55
55
  } & react.RefAttributes<HTMLButtonElement>>;
56
56
 
57
57
  declare const Alert: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
@@ -81,14 +81,14 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<Omit<Radix
81
81
  asChild?: boolean;
82
82
  className?: string;
83
83
  } & Sprinkles, "size"> & Omit<{
84
+ addonAfter?: react.ReactNode;
85
+ addonBefore?: react.ReactNode;
84
86
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
85
87
  children?: react.ReactNode;
86
88
  disabled?: boolean;
87
- endDecorator?: react.ReactNode;
88
89
  icon?: react.ReactNode;
89
90
  iconPosition?: "end" | "start";
90
91
  loading?: boolean;
91
- startDecorator?: react.ReactNode;
92
92
  } & Omit<{
93
93
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
94
94
  iconOnly?: boolean | undefined;
@@ -100,14 +100,14 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<Radix
100
100
  asChild?: boolean;
101
101
  className?: string;
102
102
  } & Sprinkles, "size"> & Omit<{
103
+ addonAfter?: react.ReactNode;
104
+ addonBefore?: react.ReactNode;
103
105
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
104
106
  children?: react.ReactNode;
105
107
  disabled?: boolean;
106
- endDecorator?: react.ReactNode;
107
108
  icon?: react.ReactNode;
108
109
  iconPosition?: "end" | "start";
109
110
  loading?: boolean;
110
- startDecorator?: react.ReactNode;
111
111
  } & Omit<{
112
112
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
113
113
  iconOnly?: boolean | undefined;
@@ -115,785 +115,6 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<Radix
115
115
  variant?: "outline" | "solid" | "subtle" | undefined;
116
116
  }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
117
117
 
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
118
  type RecipeVariants<RecipeFn extends (...args: any) => any> = Parameters<RecipeFn>[0];
898
119
 
899
120
  declare const content$2: (props?: {
@@ -929,14 +150,14 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<Radi
929
150
  asChild?: boolean;
930
151
  className?: string;
931
152
  } & Sprinkles, "size"> & Omit<{
153
+ addonAfter?: react.ReactNode;
154
+ addonBefore?: react.ReactNode;
932
155
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
933
156
  children?: react.ReactNode;
934
157
  disabled?: boolean;
935
- endDecorator?: react.ReactNode;
936
158
  icon?: react.ReactNode;
937
159
  iconPosition?: "end" | "start";
938
160
  loading?: boolean;
939
- startDecorator?: react.ReactNode;
940
161
  } & Omit<{
941
162
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
942
163
  iconOnly?: boolean | undefined;
@@ -1021,7 +242,7 @@ declare const Badge: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
1021
242
  } & Sprinkles, never> & Omit<{
1022
243
  as?: "p" | "span";
1023
244
  } & {
1024
- lineClamp?: "2" | "4" | "1" | "3" | undefined;
245
+ lineClamp?: "1" | "2" | "4" | "3" | undefined;
1025
246
  truncate?: boolean | undefined;
1026
247
  }, never> & {
1027
248
  colorScheme?: "primary" | "danger" | "neutral" | "success" | "warning" | "information" | undefined;
@@ -1065,27 +286,27 @@ declare const appearances: {
1065
286
  };
1066
287
  };
1067
288
  type ButtonProps<T extends ElementType = "button", P = unknown> = BoxProps<T, ExtendProps<{
289
+ addonAfter?: ReactNode;
290
+ addonBefore?: ReactNode;
1068
291
  appearance?: keyof typeof appearances;
1069
292
  children?: ReactNode;
1070
293
  disabled?: boolean;
1071
- endDecorator?: ReactNode;
1072
294
  icon?: ReactNode;
1073
295
  iconPosition?: "end" | "start";
1074
296
  loading?: boolean;
1075
- startDecorator?: ReactNode;
1076
297
  } & Omit<ButtonVariants, "colorScheme" | "iconOnly" | "variant">, P>>;
1077
298
  declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
1078
299
  asChild?: boolean;
1079
300
  className?: string;
1080
301
  } & Sprinkles, "size"> & Omit<{
302
+ addonAfter?: ReactNode;
303
+ addonBefore?: ReactNode;
1081
304
  appearance?: keyof typeof appearances;
1082
305
  children?: ReactNode;
1083
306
  disabled?: boolean;
1084
- endDecorator?: ReactNode;
1085
307
  icon?: ReactNode;
1086
308
  iconPosition?: "end" | "start";
1087
309
  loading?: boolean;
1088
- startDecorator?: ReactNode;
1089
310
  } & Omit<{
1090
311
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
1091
312
  iconOnly?: boolean | undefined;
@@ -1130,14 +351,14 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog
1130
351
  asChild?: boolean;
1131
352
  className?: string;
1132
353
  } & Sprinkles, "size"> & Omit<{
354
+ addonAfter?: react.ReactNode;
355
+ addonBefore?: react.ReactNode;
1133
356
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
1134
357
  children?: react.ReactNode;
1135
358
  disabled?: boolean;
1136
- endDecorator?: react.ReactNode;
1137
359
  icon?: react.ReactNode;
1138
360
  iconPosition?: "end" | "start";
1139
361
  loading?: boolean;
1140
- startDecorator?: react.ReactNode;
1141
362
  } & Omit<{
1142
363
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
1143
364
  iconOnly?: boolean | undefined;
@@ -1182,14 +403,14 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixDial
1182
403
  asChild?: boolean;
1183
404
  className?: string;
1184
405
  } & Sprinkles, "size"> & Omit<{
406
+ addonAfter?: react.ReactNode;
407
+ addonBefore?: react.ReactNode;
1185
408
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
1186
409
  children?: react.ReactNode;
1187
410
  disabled?: boolean;
1188
- endDecorator?: react.ReactNode;
1189
411
  icon?: react.ReactNode;
1190
412
  iconPosition?: "end" | "start";
1191
413
  loading?: boolean;
1192
- startDecorator?: react.ReactNode;
1193
414
  } & Omit<{
1194
415
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
1195
416
  iconOnly?: boolean | undefined;
@@ -1251,9 +472,9 @@ declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<Omit<RadixM
1251
472
  asChild?: boolean;
1252
473
  className?: string;
1253
474
  } & Sprinkles, never> & Omit<{
475
+ addonAfter?: react.ReactNode;
476
+ addonBefore?: react.ReactNode;
1254
477
  description?: react.ReactNode;
1255
- endDecorator?: react.ReactNode;
1256
- startDecorator?: react.ReactNode;
1257
478
  } & {
1258
479
  colorScheme?: "danger" | "neutral" | undefined;
1259
480
  }, never> & react.RefAttributes<HTMLDivElement>>;
@@ -1272,14 +493,14 @@ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omi
1272
493
  asChild?: boolean;
1273
494
  className?: string;
1274
495
  } & Sprinkles, "size"> & Omit<{
496
+ addonAfter?: react.ReactNode;
497
+ addonBefore?: react.ReactNode;
1275
498
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
1276
499
  children?: react.ReactNode;
1277
500
  disabled?: boolean;
1278
- endDecorator?: react.ReactNode;
1279
501
  icon?: react.ReactNode;
1280
502
  iconPosition?: "end" | "start";
1281
503
  loading?: boolean;
1282
- startDecorator?: react.ReactNode;
1283
504
  } & Omit<{
1284
505
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
1285
506
  iconOnly?: boolean | undefined;
@@ -1336,7 +557,7 @@ declare const Heading: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedH
1336
557
  } & Sprinkles, never> & Omit<{
1337
558
  as?: "p" | "span";
1338
559
  } & {
1339
- lineClamp?: "2" | "4" | "1" | "3" | undefined;
560
+ lineClamp?: "1" | "2" | "4" | "3" | undefined;
1340
561
  truncate?: boolean | undefined;
1341
562
  }, never> & {
1342
563
  /**
@@ -1372,12 +593,12 @@ declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<rea
1372
593
  } & Sprinkles, never> & Omit<{
1373
594
  as?: "p" | "span";
1374
595
  } & {
1375
- lineClamp?: "2" | "4" | "1" | "3" | undefined;
596
+ lineClamp?: "1" | "2" | "4" | "3" | undefined;
1376
597
  truncate?: boolean | undefined;
1377
598
  }, never> & {
1378
599
  colorScheme?: "primary" | "danger" | "neutral" | "success" | "warning" | "information" | undefined;
1379
600
  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<{
601
+ } & 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
602
  asChild?: boolean;
1382
603
  className?: string;
1383
604
  } & Sprinkles, never> & {
@@ -1388,15 +609,15 @@ declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<rea
1388
609
  position?: "bottom-right" | "top-right";
1389
610
  } & react.RefAttributes<HTMLDivElement>>;
1390
611
 
1391
- declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "className" | "disabled"> & Omit<{
612
+ declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "color" | "size" | "className" | "disabled"> & Omit<{
1392
613
  asChild?: boolean;
1393
614
  className?: string;
1394
615
  } & Sprinkles, "size"> & Omit<{
1395
- decoratorPointerEvents?: "auto" | "none";
616
+ addonAfter?: react.ReactNode;
617
+ addonBefore?: react.ReactNode;
618
+ addonPointerEvents?: "auto" | "none";
1396
619
  disabled?: boolean;
1397
- endDecorator?: react.ReactNode;
1398
620
  error?: boolean;
1399
- startDecorator?: react.ReactNode;
1400
621
  } & {
1401
622
  size?: "md" | "lg" | undefined;
1402
623
  }, never> & {
@@ -1471,14 +692,14 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<rea
1471
692
  asChild?: boolean;
1472
693
  className?: string;
1473
694
  } & Sprinkles, "size"> & Omit<{
695
+ addonAfter?: react.ReactNode;
696
+ addonBefore?: react.ReactNode;
1474
697
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
1475
698
  children?: react.ReactNode;
1476
699
  disabled?: boolean;
1477
- endDecorator?: react.ReactNode;
1478
700
  icon?: react.ReactNode;
1479
701
  iconPosition?: "end" | "start";
1480
702
  loading?: boolean;
1481
- startDecorator?: react.ReactNode;
1482
703
  } & Omit<{
1483
704
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
1484
705
  iconOnly?: boolean | undefined;
@@ -1503,15 +724,15 @@ declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<Omit<RadixRad
1503
724
  description?: ReactNode;
1504
725
  } & react.RefAttributes<HTMLDivElement>>;
1505
726
 
1506
- declare const SearchInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "className" | "disabled"> & Omit<{
727
+ declare const SearchInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "color" | "size" | "className" | "disabled"> & Omit<{
1507
728
  asChild?: boolean;
1508
729
  className?: string;
1509
730
  } & Sprinkles, "size"> & Omit<{
1510
- decoratorPointerEvents?: "auto" | "none";
731
+ addonAfter?: react.ReactNode;
732
+ addonBefore?: react.ReactNode;
733
+ addonPointerEvents?: "auto" | "none";
1511
734
  disabled?: boolean;
1512
- endDecorator?: react.ReactNode;
1513
735
  error?: boolean;
1514
- startDecorator?: react.ReactNode;
1515
736
  } & {
1516
737
  size?: "md" | "lg" | undefined;
1517
738
  }, never> & {
@@ -1529,7 +750,7 @@ declare const Separator: react.ForwardRefExoticComponent<Omit<Omit<RadixSeparato
1529
750
  readonly sm?: "vertical" | "horizontal" | undefined;
1530
751
  readonly md?: "vertical" | "horizontal" | undefined;
1531
752
  readonly lg?: "vertical" | "horizontal" | undefined;
1532
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "vertical" | "horizontal" | null>;
753
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
1533
754
  } & react.RefAttributes<HTMLHRElement>>;
1534
755
 
1535
756
  declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & Omit<{
@@ -1547,7 +768,7 @@ declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
1547
768
  h?: Sprinkles["h"];
1548
769
  } & react.RefAttributes<HTMLSpanElement>>;
1549
770
 
1550
- declare const Spinner: react.ForwardRefExoticComponent<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref">, "fontFamily" | "fontSize" | "color" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "className"> & Omit<{
771
+ declare const Spinner: react.ForwardRefExoticComponent<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "className"> & Omit<{
1551
772
  asChild?: boolean;
1552
773
  className?: string;
1553
774
  } & Sprinkles, never> & {
@@ -1584,14 +805,14 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
1584
805
  asChild?: boolean;
1585
806
  className?: string;
1586
807
  } & Sprinkles, "size"> & Omit<{
808
+ addonAfter?: react.ReactNode;
809
+ addonBefore?: react.ReactNode;
1587
810
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
1588
811
  children?: react.ReactNode;
1589
812
  disabled?: boolean;
1590
- endDecorator?: react.ReactNode;
1591
813
  icon?: react.ReactNode;
1592
814
  iconPosition?: "end" | "start";
1593
815
  loading?: boolean;
1594
- startDecorator?: react.ReactNode;
1595
816
  } & Omit<{
1596
817
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
1597
818
  iconOnly?: boolean | undefined;
@@ -1600,7 +821,7 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
1600
821
  }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
1601
822
 
1602
823
  declare const text: (props?: {
1603
- lineClamp?: "2" | "4" | "1" | "3" | undefined;
824
+ lineClamp?: "1" | "2" | "4" | "3" | undefined;
1604
825
  truncate?: boolean | undefined;
1605
826
  } | undefined, className?: string) => {
1606
827
  className: string;
@@ -1616,7 +837,7 @@ declare const Text: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTML
1616
837
  } & Sprinkles, never> & Omit<{
1617
838
  as?: "p" | "span";
1618
839
  } & {
1619
- lineClamp?: "2" | "4" | "1" | "3" | undefined;
840
+ lineClamp?: "1" | "2" | "4" | "3" | undefined;
1620
841
  truncate?: boolean | undefined;
1621
842
  }, never> & react.RefAttributes<HTMLParagraphElement>>;
1622
843
 
@@ -1628,15 +849,15 @@ declare const input: (props?: {
1628
849
  type InputVariants = RecipeVariants<typeof input>;
1629
850
 
1630
851
  type InputBaseProps<T extends ElementType = "input" | "textarea", P = unknown> = BoxProps<T, ExtendProps<{
852
+ addonAfter?: ReactNode;
853
+ addonBefore?: ReactNode;
1631
854
  /**
1632
855
  * When this prop is set to `none` clicking empty space inside the
1633
- * decorator will focus the input box.
856
+ * addon will focus the input box.
1634
857
  */
1635
- decoratorPointerEvents?: "auto" | "none";
858
+ addonPointerEvents?: "auto" | "none";
1636
859
  disabled?: boolean;
1637
- endDecorator?: ReactNode;
1638
860
  error?: boolean;
1639
- startDecorator?: ReactNode;
1640
861
  } & InputVariants, P>>;
1641
862
 
1642
863
  type TextareaProps = ({
@@ -1653,396 +874,6 @@ type TextareaProps = ({
1653
874
  }>);
1654
875
  declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
1655
876
 
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
- };
2045
-
2046
877
  type ThemeProviderProps = {
2047
878
  children?: ReactNode;
2048
879
  selector?: string;
@@ -2063,14 +894,14 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.
2063
894
  asChild?: boolean;
2064
895
  className?: string;
2065
896
  } & Sprinkles, "size"> & Omit<{
897
+ addonAfter?: react.ReactNode;
898
+ addonBefore?: react.ReactNode;
2066
899
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
2067
900
  children?: react.ReactNode;
2068
901
  disabled?: boolean;
2069
- endDecorator?: react.ReactNode;
2070
902
  icon?: react.ReactNode;
2071
903
  iconPosition?: "end" | "start";
2072
904
  loading?: boolean;
2073
- startDecorator?: react.ReactNode;
2074
905
  } & Omit<{
2075
906
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
2076
907
  iconOnly?: boolean | undefined;
@@ -2084,7 +915,7 @@ declare const ToastTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.T
2084
915
  } & Sprinkles, never> & Omit<{
2085
916
  as?: "p" | "span";
2086
917
  } & {
2087
- lineClamp?: "2" | "4" | "1" | "3" | undefined;
918
+ lineClamp?: "1" | "2" | "4" | "3" | undefined;
2088
919
  truncate?: boolean | undefined;
2089
920
  }, never> & react.RefAttributes<HTMLDivElement>>;
2090
921
 
@@ -2092,14 +923,14 @@ declare const Toggle: react.ForwardRefExoticComponent<Omit<Omit<RadixToggle.Togg
2092
923
  asChild?: boolean;
2093
924
  className?: string;
2094
925
  } & Sprinkles, "size"> & Omit<{
926
+ addonAfter?: react.ReactNode;
927
+ addonBefore?: react.ReactNode;
2095
928
  appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
2096
929
  children?: react.ReactNode;
2097
930
  disabled?: boolean;
2098
- endDecorator?: react.ReactNode;
2099
931
  icon?: react.ReactNode;
2100
932
  iconPosition?: "end" | "start";
2101
933
  loading?: boolean;
2102
- startDecorator?: react.ReactNode;
2103
934
  } & Omit<{
2104
935
  colorScheme?: "primary" | "danger" | "neutral" | undefined;
2105
936
  iconOnly?: boolean | undefined;
@@ -2133,4 +964,4 @@ declare const Transition: react.ForwardRefExoticComponent<{
2133
964
  type?: "pop" | "fade" | undefined;
2134
965
  } & react.RefAttributes<HTMLDivElement>>;
2135
966
 
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 };
967
+ 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 };