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

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as react from 'react';
 import { ReactNode, ReactElement, ComponentPropsWithoutRef, ElementType, ComponentPropsWithRef } from 'react';
 import * as RadixAccordion from '@radix-ui/react-accordion';
-import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './PopoverContent-_Tn-IzNJ.js';
-export { a as Box, P as Popover, b as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-_Tn-IzNJ.js';
+import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './PopoverContent-DIhLXmjU.js';
+export { a as Box, P as Popover, b as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-DIhLXmjU.js';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
@@ -20,17 +20,18 @@ import TextareaAutosize from 'react-textarea-autosize';
 import * as RadixToast from '@radix-ui/react-toast';
 import { Portal } from '@radix-ui/react-portal';
 import * as jotai from 'jotai';
+import * as RadixToggle from '@radix-ui/react-toggle';
 import '@radix-ui/react-popover';
 
 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" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "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" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w")>;
+    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")>;
 };
 
 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" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "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" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "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, "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> & {
     appearance?: "primary" | "secondary";
 } & react.RefAttributes<HTMLDivElement>>;
 
@@ -105,7 +106,7 @@ declare const tokens: {
         readonly "bg.error.solid.hover": "#B21313";
         readonly "bg.information": "#E7F3FE";
         readonly "bg.information.solid": "#1668AC";
-        readonly "bg.input.disabled": "#091E420D";
+        readonly "bg.input.disabled": "#091E420A";
         readonly "bg.neutral": "#F5F6FA";
         readonly "bg.neutral.inverse": "#2E3442";
         readonly "bg.neutral.inverse.hover": "#262B37";
@@ -212,8 +213,9 @@ declare const tokens: {
         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/5": "#091E420D";
+        readonly "neutral.1200/4": "#091E420A";
         readonly "neutral.1200/12": "#091E421F";
         readonly "neutral.1200/18": "#091E422E";
         readonly "neutral.1200/22": "#091E4238";
@@ -469,7 +471,7 @@ declare const tokensDark: {
         readonly "bg.error.solid.hover": "#B21313";
         readonly "bg.information": "#1C2B41";
         readonly "bg.information.solid": "#1668AC";
-        readonly "bg.input.disabled": "#091E420D";
+        readonly "bg.input.disabled": "#091E420A";
         readonly "bg.neutral": "#1e293b";
         readonly "bg.neutral.inverse": "#E9EDF5";
         readonly "bg.neutral.inverse.hover": "#CACFDC";
@@ -576,8 +578,9 @@ declare const tokensDark: {
         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/5": "#091E420D";
+        readonly "neutral.1200/4": "#091E420A";
         readonly "neutral.1200/12": "#091E421F";
         readonly "neutral.1200/18": "#091E422E";
         readonly "neutral.1200/22": "#091E4238";
@@ -856,17 +859,69 @@ declare const content$2: (props?: {
 type DialogVariants$1 = RecipeVariants<typeof content$2>;
 
 type AlertDialogProps = BoxProps<typeof RadixAlertDialog.Content, {
-    action: string;
     appearance?: "danger" | "primary";
-    cancel?: string;
     children: ReactNode;
-    onAction: () => void;
-    onCancel: () => void;
     open?: boolean;
-    title: ReactNode;
 } & DialogVariants$1>;
 declare const AlertDialog: react.ForwardRefExoticComponent<Omit<AlertDialogProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
+declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    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;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    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;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const AlertDialogDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLParagraphElement>>;
+
+declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    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;
+}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    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;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const AlertDialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
+
 declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -974,6 +1029,10 @@ declare const appearances: {
         colorScheme: "neutral";
         variant: "outline";
     };
+    inverse: {
+        colorScheme: "neutral";
+        variant: "solid";
+    };
     primary: {
         colorScheme: "primary";
         variant: "solid";
@@ -992,7 +1051,7 @@ type ButtonProps<T extends ElementType = "button", P = unknown> = BoxProps<T, Ex
     iconPosition?: "end" | "start";
     loading?: boolean;
     startDecorator?: ReactNode;
-} & Omit<ButtonVariants, "iconOnly">, P>>;
+} & 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;
@@ -1010,7 +1069,7 @@ declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHT
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const ButtonGroup: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -1163,13 +1222,13 @@ declare const Heading: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedH
     truncate?: boolean | undefined;
 }, never> & {
     /**
-     * Presets for each level of heading h1-h6.
+     * Control the visual size without changing the semantic tag.
      */
-    level?: keyof typeof mapLevelToTag;
+    appearance?: keyof typeof mapTagToFontSize;
     /**
-     * Control the visual size without changing the semantic tag.
+     * Presets for each level of heading h1-h6.
      */
-    variant?: keyof typeof mapTagToFontSize;
+    level?: keyof typeof mapLevelToTag;
 } & react.RefAttributes<HTMLHeadingElement>>;
 
 type HoverCardProps = BoxProps<typeof RadixHoverCard.Root, {
@@ -1200,7 +1259,7 @@ declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<rea
 }, 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" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "asChild" | "className" | "content"> & Omit<{
+} & 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<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
@@ -1227,7 +1286,7 @@ declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
 }, "children"> & {
     children?: never;
 } & {
-    variant?: "number" | "default" | undefined;
+    appearance?: "number" | "default" | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 
 declare const mapKeyToCode: {
@@ -1289,7 +1348,7 @@ declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "primary" | "secondary" | "default" | "danger" | "danger-outline";
+    appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     endDecorator?: react.ReactNode;
@@ -1302,7 +1361,7 @@ declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 type PaginationProps = BoxProps<"nav", {
     boundaries?: number;
@@ -1330,7 +1389,7 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<rea
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "primary" | "secondary" | "default" | "danger" | "danger-outline";
+    appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     endDecorator?: react.ReactNode;
@@ -1343,7 +1402,7 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<rea
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Progress: react.ForwardRefExoticComponent<Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
     asChild?: boolean;
@@ -1378,7 +1437,7 @@ declare const Search: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.
 }, "children"> & {
     children?: never;
 } & {
-    variant?: "number" | "default" | undefined;
+    appearance?: "number" | "default" | undefined;
 } & react.RefAttributes<HTMLInputElement>, "ref"> & {
     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;
 }, "ref"> & react.RefAttributes<HTMLInputElement>>;
@@ -1410,6 +1469,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<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    colorScheme?: "default" | "inverse";
+} & react.RefAttributes<SVGSVGElement>>;
+
 declare const axiom: string;
 declare const base: string;
 declare const reset: string;
@@ -1459,7 +1525,7 @@ declare const theme: {
         readonly "bg.error.solid.hover": "#B21313";
         readonly "bg.information": "#E7F3FE";
         readonly "bg.information.solid": "#1668AC";
-        readonly "bg.input.disabled": "#091E420D";
+        readonly "bg.input.disabled": "#091E420A";
         readonly "bg.neutral": "#F5F6FA";
         readonly "bg.neutral.inverse": "#2E3442";
         readonly "bg.neutral.inverse.hover": "#262B37";
@@ -1566,8 +1632,9 @@ declare const theme: {
         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/5": "#091E420D";
+        readonly "neutral.1200/4": "#091E420A";
         readonly "neutral.1200/12": "#091E421F";
         readonly "neutral.1200/18": "#091E422E";
         readonly "neutral.1200/22": "#091E4238";
@@ -1842,7 +1909,7 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "primary" | "secondary" | "default" | "danger" | "danger-outline";
+    appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     endDecorator?: react.ReactNode;
@@ -1855,7 +1922,7 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const text: (props?: {
     lineClamp?: "2" | "4" | "1" | "3" | undefined;
@@ -1924,7 +1991,7 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "primary" | "secondary" | "default" | "danger" | "danger-outline";
+    appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     endDecorator?: react.ReactNode;
@@ -1937,7 +2004,7 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
 
 type ToastElement = ReactElement<ComponentPropsWithoutRef<typeof Toast>>;
 declare const createToaster: (store?: {
@@ -1988,7 +2055,7 @@ declare const ToastProvider: react.ForwardRefExoticComponent<Omit<Omit<RadixToas
     container?: ComponentPropsWithoutRef<typeof Portal>["container"];
     toaster: ReturnType<typeof createToaster>;
 } & RadixToast.ToastProviderProps & {
-    position?: "top" | "bottom" | "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
+    position?: "bottom" | "top" | "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
 } & react.RefAttributes<HTMLOListElement>>;
 
 declare const ToastTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
@@ -2001,6 +2068,25 @@ declare const ToastTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.T
     truncate?: boolean | undefined;
 }, never> & react.RefAttributes<HTMLDivElement>>;
 
+declare const Toggle: react.ForwardRefExoticComponent<Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    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;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
 declare const Tooltip: react.ForwardRefExoticComponent<Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "color" | "asChild" | "className" | "content"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -2021,9 +2107,10 @@ declare const Tooltip: react.ForwardRefExoticComponent<Omit<Omit<RadixTooltip.To
 
 declare const Transition: react.ForwardRefExoticComponent<{
     children: ReactElement;
+    "data-side"?: "bottom" | "left" | "right" | "top";
 } & {
     duration?: "sm" | "md" | "lg" | undefined;
     type?: "pop" | "fade" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, BoxProps, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogFooter, DialogTitle, Drawer, DrawerBody, DrawerFooter, DrawerTitle, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, Link, Menu, MenuContent, MenuItem, MenuLabel, MenuSeparator, MenuTrigger, Pagination, type PaginationProps, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Search, Separator, Skeleton, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, Toast, ToastAction, ToastProvider, ToastTitle, Tooltip, Transition, createToaster, extractSprinkles, layers_css as layers, theme, tokens, tokensDark, usePresence };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, BoxProps, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogFooter, DialogTitle, Drawer, DrawerBody, DrawerFooter, DrawerTitle, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, Link, Menu, MenuContent, MenuItem, MenuLabel, MenuSeparator, MenuTrigger, Pagination, type PaginationProps, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Search, Separator, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, Toast, ToastAction, ToastProvider, ToastTitle, Toggle, Tooltip, Transition, createToaster, extractSprinkles, layers_css as layers, theme, tokens, tokensDark, usePresence };

package/dist/index.js

@@ -5,6 +5,11 @@ export { AccordionTrigger } from './accordion-trigger/AccordionTrigger.js';
 export { Alert } from './alert/Alert.js';
 export { AlertDescription } from './alert-description/AlertDescription.js';
 export { AlertDialog } from './alert-dialog/AlertDialog.js';
+export { AlertDialogAction } from './alert-dialog-action/AlertDialogAction.js';
+export { AlertDialogCancel } from './alert-dialog-cancel/AlertDialogCancel.js';
+export { AlertDialogDescription } from './alert-dialog-description/AlertDialogDescription.js';
+export { AlertDialogFooter } from './alert-dialog-footer/AlertDialogFooter.js';
+export { AlertDialogTitle } from './alert-dialog-title/AlertDialogTitle.js';
 export { AlertTitle } from './alert-title/AlertTitle.js';
 export { AnimatePresence } from './animate-presence/AnimatePresence.js';
 export { usePresence } from './animate-presence/usePresence.js';
@@ -54,6 +59,7 @@ export { RadioGroupItem } from './radio-group-item/RadioGroupItem.js';
 export { Search } from './search/Search.js';
 export { Separator } from './separator/Separator.js';
 export { Skeleton } from './skeleton/Skeleton.js';
+export { Spinner } from './spinner/Spinner.js';
 export { extractSprinkles } from './sprinkles/extractSprinkles.js';
 export { mapResponsiveValue, sprinkles } from './sprinkles/sprinkles-css.js';
 import * as layers_css from './styles/layers-css.js';
@@ -71,6 +77,7 @@ export { ToastAction } from './toast-action/ToastAction.js';
 export { ToastProvider } from './toast-provider/ToastProvider.js';
 export { createToaster } from './toast-provider/createToaster.js';
 export { ToastTitle } from './toast-title/ToastTitle.js';
+export { Toggle } from './toggle/Toggle.js';
 export { tokens, tokensDark } from './tokens/index.js';
 export { Tooltip } from './tooltip/Tooltip.js';
 export { Transition } from './transition/Transition.js';

package/dist/input/Input-css.js

@@ -2,6 +2,6 @@ import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var decorator = recipeRuntime({base:{flex:'none'},variants:{position:{end:{mr:'8'},start:{ml:'8'}},size:{sm:{},md:{},lg:{}}},variantsCompounded:[{style:{mr:'4'},variants:{position:'end',size:'sm'}},{style:{ml:'4'},variants:{position:'start',size:'sm'}}]});
-var input = recipeRuntime({variants:{variant:{'default':{textAlign:'start'},number:{textAlign:'end'}}}});
+var input = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}}}});
 
 export { decorator, input };

package/dist/input/Input.js

@@ -8,10 +8,10 @@ import { decorator, input } from './Input-css.js';
 
 const Input = forwardRef(
   ({
+    appearance = "default",
     endDecorator,
     size = "md",
     startDecorator,
-    variant = "default",
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsx(
@@ -21,7 +21,7 @@ const Input = forwardRef(
         size,
         startDecorator: startDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ...decorator({ position: "start", size }), children: fallbackSpan(startDecorator) }),
         ...props,
-        children: /* @__PURE__ */ jsx(Box, { asChild: true, ...input({ variant }), children: /* @__PURE__ */ jsx("input", { ref }) })
+        children: /* @__PURE__ */ jsx(Box, { asChild: true, ...input({ appearance }), children: /* @__PURE__ */ jsx("input", { ref }) })
       }
     );
   }

package/dist/input-base/InputBase-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-EbjT5N3_.css';
+import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
 import './../assets/src/input-base/InputBase.css.ts.vanilla-By5uGeYP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/link/Link-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-EbjT5N3_.css';
+import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
 import './../assets/src/link/Link.css.ts.vanilla-PjwC2Bar.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/menu-item/MenuItem-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-EbjT5N3_.css';
+import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
 import './../assets/src/menu-item/MenuItem.css.ts.vanilla-BjEdkhqZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/pagination/Pagination-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-EbjT5N3_.css';
+import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
 import './../assets/src/pagination/Pagination.css.ts.vanilla-CP7Jjsxf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/pill/Pill-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-EbjT5N3_.css';
+import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
 import './../assets/src/pill/Pill.css.ts.vanilla-CMi1obNV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/radio-group-item/RadioGroupItem-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-EbjT5N3_.css';
+import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
 import './../assets/src/control-base/ControlBase.css.ts.vanilla-DGX7Yb9J.css';
 import './../assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-BFZr4-E-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';

package/dist/radio-group-item/RadioGroupItem.js

@@ -3,22 +3,19 @@ import * as RadixRadio from '@radix-ui/react-radio-group';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { ControlBase } from '../control-base/ControlBase.js';
-import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
-import '../sprinkles/sprinkles-css.js';
 import { item, indicator } from './RadioGroupItem-css.js';
 
 const RadioGroupItem = forwardRef(
-  ({ children, endDecorator, id, ...props }, ref) => {
-    const { restProps, sprinkleProps } = extractSprinkles(props);
+  ({ children, endDecorator, id, value, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       ControlBase,
       {
+        control: /* @__PURE__ */ jsx(Box, { asChild: true, ...item(), children: /* @__PURE__ */ jsx(RadixRadio.Item, { value, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...indicator(), children: /* @__PURE__ */ jsx(RadixRadio.Indicator, {}) }) }) }),
         endDecorator,
         id,
-        label: children,
         ref,
-        ...sprinkleProps,
-        children: /* @__PURE__ */ jsx(Box, { asChild: true, ...item(), children: /* @__PURE__ */ jsx(RadixRadio.Item, { ...restProps, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...indicator(), children: /* @__PURE__ */ jsx(RadixRadio.Indicator, {}) }) }) })
+        ...props,
+        children
       }
     );
   }

package/dist/spinner/Spinner.js

@@ -0,0 +1,56 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles-css.js';
+
+const mapColorSchemeToBg = {
+  default: "bg.input.disabled",
+  inverse: "neutral.50/6"
+};
+const mapColorSchemeToFg = {
+  default: "fg.default",
+  inverse: "border.secondary"
+};
+const Spinner = forwardRef(
+  ({ colorScheme = "default", ...props }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    return /* @__PURE__ */ jsx(Box, { animation: "spin", asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        fill: "none",
+        height: 16,
+        ref,
+        role: "img",
+        viewBox: "0 0 16 16",
+        width: 16,
+        xmlns: "http://www.w3.org/2000/svg",
+        ...restProps,
+        children: [
+          /* @__PURE__ */ jsx(Box, { asChild: true, color: mapColorSchemeToBg[colorScheme], children: /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: "8",
+              cy: "8",
+              r: "7",
+              stroke: "currentColor",
+              strokeWidth: "1.5"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Box, { asChild: true, color: mapColorSchemeToFg[colorScheme], children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M4.5 1.93782C5.78021 1.19869 7.26154 0.883827 8.7317 1.03835C10.2019 1.19287 11.5854 1.80884 12.6839 2.79798C13.7825 3.78713 14.5397 5.09866 14.847 6.54461C15.1544 7.99057 14.9961 9.4967 14.3948 10.8472",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeWidth: "1.5"
+            }
+          ) })
+        ]
+      }
+    ) });
+  }
+);
+Spinner.displayName = "@optiaxiom/react/Spinner";
+
+export { Spinner };