@optiaxiom/react 0.4.2 → 0.5.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode, ReactElement, ElementType, ComponentPropsWithRef } from 'react';
-import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './Link-DSt1ACyC.js';
-export { a as Box, L as Link, m as mapResponsiveValue, s as sprinkles } from './Link-DSt1ACyC.js';
+import { S as Sprinkles, B as BoxProps, E as ExtendProps, T as Transition } from './Link-kkRSxd5_.js';
+export { a as Box, L as Link, m as mapResponsiveValue, s as sprinkles } from './Link-kkRSxd5_.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';
@@ -27,7 +27,7 @@ declare const Alert: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
 } & Sprinkles, never> & {
     onClose?: () => void;
 } & {
-    colorScheme?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
+    intent?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
 declare const AlertDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
@@ -47,16 +47,16 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<Omit<Radix
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
@@ -68,16 +68,16 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<Radix
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
@@ -86,8 +86,8 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<Radix
 }, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
-    restProps: Omit<S, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "pointerEvents" | "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" | "pointerEvents" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w">;
+    sprinkleProps: Pick<S, keyof S & ("borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w")>;
 };
 
 declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
@@ -129,16 +129,16 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<Radi
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
@@ -222,7 +222,7 @@ declare const Badge: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
     lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & {
-    colorScheme?: "danger" | "neutral" | "primary" | "information" | "success" | "warning" | undefined;
+    intent?: "danger" | "neutral" | "primary" | "information" | "success" | "warning" | undefined;
     variant?: "solid" | "light" | undefined;
 } & react.RefAttributes<HTMLSpanElement>>;
 
@@ -232,7 +232,7 @@ declare const Banner: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHT
 } & Sprinkles, never> & {
     onClose?: () => void;
 } & {
-    colorScheme?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
+    intent?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
 declare const BannerDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
@@ -250,8 +250,8 @@ declare const BannerTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<r
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const buttonBase: (props?: {
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
 } | undefined, className?: string) => {
@@ -261,27 +261,27 @@ type ButtonVariants = NonNullable<RecipeVariants<typeof buttonBase>>;
 
 declare const appearances: {
     danger: {
-        colorScheme: "danger";
+        intent: "danger";
         variant: "solid";
     };
     "danger-outline": {
-        colorScheme: "danger";
+        intent: "danger";
         variant: "outline";
     };
     default: {
-        colorScheme: "neutral";
+        intent: "neutral";
         variant: "outline";
     };
     inverse: {
-        colorScheme: "neutral";
+        intent: "neutral";
         variant: "solid";
     };
     primary: {
-        colorScheme: "primary";
+        intent: "primary";
         variant: "solid";
     };
     subtle: {
-        colorScheme: "neutral";
+        intent: "neutral";
         variant: "subtle";
     };
 };
@@ -290,7 +290,7 @@ type ButtonBaseProps<T extends ElementType = "button", P = unknown> = BoxProps<T
     children?: ReactNode;
     disabled?: boolean;
     loading?: boolean;
-} & Omit<ButtonVariants, "colorScheme" | "variant">, P>>;
+} & Omit<ButtonVariants, "intent" | "variant">, P>>;
 
 type ButtonProps<T extends ElementType = "button", P = unknown> = ButtonBaseProps<T, ExtendProps<{
     addonAfter?: ReactNode;
@@ -303,16 +303,16 @@ declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHT
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: ReactNode;
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: ReactNode;
     addonBefore?: ReactNode;
     children?: ReactNode;
@@ -361,16 +361,16 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
@@ -378,6 +378,10 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog
     iconPosition?: "end" | "start";
 }, never> & react.RefAttributes<HTMLButtonElement>>;
 
+declare const TransitionGlobalConfig: {
+    skipAnimations: boolean;
+};
+
 declare const content$2: (props?: {
     size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
 } | undefined, className?: string) => {
@@ -386,6 +390,7 @@ declare const content$2: (props?: {
 type DialogVariants = RecipeVariants<typeof content$2>;
 
 type DialogContentProps = BoxProps<typeof RadixDialog.Content, {
+    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
     withCloseButton?: boolean;
 } & DialogVariants>;
 declare const DialogContent: react.ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
@@ -415,16 +420,16 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixDial
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
@@ -520,7 +525,7 @@ declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<Omit<RadixM
     description?: react.ReactNode;
     icon?: react.ReactNode;
 } & {
-    colorScheme?: "danger" | "neutral" | undefined;
+    intent?: "danger" | "neutral" | undefined;
 }, never> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
@@ -558,23 +563,23 @@ declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<
     description?: react.ReactNode;
     icon?: react.ReactNode;
 } & {
-    colorScheme?: "danger" | "neutral" | undefined;
+    intent?: "danger" | "neutral" | undefined;
 }, never> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
@@ -657,7 +662,10 @@ declare const HoverCardContent: react.ForwardRefExoticComponent<Omit<Omit<RadixH
     withArrow?: boolean;
 } & react.RefAttributes<HTMLDivElement>>;
 
-declare const HoverCardTrigger: react.ForwardRefExoticComponent<Omit<RadixHoverCard.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixHoverCard.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLAnchorElement>>;
 
 declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -666,9 +674,9 @@ declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<rea
     lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & {
-    colorScheme?: "danger" | "neutral" | "primary" | "information" | "success" | "warning" | undefined;
+    intent?: "danger" | "neutral" | "primary" | "information" | "success" | "warning" | undefined;
     variant?: "solid" | "light" | undefined;
-} & react.RefAttributes<HTMLSpanElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "className" | "asChild" | "content"> & Omit<{
+} & react.RefAttributes<HTMLSpanElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "content"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
@@ -689,9 +697,10 @@ declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
     disabled?: boolean;
     error?: boolean;
 } & {
-    size?: "md" | "lg" | undefined;
-}, never> & {
+    size?: "md" | "lg" | "2xl" | undefined;
+}, "size"> & {
     appearance?: "number" | "default" | undefined;
+    size?: "md" | "lg" | "2xl" | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 
 declare const mapKeyToCode: {
@@ -735,16 +744,16 @@ declare const MenuButton: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.D
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
@@ -802,16 +811,16 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixPop
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
@@ -862,16 +871,16 @@ declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<Omit<Ra
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
@@ -895,8 +904,6 @@ declare const Sidenav: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedH
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    addonAfter?: ReactNode;
-    addonBefore?: ReactNode;
     defaultExpanded?: boolean;
     expanded?: boolean;
     onExpandedChange?: (expanded: boolean) => void;
@@ -916,6 +923,21 @@ declare const SidenavAccountItem: react.ForwardRefExoticComponent<Omit<Omit<reac
     organization?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
 
+declare const SidenavContent: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLUListElement>>;
+
+declare const SidenavFooter: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLUListElement>>;
+
+declare const SidenavHeader: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLUListElement>>;
+
 type SidenavItemProps = ButtonProps<typeof Button, {
     active?: boolean;
     "aria-label": string;
@@ -924,35 +946,35 @@ declare const SidenavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<r
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "className" | "asChild" | "aria-label" | "iconOnly" | "appearance" | "disabled" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & Omit<{
+}, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "aria-label" | "iconOnly" | "appearance" | "disabled" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
@@ -987,7 +1009,7 @@ declare const Spinner: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedH
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & {
-    colorScheme?: "default" | "inverse";
+    appearance?: "default" | "inverse";
     size?: "2xs" | "5xl" | "lg" | "md" | "sm" | "xl" | "xs";
 } & react.RefAttributes<HTMLDivElement>>;
 
@@ -1024,16 +1046,16 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
@@ -1072,7 +1094,7 @@ declare const Textarea: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<reac
 } & Sprinkles, never> & {
     maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
     resize?: "none" | "auto" | "vertical" | undefined;
-} & react.RefAttributes<HTMLTextAreaElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "className" | "asChild" | "disabled" | "resize" | "maxRows"> & Omit<{
+} & react.RefAttributes<HTMLTextAreaElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "disabled" | "resize" | "maxRows"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
@@ -1082,7 +1104,7 @@ declare const Textarea: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<reac
     disabled?: boolean;
     error?: boolean;
 } & {
-    size?: "md" | "lg" | undefined;
+    size?: "md" | "lg" | "2xl" | undefined;
 }, "size"> & {
     children?: never;
     /**
@@ -1106,23 +1128,23 @@ declare const Toast: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastP
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    colorScheme?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
+    intent?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
 } & react.RefAttributes<HTMLLIElement>>;
 
 declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
@@ -1142,16 +1164,16 @@ declare const ToggleButton: react.ForwardRefExoticComponent<Omit<Omit<RadixToggl
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
@@ -1171,7 +1193,7 @@ declare namespace TooltipRoot {
 declare const Tooltip: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "className" | "asChild" | "content"> & Omit<{
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "content"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
@@ -1196,17 +1218,4 @@ declare const TooltipContent: react.ForwardRefExoticComponent<Omit<Omit<RadixToo
 
 declare const TooltipTrigger: react.ForwardRefExoticComponent<Omit<RadixTooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const Transition: react.ForwardRefExoticComponent<{
-    children: ReactElement;
-    "data-side"?: "bottom" | "left" | "right" | "top";
-    skipAnimations?: boolean;
-} & {
-    duration?: "sm" | "md" | "lg" | undefined;
-    type?: "pop" | "fade" | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-
-declare const TransitionGlobalConfig: {
-    skipAnimations: boolean;
-};
-
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BannerDescription, BannerTitle, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerBody, DrawerFooter, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, MenuButton, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, type SidenavAccountItemProps, 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, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, extractSprinkles, layers_css as layers, sprinklesMerge };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BannerDescription, BannerTitle, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerBody, DrawerFooter, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, MenuButton, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, type SidenavAccountItemProps, SidenavContent, 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, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, extractSprinkles, layers_css as layers, sprinklesMerge };

package/dist/index.js

@@ -75,6 +75,9 @@ export { SegmentedControlItem } from './src/segmented-control-item/SegmentedCont
 export { Separator } from './src/separator/Separator.js';
 export { Sidenav } from './src/sidenav/Sidenav.js';
 export { SidenavAccountItem } from './src/sidenav-account-item/SidenavAccountItem.js';
+export { SidenavContent } from './src/sidenav-content/SidenavContent.js';
+export { SidenavFooter } from './src/sidenav-footer/SidenavFooter.js';
+export { SidenavHeader } from './src/sidenav-header/SidenavHeader.js';
 export { SidenavItem } from './src/sidenav-item/SidenavItem.js';
 export { SidenavToggle } from './src/sidenav-toggle/SidenavToggle.js';
 export { Skeleton } from './src/skeleton/Skeleton.js';

package/dist/package.json.js

@@ -1,3 +1,3 @@
-var version = "0.4.2";
+var version = "0.5.0";
 
 export { version };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-D2CmRaCx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',justifyContent:'space-between',p:'sm',pr:'md',rounded:'md'}],variants:{colorScheme:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
-var icon = recipeRuntime({base:[{mt:'4'}],variants:{colorScheme:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
+var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',justifyContent:'space-between',p:'sm',pr:'md',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'}}}});
+var icon = recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 export { alert, icon };