@optiaxiom/react 0.9.0 → 0.10.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithoutRef, ElementType, ComponentPropsWithRef, ReactElement } from 'react';
-import { S as Sprinkles, R as RecipeVariants, E as ExcludeProps, B as BoxProps, a as ExtendProps, M as MenuListbox, b as ResponsiveArray } from './PopoverContent-CmbFiQwF.js';
-export { c as Box, D as DialogContent, L as Link, P as PopoverContent, T as Transition, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-CmbFiQwF.js';
+import { S as Sprinkles, R as RecipeVariants, E as ExcludeProps, B as BoxProps, a as ExtendProps, M as MenuListbox, b as ResponsiveArray } from './PopoverContent-BgXq33Tj.js';
+export { c as Box, D as DialogContent, L as Link, P as PopoverContent, T as Transition, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-BgXq33Tj.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import { createToaster } from '@optiaxiom/globals';
@@ -31,13 +31,6 @@ declare const Alert: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const AlertDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & 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>>;
-
 type AlertDialogProps = {
     children?: React.ReactNode;
     /**
@@ -80,7 +73,7 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<{
 declare const AlertDialogBody: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLParagraphElement>>;
+}>, never> & Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -101,13 +94,13 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
-    restProps: Omit<S, "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w">;
-    sprinkleProps: Pick<S, keyof S & ("p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w")>;
-};
-
 declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
 
+declare function extractBoxProps<S extends Record<string, unknown>>(props: S): {
+    boxProps: Pick<S, ("p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className") & keyof S>;
+    restProps: Omit<S, "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className">;
+};
+
 declare const content: (props?: {
     size?: "sm" | "md" | "lg" | undefined;
 } | undefined, className?: string) => {
@@ -156,13 +149,6 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & 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 mapFallbackToIcon: {
     team: react_jsx_runtime.JSX.Element;
     user: react_jsx_runtime.JSX.Element;
@@ -249,7 +235,7 @@ declare const Badge: react.ForwardRefExoticComponent<{
     intent?: "information" | "success" | "warning" | "danger" | "neutral" | "primary" | undefined;
     variant?: "solid" | "light" | undefined;
 } & Omit<{
-    lineClamp?: "1" | "2" | "3" | "4" | undefined;
+    lineClamp?: "2" | "4" | "1" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -268,20 +254,6 @@ declare const Banner: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const BannerDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & 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 BannerTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & 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 buttonBase: (props?: {
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
@@ -493,9 +465,9 @@ declare const DialogHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Spr
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
 declare const DialogTitle: react.ForwardRefExoticComponent<Omit<{
-    level?: "1" | "2" | "3" | "4" | "6" | "5";
+    level?: "2" | "4" | "6" | "1" | "3" | "5";
 }, never> & Omit<{
-    lineClamp?: "1" | "2" | "3" | "4" | undefined;
+    lineClamp?: "2" | "4" | "1" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -598,7 +570,7 @@ declare const DrawerContent: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DrawerDescription: react.ForwardRefExoticComponent<Omit<{
-    lineClamp?: "1" | "2" | "3" | "4" | undefined;
+    lineClamp?: "2" | "4" | "1" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -620,9 +592,9 @@ declare const DrawerHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Spr
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DrawerTitle: react.ForwardRefExoticComponent<Omit<{
-    level?: "1" | "2" | "3" | "4" | "6" | "5";
+    level?: "2" | "4" | "6" | "1" | "3" | "5";
 }, never> & Omit<{
-    lineClamp?: "1" | "2" | "3" | "4" | undefined;
+    lineClamp?: "2" | "4" | "1" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -816,7 +788,7 @@ declare const Grid: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<S
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const text: (props?: {
-    lineClamp?: "1" | "2" | "3" | "4" | undefined;
+    lineClamp?: "2" | "4" | "1" | "3" | undefined;
     truncate?: boolean | undefined;
 } | undefined, className?: string) => {
     className: string;
@@ -825,7 +797,7 @@ type TextVariants = RecipeVariants<typeof text>;
 
 type TextProps<T extends ElementType = "p", P = unknown> = BoxProps<T, ExtendProps<TextVariants, P>>;
 declare const Text: react.ForwardRefExoticComponent<Omit<{
-    lineClamp?: "1" | "2" | "3" | "4" | undefined;
+    lineClamp?: "2" | "4" | "1" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -852,7 +824,7 @@ declare const Heading: react.ForwardRefExoticComponent<Omit<{
      */
     level?: keyof typeof mapLevelToTag;
 }, never> & Omit<{
-    lineClamp?: "1" | "2" | "3" | "4" | undefined;
+    lineClamp?: "2" | "4" | "1" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -887,12 +859,12 @@ declare const Indicator: react.ForwardRefExoticComponent<{
     intent?: "information" | "success" | "warning" | "danger" | "neutral" | "primary" | undefined;
     variant?: "solid" | "light" | undefined;
 } & Omit<{
-    lineClamp?: "1" | "2" | "3" | "4" | undefined;
+    lineClamp?: "2" | "4" | "1" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "content"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "content"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const Input: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
     addonPointerEvents?: "auto" | "none";
@@ -1141,7 +1113,7 @@ declare const ListboxSeparator: react.ForwardRefExoticComponent<Omit<NonNullable
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const MenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     addonAfter?: react.ReactNode;
@@ -1426,7 +1398,7 @@ declare const SidenavItem: react.ForwardRefExoticComponent<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "aria-label" | "iconOnly" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "aria-label" | "iconOnly" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
 type SidenavToggleProps = Omit<ComponentPropsWithRef<typeof SidenavItem>, "aria-label"> & {
     "aria-label"?: string;
@@ -1504,7 +1476,7 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<{
 
 declare const TextareaAutosize: react.ForwardRefExoticComponent<{
     maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
-    resize?: "none" | "auto" | "vertical" | undefined;
+    resize?: "auto" | "none" | "vertical" | undefined;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -1538,11 +1510,11 @@ declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
     className?: string;
 }>, "size"> & Omit<Omit<{
     maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
-    resize?: "none" | "auto" | "vertical" | undefined;
+    resize?: "auto" | "none" | "vertical" | undefined;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "asChild" | "children" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "resize" | "maxRows"> & react.RefAttributes<HTMLTextAreaElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "asChild" | "children" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "resize" | "maxRows"> & react.RefAttributes<HTMLTextAreaElement>>;
 
 type ThemeProviderProps = {
     children?: ReactNode;
@@ -1583,14 +1555,19 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
 }>, "size"> & Omit<Omit<RadixToast.ToastActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const ToastTitle: react.ForwardRefExoticComponent<Omit<{
-    lineClamp?: "1" | "2" | "3" | "4" | undefined;
+    lineClamp?: "2" | "4" | "1" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ToggleButton: react.ForwardRefExoticComponent<Omit<{
+declare const ToggleButton: react.ForwardRefExoticComponent<{
+    /**
+     * Control the appearance by selecting between the different button types.
+     */
+    appearance?: "default" | "subtle";
+} & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     icon?: react.ReactNode;
@@ -1604,7 +1581,7 @@ declare const ToggleButton: react.ForwardRefExoticComponent<Omit<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     disabled?: boolean;
     loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
+}>, "appearance"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, "size"> & Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
@@ -1662,4 +1639,4 @@ declare namespace TransitionGroup {
     var displayName: string;
 }
 
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AlertTitle, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BannerDescription, BannerTitle, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogActions, DialogBody, DialogClose, DialogDescription, DialogFooter, DialogForm, DialogHeader, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, MenuButton, ModalLayer, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, type SidenavAccountItemProps, SidenavBody, SidenavFooter, SidenavHeader, SidenavItem, type SidenavItemProps, SidenavToggle, type SidenavToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, TransitionGlobalConfig, TransitionGroup, extractSprinkles, layers_css as layers, sprinklesMerge };
+export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogActions, DialogBody, DialogClose, DialogDescription, DialogFooter, DialogForm, DialogHeader, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, MenuButton, ModalLayer, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, type SidenavAccountItemProps, SidenavBody, SidenavFooter, SidenavHeader, SidenavItem, type SidenavItemProps, SidenavToggle, type SidenavToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge };

package/dist/index.js

@@ -1,5 +1,4 @@
 export { Alert } from './packages/react/src/alert/Alert.js';
-export { AlertDescription } from './packages/react/src/alert-description/AlertDescription.js';
 export { AlertDialog } from './packages/react/src/alert-dialog/AlertDialog.js';
 export { AlertDialogAction } from './packages/react/src/alert-dialog-action/AlertDialogAction.js';
 export { AlertDialogBody } from './packages/react/src/alert-dialog-body/AlertDialogBody.js';
@@ -8,15 +7,13 @@ export { AlertDialogContent } from './packages/react/src/alert-dialog-content/Al
 export { AlertDialogFooter } from './packages/react/src/alert-dialog-footer/AlertDialogFooter.js';
 export { AlertDialogHeader } from './packages/react/src/alert-dialog-header/AlertDialogHeader.js';
 export { AlertDialogTrigger } from './packages/react/src/alert-dialog-trigger/AlertDialogTrigger.js';
-export { AlertTitle } from './packages/react/src/alert-title/AlertTitle.js';
 export { Avatar } from './packages/react/src/avatar/Avatar.js';
 export { AvatarGroup } from './packages/react/src/avatar-group/AvatarGroup.js';
 export { AxiomProvider } from './packages/react/src/axiom-provider/AxiomProvider.js';
 export { Badge } from './packages/react/src/badge/Badge.js';
 export { Banner } from './packages/react/src/banner/Banner.js';
-export { BannerDescription } from './packages/react/src/banner-description/BannerDescription.js';
-export { BannerTitle } from './packages/react/src/banner-title/BannerTitle.js';
 export { Box } from './packages/react/src/box/Box.js';
+export { extractBoxProps } from './packages/react/src/box/extractBoxProps.js';
 export { Button } from './packages/react/src/button/Button.js';
 export { ButtonGroup } from './packages/react/src/button-group/ButtonGroup.js';
 export { Checkbox } from './packages/react/src/checkbox/Checkbox.js';
@@ -104,7 +101,6 @@ export { SidenavItem } from './packages/react/src/sidenav-item/SidenavItem.js';
 export { SidenavToggle } from './packages/react/src/sidenav-toggle/SidenavToggle.js';
 export { Skeleton } from './packages/react/src/skeleton/Skeleton.js';
 export { Spinner } from './packages/react/src/spinner/Spinner.js';
-export { extractSprinkles } from './packages/react/src/sprinkles/extractSprinkles.js';
 export { mapResponsiveValue, sprinkles } from './packages/react/src/sprinkles/sprinkles.js';
 export { sprinklesMerge } from './packages/react/src/sprinkles/sprinklesMerge.js';
 export { Switch } from './packages/react/src/switch/Switch.js';

package/dist/packages/react/package.json.js

@@ -1,3 +1,3 @@
-var version = "0.9.0";
+var version = "0.10.0";
 
 export { version };

package/dist/packages/react/src/alert/Alert-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',justifyContent:'space-between',p:'12',pr:'16',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});

package/dist/packages/react/src/alert/Alert.js

@@ -1,8 +1,7 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useId } from '@radix-ui/react-id';
 import { forwardRef, createElement } from 'react';
-import { AlertContextProvider } from '../alert-context/AlertContext.js';
 import { Button } from '../button/Button.js';
 import { Flex } from '../flex/Flex.js';
 import { Icon } from '../icon/Icon.js';
@@ -22,12 +21,10 @@ const mapIntentToIcon = {
 };
 const Alert = forwardRef(
   ({ children, className, intent = "neutral", onClose, ...props }, ref) => {
-    const descriptionId = useId();
     const labelId = useId();
-    return /* @__PURE__ */ jsx(AlertContextProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs(
       Flex,
       {
-        "aria-describedby": descriptionId,
         "aria-labelledby": labelId,
         ref,
         role: "alert",
@@ -35,7 +32,7 @@ const Alert = forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon({ intent }), children: createElement(mapIntentToIcon[intent]) }),
-          /* @__PURE__ */ jsx(Flex, { flex: "1", gap: "8", my: "2", children }),
+          /* @__PURE__ */ jsx(Flex, { flex: "1", gap: "8", id: labelId, my: "2", children }),
           !!onClose && /* @__PURE__ */ jsx(
             Button,
             {
@@ -50,7 +47,7 @@ const Alert = forwardRef(
           )
         ]
       }
-    ) });
+    );
   }
 );
 Alert.displayName = "@optiaxiom/react/Alert";

package/dist/packages/react/src/alert-dialog-body/AlertDialogBody.js

@@ -2,12 +2,25 @@
 import { jsx } from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import { body } from './AlertDialogBody-css.js';
+import { Flex } from '../flex/Flex.js';
 
-const AlertDialogBody = forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, ...body({}, className), ref, ...props, children: /* @__PURE__ */ jsx(RadixAlertDialog.Description, { children }) });
-});
+const AlertDialogBody = forwardRef(
+  ({ children, ...props }, ref) => /* @__PURE__ */ jsx(
+    Flex,
+    {
+      asChild: true,
+      flex: "1",
+      fontSize: "md",
+      justifyContent: "start",
+      overflow: "auto",
+      px: "24",
+      py: "16",
+      ref,
+      ...props,
+      children: /* @__PURE__ */ jsx(RadixAlertDialog.Description, { asChild: true, children: /* @__PURE__ */ jsx("div", { children }) })
+    }
+  )
+);
 AlertDialogBody.displayName = "@optiaxiom/react/AlertDialogBody";
 
 export { AlertDialogBody };

package/dist/packages/react/src/alert-dialog-content/AlertDialogContent-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-BDjo6i31.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
+import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Diep7mXE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var container = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1ji87a3']});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'g9kf6a'],variants:{size:{sm:'_1c88878',md:'_1f0dhch',lg:'_1o7rduu'}}});
-var nestedDialogCountVar = 'var(--_10f9i7g)';
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1cili8q'],variants:{size:{sm:'_1knl7je',md:'_1xgeoms',lg:'alk0eg'}}});
+var nestedDialogCountVar = 'var(--_164n9qm)';
+var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_90q7in']});
 
-export { container, content, nestedDialogCountVar };
+export { content, nestedDialogCountVar, root };

package/dist/packages/react/src/alert-dialog-content/AlertDialogContent.js

@@ -6,17 +6,19 @@ import { forwardRef } from 'react';
 import { useAlertDialogContext } from '../alert-dialog-context/AlertDialogContext.js';
 import { Backdrop } from '../backdrop/Backdrop.js';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { Flex } from '../flex/Flex.js';
 import { Paper } from '../paper/Paper.js';
 import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition-group/TransitionGroup.js';
-import { container, nestedDialogCountVar, content } from './AlertDialogContent-css.js';
+import { root, nestedDialogCountVar, content } from './AlertDialogContent-css.js';
 
 const AlertDialogContent = forwardRef(({ children, size = "sm", style, ...props }, ref) => {
   const { isRootDialog, nestedDialogCount, open } = useAlertDialogContext("AlertDialogContent");
   return /* @__PURE__ */ jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsxs(RadixAlertDialog.Portal, { forceMount: true, children: [
     isRootDialog && /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Backdrop, { asChild: true, children: /* @__PURE__ */ jsx(RadixAlertDialog.Overlay, {}) }) }),
-    /* @__PURE__ */ jsxs(Flex, { ...container(), children: [
+    /* @__PURE__ */ jsxs(Flex, { ...root(), children: [
       /* @__PURE__ */ jsx(Box, { flex: "1", pointerEvents: "none" }),
       /* @__PURE__ */ jsx(Transition, { "data-side": "bottom", type: "fade", children: /* @__PURE__ */ jsx(
         Paper,

package/dist/packages/react/src/alert-dialog-footer/AlertDialogFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-Cz2HvZMx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
+import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-pqnHw444.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'jc4512']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'b8qj6l']});
 
 export { footer };

package/dist/packages/react/src/autocomplete-content/AutocompleteContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-B_wb60Sc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
+import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-e1ohLex8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{p:'4'},'_157xutq']});
+var content = recipeRuntime({base:[{p:'4'},'osq42r']});
 
 export { content };

package/dist/packages/react/src/autocomplete-content/AutocompleteContent.js

@@ -6,6 +6,8 @@ import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { forwardRef } from 'react';
 import { useAutocompleteContext } from '../autocomplete-context/AutocompleteContext.js';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { CommandListbox } from '../command-listbox/CommandListbox.js';
 import { MenuListbox } from '../menu-listbox/MenuListbox.js';
 import { ModalLayer } from '../modal-layer/ModalLayer.js';

package/dist/packages/react/src/autocomplete-empty/AutocompleteEmpty.js

@@ -2,6 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 
 const AutocompleteEmpty = forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsx(

package/dist/packages/react/src/autocomplete-virtualized/AutocompleteVirtualized.js

@@ -4,6 +4,8 @@ import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { forwardRef, useRef, useState, useEffect } from 'react';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { useCommandContext } from '../command-context/CommandContext.js';
 import { ListboxScrollArea } from '../listbox-scroll-area/ListboxScrollArea.js';
 

package/dist/packages/react/src/avatar/Avatar-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BbzMTUzd.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-Cw1M_qyD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B98X-zHI.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-DRfQb0Vw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'miagcj'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'lzczfd'],sm:[{fontSize:'xs',size:'sm'},'_866w6t'],md:[{fontSize:'md',size:'md'},'lpnnh3'],lg:[{fontSize:'lg',size:'lg'},'_1w598n3'],xl:[{fontSize:'2xl',size:'xl'},'eb1g0p'],'3xl':[{fontSize:'4xl',size:'3xl'},'_10aiqxg']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'jxw00s'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_1qjppkb'],sm:[{fontSize:'xs',size:'sm'},'_1s6focr'],md:[{fontSize:'md',size:'md'},'j276d'],lg:[{fontSize:'lg',size:'lg'},'_157x47u'],xl:[{fontSize:'2xl',size:'xl'},'uid7rc'],'3xl':[{fontSize:'4xl',size:'3xl'},'_1g0eu01']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
 

package/dist/packages/react/src/avatar/Avatar.js

@@ -4,6 +4,8 @@ import * as RadixAvatar from '@radix-ui/react-avatar';
 import { forwardRef, useContext } from 'react';
 import { AvatarContext } from '../avatar-context/AvatarContext.js';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { IconUserSolid } from '../icons/IconUserSolid.js';
 import { IconUsersSolid } from '../icons/IconUsersSolid.js';
 import { avatar, fallback, icon } from './Avatar-css.js';

package/dist/packages/react/src/avatar-group/AvatarGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BbzMTUzd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B98X-zHI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_18ophdl',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['a6m2ec',{display:'flex'}]});
 
 export { avatarGroup };

package/dist/packages/react/src/avatar-group/AvatarGroup.js

@@ -3,6 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { AvatarContext } from '../avatar-context/AvatarContext.js';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { avatarGroup } from './AvatarGroup-css.js';
 
 const AvatarGroup = forwardRef(

package/dist/packages/react/src/backdrop/Backdrop-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DirKW22r.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-B336xgNM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1ghr6gz']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1aeqqde']});
 
 export { backdrop };

package/dist/packages/react/src/backdrop/Backdrop.js

@@ -2,6 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { backdrop } from './Backdrop-css.js';
 
 const Backdrop = forwardRef(

package/dist/packages/react/src/badge/Badge-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-BvS_yf0c.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-CSfWmPBg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'8',py:'2',rounded:'full'},'nt9omr'],variants:{intent:{danger:'ul9xdj',information:'_1wdecah',neutral:'_1f9wywo',primary:'f4qf85',success:'bcdgd2',warning:'_7ct7xi'},variant:{light:'pi4oim',solid:'hhpfmh'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'8',py:'2',rounded:'full'},'_1eu3xkm'],variants:{intent:{danger:'bngqxc',information:'_1rz7hlw',neutral:'_12tljc0',primary:'hjieqq',success:'_4mci0',warning:'ere56o'},variant:{light:'_1etewrt',solid:'_1votx80'}}});
 
 export { badge };

package/dist/packages/react/src/banner/Banner-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'12',justifyContent:'space-between',px:'24',py:'12'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});