@optiaxiom/react 0.1.0-next.13 → 0.1.0-next.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{PopoverContent-_Tn-IzNJ.d.ts → PopoverContent-DHQm-nPQ.d.ts} +25 -27
- package/dist/accordion-trigger/AccordionTrigger-css.js +1 -1
- package/dist/alert/Alert-css.js +1 -1
- package/dist/alert-dialog/AlertDialog.js +17 -47
- package/dist/alert-dialog-action/AlertDialogAction.js +14 -0
- package/dist/alert-dialog-cancel/AlertDialogCancel.js +14 -0
- package/dist/alert-dialog-content/AlertDialogContent-css.js +8 -0
- package/dist/alert-dialog-content/AlertDialogContent.js +20 -0
- package/dist/alert-dialog-context/AlertDialogContext.js +5 -0
- package/dist/alert-dialog-description/AlertDialogDescription-css.js +7 -0
- package/dist/alert-dialog-description/AlertDialogDescription.js +12 -0
- package/dist/alert-dialog-footer/AlertDialogFooter-css.js +8 -0
- package/dist/alert-dialog-footer/AlertDialogFooter.js +11 -0
- package/dist/alert-dialog-title/AlertDialogTitle.js +23 -0
- package/dist/alert-dialog-trigger/AlertDialogTrigger.js +14 -0
- package/dist/animate-presence/AnimatePresence.js +4 -3
- package/dist/assets/src/{alert-dialog/AlertDialog.css.ts.vanilla-WdIe6m3g.css → alert-dialog-content/AlertDialogContent.css.ts.vanilla-CLM10r0f.css} +5 -11
- package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-B7BawTGq.css +6 -0
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-3HiYmspb.css +6 -0
- package/dist/assets/src/box/{Box.css.ts.vanilla-D1mbecuN.css → Box.css.ts.vanilla-DLsoitAb.css} +5 -0
- package/dist/assets/src/button/{Button.css.ts.vanilla-BVWox07Y.css → Button.css.ts.vanilla-DeHH8Xkd.css} +43 -34
- package/dist/assets/src/{dialog/Dialog.css.ts.vanilla-BlNHlzx8.css → dialog-content/DialogContent.css.ts.vanilla-B-pX7DR_.css} +6 -6
- package/dist/assets/src/{menu-content/MenuContent.css.ts.vanilla-BVK7SB5f.css → dropdown-menu-content/DropdownMenuContent.css.ts.vanilla-EXOZ-w-n.css} +1 -1
- package/dist/assets/src/dropdown-menu-item/DropdownMenuItem.css.ts.vanilla-iU0t5wQu.css +30 -0
- package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-By5uGeYP.css → InputBase.css.ts.vanilla-CXpyZISC.css} +1 -0
- package/dist/assets/src/{search/Search.css.ts.vanilla-8Mi7WZBC.css → search-input/SearchInput.css.ts.vanilla-BTRVQpev.css} +1 -1
- package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-I48qUKRQ.css → sprinkles.css.ts.vanilla-o1FSIYj0.css} +2276 -2251
- package/dist/assets/src/styles/{theme.css.ts.vanilla-EbjT5N3_.css → theme.css.ts.vanilla-BZP-0Wgr.css} +8 -6
- package/dist/assets/src/table/Table.css.ts.vanilla-C9ntYW9X.css +9 -0
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-WI2VmycQ.css +6 -0
- package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-Bn9ccAMh.css +10 -0
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DEMkJMmk.css +6 -0
- package/dist/assets/src/toast/{Toast.css.ts.vanilla-N6bXbnrT.css → Toast.css.ts.vanilla-D1qN8JIH.css} +6 -7
- package/dist/avatar/Avatar-css.js +2 -2
- package/dist/avatar-group/AvatarGroup-css.js +1 -1
- package/dist/axiom-provider/AxiomProvider.js +3 -1
- package/dist/badge/Badge-css.js +1 -1
- package/dist/box/Box-css.js +2 -2
- package/dist/{breadcrumbs/Breadcrumbs.js → breadcrumb/Breadcrumb.js} +5 -7
- package/dist/breadcrumb-ellipsis/BreadcrumbEllipsis.js +10 -0
- package/dist/breadcrumb-item/BreadcrumbItem.js +11 -4
- package/dist/breadcrumb-link/BreadcrumbLink.js +12 -0
- package/dist/breadcrumb-page/BreadcrumbPage.js +12 -0
- package/dist/breadcrumb-separator/BreadcrumbSeparator.js +14 -0
- package/dist/button/Button-css.js +9 -7
- package/dist/button/Button.js +19 -10
- package/dist/button-group/ButtonGroup-css.js +1 -1
- package/dist/checkbox/Checkbox-css.js +1 -1
- package/dist/checkbox/Checkbox.js +7 -10
- package/dist/combobox/Combobox.js +3 -3
- package/dist/combobox-content/ComboboxContent.js +2 -2
- package/dist/command-item/CommandItem-css.js +1 -1
- package/dist/control-base/ControlBase-css.js +2 -2
- package/dist/control-base/ControlBase.js +12 -4
- package/dist/dialog/Dialog.js +27 -39
- package/dist/dialog-body/DialogBody-css.js +1 -1
- package/dist/{menu-trigger/MenuTrigger.js → dialog-close/DialogClose.js} +5 -6
- package/dist/{dialog/Dialog-css.js → dialog-content/DialogContent-css.js} +4 -4
- package/dist/dialog-content/DialogContent.js +38 -0
- package/dist/dialog-context/DialogContext.js +5 -0
- package/dist/dialog-description/DialogDescription.js +23 -0
- package/dist/dialog-title/DialogTitle.js +15 -11
- package/dist/dialog-trigger/DialogTrigger.js +16 -0
- package/dist/{menu/Menu.js → dropdown-menu/DropdownMenu.js} +7 -7
- package/dist/{menu-content/MenuContent-css.js → dropdown-menu-content/DropdownMenuContent-css.js} +2 -2
- package/dist/{menu-content/MenuContent.js → dropdown-menu-content/DropdownMenuContent.js} +6 -6
- package/dist/dropdown-menu-context/DropdownMenuContext.js +5 -0
- package/dist/dropdown-menu-item/DropdownMenuItem-css.js +8 -0
- package/dist/{menu-item/MenuItem.js → dropdown-menu-item/DropdownMenuItem.js} +4 -4
- package/dist/{menu-label/MenuLabel.js → dropdown-menu-label/DropdownMenuLabel.js} +3 -3
- package/dist/dropdown-menu-separator/DropdownMenuSeparator.js +9 -0
- package/dist/dropdown-menu-trigger/DropdownMenuTrigger.js +15 -0
- package/dist/grid/Grid.js +1 -1
- package/dist/heading/Heading.js +2 -2
- package/dist/hover-card/HoverCard.js +3 -3
- package/dist/index.d.ts +278 -169
- package/dist/index.js +20 -9
- package/dist/input/Input-css.js +1 -1
- package/dist/input/Input.js +2 -2
- package/dist/input-base/InputBase-css.js +3 -3
- package/dist/link/Link-css.js +1 -1
- package/dist/pagination/Pagination-css.js +1 -1
- package/dist/pill/Pill-css.js +1 -1
- package/dist/popover/Popover.js +3 -3
- package/dist/radio-group/RadioGroup.js +26 -8
- package/dist/radio-group-item/RadioGroupItem-css.js +1 -1
- package/dist/radio-group-item/RadioGroupItem.js +4 -7
- package/dist/search-input/SearchInput-css.js +8 -0
- package/dist/{search/Search.js → search-input/SearchInput.js} +4 -4
- package/dist/spinner/Spinner.js +56 -0
- package/dist/sprinkles/sprinkles-css.js +3 -3
- package/dist/styles/theme-css.js +2 -2
- package/dist/switch/Switch-css.js +1 -1
- package/dist/switch/Switch.js +4 -7
- package/dist/table/Table-css.js +8 -0
- package/dist/table/Table.js +11 -0
- package/dist/table-body/TableBody-css.js +7 -0
- package/dist/table-body/TableBody.js +11 -0
- package/dist/table-cell/TableCell-css.js +9 -0
- package/dist/table-cell/TableCell.js +13 -0
- package/dist/table-head/TableHead.js +10 -0
- package/dist/table-header-cell/TableHeaderCell-css.js +7 -0
- package/dist/table-header-cell/TableHeaderCell.js +11 -0
- package/dist/table-row/TableRow-css.js +7 -0
- package/dist/table-row/TableRow.js +11 -0
- package/dist/tabs-list/TabsList-css.js +1 -1
- package/dist/tabs-trigger/TabsTrigger-css.js +1 -1
- package/dist/toast/Toast-css.js +3 -2
- package/dist/toast/Toast.js +2 -2
- package/dist/toast-action/ToastAction.js +1 -1
- package/dist/toast-provider/ToastProvider-css.js +1 -1
- package/dist/toggle/Toggle.js +13 -0
- package/dist/tokens/colors.js +4 -3
- package/dist/transition/Transition.js +1 -1
- package/dist/unstable.d.ts +110 -36
- package/dist/unstable.js +12 -0
- package/package.json +7 -7
- package/dist/alert-dialog/AlertDialog-css.js +0 -11
- package/dist/assets/src/menu-item/MenuItem.css.ts.vanilla-BjEdkhqZ.css +0 -30
- package/dist/breadcrumbs/useBreadcrumbItems.js +0 -35
- package/dist/menu-context/MenuContext.js +0 -5
- package/dist/menu-item/MenuItem-css.js +0 -8
- package/dist/menu-separator/MenuSeparator.js +0 -11
- package/dist/search/Search-css.js +0 -8
- /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
|
-
import { ReactNode,
|
|
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-
|
|
5
|
-
export { a as Box, P as Popover, b as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-
|
|
6
|
-
import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
|
|
4
|
+
import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './PopoverContent-DHQm-nPQ.js';
|
|
5
|
+
export { a as Box, L as Link, P as Popover, b as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-DHQm-nPQ.js';
|
|
7
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
|
+
import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
|
|
8
8
|
import * as RadixTooltip from '@radix-ui/react-tooltip';
|
|
9
9
|
import * as RadixCheckbox from '@radix-ui/react-checkbox';
|
|
10
10
|
import * as RadixDialog from '@radix-ui/react-dialog';
|
|
11
|
-
import * as RadixHoverCard from '@radix-ui/react-hover-card';
|
|
12
11
|
import * as RadixMenu from '@radix-ui/react-dropdown-menu';
|
|
12
|
+
import * as RadixHoverCard from '@radix-ui/react-hover-card';
|
|
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,17 +20,19 @@ 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 { getDefaultStore } from 'jotai';
|
|
24
|
+
import * as RadixToggle from '@radix-ui/react-toggle';
|
|
23
25
|
import '@radix-ui/react-popover';
|
|
24
26
|
|
|
25
27
|
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" | "
|
|
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" | "
|
|
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
30
|
};
|
|
29
31
|
|
|
30
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<{
|
|
31
33
|
asChild?: boolean;
|
|
32
34
|
className?: string;
|
|
33
|
-
} & 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" | "
|
|
35
|
+
} & Sprinkles, "asChild" | "className"> & Omit<Omit<RadixAccordion.AccordionMultipleProps, "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w"> | Omit<RadixAccordion.AccordionSingleProps, "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">, never> & {
|
|
34
36
|
appearance?: "primary" | "secondary";
|
|
35
37
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
36
38
|
|
|
@@ -69,6 +71,50 @@ declare const AlertDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<O
|
|
|
69
71
|
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;
|
|
70
72
|
}, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
71
73
|
|
|
74
|
+
type AlertDialogProps = ComponentPropsWithoutRef<typeof RadixAlertDialog.Root>;
|
|
75
|
+
declare function AlertDialog({ children, defaultOpen, onOpenChange, open: openProp, ...props }: AlertDialogProps): react_jsx_runtime.JSX.Element;
|
|
76
|
+
declare namespace AlertDialog {
|
|
77
|
+
var displayName: string;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
|
|
81
|
+
asChild?: boolean;
|
|
82
|
+
className?: string;
|
|
83
|
+
} & Sprinkles, "size"> & Omit<{
|
|
84
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
85
|
+
children?: react.ReactNode;
|
|
86
|
+
disabled?: boolean;
|
|
87
|
+
endDecorator?: react.ReactNode;
|
|
88
|
+
icon?: react.ReactNode;
|
|
89
|
+
iconPosition?: "end" | "start";
|
|
90
|
+
loading?: boolean;
|
|
91
|
+
startDecorator?: react.ReactNode;
|
|
92
|
+
} & Omit<{
|
|
93
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
94
|
+
iconOnly?: boolean | undefined;
|
|
95
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
96
|
+
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
97
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
98
|
+
|
|
99
|
+
declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
|
|
100
|
+
asChild?: boolean;
|
|
101
|
+
className?: string;
|
|
102
|
+
} & Sprinkles, "size"> & Omit<{
|
|
103
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
104
|
+
children?: react.ReactNode;
|
|
105
|
+
disabled?: boolean;
|
|
106
|
+
endDecorator?: react.ReactNode;
|
|
107
|
+
icon?: react.ReactNode;
|
|
108
|
+
iconPosition?: "end" | "start";
|
|
109
|
+
loading?: boolean;
|
|
110
|
+
startDecorator?: react.ReactNode;
|
|
111
|
+
} & Omit<{
|
|
112
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
113
|
+
iconOnly?: boolean | undefined;
|
|
114
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
115
|
+
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
116
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
117
|
+
|
|
72
118
|
declare const tokens: {
|
|
73
119
|
readonly borderRadius: {
|
|
74
120
|
readonly xs: "2px";
|
|
@@ -105,7 +151,7 @@ declare const tokens: {
|
|
|
105
151
|
readonly "bg.error.solid.hover": "#B21313";
|
|
106
152
|
readonly "bg.information": "#E7F3FE";
|
|
107
153
|
readonly "bg.information.solid": "#1668AC";
|
|
108
|
-
readonly "bg.input.disabled": "#
|
|
154
|
+
readonly "bg.input.disabled": "#091E420A";
|
|
109
155
|
readonly "bg.neutral": "#F5F6FA";
|
|
110
156
|
readonly "bg.neutral.inverse": "#2E3442";
|
|
111
157
|
readonly "bg.neutral.inverse.hover": "#262B37";
|
|
@@ -212,8 +258,9 @@ declare const tokens: {
|
|
|
212
258
|
readonly "neutral.1000": "#1C2029";
|
|
213
259
|
readonly "neutral.1100": "#171A23";
|
|
214
260
|
readonly "neutral.1200": "#091E42";
|
|
261
|
+
readonly "neutral.50/6": "#F9FAFC0F";
|
|
215
262
|
readonly "neutral.50/32": "#F9FAFC52";
|
|
216
|
-
readonly "neutral.1200/
|
|
263
|
+
readonly "neutral.1200/4": "#091E420A";
|
|
217
264
|
readonly "neutral.1200/12": "#091E421F";
|
|
218
265
|
readonly "neutral.1200/18": "#091E422E";
|
|
219
266
|
readonly "neutral.1200/22": "#091E4238";
|
|
@@ -469,7 +516,7 @@ declare const tokensDark: {
|
|
|
469
516
|
readonly "bg.error.solid.hover": "#B21313";
|
|
470
517
|
readonly "bg.information": "#1C2B41";
|
|
471
518
|
readonly "bg.information.solid": "#1668AC";
|
|
472
|
-
readonly "bg.input.disabled": "#
|
|
519
|
+
readonly "bg.input.disabled": "#091E420A";
|
|
473
520
|
readonly "bg.neutral": "#1e293b";
|
|
474
521
|
readonly "bg.neutral.inverse": "#E9EDF5";
|
|
475
522
|
readonly "bg.neutral.inverse.hover": "#CACFDC";
|
|
@@ -576,8 +623,9 @@ declare const tokensDark: {
|
|
|
576
623
|
readonly "neutral.1000": "#1C2029";
|
|
577
624
|
readonly "neutral.1100": "#171A23";
|
|
578
625
|
readonly "neutral.1200": "#091E42";
|
|
626
|
+
readonly "neutral.50/6": "#F9FAFC0F";
|
|
579
627
|
readonly "neutral.50/32": "#F9FAFC52";
|
|
580
|
-
readonly "neutral.1200/
|
|
628
|
+
readonly "neutral.1200/4": "#091E420A";
|
|
581
629
|
readonly "neutral.1200/12": "#091E421F";
|
|
582
630
|
readonly "neutral.1200/18": "#091E422E";
|
|
583
631
|
readonly "neutral.1200/22": "#091E4238";
|
|
@@ -855,17 +903,46 @@ declare const content$2: (props?: {
|
|
|
855
903
|
};
|
|
856
904
|
type DialogVariants$1 = RecipeVariants<typeof content$2>;
|
|
857
905
|
|
|
858
|
-
type
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
906
|
+
type AlertDialogContentProps = BoxProps<typeof RadixAlertDialog.Content, NonNullable<DialogVariants$1>>;
|
|
907
|
+
declare const AlertDialogContent: react.ForwardRefExoticComponent<Omit<AlertDialogContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
908
|
+
|
|
909
|
+
declare const AlertDialogDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
910
|
+
asChild?: boolean;
|
|
911
|
+
className?: string;
|
|
912
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLParagraphElement>>;
|
|
913
|
+
|
|
914
|
+
declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
|
|
915
|
+
asChild?: boolean;
|
|
916
|
+
className?: string;
|
|
917
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
918
|
+
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;
|
|
919
|
+
}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
920
|
+
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;
|
|
921
|
+
}, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
922
|
+
|
|
923
|
+
declare const AlertDialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
924
|
+
asChild?: boolean;
|
|
925
|
+
className?: string;
|
|
926
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
|
|
927
|
+
|
|
928
|
+
declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
|
|
929
|
+
asChild?: boolean;
|
|
930
|
+
className?: string;
|
|
931
|
+
} & Sprinkles, "size"> & Omit<{
|
|
932
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
933
|
+
children?: react.ReactNode;
|
|
934
|
+
disabled?: boolean;
|
|
935
|
+
endDecorator?: react.ReactNode;
|
|
936
|
+
icon?: react.ReactNode;
|
|
937
|
+
iconPosition?: "end" | "start";
|
|
938
|
+
loading?: boolean;
|
|
939
|
+
startDecorator?: react.ReactNode;
|
|
940
|
+
} & Omit<{
|
|
941
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
942
|
+
iconOnly?: boolean | undefined;
|
|
943
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
944
|
+
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
945
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
869
946
|
|
|
870
947
|
declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
|
|
871
948
|
asChild?: boolean;
|
|
@@ -874,9 +951,12 @@ declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<re
|
|
|
874
951
|
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;
|
|
875
952
|
}, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
876
953
|
|
|
877
|
-
declare
|
|
954
|
+
declare function AnimatePresence({ children, }: {
|
|
878
955
|
children?: ReactElement | false;
|
|
879
|
-
})
|
|
956
|
+
}): react_jsx_runtime.JSX.Element;
|
|
957
|
+
declare namespace AnimatePresence {
|
|
958
|
+
var displayName: string;
|
|
959
|
+
}
|
|
880
960
|
|
|
881
961
|
declare const usePresence: () => readonly [false, () => void] | readonly [true];
|
|
882
962
|
|
|
@@ -908,10 +988,10 @@ type AxiomProviderProps = {
|
|
|
908
988
|
*/
|
|
909
989
|
tooltip?: Omit<ComponentPropsWithoutRef<typeof RadixTooltip.Provider>, "children">;
|
|
910
990
|
};
|
|
911
|
-
declare
|
|
912
|
-
|
|
913
|
-
displayName: string;
|
|
914
|
-
}
|
|
991
|
+
declare function AxiomProvider({ children, tooltip }: AxiomProviderProps): react_jsx_runtime.JSX.Element;
|
|
992
|
+
declare namespace AxiomProvider {
|
|
993
|
+
var displayName: string;
|
|
994
|
+
}
|
|
915
995
|
|
|
916
996
|
declare const Badge: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
|
|
917
997
|
asChild?: boolean;
|
|
@@ -926,31 +1006,6 @@ declare const Badge: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
|
|
|
926
1006
|
variant?: "solid" | "light" | undefined;
|
|
927
1007
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
928
1008
|
|
|
929
|
-
declare const Link: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & Omit<{
|
|
930
|
-
asChild?: boolean;
|
|
931
|
-
className?: string;
|
|
932
|
-
} & Sprinkles, never> & {
|
|
933
|
-
disabled?: boolean;
|
|
934
|
-
external?: boolean;
|
|
935
|
-
} & {
|
|
936
|
-
colorScheme?: "primary" | "secondary" | "neutral" | undefined;
|
|
937
|
-
} & react.RefAttributes<HTMLAnchorElement>>;
|
|
938
|
-
|
|
939
|
-
type BreadcrumbItemProps = ComponentPropsWithoutRef<typeof Link>;
|
|
940
|
-
declare const BreadcrumbItem: ({ children, ...props }: BreadcrumbItemProps) => react_jsx_runtime.JSX.Element;
|
|
941
|
-
|
|
942
|
-
type BreadcrumbsProps = BoxProps<"nav", {
|
|
943
|
-
maxItems?: number;
|
|
944
|
-
separator?: ReactNode;
|
|
945
|
-
}>;
|
|
946
|
-
declare const Breadcrumbs: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
|
|
947
|
-
asChild?: boolean;
|
|
948
|
-
className?: string;
|
|
949
|
-
} & Sprinkles, never> & {
|
|
950
|
-
maxItems?: number;
|
|
951
|
-
separator?: ReactNode;
|
|
952
|
-
} & react.RefAttributes<HTMLElement>>;
|
|
953
|
-
|
|
954
1009
|
declare const button: (props?: {
|
|
955
1010
|
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
956
1011
|
iconOnly?: boolean | undefined;
|
|
@@ -974,6 +1029,10 @@ declare const appearances: {
|
|
|
974
1029
|
colorScheme: "neutral";
|
|
975
1030
|
variant: "outline";
|
|
976
1031
|
};
|
|
1032
|
+
inverse: {
|
|
1033
|
+
colorScheme: "neutral";
|
|
1034
|
+
variant: "solid";
|
|
1035
|
+
};
|
|
977
1036
|
primary: {
|
|
978
1037
|
colorScheme: "primary";
|
|
979
1038
|
variant: "solid";
|
|
@@ -992,7 +1051,7 @@ type ButtonProps<T extends ElementType = "button", P = unknown> = BoxProps<T, Ex
|
|
|
992
1051
|
iconPosition?: "end" | "start";
|
|
993
1052
|
loading?: boolean;
|
|
994
1053
|
startDecorator?: ReactNode;
|
|
995
|
-
} & Omit<ButtonVariants, "iconOnly">, P>>;
|
|
1054
|
+
} & Omit<ButtonVariants, "colorScheme" | "iconOnly" | "variant">, P>>;
|
|
996
1055
|
declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
|
|
997
1056
|
asChild?: boolean;
|
|
998
1057
|
className?: string;
|
|
@@ -1010,7 +1069,7 @@ declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHT
|
|
|
1010
1069
|
iconOnly?: boolean | undefined;
|
|
1011
1070
|
size?: "sm" | "md" | "lg" | undefined;
|
|
1012
1071
|
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
1013
|
-
}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
1072
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
1014
1073
|
|
|
1015
1074
|
declare const ButtonGroup: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & Omit<{
|
|
1016
1075
|
asChild?: boolean;
|
|
@@ -1032,6 +1091,38 @@ declare const Code: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTML
|
|
|
1032
1091
|
className?: string;
|
|
1033
1092
|
} & Sprinkles, never> & react.RefAttributes<HTMLElement>>;
|
|
1034
1093
|
|
|
1094
|
+
type DialogProps = ComponentPropsWithoutRef<typeof RadixDialog.Root>;
|
|
1095
|
+
declare function Dialog({ children, defaultOpen, modal, onOpenChange, open: openProp, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
|
|
1096
|
+
declare namespace Dialog {
|
|
1097
|
+
var displayName: string;
|
|
1098
|
+
}
|
|
1099
|
+
|
|
1100
|
+
declare const DialogBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
|
|
1101
|
+
asChild?: boolean;
|
|
1102
|
+
className?: string;
|
|
1103
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1104
|
+
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;
|
|
1105
|
+
}, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1106
|
+
|
|
1107
|
+
declare const DialogClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
|
|
1108
|
+
asChild?: boolean;
|
|
1109
|
+
className?: string;
|
|
1110
|
+
} & Sprinkles, "size"> & Omit<{
|
|
1111
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
1112
|
+
children?: react.ReactNode;
|
|
1113
|
+
disabled?: boolean;
|
|
1114
|
+
endDecorator?: react.ReactNode;
|
|
1115
|
+
icon?: react.ReactNode;
|
|
1116
|
+
iconPosition?: "end" | "start";
|
|
1117
|
+
loading?: boolean;
|
|
1118
|
+
startDecorator?: react.ReactNode;
|
|
1119
|
+
} & Omit<{
|
|
1120
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
1121
|
+
iconOnly?: boolean | undefined;
|
|
1122
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
1123
|
+
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
1124
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
1125
|
+
|
|
1035
1126
|
declare const content$1: (props?: {
|
|
1036
1127
|
size?: "sm" | "md" | "lg" | undefined;
|
|
1037
1128
|
} | undefined, className?: string) => {
|
|
@@ -1039,21 +1130,17 @@ declare const content$1: (props?: {
|
|
|
1039
1130
|
};
|
|
1040
1131
|
type DialogVariants = RecipeVariants<typeof content$1>;
|
|
1041
1132
|
|
|
1042
|
-
type
|
|
1043
|
-
children: ReactNode;
|
|
1044
|
-
modal?: boolean;
|
|
1045
|
-
onClose: () => void;
|
|
1046
|
-
open?: boolean;
|
|
1133
|
+
type DialogContentProps = BoxProps<typeof RadixDialog.Content, {
|
|
1047
1134
|
withCloseButton?: boolean;
|
|
1048
1135
|
} & DialogVariants>;
|
|
1049
|
-
declare const
|
|
1136
|
+
declare const DialogContent: react.ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1050
1137
|
|
|
1051
|
-
declare const
|
|
1138
|
+
declare const DialogDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
1052
1139
|
asChild?: boolean;
|
|
1053
1140
|
className?: string;
|
|
1054
|
-
} & Sprinkles, never> &
|
|
1055
|
-
|
|
1056
|
-
}
|
|
1141
|
+
} & Sprinkles, never> & {
|
|
1142
|
+
description?: string;
|
|
1143
|
+
} & react.RefAttributes<HTMLParagraphElement>>;
|
|
1057
1144
|
|
|
1058
1145
|
declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
|
|
1059
1146
|
asChild?: boolean;
|
|
@@ -1067,9 +1154,26 @@ declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
|
|
|
1067
1154
|
declare const DialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
1068
1155
|
asChild?: boolean;
|
|
1069
1156
|
className?: string;
|
|
1070
|
-
} & Sprinkles, never> &
|
|
1071
|
-
|
|
1072
|
-
|
|
1157
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
|
|
1158
|
+
|
|
1159
|
+
declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
|
|
1160
|
+
asChild?: boolean;
|
|
1161
|
+
className?: string;
|
|
1162
|
+
} & Sprinkles, "size"> & Omit<{
|
|
1163
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
1164
|
+
children?: react.ReactNode;
|
|
1165
|
+
disabled?: boolean;
|
|
1166
|
+
endDecorator?: react.ReactNode;
|
|
1167
|
+
icon?: react.ReactNode;
|
|
1168
|
+
iconPosition?: "end" | "start";
|
|
1169
|
+
loading?: boolean;
|
|
1170
|
+
startDecorator?: react.ReactNode;
|
|
1171
|
+
} & Omit<{
|
|
1172
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
1173
|
+
iconOnly?: boolean | undefined;
|
|
1174
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
1175
|
+
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
1176
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
1073
1177
|
|
|
1074
1178
|
declare const content: (props?: {
|
|
1075
1179
|
position?: "left" | "right" | "bottom" | undefined;
|
|
@@ -1110,6 +1214,56 @@ declare const DrawerTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog
|
|
|
1110
1214
|
description?: string;
|
|
1111
1215
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1112
1216
|
|
|
1217
|
+
type MenuProps = ComponentPropsWithoutRef<typeof RadixMenu.Root>;
|
|
1218
|
+
declare function DropdownMenu({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
|
|
1219
|
+
declare namespace DropdownMenu {
|
|
1220
|
+
var displayName: string;
|
|
1221
|
+
}
|
|
1222
|
+
|
|
1223
|
+
declare const DropdownMenuContent: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
1224
|
+
asChild?: boolean;
|
|
1225
|
+
className?: string;
|
|
1226
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
|
|
1227
|
+
|
|
1228
|
+
declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
1229
|
+
asChild?: boolean;
|
|
1230
|
+
className?: string;
|
|
1231
|
+
} & Sprinkles, never> & {
|
|
1232
|
+
endDecorator?: ReactNode;
|
|
1233
|
+
startDecorator?: ReactNode;
|
|
1234
|
+
} & {
|
|
1235
|
+
colorScheme?: "danger" | "neutral" | undefined;
|
|
1236
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1237
|
+
|
|
1238
|
+
declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
1239
|
+
asChild?: boolean;
|
|
1240
|
+
className?: string;
|
|
1241
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
|
|
1242
|
+
|
|
1243
|
+
declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
1244
|
+
asChild?: boolean;
|
|
1245
|
+
className?: string;
|
|
1246
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
|
|
1247
|
+
|
|
1248
|
+
declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
|
|
1249
|
+
asChild?: boolean;
|
|
1250
|
+
className?: string;
|
|
1251
|
+
} & Sprinkles, "size"> & Omit<{
|
|
1252
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
1253
|
+
children?: react.ReactNode;
|
|
1254
|
+
disabled?: boolean;
|
|
1255
|
+
endDecorator?: react.ReactNode;
|
|
1256
|
+
icon?: react.ReactNode;
|
|
1257
|
+
iconPosition?: "end" | "start";
|
|
1258
|
+
loading?: boolean;
|
|
1259
|
+
startDecorator?: react.ReactNode;
|
|
1260
|
+
} & Omit<{
|
|
1261
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
1262
|
+
iconOnly?: boolean | undefined;
|
|
1263
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
1264
|
+
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
1265
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
1266
|
+
|
|
1113
1267
|
declare const Field: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className" | "id"> & Omit<{
|
|
1114
1268
|
asChild?: boolean;
|
|
1115
1269
|
className?: string;
|
|
@@ -1163,22 +1317,22 @@ declare const Heading: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedH
|
|
|
1163
1317
|
truncate?: boolean | undefined;
|
|
1164
1318
|
}, never> & {
|
|
1165
1319
|
/**
|
|
1166
|
-
*
|
|
1320
|
+
* Control the visual size without changing the semantic tag.
|
|
1167
1321
|
*/
|
|
1168
|
-
|
|
1322
|
+
appearance?: keyof typeof mapTagToFontSize;
|
|
1169
1323
|
/**
|
|
1170
|
-
*
|
|
1324
|
+
* Presets for each level of heading h1-h6.
|
|
1171
1325
|
*/
|
|
1172
|
-
|
|
1326
|
+
level?: keyof typeof mapLevelToTag;
|
|
1173
1327
|
} & react.RefAttributes<HTMLHeadingElement>>;
|
|
1174
1328
|
|
|
1175
1329
|
type HoverCardProps = BoxProps<typeof RadixHoverCard.Root, {
|
|
1176
1330
|
keepOpenOnActivation?: boolean;
|
|
1177
1331
|
}>;
|
|
1178
|
-
declare
|
|
1179
|
-
|
|
1180
|
-
displayName: string;
|
|
1181
|
-
}
|
|
1332
|
+
declare function HoverCard({ children, defaultOpen, keepOpenOnActivation, onOpenChange, open: openProp, openDelay, ...props }: HoverCardProps): react_jsx_runtime.JSX.Element;
|
|
1333
|
+
declare namespace HoverCard {
|
|
1334
|
+
var displayName: string;
|
|
1335
|
+
}
|
|
1182
1336
|
|
|
1183
1337
|
declare const HoverCardContent: react.ForwardRefExoticComponent<Omit<Omit<RadixHoverCard.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
1184
1338
|
asChild?: boolean;
|
|
@@ -1200,7 +1354,7 @@ declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<rea
|
|
|
1200
1354
|
}, never> & {
|
|
1201
1355
|
colorScheme?: "primary" | "danger" | "neutral" | "success" | "warning" | "information" | undefined;
|
|
1202
1356
|
variant?: "solid" | "light" | undefined;
|
|
1203
|
-
} & 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" | "
|
|
1357
|
+
} & 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<{
|
|
1204
1358
|
asChild?: boolean;
|
|
1205
1359
|
className?: string;
|
|
1206
1360
|
} & Sprinkles, never> & {
|
|
@@ -1223,11 +1377,11 @@ declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
|
|
|
1223
1377
|
error?: boolean;
|
|
1224
1378
|
startDecorator?: react.ReactNode;
|
|
1225
1379
|
} & {
|
|
1226
|
-
size?: "
|
|
1380
|
+
size?: "md" | "lg" | undefined;
|
|
1227
1381
|
}, "children"> & {
|
|
1228
1382
|
children?: never;
|
|
1229
1383
|
} & {
|
|
1230
|
-
|
|
1384
|
+
appearance?: "number" | "default" | undefined;
|
|
1231
1385
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
1232
1386
|
|
|
1233
1387
|
declare const mapKeyToCode: {
|
|
@@ -1254,56 +1408,6 @@ declare const Kbd: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLP
|
|
|
1254
1408
|
variant?: "outline" | "subtle" | undefined;
|
|
1255
1409
|
} & react.RefAttributes<HTMLElement>>;
|
|
1256
1410
|
|
|
1257
|
-
type MenuProps = ComponentPropsWithoutRef<typeof RadixMenu.Root>;
|
|
1258
|
-
declare const Menu: {
|
|
1259
|
-
({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
|
|
1260
|
-
displayName: string;
|
|
1261
|
-
};
|
|
1262
|
-
|
|
1263
|
-
declare const MenuContent: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
1264
|
-
asChild?: boolean;
|
|
1265
|
-
className?: string;
|
|
1266
|
-
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
|
|
1267
|
-
|
|
1268
|
-
declare const MenuItem: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
1269
|
-
asChild?: boolean;
|
|
1270
|
-
className?: string;
|
|
1271
|
-
} & Sprinkles, never> & {
|
|
1272
|
-
endDecorator?: ReactNode;
|
|
1273
|
-
startDecorator?: ReactNode;
|
|
1274
|
-
} & {
|
|
1275
|
-
colorScheme?: "danger" | "neutral" | undefined;
|
|
1276
|
-
} & react.RefAttributes<HTMLDivElement>>;
|
|
1277
|
-
|
|
1278
|
-
declare const MenuLabel: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
1279
|
-
asChild?: boolean;
|
|
1280
|
-
className?: string;
|
|
1281
|
-
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
|
|
1282
|
-
|
|
1283
|
-
declare const MenuSeparator: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
1284
|
-
asChild?: boolean;
|
|
1285
|
-
className?: string;
|
|
1286
|
-
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
|
|
1287
|
-
|
|
1288
|
-
declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
|
|
1289
|
-
asChild?: boolean;
|
|
1290
|
-
className?: string;
|
|
1291
|
-
} & Sprinkles, "size"> & Omit<{
|
|
1292
|
-
appearance?: "primary" | "secondary" | "default" | "danger" | "danger-outline";
|
|
1293
|
-
children?: react.ReactNode;
|
|
1294
|
-
disabled?: boolean;
|
|
1295
|
-
endDecorator?: react.ReactNode;
|
|
1296
|
-
icon?: react.ReactNode;
|
|
1297
|
-
iconPosition?: "end" | "start";
|
|
1298
|
-
loading?: boolean;
|
|
1299
|
-
startDecorator?: react.ReactNode;
|
|
1300
|
-
} & Omit<{
|
|
1301
|
-
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
1302
|
-
iconOnly?: boolean | undefined;
|
|
1303
|
-
size?: "sm" | "md" | "lg" | undefined;
|
|
1304
|
-
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
1305
|
-
}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
1306
|
-
|
|
1307
1411
|
type PaginationProps = BoxProps<"nav", {
|
|
1308
1412
|
boundaries?: number;
|
|
1309
1413
|
defaultPage?: number;
|
|
@@ -1330,7 +1434,7 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<rea
|
|
|
1330
1434
|
asChild?: boolean;
|
|
1331
1435
|
className?: string;
|
|
1332
1436
|
} & Sprinkles, "size"> & Omit<{
|
|
1333
|
-
appearance?: "primary" | "secondary" | "default" | "danger" | "danger-outline";
|
|
1437
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
1334
1438
|
children?: react.ReactNode;
|
|
1335
1439
|
disabled?: boolean;
|
|
1336
1440
|
endDecorator?: react.ReactNode;
|
|
@@ -1343,7 +1447,7 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<rea
|
|
|
1343
1447
|
iconOnly?: boolean | undefined;
|
|
1344
1448
|
size?: "sm" | "md" | "lg" | undefined;
|
|
1345
1449
|
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
1346
|
-
}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
1450
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
1347
1451
|
|
|
1348
1452
|
declare const Progress: react.ForwardRefExoticComponent<Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
1349
1453
|
asChild?: boolean;
|
|
@@ -1362,7 +1466,7 @@ declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<Omit<RadixRad
|
|
|
1362
1466
|
endDecorator?: ReactNode;
|
|
1363
1467
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1364
1468
|
|
|
1365
|
-
declare const
|
|
1469
|
+
declare const SearchInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "children" | "size" | "color" | "className" | "disabled"> & Omit<{
|
|
1366
1470
|
asChild?: boolean;
|
|
1367
1471
|
className?: string;
|
|
1368
1472
|
} & Sprinkles, "size" | "asChild"> & Omit<{
|
|
@@ -1374,11 +1478,11 @@ declare const Search: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.
|
|
|
1374
1478
|
error?: boolean;
|
|
1375
1479
|
startDecorator?: react.ReactNode;
|
|
1376
1480
|
} & {
|
|
1377
|
-
size?: "
|
|
1481
|
+
size?: "md" | "lg" | undefined;
|
|
1378
1482
|
}, "children"> & {
|
|
1379
1483
|
children?: never;
|
|
1380
1484
|
} & {
|
|
1381
|
-
|
|
1485
|
+
appearance?: "number" | "default" | undefined;
|
|
1382
1486
|
} & react.RefAttributes<HTMLInputElement>, "ref"> & {
|
|
1383
1487
|
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;
|
|
1384
1488
|
}, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
|
@@ -1410,6 +1514,13 @@ declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
|
|
|
1410
1514
|
h?: Sprinkles["h"];
|
|
1411
1515
|
} & react.RefAttributes<HTMLSpanElement>>;
|
|
1412
1516
|
|
|
1517
|
+
declare const Spinner: react.ForwardRefExoticComponent<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref">, "fontFamily" | "fontSize" | "color" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "className"> & Omit<{
|
|
1518
|
+
asChild?: boolean;
|
|
1519
|
+
className?: string;
|
|
1520
|
+
} & Sprinkles, never> & {
|
|
1521
|
+
colorScheme?: "default" | "inverse";
|
|
1522
|
+
} & react.RefAttributes<SVGSVGElement>>;
|
|
1523
|
+
|
|
1413
1524
|
declare const axiom: string;
|
|
1414
1525
|
declare const base: string;
|
|
1415
1526
|
declare const reset: string;
|
|
@@ -1459,7 +1570,7 @@ declare const theme: {
|
|
|
1459
1570
|
readonly "bg.error.solid.hover": "#B21313";
|
|
1460
1571
|
readonly "bg.information": "#E7F3FE";
|
|
1461
1572
|
readonly "bg.information.solid": "#1668AC";
|
|
1462
|
-
readonly "bg.input.disabled": "#
|
|
1573
|
+
readonly "bg.input.disabled": "#091E420A";
|
|
1463
1574
|
readonly "bg.neutral": "#F5F6FA";
|
|
1464
1575
|
readonly "bg.neutral.inverse": "#2E3442";
|
|
1465
1576
|
readonly "bg.neutral.inverse.hover": "#262B37";
|
|
@@ -1566,8 +1677,9 @@ declare const theme: {
|
|
|
1566
1677
|
readonly "neutral.1000": "#1C2029";
|
|
1567
1678
|
readonly "neutral.1100": "#171A23";
|
|
1568
1679
|
readonly "neutral.1200": "#091E42";
|
|
1680
|
+
readonly "neutral.50/6": "#F9FAFC0F";
|
|
1569
1681
|
readonly "neutral.50/32": "#F9FAFC52";
|
|
1570
|
-
readonly "neutral.1200/
|
|
1682
|
+
readonly "neutral.1200/4": "#091E420A";
|
|
1571
1683
|
readonly "neutral.1200/12": "#091E421F";
|
|
1572
1684
|
readonly "neutral.1200/18": "#091E422E";
|
|
1573
1685
|
readonly "neutral.1200/22": "#091E4238";
|
|
@@ -1842,7 +1954,7 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
|
|
|
1842
1954
|
asChild?: boolean;
|
|
1843
1955
|
className?: string;
|
|
1844
1956
|
} & Sprinkles, "size"> & Omit<{
|
|
1845
|
-
appearance?: "primary" | "secondary" | "default" | "danger" | "danger-outline";
|
|
1957
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
1846
1958
|
children?: react.ReactNode;
|
|
1847
1959
|
disabled?: boolean;
|
|
1848
1960
|
endDecorator?: react.ReactNode;
|
|
@@ -1855,7 +1967,7 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
|
|
|
1855
1967
|
iconOnly?: boolean | undefined;
|
|
1856
1968
|
size?: "sm" | "md" | "lg" | undefined;
|
|
1857
1969
|
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
1858
|
-
}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
1970
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
1859
1971
|
|
|
1860
1972
|
declare const text: (props?: {
|
|
1861
1973
|
lineClamp?: "2" | "4" | "1" | "3" | undefined;
|
|
@@ -1879,7 +1991,7 @@ declare const Text: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTML
|
|
|
1879
1991
|
}, never> & react.RefAttributes<HTMLParagraphElement>>;
|
|
1880
1992
|
|
|
1881
1993
|
declare const input: (props?: {
|
|
1882
|
-
size?: "
|
|
1994
|
+
size?: "md" | "lg" | undefined;
|
|
1883
1995
|
} | undefined, className?: string) => {
|
|
1884
1996
|
className: string;
|
|
1885
1997
|
};
|
|
@@ -1924,7 +2036,7 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.
|
|
|
1924
2036
|
asChild?: boolean;
|
|
1925
2037
|
className?: string;
|
|
1926
2038
|
} & Sprinkles, "size"> & Omit<{
|
|
1927
|
-
appearance?: "primary" | "secondary" | "default" | "danger" | "danger-outline";
|
|
2039
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
1928
2040
|
children?: react.ReactNode;
|
|
1929
2041
|
disabled?: boolean;
|
|
1930
2042
|
endDecorator?: react.ReactNode;
|
|
@@ -1937,34 +2049,11 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.
|
|
|
1937
2049
|
iconOnly?: boolean | undefined;
|
|
1938
2050
|
size?: "sm" | "md" | "lg" | undefined;
|
|
1939
2051
|
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
1940
|
-
}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
2052
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
1941
2053
|
|
|
1942
2054
|
type ToastElement = ReactElement<ComponentPropsWithoutRef<typeof Toast>>;
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
set: <Value, Args extends unknown[], Result>(atom: jotai.WritableAtom<Value, Args, Result>, ...args: Args) => Result;
|
|
1946
|
-
sub: (atom: jotai.Atom<unknown>, listener: () => void) => () => void;
|
|
1947
|
-
} | ({
|
|
1948
|
-
get: <Value>(atom: jotai.Atom<Value>) => Value;
|
|
1949
|
-
set: <Value, Args extends unknown[], Result>(atom: jotai.WritableAtom<Value, Args, Result>, ...args: Args) => Result;
|
|
1950
|
-
sub: (atom: jotai.Atom<unknown>, listener: () => void) => () => void;
|
|
1951
|
-
} & {
|
|
1952
|
-
dev4_get_internal_weak_map: () => WeakMap<jotai.Atom<unknown>, {
|
|
1953
|
-
readonly d: Map<jotai.Atom<unknown>, number>;
|
|
1954
|
-
readonly p: Set<jotai.Atom<unknown>>;
|
|
1955
|
-
n: number;
|
|
1956
|
-
m?: {
|
|
1957
|
-
readonly l: Set<() => void>;
|
|
1958
|
-
readonly d: Set<jotai.Atom<unknown>>;
|
|
1959
|
-
readonly t: Set<jotai.Atom<unknown>>;
|
|
1960
|
-
u?: () => void;
|
|
1961
|
-
};
|
|
1962
|
-
v?: unknown;
|
|
1963
|
-
e?: unknown;
|
|
1964
|
-
}>;
|
|
1965
|
-
dev4_get_mounted_atoms: () => Set<jotai.Atom<unknown>>;
|
|
1966
|
-
dev4_restore_atoms: (values: Iterable<readonly [jotai.Atom<unknown>, unknown]>) => void;
|
|
1967
|
-
})) => {
|
|
2055
|
+
type Store = ReturnType<typeof getDefaultStore>;
|
|
2056
|
+
declare const createToaster: (store?: Store) => {
|
|
1968
2057
|
atom: jotai.PrimitiveAtom<{
|
|
1969
2058
|
id: string;
|
|
1970
2059
|
open: boolean;
|
|
@@ -1988,7 +2077,7 @@ declare const ToastProvider: react.ForwardRefExoticComponent<Omit<Omit<RadixToas
|
|
|
1988
2077
|
container?: ComponentPropsWithoutRef<typeof Portal>["container"];
|
|
1989
2078
|
toaster: ReturnType<typeof createToaster>;
|
|
1990
2079
|
} & RadixToast.ToastProviderProps & {
|
|
1991
|
-
position?: "
|
|
2080
|
+
position?: "bottom" | "top" | "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
|
|
1992
2081
|
} & react.RefAttributes<HTMLOListElement>>;
|
|
1993
2082
|
|
|
1994
2083
|
declare const ToastTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
@@ -2001,6 +2090,25 @@ declare const ToastTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.T
|
|
|
2001
2090
|
truncate?: boolean | undefined;
|
|
2002
2091
|
}, never> & react.RefAttributes<HTMLDivElement>>;
|
|
2003
2092
|
|
|
2093
|
+
declare const Toggle: react.ForwardRefExoticComponent<Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
|
|
2094
|
+
asChild?: boolean;
|
|
2095
|
+
className?: string;
|
|
2096
|
+
} & Sprinkles, "size"> & Omit<{
|
|
2097
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
2098
|
+
children?: react.ReactNode;
|
|
2099
|
+
disabled?: boolean;
|
|
2100
|
+
endDecorator?: react.ReactNode;
|
|
2101
|
+
icon?: react.ReactNode;
|
|
2102
|
+
iconPosition?: "end" | "start";
|
|
2103
|
+
loading?: boolean;
|
|
2104
|
+
startDecorator?: react.ReactNode;
|
|
2105
|
+
} & Omit<{
|
|
2106
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
2107
|
+
iconOnly?: boolean | undefined;
|
|
2108
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
2109
|
+
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
2110
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
2111
|
+
|
|
2004
2112
|
declare const Tooltip: react.ForwardRefExoticComponent<Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "color" | "asChild" | "className" | "content"> & Omit<{
|
|
2005
2113
|
asChild?: boolean;
|
|
2006
2114
|
className?: string;
|
|
@@ -2021,9 +2129,10 @@ declare const Tooltip: react.ForwardRefExoticComponent<Omit<Omit<RadixTooltip.To
|
|
|
2021
2129
|
|
|
2022
2130
|
declare const Transition: react.ForwardRefExoticComponent<{
|
|
2023
2131
|
children: ReactElement;
|
|
2132
|
+
"data-side"?: "bottom" | "left" | "right" | "top";
|
|
2024
2133
|
} & {
|
|
2025
2134
|
duration?: "sm" | "md" | "lg" | undefined;
|
|
2026
2135
|
type?: "pop" | "fade" | undefined;
|
|
2027
2136
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
2028
2137
|
|
|
2029
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog,
|
|
2138
|
+
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, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, SearchInput, 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 };
|