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

package/dist/index.d.ts

@@ -1,15 +1,15 @@
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithoutRef, ReactElement, ElementType, ComponentPropsWithRef } from 'react';
 import * as RadixAccordion from '@radix-ui/react-accordion';
-import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './PopoverContent-DHQm-nPQ.js';
-export { a as Box, L as Link, P as Popover, b as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-DHQm-nPQ.js';
+import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './PopoverContent-Cyo4iBvE.js';
+export { a as Box, L as Link, P as Popover, b as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-Cyo4iBvE.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { Portal } from '@radix-ui/react-portal';
 import * as RadixToast from '@radix-ui/react-toast';
 import { createToaster } from '@optiaxiom/globals';
-export { createToaster, toaster } from '@optiaxiom/globals';
+export { createToaster, theme, toaster, tokens, tokensDark } from '@optiaxiom/globals';
 import * as RadixCheckbox from '@radix-ui/react-checkbox';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
@@ -25,14 +25,14 @@ import TextareaAutosize from 'react-textarea-autosize';
 import * as RadixToggle from '@radix-ui/react-toggle';
 
 declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
-    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">;
-    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")>;
+    restProps: Omit<S, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">;
+    sprinkleProps: Pick<S, keyof S & ("borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w")>;
 };
 
 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<{
     asChild?: boolean;
     className?: string;
-} & 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> & {
+} & Sprinkles, "asChild" | "className"> & Omit<Omit<RadixAccordion.AccordionMultipleProps, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w"> | Omit<RadixAccordion.AccordionSingleProps, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">, never> & {
     appearance?: "primary" | "secondary";
 } & react.RefAttributes<HTMLDivElement>>;
 
@@ -50,8 +50,8 @@ declare const AccordionTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixA
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    endDecorator?: ReactNode;
-    startDecorator?: ReactNode;
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
 } & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Alert: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
@@ -81,14 +81,14 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<Omit<Radix
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
     appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    endDecorator?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
     loading?: boolean;
-    startDecorator?: react.ReactNode;
 } & Omit<{
     colorScheme?: "primary" | "danger" | "neutral" | undefined;
     iconOnly?: boolean | undefined;
@@ -100,14 +100,14 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<Radix
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
     appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    endDecorator?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
     loading?: boolean;
-    startDecorator?: react.ReactNode;
 } & Omit<{
     colorScheme?: "primary" | "danger" | "neutral" | undefined;
     iconOnly?: boolean | undefined;
@@ -115,785 +115,6 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<Radix
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const tokens: {
-    readonly borderRadius: {
-        readonly xs: "2px";
-        readonly sm: "4px";
-        readonly md: "6px";
-        readonly lg: "8px";
-        readonly xl: "12px";
-        readonly full: "9999px";
-        readonly none: "0";
-    };
-    readonly borderWidth: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "4": string;
-    };
-    readonly boxShadow: {
-        readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
-        readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
-        readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
-        readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
-        readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
-        readonly inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);";
-        readonly none: "0 0 #0000";
-    };
-    readonly colors: {
-        readonly "bg.brand": "#F0F3FF";
-        readonly "bg.brand.solid": "#0037FF";
-        readonly "bg.brand.solid.hover": "#002CCC";
-        readonly "bg.disabled": "#091E422E";
-        readonly "bg.discovery": "#F1ECF8";
-        readonly "bg.error": "#FFF7F7";
-        readonly "bg.error.solid": "#CC1616";
-        readonly "bg.error.solid.hover": "#B21313";
-        readonly "bg.information": "#E7F3FE";
-        readonly "bg.information.solid": "#1668AC";
-        readonly "bg.input.disabled": "#091E420A";
-        readonly "bg.neutral": "#F5F6FA";
-        readonly "bg.neutral.inverse": "#2E3442";
-        readonly "bg.neutral.inverse.hover": "#262B37";
-        readonly "bg.neutral.solid": "#CACFDC";
-        readonly "bg.neutral.solid.hover": "#b8becb";
-        readonly "bg.success": "#E9F7F1";
-        readonly "bg.success.solid": "#03A65D";
-        readonly "bg.success.solid.hover": "#038047";
-        readonly "bg.warning": "#FFFAEA";
-        readonly "bg.warning.solid": "#F79008";
-        readonly "bg.warning.solid.hover": "#DC6903";
-        readonly "border.active": "#868FA4";
-        readonly "border.active.hover": "#626A81";
-        readonly "border.brand": "#0037FF";
-        readonly "border.default": "#CACFDC";
-        readonly "border.disabled": "#F5F6FA";
-        readonly "border.error": "#CC1616";
-        readonly "border.secondary": "#DADFEB";
-        readonly "border.success": "#03A65D";
-        readonly "border.tertiary": "#E9EDF5";
-        readonly "border.warning": "#F79008";
-        readonly "fg.accent.blue": "#2094F3";
-        readonly "fg.accent.magenta": "#81046A";
-        readonly "fg.accent.purple": "#4A297F";
-        readonly "fg.accent.red": "#CC1616";
-        readonly "fg.brand": "#002894";
-        readonly "fg.default": "#2E3442";
-        readonly "fg.default.inverse": "#FFFFFF";
-        readonly "fg.disabled": "#091E4252";
-        readonly "fg.error": "#911D1D";
-        readonly "fg.information": "#1668AC";
-        readonly "fg.link": "#0037FF";
-        readonly "fg.link.hover": "#002CCC";
-        readonly "fg.link.visited": "#693AB6";
-        readonly "fg.secondary": "#4F576E";
-        readonly "fg.success": "#24663E";
-        readonly "fg.tertiary": "#626A81";
-        readonly "fg.warning": "#B54707";
-        readonly "outline.brand": "#6A8FFC";
-        readonly overlay: "#091E4252";
-        readonly surface: "#FFFFFF";
-        readonly current: "currentColor";
-        readonly transparent: "transparent";
-        readonly black: "#000000";
-        readonly white: "#FFFFFF";
-        readonly "aqua.50": "#E5F7FB";
-        readonly "aqua.200": "#9AE5EF";
-        readonly "aqua.500": "#00BDD6";
-        readonly "aqua.600": "#007A8A";
-        readonly "blue.50": "#E7F3FE";
-        readonly "blue.200": "#A8D5FA";
-        readonly "blue.500": "#2094F3";
-        readonly "blue.600": "#1668AC";
-        readonly "blue.900": "#1C2B41";
-        readonly "brand.50": "#F0F3FF";
-        readonly "brand.100": "#CDD8FC";
-        readonly "brand.200": "#B3C3FF";
-        readonly "brand.300": "#6A8FFC";
-        readonly "brand.400": "#2E66F7";
-        readonly "brand.500": "#0037FF";
-        readonly "brand.600": "#002CCC";
-        readonly "brand.700": "#002894";
-        readonly "brand.800": "#001666";
-        readonly "brand.900": "#000B33";
-        readonly "dark.50": "#d9d9d9";
-        readonly "dark.200": "#9e9e9e";
-        readonly "dark.500": "#707070";
-        readonly "dark.600": "#080736";
-        readonly "gray.50": "#f9fafb";
-        readonly "gray.100": "#f3f4f6";
-        readonly "gray.200": "#e5e7eb";
-        readonly "gray.300": "#d1d5db";
-        readonly "gray.400": "#9ca3af";
-        readonly "gray.500": "#6b7280";
-        readonly "gray.600": "#4b5563";
-        readonly "gray.700": "#374151";
-        readonly "gray.800": "#1f2937";
-        readonly "gray.900": "#111827";
-        readonly "green.50": "#E9F7F1";
-        readonly "green.100": "#D1F0E1";
-        readonly "green.200": "#A5E1C3";
-        readonly "green.300": "#7CD2A7";
-        readonly "green.400": "#5AC58A";
-        readonly "green.500": "#03A65D";
-        readonly "green.600": "#038047";
-        readonly "green.700": "#24663E";
-        readonly "green.800": "#17492B";
-        readonly "green.900": "#082415";
-        readonly "magenta.50": "#F8E7F5";
-        readonly "magenta.200": "#E39CD6";
-        readonly "magenta.500": "#B80597";
-        readonly "magenta.600": "#81046A";
-        readonly "neutral.50": "#F9FAFC";
-        readonly "neutral.75": "#F5F6FA";
-        readonly "neutral.100": "#E9EDF5";
-        readonly "neutral.150": "#DADFEB";
-        readonly "neutral.200": "#CACFDC";
-        readonly "neutral.300": "#b8becb";
-        readonly "neutral.500": "#868FA4";
-        readonly "neutral.600": "#626A81";
-        readonly "neutral.700": "#4F576E";
-        readonly "neutral.800": "#2E3442";
-        readonly "neutral.900": "#262B37";
-        readonly "neutral.1000": "#1C2029";
-        readonly "neutral.1100": "#171A23";
-        readonly "neutral.1200": "#091E42";
-        readonly "neutral.50/6": "#F9FAFC0F";
-        readonly "neutral.50/32": "#F9FAFC52";
-        readonly "neutral.1200/4": "#091E420A";
-        readonly "neutral.1200/12": "#091E421F";
-        readonly "neutral.1200/18": "#091E422E";
-        readonly "neutral.1200/22": "#091E4238";
-        readonly "neutral.1200/32": "#091E4252";
-        readonly "orange.50": "#fff5e5";
-        readonly "orange.200": "#ffd699";
-        readonly "orange.500": "#ff9900";
-        readonly "orange.600": "#a36200";
-        readonly "purple.50": "#F1ECF8";
-        readonly "purple.200": "#C4B1E2";
-        readonly "purple.500": "#693AB6";
-        readonly "purple.600": "#4A297F";
-        readonly "purple.900": "#2B273F";
-        readonly "red.50": "#FFF7F7";
-        readonly "red.100": "#FCD6D6";
-        readonly "red.200": "#F9ACAC";
-        readonly "red.300": "#FC8B8B";
-        readonly "red.400": "#E31818";
-        readonly "red.500": "#CC1616";
-        readonly "red.600": "#B21313";
-        readonly "red.700": "#911D1D";
-        readonly "red.800": "#601313";
-        readonly "red.900": "#300A0A";
-        readonly "slate.50": "#f8fafc";
-        readonly "slate.100": "#f1f5f9";
-        readonly "slate.200": "#e2e8f0";
-        readonly "slate.300": "#cbd5e1";
-        readonly "slate.400": "#94a3b8";
-        readonly "slate.500": "#64748b";
-        readonly "slate.600": "#475569";
-        readonly "slate.700": "#334155";
-        readonly "slate.800": "#1e293b";
-        readonly "slate.900": "#0f172a";
-        readonly "slate.950": "#020617";
-        readonly "yellow.50": "#FFFAEA";
-        readonly "yellow.100": "#FEF1C6";
-        readonly "yellow.200": "#FEDF88";
-        readonly "yellow.300": "#FFC84B";
-        readonly "yellow.400": "#FDB022";
-        readonly "yellow.500": "#F79008";
-        readonly "yellow.600": "#DC6903";
-        readonly "yellow.700": "#B54707";
-        readonly "yellow.800": "#7A2E0D";
-        readonly "yellow.900": "#4E1D09";
-    };
-    readonly fontFamily: {
-        readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
-        readonly sans: "InterVariable, system-ui, sans-serif";
-    };
-    readonly fontSize: {
-        readonly xs: {
-            readonly fontSize: "10px";
-            readonly lineHeight: "14px";
-        };
-        readonly sm: {
-            readonly fontSize: "12px";
-            readonly lineHeight: "16px";
-        };
-        readonly md: {
-            readonly fontSize: "14px";
-            readonly lineHeight: "20px";
-        };
-        readonly lg: {
-            readonly fontSize: "16px";
-            readonly lineHeight: "24px";
-        };
-        readonly xl: {
-            readonly fontSize: "18px";
-            readonly lineHeight: "28px";
-        };
-        readonly "2xl": {
-            readonly fontSize: "20px";
-            readonly lineHeight: "28px";
-        };
-        readonly "3xl": {
-            readonly fontSize: "24px";
-            readonly lineHeight: "32px";
-        };
-        readonly "4xl": {
-            readonly fontSize: "30px";
-            readonly lineHeight: "36px";
-        };
-        readonly "5xl": {
-            readonly fontSize: "36px";
-            readonly lineHeight: "40px";
-        };
-        readonly "6xl": {
-            readonly fontSize: "48px";
-            readonly lineHeight: "1";
-        };
-        readonly "7xl": {
-            readonly fontSize: "60px";
-            readonly lineHeight: "1";
-        };
-    };
-    readonly letterSpacing: {
-        readonly tighter: "-0.05em";
-        readonly tight: "-0.025em";
-        readonly normal: "0";
-        readonly wide: "0.025em";
-        readonly wider: "0.05em";
-        readonly widest: "0.1em";
-    };
-    readonly lineHeight: {
-        readonly none: "1";
-        readonly tight: "1.25";
-        readonly normal: "1.5";
-        readonly loose: "2";
-    };
-    readonly margins: {
-        readonly "-xs": "-8px";
-        readonly "-sm": "-12px";
-        readonly "-md": "-16px";
-        readonly "-lg": "-24px";
-        readonly "-xl": "-32px";
-        readonly "-2": "-2px";
-        readonly "-4": "-4px";
-        readonly "-6": "-6px";
-        readonly "-8": "-8px";
-        readonly "-10": "-10px";
-        readonly "-12": "-12px";
-        readonly "-16": "-16px";
-        readonly "-24": "-24px";
-        readonly "-32": "-32px";
-        readonly "-48": "-48px";
-        readonly "-64": "-64px";
-        readonly "-80": "-80px";
-        readonly xs: "8px";
-        readonly sm: "12px";
-        readonly md: "16px";
-        readonly lg: "24px";
-        readonly xl: "32px";
-        readonly "0": "0";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "10": "10px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "48": "48px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-    };
-    readonly maxSize: {
-        readonly xs: "320px";
-        readonly sm: "384px";
-        readonly md: "448px";
-        readonly lg: "512px";
-        readonly xl: "576px";
-        readonly "2xl": "672px";
-        readonly full: "100%";
-    };
-    readonly screens: {
-        readonly sm: "600px";
-        readonly md: "900px";
-        readonly lg: "1200px";
-    };
-    readonly size: {
-        readonly xs: "20px";
-        readonly sm: "24px";
-        readonly md: "32px";
-        readonly lg: "40px";
-        readonly xl: "48px";
-        readonly "5xl": "80px";
-        readonly "0": "0";
-        readonly "1": "1px";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "40": "40px";
-        readonly "48": "48px";
-        readonly "56": "56px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-        readonly "96": "96px";
-        readonly "112": "112px";
-        readonly "128": "128px";
-        readonly "144": "144px";
-        readonly "160": "160px";
-        readonly "176": "176px";
-        readonly "192": "192px";
-        readonly "208": "208px";
-        readonly "224": "224px";
-        readonly "240": "240px";
-        readonly "256": "256px";
-        readonly "288": "288px";
-        readonly "320": "320px";
-        readonly "384": "384px";
-        readonly "1/2": "50%";
-        readonly "1/3": "33.333333%";
-        readonly "2/3": "66.666666%";
-        readonly "1/4": "25%";
-        readonly "2/4": "50%";
-        readonly "3/4": "75%";
-        readonly auto: "auto";
-        readonly fit: "fit-content";
-        readonly full: "100%";
-        readonly max: "max-content";
-        readonly min: "min-content";
-    };
-    readonly spacing: {
-        readonly xs: "8px";
-        readonly sm: "12px";
-        readonly md: "16px";
-        readonly lg: "24px";
-        readonly xl: "32px";
-        readonly "0": "0";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "10": "10px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "48": "48px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-    };
-    readonly zIndex: {
-        readonly "0": "0";
-        readonly "10": "10";
-        readonly "20": "20";
-        readonly "30": "30";
-        readonly "40": "40";
-        readonly "50": "50";
-        readonly auto: "auto";
-        readonly popover: "3000";
-        readonly toast: "3010";
-    };
-};
-declare const tokensDark: {
-    readonly colors: {
-        readonly "bg.brand": "#F0F3FF";
-        readonly "bg.brand.solid": "#0037FF";
-        readonly "bg.brand.solid.hover": "#002CCC";
-        readonly "bg.disabled": "#1C2029";
-        readonly "bg.discovery": "#2B273F";
-        readonly "bg.error": "#FFF7F7";
-        readonly "bg.error.solid": "#CC1616";
-        readonly "bg.error.solid.hover": "#B21313";
-        readonly "bg.information": "#1C2B41";
-        readonly "bg.information.solid": "#1668AC";
-        readonly "bg.input.disabled": "#091E420A";
-        readonly "bg.neutral": "#1e293b";
-        readonly "bg.neutral.inverse": "#E9EDF5";
-        readonly "bg.neutral.inverse.hover": "#CACFDC";
-        readonly "bg.neutral.solid": "#E9EDF5";
-        readonly "bg.neutral.solid.hover": "#2E3442";
-        readonly "bg.success": "#082415";
-        readonly "bg.success.solid": "#03A65D";
-        readonly "bg.success.solid.hover": "#038047";
-        readonly "bg.warning": "#FFFAEA";
-        readonly "bg.warning.solid": "#F79008";
-        readonly "bg.warning.solid.hover": "#DC6903";
-        readonly "border.active": "#868FA4";
-        readonly "border.active.hover": "#626A81";
-        readonly "border.brand": "#0037FF";
-        readonly "border.default": "#1f2937";
-        readonly "border.disabled": "#F5F6FA";
-        readonly "border.error": "#CC1616";
-        readonly "border.secondary": "#DADFEB";
-        readonly "border.success": "#03A65D";
-        readonly "border.tertiary": "#262B37";
-        readonly "border.warning": "#F79008";
-        readonly "fg.accent.blue": "#A8D5FA";
-        readonly "fg.accent.magenta": "#E39CD6";
-        readonly "fg.accent.purple": "#C4B1E2";
-        readonly "fg.accent.red": "#F9ACAC";
-        readonly "fg.brand": "#0037FF";
-        readonly "fg.default": "#f3f4f6";
-        readonly "fg.default.inverse": "#262B37";
-        readonly "fg.disabled": "#868FA4";
-        readonly "fg.error": "#CC1616";
-        readonly "fg.information": "#1668AC";
-        readonly "fg.link": "#FFFFFF";
-        readonly "fg.link.hover": "#FFFFFF";
-        readonly "fg.link.visited": "#C4B1E2";
-        readonly "fg.secondary": "#94a3b8";
-        readonly "fg.success": "#A5E1C3";
-        readonly "fg.tertiary": "#626A81";
-        readonly "fg.warning": "#F79008";
-        readonly "outline.brand": "#6A8FFC";
-        readonly overlay: "#F9FAFC52";
-        readonly surface: "#111827";
-        readonly current: "currentColor";
-        readonly transparent: "transparent";
-        readonly black: "#000000";
-        readonly white: "#FFFFFF";
-        readonly "aqua.50": "#E5F7FB";
-        readonly "aqua.200": "#9AE5EF";
-        readonly "aqua.500": "#00BDD6";
-        readonly "aqua.600": "#007A8A";
-        readonly "blue.50": "#E7F3FE";
-        readonly "blue.200": "#A8D5FA";
-        readonly "blue.500": "#2094F3";
-        readonly "blue.600": "#1668AC";
-        readonly "blue.900": "#1C2B41";
-        readonly "brand.50": "#F0F3FF";
-        readonly "brand.100": "#CDD8FC";
-        readonly "brand.200": "#B3C3FF";
-        readonly "brand.300": "#6A8FFC";
-        readonly "brand.400": "#2E66F7";
-        readonly "brand.500": "#0037FF";
-        readonly "brand.600": "#002CCC";
-        readonly "brand.700": "#002894";
-        readonly "brand.800": "#001666";
-        readonly "brand.900": "#000B33";
-        readonly "dark.50": "#d9d9d9";
-        readonly "dark.200": "#9e9e9e";
-        readonly "dark.500": "#707070";
-        readonly "dark.600": "#080736";
-        readonly "gray.50": "#f9fafb";
-        readonly "gray.100": "#f3f4f6";
-        readonly "gray.200": "#e5e7eb";
-        readonly "gray.300": "#d1d5db";
-        readonly "gray.400": "#9ca3af";
-        readonly "gray.500": "#6b7280";
-        readonly "gray.600": "#4b5563";
-        readonly "gray.700": "#374151";
-        readonly "gray.800": "#1f2937";
-        readonly "gray.900": "#111827";
-        readonly "green.50": "#E9F7F1";
-        readonly "green.100": "#D1F0E1";
-        readonly "green.200": "#A5E1C3";
-        readonly "green.300": "#7CD2A7";
-        readonly "green.400": "#5AC58A";
-        readonly "green.500": "#03A65D";
-        readonly "green.600": "#038047";
-        readonly "green.700": "#24663E";
-        readonly "green.800": "#17492B";
-        readonly "green.900": "#082415";
-        readonly "magenta.50": "#F8E7F5";
-        readonly "magenta.200": "#E39CD6";
-        readonly "magenta.500": "#B80597";
-        readonly "magenta.600": "#81046A";
-        readonly "neutral.50": "#F9FAFC";
-        readonly "neutral.75": "#F5F6FA";
-        readonly "neutral.100": "#E9EDF5";
-        readonly "neutral.150": "#DADFEB";
-        readonly "neutral.200": "#CACFDC";
-        readonly "neutral.300": "#b8becb";
-        readonly "neutral.500": "#868FA4";
-        readonly "neutral.600": "#626A81";
-        readonly "neutral.700": "#4F576E";
-        readonly "neutral.800": "#2E3442";
-        readonly "neutral.900": "#262B37";
-        readonly "neutral.1000": "#1C2029";
-        readonly "neutral.1100": "#171A23";
-        readonly "neutral.1200": "#091E42";
-        readonly "neutral.50/6": "#F9FAFC0F";
-        readonly "neutral.50/32": "#F9FAFC52";
-        readonly "neutral.1200/4": "#091E420A";
-        readonly "neutral.1200/12": "#091E421F";
-        readonly "neutral.1200/18": "#091E422E";
-        readonly "neutral.1200/22": "#091E4238";
-        readonly "neutral.1200/32": "#091E4252";
-        readonly "orange.50": "#fff5e5";
-        readonly "orange.200": "#ffd699";
-        readonly "orange.500": "#ff9900";
-        readonly "orange.600": "#a36200";
-        readonly "purple.50": "#F1ECF8";
-        readonly "purple.200": "#C4B1E2";
-        readonly "purple.500": "#693AB6";
-        readonly "purple.600": "#4A297F";
-        readonly "purple.900": "#2B273F";
-        readonly "red.50": "#FFF7F7";
-        readonly "red.100": "#FCD6D6";
-        readonly "red.200": "#F9ACAC";
-        readonly "red.300": "#FC8B8B";
-        readonly "red.400": "#E31818";
-        readonly "red.500": "#CC1616";
-        readonly "red.600": "#B21313";
-        readonly "red.700": "#911D1D";
-        readonly "red.800": "#601313";
-        readonly "red.900": "#300A0A";
-        readonly "slate.50": "#f8fafc";
-        readonly "slate.100": "#f1f5f9";
-        readonly "slate.200": "#e2e8f0";
-        readonly "slate.300": "#cbd5e1";
-        readonly "slate.400": "#94a3b8";
-        readonly "slate.500": "#64748b";
-        readonly "slate.600": "#475569";
-        readonly "slate.700": "#334155";
-        readonly "slate.800": "#1e293b";
-        readonly "slate.900": "#0f172a";
-        readonly "slate.950": "#020617";
-        readonly "yellow.50": "#FFFAEA";
-        readonly "yellow.100": "#FEF1C6";
-        readonly "yellow.200": "#FEDF88";
-        readonly "yellow.300": "#FFC84B";
-        readonly "yellow.400": "#FDB022";
-        readonly "yellow.500": "#F79008";
-        readonly "yellow.600": "#DC6903";
-        readonly "yellow.700": "#B54707";
-        readonly "yellow.800": "#7A2E0D";
-        readonly "yellow.900": "#4E1D09";
-    };
-    readonly borderRadius: {
-        readonly xs: "2px";
-        readonly sm: "4px";
-        readonly md: "6px";
-        readonly lg: "8px";
-        readonly xl: "12px";
-        readonly full: "9999px";
-        readonly none: "0";
-    };
-    readonly borderWidth: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "4": string;
-    };
-    readonly boxShadow: {
-        readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
-        readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
-        readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
-        readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
-        readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
-        readonly inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);";
-        readonly none: "0 0 #0000";
-    };
-    readonly fontFamily: {
-        readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
-        readonly sans: "InterVariable, system-ui, sans-serif";
-    };
-    readonly fontSize: {
-        readonly xs: {
-            readonly fontSize: "10px";
-            readonly lineHeight: "14px";
-        };
-        readonly sm: {
-            readonly fontSize: "12px";
-            readonly lineHeight: "16px";
-        };
-        readonly md: {
-            readonly fontSize: "14px";
-            readonly lineHeight: "20px";
-        };
-        readonly lg: {
-            readonly fontSize: "16px";
-            readonly lineHeight: "24px";
-        };
-        readonly xl: {
-            readonly fontSize: "18px";
-            readonly lineHeight: "28px";
-        };
-        readonly "2xl": {
-            readonly fontSize: "20px";
-            readonly lineHeight: "28px";
-        };
-        readonly "3xl": {
-            readonly fontSize: "24px";
-            readonly lineHeight: "32px";
-        };
-        readonly "4xl": {
-            readonly fontSize: "30px";
-            readonly lineHeight: "36px";
-        };
-        readonly "5xl": {
-            readonly fontSize: "36px";
-            readonly lineHeight: "40px";
-        };
-        readonly "6xl": {
-            readonly fontSize: "48px";
-            readonly lineHeight: "1";
-        };
-        readonly "7xl": {
-            readonly fontSize: "60px";
-            readonly lineHeight: "1";
-        };
-    };
-    readonly letterSpacing: {
-        readonly tighter: "-0.05em";
-        readonly tight: "-0.025em";
-        readonly normal: "0";
-        readonly wide: "0.025em";
-        readonly wider: "0.05em";
-        readonly widest: "0.1em";
-    };
-    readonly lineHeight: {
-        readonly none: "1";
-        readonly tight: "1.25";
-        readonly normal: "1.5";
-        readonly loose: "2";
-    };
-    readonly margins: {
-        readonly "-xs": "-8px";
-        readonly "-sm": "-12px";
-        readonly "-md": "-16px";
-        readonly "-lg": "-24px";
-        readonly "-xl": "-32px";
-        readonly "-2": "-2px";
-        readonly "-4": "-4px";
-        readonly "-6": "-6px";
-        readonly "-8": "-8px";
-        readonly "-10": "-10px";
-        readonly "-12": "-12px";
-        readonly "-16": "-16px";
-        readonly "-24": "-24px";
-        readonly "-32": "-32px";
-        readonly "-48": "-48px";
-        readonly "-64": "-64px";
-        readonly "-80": "-80px";
-        readonly xs: "8px";
-        readonly sm: "12px";
-        readonly md: "16px";
-        readonly lg: "24px";
-        readonly xl: "32px";
-        readonly "0": "0";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "10": "10px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "48": "48px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-    };
-    readonly maxSize: {
-        readonly xs: "320px";
-        readonly sm: "384px";
-        readonly md: "448px";
-        readonly lg: "512px";
-        readonly xl: "576px";
-        readonly "2xl": "672px";
-        readonly full: "100%";
-    };
-    readonly screens: {
-        readonly sm: "600px";
-        readonly md: "900px";
-        readonly lg: "1200px";
-    };
-    readonly size: {
-        readonly xs: "20px";
-        readonly sm: "24px";
-        readonly md: "32px";
-        readonly lg: "40px";
-        readonly xl: "48px";
-        readonly "5xl": "80px";
-        readonly "0": "0";
-        readonly "1": "1px";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "40": "40px";
-        readonly "48": "48px";
-        readonly "56": "56px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-        readonly "96": "96px";
-        readonly "112": "112px";
-        readonly "128": "128px";
-        readonly "144": "144px";
-        readonly "160": "160px";
-        readonly "176": "176px";
-        readonly "192": "192px";
-        readonly "208": "208px";
-        readonly "224": "224px";
-        readonly "240": "240px";
-        readonly "256": "256px";
-        readonly "288": "288px";
-        readonly "320": "320px";
-        readonly "384": "384px";
-        readonly "1/2": "50%";
-        readonly "1/3": "33.333333%";
-        readonly "2/3": "66.666666%";
-        readonly "1/4": "25%";
-        readonly "2/4": "50%";
-        readonly "3/4": "75%";
-        readonly auto: "auto";
-        readonly fit: "fit-content";
-        readonly full: "100%";
-        readonly max: "max-content";
-        readonly min: "min-content";
-    };
-    readonly spacing: {
-        readonly xs: "8px";
-        readonly sm: "12px";
-        readonly md: "16px";
-        readonly lg: "24px";
-        readonly xl: "32px";
-        readonly "0": "0";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "10": "10px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "48": "48px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-    };
-    readonly zIndex: {
-        readonly "0": "0";
-        readonly "10": "10";
-        readonly "20": "20";
-        readonly "30": "30";
-        readonly "40": "40";
-        readonly "50": "50";
-        readonly auto: "auto";
-        readonly popover: "3000";
-        readonly toast: "3010";
-    };
-};
-
 type RecipeVariants<RecipeFn extends (...args: any) => any> = Parameters<RecipeFn>[0];
 
 declare const content$2: (props?: {
@@ -929,14 +150,14 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<Radi
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
     appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    endDecorator?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
     loading?: boolean;
-    startDecorator?: react.ReactNode;
 } & Omit<{
     colorScheme?: "primary" | "danger" | "neutral" | undefined;
     iconOnly?: boolean | undefined;
@@ -993,6 +214,8 @@ declare const ToastProvider: react.ForwardRefExoticComponent<Omit<Omit<RadixToas
     position?: "bottom" | "top" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | undefined;
 } & react.RefAttributes<HTMLOListElement>>;
 
+interface ToastProviderProps extends ComponentPropsWithoutRef<typeof ToastProvider> {
+}
 type AxiomProviderProps = {
     children?: ReactNode;
     /**
@@ -1000,7 +223,7 @@ type AxiomProviderProps = {
      *
      * {@link https://optimizely-axiom.github.io/optiaxiom/components/toast/ Documentation}
      */
-    toast?: Omit<ComponentPropsWithoutRef<typeof ToastProvider>, "children">;
+    toast?: Omit<ToastProviderProps, "children">;
     /**
      * Props for the `TooltipProvider` component
      *
@@ -1008,7 +231,7 @@ type AxiomProviderProps = {
      */
     tooltip?: Omit<ComponentPropsWithoutRef<typeof RadixTooltip.Provider>, "children">;
 };
-declare function AxiomProvider({ children, toast, tooltip, }: AxiomProviderProps): string | number | boolean | Iterable<ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function AxiomProvider({ children, toast, tooltip, }: AxiomProviderProps): react_jsx_runtime.JSX.Element;
 declare namespace AxiomProvider {
     var displayName: string;
 }
@@ -1019,7 +242,7 @@ declare const Badge: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
 } & Sprinkles, never> & Omit<{
     as?: "p" | "span";
 } & {
-    lineClamp?: "2" | "4" | "1" | "3" | undefined;
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & {
     colorScheme?: "primary" | "danger" | "neutral" | "success" | "warning" | "information" | undefined;
@@ -1063,27 +286,27 @@ declare const appearances: {
     };
 };
 type ButtonProps<T extends ElementType = "button", P = unknown> = BoxProps<T, ExtendProps<{
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
     appearance?: keyof typeof appearances;
     children?: ReactNode;
     disabled?: boolean;
-    endDecorator?: ReactNode;
     icon?: ReactNode;
     iconPosition?: "end" | "start";
     loading?: boolean;
-    startDecorator?: ReactNode;
 } & Omit<ButtonVariants, "colorScheme" | "iconOnly" | "variant">, P>>;
 declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
     appearance?: keyof typeof appearances;
     children?: ReactNode;
     disabled?: boolean;
-    endDecorator?: ReactNode;
     icon?: ReactNode;
     iconPosition?: "end" | "start";
     loading?: boolean;
-    startDecorator?: ReactNode;
 } & Omit<{
     colorScheme?: "primary" | "danger" | "neutral" | undefined;
     iconOnly?: boolean | undefined;
@@ -1128,14 +351,14 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
     appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    endDecorator?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
     loading?: boolean;
-    startDecorator?: react.ReactNode;
 } & Omit<{
     colorScheme?: "primary" | "danger" | "neutral" | undefined;
     iconOnly?: boolean | undefined;
@@ -1180,14 +403,14 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixDial
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
     appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    endDecorator?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
     loading?: boolean;
-    startDecorator?: react.ReactNode;
 } & Omit<{
     colorScheme?: "primary" | "danger" | "neutral" | undefined;
     iconOnly?: boolean | undefined;
@@ -1249,9 +472,9 @@ declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<Omit<RadixM
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
     description?: react.ReactNode;
-    endDecorator?: react.ReactNode;
-    startDecorator?: react.ReactNode;
 } & {
     colorScheme?: "danger" | "neutral" | undefined;
 }, never> & react.RefAttributes<HTMLDivElement>>;
@@ -1270,14 +493,14 @@ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omi
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
     appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    endDecorator?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
     loading?: boolean;
-    startDecorator?: react.ReactNode;
 } & Omit<{
     colorScheme?: "primary" | "danger" | "neutral" | undefined;
     iconOnly?: boolean | undefined;
@@ -1334,7 +557,7 @@ declare const Heading: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedH
 } & Sprinkles, never> & Omit<{
     as?: "p" | "span";
 } & {
-    lineClamp?: "2" | "4" | "1" | "3" | undefined;
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & {
     /**
@@ -1370,12 +593,12 @@ declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<rea
 } & Sprinkles, never> & Omit<{
     as?: "p" | "span";
 } & {
-    lineClamp?: "2" | "4" | "1" | "3" | undefined;
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & {
     colorScheme?: "primary" | "danger" | "neutral" | "success" | "warning" | "information" | undefined;
     variant?: "solid" | "light" | undefined;
-} & 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<{
+} & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "asChild" | "className" | "content"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
@@ -1386,15 +609,15 @@ declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<rea
     position?: "bottom-right" | "top-right";
 } & react.RefAttributes<HTMLDivElement>>;
 
-declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "className" | "disabled"> & Omit<{
+declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "color" | "size" | "className" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    decoratorPointerEvents?: "auto" | "none";
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    addonPointerEvents?: "auto" | "none";
     disabled?: boolean;
-    endDecorator?: react.ReactNode;
     error?: boolean;
-    startDecorator?: react.ReactNode;
 } & {
     size?: "md" | "lg" | undefined;
 }, never> & {
@@ -1425,6 +648,19 @@ declare const Kbd: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLP
     variant?: "outline" | "subtle" | undefined;
 } & react.RefAttributes<HTMLElement>>;
 
+declare const axiom: string;
+declare const base: string;
+declare const reset: string;
+declare const components: string;
+
+declare const layers_css_axiom: typeof axiom;
+declare const layers_css_base: typeof base;
+declare const layers_css_components: typeof components;
+declare const layers_css_reset: typeof reset;
+declare namespace layers_css {
+  export { layers_css_axiom as axiom, layers_css_base as base, layers_css_components as components, layers_css_reset as reset };
+}
+
 type PaginationProps = BoxProps<"nav", {
     boundaries?: number;
     defaultPage?: number;
@@ -1456,14 +692,14 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<rea
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
     appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    endDecorator?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
     loading?: boolean;
-    startDecorator?: react.ReactNode;
 } & Omit<{
     colorScheme?: "primary" | "danger" | "neutral" | undefined;
     iconOnly?: boolean | undefined;
@@ -1488,15 +724,15 @@ declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<Omit<RadixRad
     description?: ReactNode;
 } & react.RefAttributes<HTMLDivElement>>;
 
-declare const SearchInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "className" | "disabled"> & Omit<{
+declare const SearchInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "color" | "size" | "className" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    decoratorPointerEvents?: "auto" | "none";
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    addonPointerEvents?: "auto" | "none";
     disabled?: boolean;
-    endDecorator?: react.ReactNode;
     error?: boolean;
-    startDecorator?: react.ReactNode;
 } & {
     size?: "md" | "lg" | undefined;
 }, never> & {
@@ -1514,7 +750,7 @@ declare const Separator: react.ForwardRefExoticComponent<Omit<Omit<RadixSeparato
         readonly sm?: "vertical" | "horizontal" | undefined;
         readonly md?: "vertical" | "horizontal" | undefined;
         readonly lg?: "vertical" | "horizontal" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "vertical" | "horizontal" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
 } & react.RefAttributes<HTMLHRElement>>;
 
 declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & Omit<{
@@ -1532,416 +768,13 @@ declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
     h?: Sprinkles["h"];
 } & react.RefAttributes<HTMLSpanElement>>;
 
-declare const Spinner: react.ForwardRefExoticComponent<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref">, "fontFamily" | "fontSize" | "color" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "className"> & Omit<{
+declare const Spinner: react.ForwardRefExoticComponent<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
     colorScheme?: "default" | "inverse";
 } & react.RefAttributes<SVGSVGElement>>;
 
-declare const axiom: string;
-declare const base: string;
-declare const reset: string;
-declare const components: string;
-
-declare const layers_css_axiom: typeof axiom;
-declare const layers_css_base: typeof base;
-declare const layers_css_components: typeof components;
-declare const layers_css_reset: typeof reset;
-declare namespace layers_css {
-  export { layers_css_axiom as axiom, layers_css_base as base, layers_css_components as components, layers_css_reset as reset };
-}
-
-declare const theme: {
-    readonly borderRadius: {
-        readonly xs: "2px";
-        readonly sm: "4px";
-        readonly md: "6px";
-        readonly lg: "8px";
-        readonly xl: "12px";
-        readonly full: "9999px";
-        readonly none: "0";
-    };
-    readonly borderWidth: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "4": string;
-    };
-    readonly boxShadow: {
-        readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
-        readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
-        readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
-        readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
-        readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
-        readonly inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);";
-        readonly none: "0 0 #0000";
-    };
-    readonly colors: {
-        readonly "bg.brand": "#F0F3FF";
-        readonly "bg.brand.solid": "#0037FF";
-        readonly "bg.brand.solid.hover": "#002CCC";
-        readonly "bg.disabled": "#091E422E";
-        readonly "bg.discovery": "#F1ECF8";
-        readonly "bg.error": "#FFF7F7";
-        readonly "bg.error.solid": "#CC1616";
-        readonly "bg.error.solid.hover": "#B21313";
-        readonly "bg.information": "#E7F3FE";
-        readonly "bg.information.solid": "#1668AC";
-        readonly "bg.input.disabled": "#091E420A";
-        readonly "bg.neutral": "#F5F6FA";
-        readonly "bg.neutral.inverse": "#2E3442";
-        readonly "bg.neutral.inverse.hover": "#262B37";
-        readonly "bg.neutral.solid": "#CACFDC";
-        readonly "bg.neutral.solid.hover": "#b8becb";
-        readonly "bg.success": "#E9F7F1";
-        readonly "bg.success.solid": "#03A65D";
-        readonly "bg.success.solid.hover": "#038047";
-        readonly "bg.warning": "#FFFAEA";
-        readonly "bg.warning.solid": "#F79008";
-        readonly "bg.warning.solid.hover": "#DC6903";
-        readonly "border.active": "#868FA4";
-        readonly "border.active.hover": "#626A81";
-        readonly "border.brand": "#0037FF";
-        readonly "border.default": "#CACFDC";
-        readonly "border.disabled": "#F5F6FA";
-        readonly "border.error": "#CC1616";
-        readonly "border.secondary": "#DADFEB";
-        readonly "border.success": "#03A65D";
-        readonly "border.tertiary": "#E9EDF5";
-        readonly "border.warning": "#F79008";
-        readonly "fg.accent.blue": "#2094F3";
-        readonly "fg.accent.magenta": "#81046A";
-        readonly "fg.accent.purple": "#4A297F";
-        readonly "fg.accent.red": "#CC1616";
-        readonly "fg.brand": "#002894";
-        readonly "fg.default": "#2E3442";
-        readonly "fg.default.inverse": "#FFFFFF";
-        readonly "fg.disabled": "#091E4252";
-        readonly "fg.error": "#911D1D";
-        readonly "fg.information": "#1668AC";
-        readonly "fg.link": "#0037FF";
-        readonly "fg.link.hover": "#002CCC";
-        readonly "fg.link.visited": "#693AB6";
-        readonly "fg.secondary": "#4F576E";
-        readonly "fg.success": "#24663E";
-        readonly "fg.tertiary": "#626A81";
-        readonly "fg.warning": "#B54707";
-        readonly "outline.brand": "#6A8FFC";
-        readonly overlay: "#091E4252";
-        readonly surface: "#FFFFFF";
-        readonly current: "currentColor";
-        readonly transparent: "transparent";
-        readonly black: "#000000";
-        readonly white: "#FFFFFF";
-        readonly "aqua.50": "#E5F7FB";
-        readonly "aqua.200": "#9AE5EF";
-        readonly "aqua.500": "#00BDD6";
-        readonly "aqua.600": "#007A8A";
-        readonly "blue.50": "#E7F3FE";
-        readonly "blue.200": "#A8D5FA";
-        readonly "blue.500": "#2094F3";
-        readonly "blue.600": "#1668AC";
-        readonly "blue.900": "#1C2B41";
-        readonly "brand.50": "#F0F3FF";
-        readonly "brand.100": "#CDD8FC";
-        readonly "brand.200": "#B3C3FF";
-        readonly "brand.300": "#6A8FFC";
-        readonly "brand.400": "#2E66F7";
-        readonly "brand.500": "#0037FF";
-        readonly "brand.600": "#002CCC";
-        readonly "brand.700": "#002894";
-        readonly "brand.800": "#001666";
-        readonly "brand.900": "#000B33";
-        readonly "dark.50": "#d9d9d9";
-        readonly "dark.200": "#9e9e9e";
-        readonly "dark.500": "#707070";
-        readonly "dark.600": "#080736";
-        readonly "gray.50": "#f9fafb";
-        readonly "gray.100": "#f3f4f6";
-        readonly "gray.200": "#e5e7eb";
-        readonly "gray.300": "#d1d5db";
-        readonly "gray.400": "#9ca3af";
-        readonly "gray.500": "#6b7280";
-        readonly "gray.600": "#4b5563";
-        readonly "gray.700": "#374151";
-        readonly "gray.800": "#1f2937";
-        readonly "gray.900": "#111827";
-        readonly "green.50": "#E9F7F1";
-        readonly "green.100": "#D1F0E1";
-        readonly "green.200": "#A5E1C3";
-        readonly "green.300": "#7CD2A7";
-        readonly "green.400": "#5AC58A";
-        readonly "green.500": "#03A65D";
-        readonly "green.600": "#038047";
-        readonly "green.700": "#24663E";
-        readonly "green.800": "#17492B";
-        readonly "green.900": "#082415";
-        readonly "magenta.50": "#F8E7F5";
-        readonly "magenta.200": "#E39CD6";
-        readonly "magenta.500": "#B80597";
-        readonly "magenta.600": "#81046A";
-        readonly "neutral.50": "#F9FAFC";
-        readonly "neutral.75": "#F5F6FA";
-        readonly "neutral.100": "#E9EDF5";
-        readonly "neutral.150": "#DADFEB";
-        readonly "neutral.200": "#CACFDC";
-        readonly "neutral.300": "#b8becb";
-        readonly "neutral.500": "#868FA4";
-        readonly "neutral.600": "#626A81";
-        readonly "neutral.700": "#4F576E";
-        readonly "neutral.800": "#2E3442";
-        readonly "neutral.900": "#262B37";
-        readonly "neutral.1000": "#1C2029";
-        readonly "neutral.1100": "#171A23";
-        readonly "neutral.1200": "#091E42";
-        readonly "neutral.50/6": "#F9FAFC0F";
-        readonly "neutral.50/32": "#F9FAFC52";
-        readonly "neutral.1200/4": "#091E420A";
-        readonly "neutral.1200/12": "#091E421F";
-        readonly "neutral.1200/18": "#091E422E";
-        readonly "neutral.1200/22": "#091E4238";
-        readonly "neutral.1200/32": "#091E4252";
-        readonly "orange.50": "#fff5e5";
-        readonly "orange.200": "#ffd699";
-        readonly "orange.500": "#ff9900";
-        readonly "orange.600": "#a36200";
-        readonly "purple.50": "#F1ECF8";
-        readonly "purple.200": "#C4B1E2";
-        readonly "purple.500": "#693AB6";
-        readonly "purple.600": "#4A297F";
-        readonly "purple.900": "#2B273F";
-        readonly "red.50": "#FFF7F7";
-        readonly "red.100": "#FCD6D6";
-        readonly "red.200": "#F9ACAC";
-        readonly "red.300": "#FC8B8B";
-        readonly "red.400": "#E31818";
-        readonly "red.500": "#CC1616";
-        readonly "red.600": "#B21313";
-        readonly "red.700": "#911D1D";
-        readonly "red.800": "#601313";
-        readonly "red.900": "#300A0A";
-        readonly "slate.50": "#f8fafc";
-        readonly "slate.100": "#f1f5f9";
-        readonly "slate.200": "#e2e8f0";
-        readonly "slate.300": "#cbd5e1";
-        readonly "slate.400": "#94a3b8";
-        readonly "slate.500": "#64748b";
-        readonly "slate.600": "#475569";
-        readonly "slate.700": "#334155";
-        readonly "slate.800": "#1e293b";
-        readonly "slate.900": "#0f172a";
-        readonly "slate.950": "#020617";
-        readonly "yellow.50": "#FFFAEA";
-        readonly "yellow.100": "#FEF1C6";
-        readonly "yellow.200": "#FEDF88";
-        readonly "yellow.300": "#FFC84B";
-        readonly "yellow.400": "#FDB022";
-        readonly "yellow.500": "#F79008";
-        readonly "yellow.600": "#DC6903";
-        readonly "yellow.700": "#B54707";
-        readonly "yellow.800": "#7A2E0D";
-        readonly "yellow.900": "#4E1D09";
-    };
-    readonly fontFamily: {
-        readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
-        readonly sans: "InterVariable, system-ui, sans-serif";
-    };
-    readonly fontSize: {
-        readonly xs: {
-            readonly fontSize: "10px";
-            readonly lineHeight: "14px";
-        };
-        readonly sm: {
-            readonly fontSize: "12px";
-            readonly lineHeight: "16px";
-        };
-        readonly md: {
-            readonly fontSize: "14px";
-            readonly lineHeight: "20px";
-        };
-        readonly lg: {
-            readonly fontSize: "16px";
-            readonly lineHeight: "24px";
-        };
-        readonly xl: {
-            readonly fontSize: "18px";
-            readonly lineHeight: "28px";
-        };
-        readonly "2xl": {
-            readonly fontSize: "20px";
-            readonly lineHeight: "28px";
-        };
-        readonly "3xl": {
-            readonly fontSize: "24px";
-            readonly lineHeight: "32px";
-        };
-        readonly "4xl": {
-            readonly fontSize: "30px";
-            readonly lineHeight: "36px";
-        };
-        readonly "5xl": {
-            readonly fontSize: "36px";
-            readonly lineHeight: "40px";
-        };
-        readonly "6xl": {
-            readonly fontSize: "48px";
-            readonly lineHeight: "1";
-        };
-        readonly "7xl": {
-            readonly fontSize: "60px";
-            readonly lineHeight: "1";
-        };
-    };
-    readonly letterSpacing: {
-        readonly tighter: "-0.05em";
-        readonly tight: "-0.025em";
-        readonly normal: "0";
-        readonly wide: "0.025em";
-        readonly wider: "0.05em";
-        readonly widest: "0.1em";
-    };
-    readonly lineHeight: {
-        readonly none: "1";
-        readonly tight: "1.25";
-        readonly normal: "1.5";
-        readonly loose: "2";
-    };
-    readonly margins: {
-        readonly "-xs": "-8px";
-        readonly "-sm": "-12px";
-        readonly "-md": "-16px";
-        readonly "-lg": "-24px";
-        readonly "-xl": "-32px";
-        readonly "-2": "-2px";
-        readonly "-4": "-4px";
-        readonly "-6": "-6px";
-        readonly "-8": "-8px";
-        readonly "-10": "-10px";
-        readonly "-12": "-12px";
-        readonly "-16": "-16px";
-        readonly "-24": "-24px";
-        readonly "-32": "-32px";
-        readonly "-48": "-48px";
-        readonly "-64": "-64px";
-        readonly "-80": "-80px";
-        readonly xs: "8px";
-        readonly sm: "12px";
-        readonly md: "16px";
-        readonly lg: "24px";
-        readonly xl: "32px";
-        readonly "0": "0";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "10": "10px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "48": "48px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-    };
-    readonly maxSize: {
-        readonly xs: "320px";
-        readonly sm: "384px";
-        readonly md: "448px";
-        readonly lg: "512px";
-        readonly xl: "576px";
-        readonly "2xl": "672px";
-        readonly full: "100%";
-    };
-    readonly screens: {
-        readonly sm: "600px";
-        readonly md: "900px";
-        readonly lg: "1200px";
-    };
-    readonly size: {
-        readonly xs: "20px";
-        readonly sm: "24px";
-        readonly md: "32px";
-        readonly lg: "40px";
-        readonly xl: "48px";
-        readonly "5xl": "80px";
-        readonly "0": "0";
-        readonly "1": "1px";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "40": "40px";
-        readonly "48": "48px";
-        readonly "56": "56px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-        readonly "96": "96px";
-        readonly "112": "112px";
-        readonly "128": "128px";
-        readonly "144": "144px";
-        readonly "160": "160px";
-        readonly "176": "176px";
-        readonly "192": "192px";
-        readonly "208": "208px";
-        readonly "224": "224px";
-        readonly "240": "240px";
-        readonly "256": "256px";
-        readonly "288": "288px";
-        readonly "320": "320px";
-        readonly "384": "384px";
-        readonly "1/2": "50%";
-        readonly "1/3": "33.333333%";
-        readonly "2/3": "66.666666%";
-        readonly "1/4": "25%";
-        readonly "2/4": "50%";
-        readonly "3/4": "75%";
-        readonly auto: "auto";
-        readonly fit: "fit-content";
-        readonly full: "100%";
-        readonly max: "max-content";
-        readonly min: "min-content";
-    };
-    readonly spacing: {
-        readonly xs: "8px";
-        readonly sm: "12px";
-        readonly md: "16px";
-        readonly lg: "24px";
-        readonly xl: "32px";
-        readonly "0": "0";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "10": "10px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "48": "48px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-    };
-    readonly zIndex: {
-        readonly "0": "0";
-        readonly "10": "10";
-        readonly "20": "20";
-        readonly "30": "30";
-        readonly "40": "40";
-        readonly "50": "50";
-        readonly auto: "auto";
-        readonly popover: "3000";
-        readonly toast: "3010";
-    };
-};
-
 declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<RadixSwitch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -1972,14 +805,14 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
     appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    endDecorator?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
     loading?: boolean;
-    startDecorator?: react.ReactNode;
 } & Omit<{
     colorScheme?: "primary" | "danger" | "neutral" | undefined;
     iconOnly?: boolean | undefined;
@@ -1988,7 +821,7 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
 }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const text: (props?: {
-    lineClamp?: "2" | "4" | "1" | "3" | undefined;
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
 } | undefined, className?: string) => {
     className: string;
@@ -2004,7 +837,7 @@ declare const Text: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTML
 } & Sprinkles, never> & Omit<{
     as?: "p" | "span";
 } & {
-    lineClamp?: "2" | "4" | "1" | "3" | undefined;
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & react.RefAttributes<HTMLParagraphElement>>;
 
@@ -2016,15 +849,15 @@ declare const input: (props?: {
 type InputVariants = RecipeVariants<typeof input>;
 
 type InputBaseProps<T extends ElementType = "input" | "textarea", P = unknown> = BoxProps<T, ExtendProps<{
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
     /**
      * When this prop is set to `none` clicking empty space inside the
-     * decorator will focus the input box.
+     * addon will focus the input box.
      */
-    decoratorPointerEvents?: "auto" | "none";
+    addonPointerEvents?: "auto" | "none";
     disabled?: boolean;
-    endDecorator?: ReactNode;
     error?: boolean;
-    startDecorator?: ReactNode;
 } & InputVariants, P>>;
 
 type TextareaProps = ({
@@ -2041,6 +874,15 @@ type TextareaProps = ({
 }>);
 declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
 
+type ThemeProviderProps = {
+    children?: ReactNode;
+    selector?: string;
+};
+declare function ThemeProvider({ children, selector, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare namespace ThemeProvider {
+    var displayName: string;
+}
+
 declare const Toast: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastProps & react.RefAttributes<HTMLLIElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -2052,14 +894,14 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
     appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    endDecorator?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
     loading?: boolean;
-    startDecorator?: react.ReactNode;
 } & Omit<{
     colorScheme?: "primary" | "danger" | "neutral" | undefined;
     iconOnly?: boolean | undefined;
@@ -2073,7 +915,7 @@ declare const ToastTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.T
 } & Sprinkles, never> & Omit<{
     as?: "p" | "span";
 } & {
-    lineClamp?: "2" | "4" | "1" | "3" | undefined;
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & react.RefAttributes<HTMLDivElement>>;
 
@@ -2081,14 +923,14 @@ declare const Toggle: react.ForwardRefExoticComponent<Omit<Omit<RadixToggle.Togg
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
     appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    endDecorator?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
     loading?: boolean;
-    startDecorator?: react.ReactNode;
 } & Omit<{
     colorScheme?: "primary" | "danger" | "neutral" | undefined;
     iconOnly?: boolean | undefined;
@@ -2122,4 +964,4 @@ declare const Transition: react.ForwardRefExoticComponent<{
     type?: "pop" | "fade" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerFooter, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, Pagination, type PaginationProps, PopoverAnchor, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, SearchInput, Separator, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, Toast, ToastAction, ToastProvider, ToastTitle, Toggle, Tooltip, Transition, extractSprinkles, layers_css as layers, theme, tokens, tokensDark, usePresence };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerFooter, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, Pagination, type PaginationProps, PopoverAnchor, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, SearchInput, Separator, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, Toggle, Tooltip, Transition, extractSprinkles, layers_css as layers, usePresence };