@optiaxiom/react 0.1.0-next.12 → 0.1.0-next.14

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 (117) hide show
  1. package/dist/{PopoverContent-DGBVbvBc.d.ts → PopoverContent-DIhLXmjU.d.ts} +49 -54
  2. package/dist/accordion/Accordion.js +4 -3
  3. package/dist/accordion-content/AccordionContent.js +1 -1
  4. package/dist/accordion-context/AccordionContext.js +5 -0
  5. package/dist/accordion-item/AccordionItem.js +4 -1
  6. package/dist/accordion-trigger/AccordionTrigger-css.js +5 -3
  7. package/dist/accordion-trigger/AccordionTrigger.js +12 -20
  8. package/dist/alert/Alert-css.js +1 -1
  9. package/dist/alert-dialog/AlertDialog-css.js +2 -6
  10. package/dist/alert-dialog/AlertDialog.js +6 -25
  11. package/dist/alert-dialog-action/AlertDialogAction.js +16 -0
  12. package/dist/alert-dialog-cancel/AlertDialogCancel.js +14 -0
  13. package/dist/alert-dialog-context/AlertDialogContext.js +5 -0
  14. package/dist/alert-dialog-description/AlertDialogDescription-css.js +7 -0
  15. package/dist/alert-dialog-description/AlertDialogDescription.js +12 -0
  16. package/dist/alert-dialog-footer/AlertDialogFooter-css.js +8 -0
  17. package/dist/alert-dialog-footer/AlertDialogFooter.js +11 -0
  18. package/dist/alert-dialog-title/AlertDialogTitle.js +24 -0
  19. package/dist/assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-DWIMlWE2.css +16 -0
  20. package/dist/assets/src/alert-dialog/{AlertDialog.css.ts.vanilla-WdIe6m3g.css → AlertDialog.css.ts.vanilla-CpKGfNgS.css} +0 -6
  21. package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-B7BawTGq.css +6 -0
  22. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-3HiYmspb.css +6 -0
  23. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DxtsIDr-.css +24 -0
  24. package/dist/assets/src/box/{Box.css.ts.vanilla-D1mbecuN.css → Box.css.ts.vanilla-DLsoitAb.css} +5 -0
  25. package/dist/assets/src/button/{Button.css.ts.vanilla-BVWox07Y.css → Button.css.ts.vanilla-DeHH8Xkd.css} +43 -34
  26. package/dist/assets/src/command-item/CommandItem.css.ts.vanilla-ml8xjFWy.css +17 -0
  27. package/dist/assets/src/command-list/CommandList.css.ts.vanilla-1Rf8xvwM.css +9 -0
  28. package/dist/assets/src/pill/Pill.css.ts.vanilla-CMi1obNV.css +12 -0
  29. package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-DVqWpdFR.css → sprinkles.css.ts.vanilla-o1FSIYj0.css} +2292 -2243
  30. package/dist/assets/src/styles/{theme.css.ts.vanilla-DWW2Oo9s.css → theme.css.ts.vanilla-D9K5B5ZA.css} +10 -6
  31. package/dist/assets/src/table/Table.css.ts.vanilla-C9ntYW9X.css +9 -0
  32. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-WI2VmycQ.css +6 -0
  33. package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-Bn9ccAMh.css +10 -0
  34. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DEMkJMmk.css +6 -0
  35. package/dist/assets/src/toast/{Toast.css.ts.vanilla-N6bXbnrT.css → Toast.css.ts.vanilla-D1qN8JIH.css} +6 -7
  36. package/dist/avatar/Avatar-css.js +7 -6
  37. package/dist/avatar/Avatar.js +6 -6
  38. package/dist/avatar-context/AvatarContext.js +2 -2
  39. package/dist/avatar-group/AvatarGroup-css.js +1 -1
  40. package/dist/avatar-group/AvatarGroup.js +5 -21
  41. package/dist/axiom-provider/AxiomProvider.js +7 -0
  42. package/dist/badge/Badge-css.js +1 -1
  43. package/dist/box/Box-css.js +2 -2
  44. package/dist/box/Box.js +10 -9
  45. package/dist/button/Button-css.js +9 -7
  46. package/dist/button/Button.js +19 -10
  47. package/dist/button-group/ButtonGroup-css.js +1 -1
  48. package/dist/checkbox/Checkbox-css.js +1 -1
  49. package/dist/checkbox/Checkbox.js +7 -10
  50. package/dist/combobox/Combobox.js +16 -8
  51. package/dist/combobox-content/ComboboxContent.js +8 -44
  52. package/dist/combobox-context/ComboboxContext.js +3 -5
  53. package/dist/combobox-multi-trigger/ComboboxMultiTrigger.js +34 -0
  54. package/dist/combobox-single-trigger/ComboboxSingleTrigger.js +17 -0
  55. package/dist/combobox-trigger/ComboboxTrigger.js +15 -11
  56. package/dist/command-checkbox-item/CommandCheckboxItem.js +58 -0
  57. package/dist/command-empty/CommandEmpty.js +1 -1
  58. package/dist/command-footer/CommandFooter-css.js +6 -0
  59. package/dist/command-footer/CommandFooter.js +13 -0
  60. package/dist/command-item/CommandItem-css.js +3 -3
  61. package/dist/command-item/CommandItem.js +26 -10
  62. package/dist/command-list/CommandList-css.js +7 -0
  63. package/dist/command-list/CommandList.js +3 -2
  64. package/dist/control-base/ControlBase-css.js +1 -1
  65. package/dist/control-base/ControlBase.js +3 -3
  66. package/dist/dialog-title/DialogTitle.js +2 -2
  67. package/dist/grid/Grid.js +1 -1
  68. package/dist/heading/Heading.js +2 -2
  69. package/dist/index.d.ts +164 -75
  70. package/dist/index.js +8 -0
  71. package/dist/input/Input-css.js +1 -1
  72. package/dist/input/Input.js +2 -2
  73. package/dist/input-base/InputBase-css.js +1 -1
  74. package/dist/link/Link-css.js +1 -1
  75. package/dist/menu-item/MenuItem-css.js +1 -1
  76. package/dist/pagination/Pagination-css.js +1 -1
  77. package/dist/pill/Pill-css.js +8 -0
  78. package/dist/pill/Pill.js +39 -0
  79. package/dist/radio-group-item/RadioGroupItem-css.js +1 -1
  80. package/dist/radio-group-item/RadioGroupItem.js +4 -7
  81. package/dist/spinner/Spinner.js +56 -0
  82. package/dist/sprinkles/sprinkles-css.js +3 -3
  83. package/dist/styles/theme-css.js +2 -2
  84. package/dist/switch/Switch-css.js +1 -1
  85. package/dist/switch/Switch.js +4 -7
  86. package/dist/table/Table-css.js +8 -0
  87. package/dist/table/Table.js +11 -0
  88. package/dist/table-body/TableBody-css.js +7 -0
  89. package/dist/table-body/TableBody.js +11 -0
  90. package/dist/table-cell/TableCell-css.js +9 -0
  91. package/dist/table-cell/TableCell.js +13 -0
  92. package/dist/table-head/TableHead.js +10 -0
  93. package/dist/table-header-cell/TableHeaderCell-css.js +7 -0
  94. package/dist/table-header-cell/TableHeaderCell.js +11 -0
  95. package/dist/table-row/TableRow-css.js +7 -0
  96. package/dist/table-row/TableRow.js +11 -0
  97. package/dist/tabs-list/TabsList-css.js +1 -1
  98. package/dist/tabs-trigger/TabsTrigger-css.js +1 -1
  99. package/dist/textarea/Textarea.js +13 -5
  100. package/dist/toast/Toast-css.js +3 -2
  101. package/dist/toast/Toast.js +2 -2
  102. package/dist/toast-action/ToastAction.js +1 -1
  103. package/dist/toast-provider/ToastProvider-css.js +1 -1
  104. package/dist/toggle/Toggle.js +13 -0
  105. package/dist/tokens/colors.js +4 -3
  106. package/dist/tokens/size.js +2 -1
  107. package/dist/tooltip/Tooltip.js +19 -5
  108. package/dist/unstable.d.ts +222 -34
  109. package/dist/unstable.js +11 -1
  110. package/package.json +1 -1
  111. package/dist/assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-B3KNV6RG.css +0 -6
  112. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-esFrnsM7.css +0 -12
  113. package/dist/assets/src/chip/Chip.css.ts.vanilla-SD4SsrSx.css +0 -26
  114. package/dist/assets/src/command-item/CommandItem.css.ts.vanilla-DUMU-Chn.css +0 -25
  115. package/dist/chip/Chip-css.js +0 -8
  116. package/dist/chip/Chip.js +0 -31
  117. /package/dist/assets/src/{avatar-group/AvatarGroup.css.ts.vanilla-4BGjgIuZ.css → table-row/TableRow.css.ts.vanilla-4BGjgIuZ.css} +0 -0
package/dist/index.d.ts CHANGED
@@ -1,15 +1,15 @@
1
1
  import * as react from 'react';
2
2
  import { ReactNode, ReactElement, ComponentPropsWithoutRef, ElementType, ComponentPropsWithRef } from 'react';
3
3
  import * as RadixAccordion from '@radix-ui/react-accordion';
4
- import { B as BoxProps, S as Sprinkles, E as ExtendProps } from './PopoverContent-DGBVbvBc.js';
5
- export { a as Box, P as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-DGBVbvBc.js';
4
+ import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './PopoverContent-DIhLXmjU.js';
5
+ export { a as Box, P as Popover, b as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-DIhLXmjU.js';
6
6
  import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
7
7
  import * as react_jsx_runtime from 'react/jsx-runtime';
8
+ import * as RadixTooltip from '@radix-ui/react-tooltip';
8
9
  import * as RadixCheckbox from '@radix-ui/react-checkbox';
9
10
  import * as RadixDialog from '@radix-ui/react-dialog';
10
11
  import * as RadixHoverCard from '@radix-ui/react-hover-card';
11
12
  import * as RadixMenu from '@radix-ui/react-dropdown-menu';
12
- import * as RadixPopover from '@radix-ui/react-popover';
13
13
  import * as ProgressPrimitive from '@radix-ui/react-progress';
14
14
  import * as RadixRadio from '@radix-ui/react-radio-group';
15
15
  import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
@@ -20,15 +20,20 @@ import TextareaAutosize from 'react-textarea-autosize';
20
20
  import * as RadixToast from '@radix-ui/react-toast';
21
21
  import { Portal } from '@radix-ui/react-portal';
22
22
  import * as jotai from 'jotai';
23
- import * as RadixTooltip from '@radix-ui/react-tooltip';
23
+ import * as RadixToggle from '@radix-ui/react-toggle';
24
+ import '@radix-ui/react-popover';
24
25
 
25
26
  declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
26
- 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" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">;
27
- 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" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w")>;
27
+ 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">;
28
+ 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
29
  };
29
30
 
30
- type AccordionProps = BoxProps<"div", Omit<RadixAccordion.AccordionMultipleProps, keyof Sprinkles> | Omit<RadixAccordion.AccordionSingleProps, keyof Sprinkles>>;
31
- declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
31
+ declare const Accordion: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "key" | "children" | "color" | "hidden" | "style" | "slot" | "title" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Omit<{
32
+ asChild?: boolean;
33
+ className?: string;
34
+ } & 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
+ appearance?: "primary" | "secondary";
36
+ } & react.RefAttributes<HTMLDivElement>>;
32
37
 
33
38
  declare const AccordionContent: react.ForwardRefExoticComponent<Omit<Omit<RadixAccordion.AccordionContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
34
39
  asChild?: boolean;
@@ -45,6 +50,7 @@ declare const AccordionTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixA
45
50
  className?: string;
46
51
  } & Sprinkles, never> & {
47
52
  endDecorator?: ReactNode;
53
+ startDecorator?: ReactNode;
48
54
  } & react.RefAttributes<HTMLButtonElement>>;
49
55
 
50
56
  declare const Alert: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
@@ -100,7 +106,7 @@ declare const tokens: {
100
106
  readonly "bg.error.solid.hover": "#B21313";
101
107
  readonly "bg.information": "#E7F3FE";
102
108
  readonly "bg.information.solid": "#1668AC";
103
- readonly "bg.input.disabled": "#091E420D";
109
+ readonly "bg.input.disabled": "#091E420A";
104
110
  readonly "bg.neutral": "#F5F6FA";
105
111
  readonly "bg.neutral.inverse": "#2E3442";
106
112
  readonly "bg.neutral.inverse.hover": "#262B37";
@@ -207,8 +213,9 @@ declare const tokens: {
207
213
  readonly "neutral.1000": "#1C2029";
208
214
  readonly "neutral.1100": "#171A23";
209
215
  readonly "neutral.1200": "#091E42";
216
+ readonly "neutral.50/6": "#F9FAFC0F";
210
217
  readonly "neutral.50/32": "#F9FAFC52";
211
- readonly "neutral.1200/5": "#091E420D";
218
+ readonly "neutral.1200/4": "#091E420A";
212
219
  readonly "neutral.1200/12": "#091E421F";
213
220
  readonly "neutral.1200/18": "#091E422E";
214
221
  readonly "neutral.1200/22": "#091E4238";
@@ -375,7 +382,8 @@ declare const tokens: {
375
382
  readonly sm: "24px";
376
383
  readonly md: "32px";
377
384
  readonly lg: "40px";
378
- readonly xl: "64px";
385
+ readonly xl: "48px";
386
+ readonly "5xl": "80px";
379
387
  readonly "0": "0";
380
388
  readonly "1": "1px";
381
389
  readonly "2": "2px";
@@ -463,7 +471,7 @@ declare const tokensDark: {
463
471
  readonly "bg.error.solid.hover": "#B21313";
464
472
  readonly "bg.information": "#1C2B41";
465
473
  readonly "bg.information.solid": "#1668AC";
466
- readonly "bg.input.disabled": "#091E420D";
474
+ readonly "bg.input.disabled": "#091E420A";
467
475
  readonly "bg.neutral": "#1e293b";
468
476
  readonly "bg.neutral.inverse": "#E9EDF5";
469
477
  readonly "bg.neutral.inverse.hover": "#CACFDC";
@@ -570,8 +578,9 @@ declare const tokensDark: {
570
578
  readonly "neutral.1000": "#1C2029";
571
579
  readonly "neutral.1100": "#171A23";
572
580
  readonly "neutral.1200": "#091E42";
581
+ readonly "neutral.50/6": "#F9FAFC0F";
573
582
  readonly "neutral.50/32": "#F9FAFC52";
574
- readonly "neutral.1200/5": "#091E420D";
583
+ readonly "neutral.1200/4": "#091E420A";
575
584
  readonly "neutral.1200/12": "#091E421F";
576
585
  readonly "neutral.1200/18": "#091E422E";
577
586
  readonly "neutral.1200/22": "#091E4238";
@@ -762,7 +771,8 @@ declare const tokensDark: {
762
771
  readonly sm: "24px";
763
772
  readonly md: "32px";
764
773
  readonly lg: "40px";
765
- readonly xl: "64px";
774
+ readonly xl: "48px";
775
+ readonly "5xl": "80px";
766
776
  readonly "0": "0";
767
777
  readonly "1": "1px";
768
778
  readonly "2": "2px";
@@ -849,17 +859,69 @@ declare const content$2: (props?: {
849
859
  type DialogVariants$1 = RecipeVariants<typeof content$2>;
850
860
 
851
861
  type AlertDialogProps = BoxProps<typeof RadixAlertDialog.Content, {
852
- action: string;
853
862
  appearance?: "danger" | "primary";
854
- cancel?: string;
855
863
  children: ReactNode;
856
- onAction: () => void;
857
- onCancel: () => void;
858
864
  open?: boolean;
859
- title: ReactNode;
860
865
  } & DialogVariants$1>;
861
866
  declare const AlertDialog: react.ForwardRefExoticComponent<Omit<AlertDialogProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
862
867
 
868
+ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
869
+ asChild?: boolean;
870
+ className?: string;
871
+ } & Sprinkles, "size"> & Omit<{
872
+ appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
873
+ children?: react.ReactNode;
874
+ disabled?: boolean;
875
+ endDecorator?: react.ReactNode;
876
+ icon?: react.ReactNode;
877
+ iconPosition?: "end" | "start";
878
+ loading?: boolean;
879
+ startDecorator?: react.ReactNode;
880
+ } & Omit<{
881
+ colorScheme?: "primary" | "danger" | "neutral" | undefined;
882
+ iconOnly?: boolean | undefined;
883
+ size?: "sm" | "md" | "lg" | undefined;
884
+ variant?: "outline" | "solid" | "subtle" | undefined;
885
+ }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
886
+
887
+ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
888
+ asChild?: boolean;
889
+ className?: string;
890
+ } & Sprinkles, "size"> & Omit<{
891
+ appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
892
+ children?: react.ReactNode;
893
+ disabled?: boolean;
894
+ endDecorator?: react.ReactNode;
895
+ icon?: react.ReactNode;
896
+ iconPosition?: "end" | "start";
897
+ loading?: boolean;
898
+ startDecorator?: react.ReactNode;
899
+ } & Omit<{
900
+ colorScheme?: "primary" | "danger" | "neutral" | undefined;
901
+ iconOnly?: boolean | undefined;
902
+ size?: "sm" | "md" | "lg" | undefined;
903
+ variant?: "outline" | "solid" | "subtle" | undefined;
904
+ }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
905
+
906
+ declare const AlertDialogDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
907
+ asChild?: boolean;
908
+ className?: string;
909
+ } & Sprinkles, never> & react.RefAttributes<HTMLParagraphElement>>;
910
+
911
+ declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
912
+ asChild?: boolean;
913
+ className?: string;
914
+ } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
915
+ ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
916
+ }, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
917
+ ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
918
+ }, "ref"> & react.RefAttributes<HTMLDivElement>>;
919
+
920
+ declare const AlertDialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
921
+ asChild?: boolean;
922
+ className?: string;
923
+ } & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
924
+
863
925
  declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
864
926
  asChild?: boolean;
865
927
  className?: string;
@@ -873,38 +935,38 @@ declare const AnimatePresence: ({ children, }: {
873
935
 
874
936
  declare const usePresence: () => readonly [false, () => void] | readonly [true];
875
937
 
876
- declare const Avatar: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & Omit<{
938
+ declare const Avatar: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
877
939
  asChild?: boolean;
878
940
  className?: string;
879
- } & Sprinkles, "size" | "className"> & {
880
- children?: React.ReactNode;
881
- className?: string;
941
+ } & Sprinkles, "size"> & {
882
942
  icon?: React.ReactNode;
883
943
  name?: string;
884
944
  src?: string;
885
945
  } & {
886
946
  colorScheme?: "neutral" | "blue" | "brand" | "dark" | "gray" | "green" | "magenta" | "orange" | "purple" | "red" | "slate" | "yellow" | undefined;
887
- size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
947
+ size?: "sm" | "md" | "xs" | "xl" | "5xl" | undefined;
888
948
  } & react.RefAttributes<HTMLSpanElement>>;
889
949
 
890
950
  declare const AvatarGroup: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
891
951
  asChild?: boolean;
892
952
  className?: string;
893
953
  } & Sprinkles, "size"> & {
894
- maxItems?: number;
895
- } & Pick<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & Omit<{
896
- asChild?: boolean;
897
- className?: string;
898
- } & Sprinkles, "size" | "className"> & {
899
- children?: React.ReactNode;
900
- className?: string;
901
- icon?: React.ReactNode;
902
- name?: string;
903
- src?: string;
904
- } & {
905
- colorScheme?: "neutral" | "blue" | "brand" | "dark" | "gray" | "green" | "magenta" | "orange" | "purple" | "red" | "slate" | "yellow" | undefined;
906
- size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
907
- } & react.RefAttributes<HTMLSpanElement>, "ref">, "size"> & react.RefAttributes<HTMLDivElement>>;
954
+ size?: ComponentPropsWithoutRef<typeof Avatar>["size"];
955
+ } & react.RefAttributes<HTMLDivElement>>;
956
+
957
+ type AxiomProviderProps = {
958
+ children?: ReactNode;
959
+ /**
960
+ * Props for the `TooltipProvider` component
961
+ *
962
+ * {@link https://www.radix-ui.com/primitives/docs/components/tooltip#provider Documentation}
963
+ */
964
+ tooltip?: Omit<ComponentPropsWithoutRef<typeof RadixTooltip.Provider>, "children">;
965
+ };
966
+ declare const AxiomProvider: {
967
+ ({ children, tooltip }: AxiomProviderProps): react_jsx_runtime.JSX.Element;
968
+ displayName: string;
969
+ };
908
970
 
909
971
  declare const Badge: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
910
972
  asChild?: boolean;
@@ -915,7 +977,7 @@ declare const Badge: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
915
977
  lineClamp?: "2" | "4" | "1" | "3" | undefined;
916
978
  truncate?: boolean | undefined;
917
979
  }, never> & {
918
- colorScheme?: "danger" | "neutral" | "primary" | "success" | "warning" | "information" | undefined;
980
+ colorScheme?: "primary" | "danger" | "neutral" | "success" | "warning" | "information" | undefined;
919
981
  variant?: "solid" | "light" | undefined;
920
982
  } & react.RefAttributes<HTMLDivElement>>;
921
983
 
@@ -926,7 +988,7 @@ declare const Link: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTML
926
988
  disabled?: boolean;
927
989
  external?: boolean;
928
990
  } & {
929
- colorScheme?: "neutral" | "primary" | "secondary" | undefined;
991
+ colorScheme?: "primary" | "secondary" | "neutral" | undefined;
930
992
  } & react.RefAttributes<HTMLAnchorElement>>;
931
993
 
932
994
  type BreadcrumbItemProps = ComponentPropsWithoutRef<typeof Link>;
@@ -945,7 +1007,7 @@ declare const Breadcrumbs: react.ForwardRefExoticComponent<Omit<Omit<react.Detai
945
1007
  } & react.RefAttributes<HTMLElement>>;
946
1008
 
947
1009
  declare const button: (props?: {
948
- colorScheme?: "danger" | "neutral" | "primary" | undefined;
1010
+ colorScheme?: "primary" | "danger" | "neutral" | undefined;
949
1011
  iconOnly?: boolean | undefined;
950
1012
  size?: "sm" | "md" | "lg" | undefined;
951
1013
  variant?: "outline" | "solid" | "subtle" | undefined;
@@ -967,6 +1029,10 @@ declare const appearances: {
967
1029
  colorScheme: "neutral";
968
1030
  variant: "outline";
969
1031
  };
1032
+ inverse: {
1033
+ colorScheme: "neutral";
1034
+ variant: "solid";
1035
+ };
970
1036
  primary: {
971
1037
  colorScheme: "primary";
972
1038
  variant: "solid";
@@ -985,7 +1051,7 @@ type ButtonProps<T extends ElementType = "button", P = unknown> = BoxProps<T, Ex
985
1051
  iconPosition?: "end" | "start";
986
1052
  loading?: boolean;
987
1053
  startDecorator?: ReactNode;
988
- } & Omit<ButtonVariants, "iconOnly">, P>>;
1054
+ } & Omit<ButtonVariants, "colorScheme" | "iconOnly" | "variant">, P>>;
989
1055
  declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
990
1056
  asChild?: boolean;
991
1057
  className?: string;
@@ -999,11 +1065,11 @@ declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHT
999
1065
  loading?: boolean;
1000
1066
  startDecorator?: ReactNode;
1001
1067
  } & Omit<{
1002
- colorScheme?: "danger" | "neutral" | "primary" | undefined;
1068
+ colorScheme?: "primary" | "danger" | "neutral" | undefined;
1003
1069
  iconOnly?: boolean | undefined;
1004
1070
  size?: "sm" | "md" | "lg" | undefined;
1005
1071
  variant?: "outline" | "solid" | "subtle" | undefined;
1006
- }, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>>;
1072
+ }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
1007
1073
 
1008
1074
  declare const ButtonGroup: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & Omit<{
1009
1075
  asChild?: boolean;
@@ -1156,13 +1222,13 @@ declare const Heading: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedH
1156
1222
  truncate?: boolean | undefined;
1157
1223
  }, never> & {
1158
1224
  /**
1159
- * Presets for each level of heading h1-h6.
1225
+ * Control the visual size without changing the semantic tag.
1160
1226
  */
1161
- level?: keyof typeof mapLevelToTag;
1227
+ appearance?: keyof typeof mapTagToFontSize;
1162
1228
  /**
1163
- * Control the visual size without changing the semantic tag.
1229
+ * Presets for each level of heading h1-h6.
1164
1230
  */
1165
- variant?: keyof typeof mapTagToFontSize;
1231
+ level?: keyof typeof mapLevelToTag;
1166
1232
  } & react.RefAttributes<HTMLHeadingElement>>;
1167
1233
 
1168
1234
  type HoverCardProps = BoxProps<typeof RadixHoverCard.Root, {
@@ -1191,9 +1257,9 @@ declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<rea
1191
1257
  lineClamp?: "2" | "4" | "1" | "3" | undefined;
1192
1258
  truncate?: boolean | undefined;
1193
1259
  }, never> & {
1194
- colorScheme?: "danger" | "neutral" | "primary" | "success" | "warning" | "information" | undefined;
1260
+ colorScheme?: "primary" | "danger" | "neutral" | "success" | "warning" | "information" | undefined;
1195
1261
  variant?: "solid" | "light" | undefined;
1196
- } & 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" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "asChild" | "className" | "content"> & Omit<{
1262
+ } & 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<{
1197
1263
  asChild?: boolean;
1198
1264
  className?: string;
1199
1265
  } & Sprinkles, never> & {
@@ -1220,7 +1286,7 @@ declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
1220
1286
  }, "children"> & {
1221
1287
  children?: never;
1222
1288
  } & {
1223
- variant?: "number" | "default" | undefined;
1289
+ appearance?: "number" | "default" | undefined;
1224
1290
  } & react.RefAttributes<HTMLInputElement>>;
1225
1291
 
1226
1292
  declare const mapKeyToCode: {
@@ -1282,7 +1348,7 @@ declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.
1282
1348
  asChild?: boolean;
1283
1349
  className?: string;
1284
1350
  } & Sprinkles, "size"> & Omit<{
1285
- appearance?: "default" | "danger" | "primary" | "danger-outline" | "secondary";
1351
+ appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
1286
1352
  children?: react.ReactNode;
1287
1353
  disabled?: boolean;
1288
1354
  endDecorator?: react.ReactNode;
@@ -1291,11 +1357,11 @@ declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.
1291
1357
  loading?: boolean;
1292
1358
  startDecorator?: react.ReactNode;
1293
1359
  } & Omit<{
1294
- colorScheme?: "danger" | "neutral" | "primary" | undefined;
1360
+ colorScheme?: "primary" | "danger" | "neutral" | undefined;
1295
1361
  iconOnly?: boolean | undefined;
1296
1362
  size?: "sm" | "md" | "lg" | undefined;
1297
1363
  variant?: "outline" | "solid" | "subtle" | undefined;
1298
- }, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
1364
+ }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
1299
1365
 
1300
1366
  type PaginationProps = BoxProps<"nav", {
1301
1367
  boundaries?: number;
@@ -1319,17 +1385,11 @@ declare const Pagination: react.ForwardRefExoticComponent<Omit<Omit<react.Detail
1319
1385
  total: number;
1320
1386
  } & react.RefAttributes<HTMLElement>>;
1321
1387
 
1322
- type PopoverProps = BoxProps<typeof RadixPopover.Root>;
1323
- declare const Popover: {
1324
- ({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
1325
- displayName: string;
1326
- };
1327
-
1328
1388
  declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
1329
1389
  asChild?: boolean;
1330
1390
  className?: string;
1331
1391
  } & Sprinkles, "size"> & Omit<{
1332
- appearance?: "default" | "danger" | "primary" | "danger-outline" | "secondary";
1392
+ appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
1333
1393
  children?: react.ReactNode;
1334
1394
  disabled?: boolean;
1335
1395
  endDecorator?: react.ReactNode;
@@ -1338,11 +1398,11 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<rea
1338
1398
  loading?: boolean;
1339
1399
  startDecorator?: react.ReactNode;
1340
1400
  } & Omit<{
1341
- colorScheme?: "danger" | "neutral" | "primary" | undefined;
1401
+ colorScheme?: "primary" | "danger" | "neutral" | undefined;
1342
1402
  iconOnly?: boolean | undefined;
1343
1403
  size?: "sm" | "md" | "lg" | undefined;
1344
1404
  variant?: "outline" | "solid" | "subtle" | undefined;
1345
- }, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
1405
+ }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
1346
1406
 
1347
1407
  declare const Progress: react.ForwardRefExoticComponent<Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
1348
1408
  asChild?: boolean;
@@ -1377,7 +1437,7 @@ declare const Search: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.
1377
1437
  }, "children"> & {
1378
1438
  children?: never;
1379
1439
  } & {
1380
- variant?: "number" | "default" | undefined;
1440
+ appearance?: "number" | "default" | undefined;
1381
1441
  } & react.RefAttributes<HTMLInputElement>, "ref"> & {
1382
1442
  ref?: ((instance: HTMLInputElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLInputElement> | null | undefined;
1383
1443
  }, "ref"> & react.RefAttributes<HTMLInputElement>>;
@@ -1409,6 +1469,13 @@ declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
1409
1469
  h?: Sprinkles["h"];
1410
1470
  } & react.RefAttributes<HTMLSpanElement>>;
1411
1471
 
1472
+ declare const Spinner: react.ForwardRefExoticComponent<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref">, "fontFamily" | "fontSize" | "color" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "className"> & Omit<{
1473
+ asChild?: boolean;
1474
+ className?: string;
1475
+ } & Sprinkles, never> & {
1476
+ colorScheme?: "default" | "inverse";
1477
+ } & react.RefAttributes<SVGSVGElement>>;
1478
+
1412
1479
  declare const axiom: string;
1413
1480
  declare const base: string;
1414
1481
  declare const reset: string;
@@ -1458,7 +1525,7 @@ declare const theme: {
1458
1525
  readonly "bg.error.solid.hover": "#B21313";
1459
1526
  readonly "bg.information": "#E7F3FE";
1460
1527
  readonly "bg.information.solid": "#1668AC";
1461
- readonly "bg.input.disabled": "#091E420D";
1528
+ readonly "bg.input.disabled": "#091E420A";
1462
1529
  readonly "bg.neutral": "#F5F6FA";
1463
1530
  readonly "bg.neutral.inverse": "#2E3442";
1464
1531
  readonly "bg.neutral.inverse.hover": "#262B37";
@@ -1565,8 +1632,9 @@ declare const theme: {
1565
1632
  readonly "neutral.1000": "#1C2029";
1566
1633
  readonly "neutral.1100": "#171A23";
1567
1634
  readonly "neutral.1200": "#091E42";
1635
+ readonly "neutral.50/6": "#F9FAFC0F";
1568
1636
  readonly "neutral.50/32": "#F9FAFC52";
1569
- readonly "neutral.1200/5": "#091E420D";
1637
+ readonly "neutral.1200/4": "#091E420A";
1570
1638
  readonly "neutral.1200/12": "#091E421F";
1571
1639
  readonly "neutral.1200/18": "#091E422E";
1572
1640
  readonly "neutral.1200/22": "#091E4238";
@@ -1733,7 +1801,8 @@ declare const theme: {
1733
1801
  readonly sm: "24px";
1734
1802
  readonly md: "32px";
1735
1803
  readonly lg: "40px";
1736
- readonly xl: "64px";
1804
+ readonly xl: "48px";
1805
+ readonly "5xl": "80px";
1737
1806
  readonly "0": "0";
1738
1807
  readonly "1": "1px";
1739
1808
  readonly "2": "2px";
@@ -1840,7 +1909,7 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
1840
1909
  asChild?: boolean;
1841
1910
  className?: string;
1842
1911
  } & Sprinkles, "size"> & Omit<{
1843
- appearance?: "default" | "danger" | "primary" | "danger-outline" | "secondary";
1912
+ appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
1844
1913
  children?: react.ReactNode;
1845
1914
  disabled?: boolean;
1846
1915
  endDecorator?: react.ReactNode;
@@ -1849,11 +1918,11 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
1849
1918
  loading?: boolean;
1850
1919
  startDecorator?: react.ReactNode;
1851
1920
  } & Omit<{
1852
- colorScheme?: "danger" | "neutral" | "primary" | undefined;
1921
+ colorScheme?: "primary" | "danger" | "neutral" | undefined;
1853
1922
  iconOnly?: boolean | undefined;
1854
1923
  size?: "sm" | "md" | "lg" | undefined;
1855
1924
  variant?: "outline" | "solid" | "subtle" | undefined;
1856
- }, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>>;
1925
+ }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
1857
1926
 
1858
1927
  declare const text: (props?: {
1859
1928
  lineClamp?: "2" | "4" | "1" | "3" | undefined;
@@ -1922,7 +1991,7 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.
1922
1991
  asChild?: boolean;
1923
1992
  className?: string;
1924
1993
  } & Sprinkles, "size"> & Omit<{
1925
- appearance?: "default" | "danger" | "primary" | "danger-outline" | "secondary";
1994
+ appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
1926
1995
  children?: react.ReactNode;
1927
1996
  disabled?: boolean;
1928
1997
  endDecorator?: react.ReactNode;
@@ -1931,11 +2000,11 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.
1931
2000
  loading?: boolean;
1932
2001
  startDecorator?: react.ReactNode;
1933
2002
  } & Omit<{
1934
- colorScheme?: "danger" | "neutral" | "primary" | undefined;
2003
+ colorScheme?: "primary" | "danger" | "neutral" | undefined;
1935
2004
  iconOnly?: boolean | undefined;
1936
2005
  size?: "sm" | "md" | "lg" | undefined;
1937
2006
  variant?: "outline" | "solid" | "subtle" | undefined;
1938
- }, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>>;
2007
+ }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
1939
2008
 
1940
2009
  type ToastElement = ReactElement<ComponentPropsWithoutRef<typeof Toast>>;
1941
2010
  declare const createToaster: (store?: {
@@ -1986,7 +2055,7 @@ declare const ToastProvider: react.ForwardRefExoticComponent<Omit<Omit<RadixToas
1986
2055
  container?: ComponentPropsWithoutRef<typeof Portal>["container"];
1987
2056
  toaster: ReturnType<typeof createToaster>;
1988
2057
  } & RadixToast.ToastProviderProps & {
1989
- position?: "top" | "bottom" | "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
2058
+ position?: "bottom" | "top" | "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
1990
2059
  } & react.RefAttributes<HTMLOListElement>>;
1991
2060
 
1992
2061
  declare const ToastTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
@@ -1999,6 +2068,25 @@ declare const ToastTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.T
1999
2068
  truncate?: boolean | undefined;
2000
2069
  }, never> & react.RefAttributes<HTMLDivElement>>;
2001
2070
 
2071
+ declare const Toggle: react.ForwardRefExoticComponent<Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
2072
+ asChild?: boolean;
2073
+ className?: string;
2074
+ } & Sprinkles, "size"> & Omit<{
2075
+ appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
2076
+ children?: react.ReactNode;
2077
+ disabled?: boolean;
2078
+ endDecorator?: react.ReactNode;
2079
+ icon?: react.ReactNode;
2080
+ iconPosition?: "end" | "start";
2081
+ loading?: boolean;
2082
+ startDecorator?: react.ReactNode;
2083
+ } & Omit<{
2084
+ colorScheme?: "primary" | "danger" | "neutral" | undefined;
2085
+ iconOnly?: boolean | undefined;
2086
+ size?: "sm" | "md" | "lg" | undefined;
2087
+ variant?: "outline" | "solid" | "subtle" | undefined;
2088
+ }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
2089
+
2002
2090
  declare const Tooltip: react.ForwardRefExoticComponent<Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "color" | "asChild" | "className" | "content"> & Omit<{
2003
2091
  asChild?: boolean;
2004
2092
  className?: string;
@@ -2019,9 +2107,10 @@ declare const Tooltip: react.ForwardRefExoticComponent<Omit<Omit<RadixTooltip.To
2019
2107
 
2020
2108
  declare const Transition: react.ForwardRefExoticComponent<{
2021
2109
  children: ReactElement;
2110
+ "data-side"?: "bottom" | "left" | "right" | "top";
2022
2111
  } & {
2023
2112
  duration?: "sm" | "md" | "lg" | undefined;
2024
2113
  type?: "pop" | "fade" | undefined;
2025
2114
  } & react.RefAttributes<HTMLDivElement>>;
2026
2115
 
2027
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertTitle, AnimatePresence, Avatar, AvatarGroup, Badge, BoxProps, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogFooter, DialogTitle, Drawer, DrawerBody, DrawerFooter, DrawerTitle, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, Link, Menu, MenuContent, MenuItem, MenuLabel, MenuSeparator, MenuTrigger, Pagination, type PaginationProps, Popover, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Search, Separator, Skeleton, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, Toast, ToastAction, ToastProvider, ToastTitle, Tooltip, Transition, createToaster, extractSprinkles, layers_css as layers, theme, tokens, tokensDark, usePresence };
2116
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, BoxProps, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogFooter, DialogTitle, Drawer, DrawerBody, DrawerFooter, DrawerTitle, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, Link, Menu, MenuContent, MenuItem, MenuLabel, MenuSeparator, MenuTrigger, Pagination, type PaginationProps, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Search, Separator, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, Toast, ToastAction, ToastProvider, ToastTitle, Toggle, Tooltip, Transition, createToaster, extractSprinkles, layers_css as layers, theme, tokens, tokensDark, usePresence };
package/dist/index.js CHANGED
@@ -5,11 +5,17 @@ export { AccordionTrigger } from './accordion-trigger/AccordionTrigger.js';
5
5
  export { Alert } from './alert/Alert.js';
6
6
  export { AlertDescription } from './alert-description/AlertDescription.js';
7
7
  export { AlertDialog } from './alert-dialog/AlertDialog.js';
8
+ export { AlertDialogAction } from './alert-dialog-action/AlertDialogAction.js';
9
+ export { AlertDialogCancel } from './alert-dialog-cancel/AlertDialogCancel.js';
10
+ export { AlertDialogDescription } from './alert-dialog-description/AlertDialogDescription.js';
11
+ export { AlertDialogFooter } from './alert-dialog-footer/AlertDialogFooter.js';
12
+ export { AlertDialogTitle } from './alert-dialog-title/AlertDialogTitle.js';
8
13
  export { AlertTitle } from './alert-title/AlertTitle.js';
9
14
  export { AnimatePresence } from './animate-presence/AnimatePresence.js';
10
15
  export { usePresence } from './animate-presence/usePresence.js';
11
16
  export { Avatar } from './avatar/Avatar.js';
12
17
  export { AvatarGroup } from './avatar-group/AvatarGroup.js';
18
+ export { AxiomProvider } from './axiom-provider/AxiomProvider.js';
13
19
  export { Badge } from './badge/Badge.js';
14
20
  export { Box } from './box/Box.js';
15
21
  export { BreadcrumbItem } from './breadcrumb-item/BreadcrumbItem.js';
@@ -53,6 +59,7 @@ export { RadioGroupItem } from './radio-group-item/RadioGroupItem.js';
53
59
  export { Search } from './search/Search.js';
54
60
  export { Separator } from './separator/Separator.js';
55
61
  export { Skeleton } from './skeleton/Skeleton.js';
62
+ export { Spinner } from './spinner/Spinner.js';
56
63
  export { extractSprinkles } from './sprinkles/extractSprinkles.js';
57
64
  export { mapResponsiveValue, sprinkles } from './sprinkles/sprinkles-css.js';
58
65
  import * as layers_css from './styles/layers-css.js';
@@ -70,6 +77,7 @@ export { ToastAction } from './toast-action/ToastAction.js';
70
77
  export { ToastProvider } from './toast-provider/ToastProvider.js';
71
78
  export { createToaster } from './toast-provider/createToaster.js';
72
79
  export { ToastTitle } from './toast-title/ToastTitle.js';
80
+ export { Toggle } from './toggle/Toggle.js';
73
81
  export { tokens, tokensDark } from './tokens/index.js';
74
82
  export { Tooltip } from './tooltip/Tooltip.js';
75
83
  export { Transition } from './transition/Transition.js';
@@ -2,6 +2,6 @@ import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
2
2
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
3
3
 
4
4
  var decorator = recipeRuntime({base:{flex:'none'},variants:{position:{end:{mr:'8'},start:{ml:'8'}},size:{sm:{},md:{},lg:{}}},variantsCompounded:[{style:{mr:'4'},variants:{position:'end',size:'sm'}},{style:{ml:'4'},variants:{position:'start',size:'sm'}}]});
5
- var input = recipeRuntime({variants:{variant:{'default':{textAlign:'start'},number:{textAlign:'end'}}}});
5
+ var input = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}}}});
6
6
 
7
7
  export { decorator, input };