@optiaxiom/react 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -1,25 +1,23 @@
 import * as react from 'react';
-import { ComponentPropsWithoutRef, ReactElement, ReactNode, ElementType, ComponentPropsWithRef } from 'react';
-import { S as Sprinkles, R as RecipeVariants, B as BoxProps, E as ExtendProps } from './PopoverContent-SMPtGTQS.js';
-export { a as Box, c as Button, b as ButtonProps, L as Link, P as Popover, d as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-SMPtGTQS.js';
+import { ComponentPropsWithoutRef, ReactNode, ReactElement, ElementType, ComponentPropsWithRef } from 'react';
+import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './Link-Cb4M-bVP.js';
+export { a as Box, L as Link, m as mapResponsiveValue, s as sprinkles } from './Link-Cb4M-bVP.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { createToaster } from '@optiaxiom/globals';
-export { createToaster, theme, toaster, tokens, tokensDark } from '@optiaxiom/globals';
+export { createToaster, toaster } from '@optiaxiom/globals';
 import { Portal } from '@radix-ui/react-portal';
 import * as RadixToast from '@radix-ui/react-toast';
-import * as RadixCheckbox from '@radix-ui/react-checkbox';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import * as RadixHoverCard from '@radix-ui/react-hover-card';
 import * as RadixPopover from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
-import * as RadixRadio from '@radix-ui/react-radio-group';
+import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
 import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
 import * as RadixSeparator from '@radix-ui/react-separator';
-import * as RadixSwitch from '@radix-ui/react-switch';
 import * as RadixTabs from '@radix-ui/react-tabs';
 import * as RadixToggle from '@radix-ui/react-toggle';
 
@@ -90,12 +88,14 @@ declare function extractSprinkles<S extends Record<string, unknown>>(props: S):
 
 declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
 
-declare const content$2: (props?: {
+type RecipeVariants<RecipeFn extends (...args: any) => any> = Parameters<RecipeFn>[0];
+
+declare const content$3: (props?: {
     size?: "sm" | "md" | "lg" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
-type DialogVariants$1 = RecipeVariants<typeof content$2>;
+type DialogVariants$1 = RecipeVariants<typeof content$3>;
 
 type AlertDialogContentProps = BoxProps<typeof RadixAlertDialog.Content, NonNullable<DialogVariants$1>>;
 declare const AlertDialogContent: react.ForwardRefExoticComponent<Omit<AlertDialogContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
@@ -117,7 +117,9 @@ declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<
 declare const AlertDialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
+} & Sprinkles, never> & {
+    addonBefore?: ReactNode;
+} & react.RefAttributes<HTMLHeadingElement>>;
 
 declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
     asChild?: boolean;
@@ -160,7 +162,7 @@ declare const Avatar: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHT
     name?: string;
     src?: string;
 } & {
-    colorScheme?: "neutral" | "blue" | "brand" | "green" | "magenta" | "purple" | "red" | "yellow" | undefined;
+    colorScheme?: "neutral" | "blue" | "cyan" | "green" | "magenta" | "purple" | "red" | "yellow" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | "xl" | "5xl" | undefined;
 } & react.RefAttributes<HTMLSpanElement>>;
 
@@ -218,6 +220,94 @@ declare const Badge: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
     variant?: "solid" | "light" | undefined;
 } & react.RefAttributes<HTMLSpanElement>>;
 
+declare const Banner: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    onClose?: () => void;
+} & {
+    colorScheme?: "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<{
+    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>>;
+
+declare const BannerTitle: react.ForwardRefExoticComponent<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>>;
+
+declare const button: (props?: {
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type ButtonVariants = NonNullable<RecipeVariants<typeof button>>;
+
+declare const appearances: {
+    danger: {
+        colorScheme: "danger";
+        variant: "solid";
+    };
+    "danger-outline": {
+        colorScheme: "danger";
+        variant: "outline";
+    };
+    default: {
+        colorScheme: "neutral";
+        variant: "outline";
+    };
+    inverse: {
+        colorScheme: "neutral";
+        variant: "solid";
+    };
+    primary: {
+        colorScheme: "primary";
+        variant: "solid";
+    };
+    subtle: {
+        colorScheme: "neutral";
+        variant: "subtle";
+    };
+};
+type ButtonProps<T extends ElementType = "button", P = unknown> = BoxProps<T, ExtendProps<{
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+    appearance?: keyof typeof appearances;
+    children?: ReactNode;
+    disabled?: boolean;
+    icon?: ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<ButtonVariants, "colorScheme" | "iconOnly" | "variant">, P>>;
+declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+    appearance?: keyof typeof appearances;
+    children?: ReactNode;
+    disabled?: boolean;
+    icon?: ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "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;
     className?: string;
@@ -226,20 +316,24 @@ declare const ButtonGroup: react.ForwardRefExoticComponent<Omit<Omit<react.Detai
     orientation?: "horizontal" | "vertical";
 } & react.RefAttributes<HTMLDivElement>>;
 
-declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<RadixCheckbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value"> & {
+    onCheckedChange?: (checked: boolean) => void;
+    value?: string;
+} & react.RefAttributes<HTMLInputElement>, "ref">, "color" | "size" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
     description?: ReactNode;
-} & react.RefAttributes<HTMLDivElement>>;
+    indeterminate?: boolean;
+} & react.RefAttributes<HTMLInputElement>>;
 
 declare const Code: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLElement>>;
 
-type DialogProps = ComponentPropsWithoutRef<typeof RadixDialog.Root>;
-declare function Dialog({ children, defaultOpen, modal, onOpenChange, open: openProp, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
+type DialogProps = Omit<ComponentPropsWithoutRef<typeof RadixDialog.Root>, "modal">;
+declare function Dialog({ children, defaultOpen, onOpenChange, open: openProp, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
 declare namespace Dialog {
     var displayName: string;
 }
@@ -270,12 +364,12 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const content$1: (props?: {
+declare const content$2: (props?: {
     size?: "sm" | "md" | "lg" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
-type DialogVariants = RecipeVariants<typeof content$1>;
+type DialogVariants = RecipeVariants<typeof content$2>;
 
 type DialogContentProps = BoxProps<typeof RadixDialog.Content, {
     withCloseButton?: boolean;
@@ -341,12 +435,12 @@ declare const DisclosureTrigger: react.ForwardRefExoticComponent<Omit<Omit<Radix
     chevronPosition?: "end" | "start";
 } & react.RefAttributes<HTMLButtonElement>>;
 
-declare const content: (props?: {
+declare const content$1: (props?: {
     position?: "left" | "right" | "bottom" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
-type DrawerVariants = RecipeVariants<typeof content>;
+type DrawerVariants = RecipeVariants<typeof content$1>;
 
 type DrawerProps = BoxProps<typeof RadixDialog.Content, {
     children: ReactNode;
@@ -390,12 +484,11 @@ declare const DropdownMenuContent: react.ForwardRefExoticComponent<Omit<Omit<Rad
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & Omit<{
-    open: boolean | undefined;
+    enableExitAnimation?: boolean;
 } & {
     minW?: "0" | "trigger" | undefined;
-}, "open"> & {
-    open?: never;
-} & react.RefAttributes<HTMLDivElement>>;
+    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
+}, never> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
@@ -428,12 +521,11 @@ declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<Omit<Omit<
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & Omit<{
-    open: boolean | undefined;
+    enableExitAnimation?: boolean;
 } & {
     minW?: "0" | "trigger" | undefined;
-}, "open"> & {
-    open?: never;
-} & react.RefAttributes<HTMLDivElement>>;
+    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
+}, never> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
@@ -465,16 +557,16 @@ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omi
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const Field: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className" | "id"> & Omit<{
+declare const Field: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
     children: ReactNode;
-    description?: string;
-    error?: string;
-    id?: string;
-    info?: string;
-    label?: string;
+    description?: ReactNode;
+    error?: ReactNode;
+    info?: ReactNode;
+    inputId?: string;
+    label?: ReactNode;
     required?: boolean;
 } & react.RefAttributes<HTMLDivElement>>;
 
@@ -555,7 +647,7 @@ declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<rea
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    content: ReactNode;
+    content?: ReactNode;
     disabled?: boolean;
     offset?: boolean;
     ping?: boolean;
@@ -577,41 +669,6 @@ declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
     appearance?: "number" | "default" | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 
-declare const input: (props?: {
-    size?: "md" | "lg" | undefined;
-} | undefined, className?: string) => {
-    className: string;
-};
-type InputVariants = RecipeVariants<typeof input>;
-
-type InputBaseProps<T extends ElementType = "input" | "textarea", P = unknown> = BoxProps<T, ExtendProps<{
-    addonAfter?: ReactNode;
-    addonBefore?: ReactNode;
-    /**
-     * When this prop is set to `none` clicking empty space inside the
-     * addon will focus the input box.
-     */
-    addonPointerEvents?: "auto" | "none";
-    disabled?: boolean;
-    error?: boolean;
-} & InputVariants, P>>;
-declare const InputBase: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className" | "disabled"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
-    addonAfter?: ReactNode;
-    addonBefore?: ReactNode;
-    /**
-     * When this prop is set to `none` clicking empty space inside the
-     * addon will focus the input box.
-     */
-    addonPointerEvents?: "auto" | "none";
-    disabled?: boolean;
-    error?: boolean;
-} & {
-    size?: "md" | "lg" | undefined;
-}, never> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
-
 declare const mapKeyToCode: {
     command: string;
     ctrl: string;
@@ -690,11 +747,34 @@ declare const Pagination: react.ForwardRefExoticComponent<Omit<Omit<react.Detail
     total: number;
 } & react.RefAttributes<HTMLElement>>;
 
+type PopoverProps = BoxProps<typeof RadixPopover.Root>;
+declare function Popover({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
+declare namespace Popover {
+    var displayName: string;
+}
+
 declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<Omit<RadixPopover.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
 
+declare const content: (props?: {
+    minW?: "0" | "trigger" | undefined;
+    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type ContentVariants = RecipeVariants<typeof content>;
+
+type MenuContentBaseProps<T extends ElementType = "div", P = unknown> = BoxProps<T, ExtendProps<{
+    enableExitAnimation?: boolean;
+} & ContentVariants, P>>;
+
+type PopoverContentProps = MenuContentBaseProps<typeof RadixPopover.Content, {
+    withArrow?: boolean;
+}>;
+declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
 declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -719,16 +799,28 @@ declare const Progress: react.ForwardRefExoticComponent<Omit<Omit<ProgressPrimit
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
 
-declare const RadioGroup: react.ForwardRefExoticComponent<Omit<Omit<RadixRadio.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value"> & {
+    onCheckedChange?: (checked: boolean) => void;
+    value?: string;
+} & react.RefAttributes<HTMLInputElement>, "ref">, "color" | "size" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & {
+    description?: ReactNode;
+} & react.RefAttributes<HTMLInputElement>>;
 
-declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<Omit<RadixRadio.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+type InputProps = ComponentPropsWithoutRef<"input">;
+declare const RadioGroup: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue" | "onBlur" | "onChange"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    description?: ReactNode;
+    defaultValue?: string;
+    disabled?: InputProps["disabled"];
+    name?: InputProps["name"];
+    onBlur?: InputProps["onBlur"];
+    onChange?: InputProps["onChange"];
+    onValueChange?: (value: string) => void;
+    value?: string;
 } & react.RefAttributes<HTMLDivElement>>;
 
 type SearchProps = {
@@ -736,6 +828,30 @@ type SearchProps = {
 } & ComponentPropsWithRef<typeof Input>;
 declare const SearchInput: react.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
+declare const SegmentedControl: react.ForwardRefExoticComponent<Omit<Omit<RadixSegmentedControl.ToggleGroupSingleProps & react.RefAttributes<HTMLDivElement>, "ref"> | Omit<RadixSegmentedControl.ToggleGroupMultipleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<Omit<RadixSegmentedControl.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
 declare const Separator: react.ForwardRefExoticComponent<Omit<Omit<RadixSeparator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -748,6 +864,79 @@ declare const Separator: react.ForwardRefExoticComponent<Omit<Omit<RadixSeparato
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
 } & react.RefAttributes<HTMLHRElement>>;
 
+declare const SideNav: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+    defaultExpanded?: boolean;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+} & react.RefAttributes<HTMLElement>>;
+
+type SideNavProfileMenuProps = BoxProps<"div", {
+    avatar: ReactNode;
+    name?: string;
+    organization?: string;
+}>;
+declare const SideNavAccountItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    avatar: ReactNode;
+    name?: string;
+    organization?: string;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+type SideNavItemProps = ButtonProps<typeof Button, {
+    active?: boolean;
+    "aria-label": string;
+}>;
+declare const SideNavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild" | "aria-label" | "addonAfter" | "addonBefore" | "appearance" | "disabled" | "icon" | "iconPosition" | "loading"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & {
+    active?: boolean;
+    "aria-label": string;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+type SideNavToggleProps = {
+    "aria-label"?: string;
+} & Omit<ComponentPropsWithRef<typeof SideNavItem>, "aria-label">;
+declare const SideNavToggle: react.ForwardRefExoticComponent<Omit<SideNavToggleProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
 declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -763,21 +952,25 @@ 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">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "className"> & Omit<{
+declare const Spinner: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
+} & Sprinkles, "size"> & {
     colorScheme?: "default" | "inverse";
-} & react.RefAttributes<SVGSVGElement>>;
+    size?: "2xs" | "5xl" | "lg" | "md" | "sm" | "xl" | "xs";
+} & react.RefAttributes<HTMLDivElement>>;
 
-declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<RadixSwitch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value"> & {
+    onCheckedChange?: (checked: boolean) => void;
+    value?: string;
+} & react.RefAttributes<HTMLInputElement>, "ref">, "color" | "size" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & {
     description?: ReactNode;
 } & {
     size?: "md" | "lg" | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+} & react.RefAttributes<HTMLInputElement>>;
 
 declare const Tabs: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.TabsProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
@@ -932,9 +1125,8 @@ declare const ToggleButton: react.ForwardRefExoticComponent<Omit<Omit<RadixToggl
 type TooltipRootProps = BoxProps<typeof RadixTooltip.Root, {
     auto?: boolean;
     delayDuration?: ComponentPropsWithRef<typeof RadixTooltip.Provider>["delayDuration"];
-    keepOpenOnActivation?: boolean;
 }>;
-declare function TooltipRoot({ auto, children, defaultOpen, delayDuration, keepOpenOnActivation, onOpenChange, open: openProp, ...props }: TooltipRootProps): react_jsx_runtime.JSX.Element;
+declare function TooltipRoot({ auto, children, defaultOpen, delayDuration, onOpenChange, open: openProp, ...props }: TooltipRootProps): react_jsx_runtime.JSX.Element;
 declare namespace TooltipRoot {
     var displayName: string;
 }
@@ -979,4 +1171,4 @@ declare const TransitionGlobalConfig: {
     skipAnimations: boolean;
 };
 
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, BoxProps, ButtonGroup, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerBody, DrawerFooter, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, InputBase, type InputBaseProps, Kbd, MenuButton, Pagination, type PaginationProps, PopoverAnchor, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, SearchInput, Separator, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, 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, 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, SideNavItem, type SideNavItemProps, type SideNavProfileMenuProps, 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

@@ -14,6 +14,9 @@ export { Avatar } from './src/avatar/Avatar.js';
 export { AvatarGroup } from './src/avatar-group/AvatarGroup.js';
 export { AxiomProvider } from './src/axiom-provider/AxiomProvider.js';
 export { Badge } from './src/badge/Badge.js';
+export { Banner } from './src/banner/Banner.js';
+export { BannerDescription } from './src/banner-description/BannerDescription.js';
+export { BannerTitle } from './src/banner-title/BannerTitle.js';
 export { Box } from './src/box/Box.js';
 export { Button } from './src/button/Button.js';
 export { ButtonGroup } from './src/button-group/ButtonGroup.js';
@@ -52,7 +55,6 @@ export { HoverCardContent } from './src/hover-card-content/HoverCardContent.js';
 export { HoverCardTrigger } from './src/hover-card-trigger/HoverCardTrigger.js';
 export { Indicator } from './src/indicator/Indicator.js';
 export { Input } from './src/input/Input.js';
-export { InputBase } from './src/input-base/InputBase.js';
 export { Kbd } from './src/kbd/Kbd.js';
 import * as layers_css from './src/layers/layers-css.js';
 export { layers_css as layers };
@@ -64,10 +66,16 @@ export { PopoverAnchor } from './src/popover-anchor/PopoverAnchor.js';
 export { PopoverContent } from './src/popover-content/PopoverContent.js';
 export { PopoverTrigger } from './src/popover-trigger/PopoverTrigger.js';
 export { Progress } from './src/progress/Progress.js';
+export { Radio } from './src/radio/Radio.js';
 export { RadioGroup } from './src/radio-group/RadioGroup.js';
-export { RadioGroupItem } from './src/radio-group-item/RadioGroupItem.js';
 export { SearchInput } from './src/search-input/SearchInput.js';
+export { SegmentedControl } from './src/segmented-control/SegmentedControl.js';
+export { SegmentedControlItem } from './src/segmented-control-item/SegmentedControlItem.js';
 export { Separator } from './src/separator/Separator.js';
+export { SideNav } from './src/side-nav/SideNav.js';
+export { SideNavAccountItem } from './src/side-nav-account-item/SideNavAccountItem.js';
+export { SideNavItem } from './src/side-nav-item/SideNavItem.js';
+export { SideNavToggle } from './src/side-nav-toggle/SideNavToggle.js';
 export { Skeleton } from './src/skeleton/Skeleton.js';
 export { Spinner } from './src/spinner/Spinner.js';
 export { extractSprinkles } from './src/sprinkles/extractSprinkles.js';
@@ -80,10 +88,10 @@ export { TabsList } from './src/tabs-list/TabsList.js';
 export { TabsTrigger } from './src/tabs-trigger/TabsTrigger.js';
 export { Text } from './src/text/Text.js';
 export { Textarea } from './src/textarea/Textarea.js';
-export { createToaster, theme, toaster, tokens, tokensDark } from '@optiaxiom/globals';
 export { ThemeProvider } from './src/theme-provider/ThemeProvider.js';
 export { Toast } from './src/toast/Toast.js';
 export { ToastAction } from './src/toast-action/ToastAction.js';
+export { createToaster, toaster } from '@optiaxiom/globals';
 export { ToastProvider } from './src/toast-provider/ToastProvider.js';
 export { ToastTitle } from './src/toast-title/ToastTitle.js';
 export { ToggleButton } from './src/toggle-button/ToggleButton.js';

package/dist/package.json.js

@@ -1,3 +1,3 @@
-var version = "0.1.0";
+var version = "0.2.0";
 
 export { version };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var alert = recipeRuntime({base:[{alignItems:'start',flexDirection:'row',fontSize:'md',gap:'xs',justifyContent:'space-between',p:'md'}],variants:{colorScheme:{danger:{bg:'red.100'},information:{bg:'brand.50'},neutral:{bg:'bg.secondary'},success:{bg:'green.100'},warning:{bg:'yellow.100'}}}});
-var icon = recipeRuntime({base:[{h:'16',mt:'4',w:'auto'}],variants:{colorScheme:{danger:{color:'bg.error.hovered'},information:{color:'brand.600'},neutral:{color:'fg.tertiary'},success:{color:'bg.success.hovered'},warning:{color:'bg.warning.hovered'}}}});
+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'}}}});
 
 export { alert, icon };