@optiaxiom/web-components 3.0.7 → 3.1.0

package/dist/index.d.ts

@@ -2,12 +2,12 @@ import { a as ResponsiveArray, i as PointerDownOutsideEvent, n as FocusEventHand
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/index.d.ts
-declare const Alert = "ax-alert";
-type AlertProps = BoxProps & {
-  "intent"?: undefined | "danger" | "neutral" | "information" | "success" | "warning" | "opal";
-  "onDismiss"?: undefined | (() => void);
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Alert = "ax-alert";
+export type AlertProps = BoxProps & {
+  "intent"?: "danger" | "neutral" | "information" | "success" | "warning" | "opal";
+  "onDismiss"?: () => void;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -23,12 +23,12 @@ declare module "react" {
     }
   }
 }
-declare const AlertDialog = "ax-alert-dialog";
-type AlertDialogProps = {
-  "defaultOpen"?: undefined | false | true;
-  "default-open"?: undefined | false | true;
-  "onOpenChange"?: undefined | ((open: boolean) => void);
-  "open"?: undefined | false | true;
+export declare const AlertDialog = "ax-alert-dialog";
+export type AlertDialogProps = {
+  "defaultOpen"?: false | true;
+  "default-open"?: false | true;
+  "onOpenChange"?: (open: boolean) => void;
+  "open"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -46,24 +46,24 @@ declare module "react" {
     }
   }
 }
-declare const AlertDialogAction = "ax-alert-dialog-action";
-type AlertDialogActionProps = BoxProps & {
+export declare const AlertDialogAction = "ax-alert-dialog-action";
+export type AlertDialogActionProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "size"?: undefined | "lg" | "md" | "sm";
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
-  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "size"?: "lg" | "md" | "sm";
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "loading"?: false | true;
+  "square"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -79,10 +79,10 @@ declare module "react" {
     }
   }
 }
-declare const AlertDialogBody = "ax-alert-dialog-body";
-type AlertDialogBodyProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const AlertDialogBody = "ax-alert-dialog-body";
+export type AlertDialogBodyProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -98,24 +98,24 @@ declare module "react" {
     }
   }
 }
-declare const AlertDialogCancel = "ax-alert-dialog-cancel";
-type AlertDialogCancelProps = BoxProps & {
+export declare const AlertDialogCancel = "ax-alert-dialog-cancel";
+export type AlertDialogCancelProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "size"?: undefined | "lg" | "md" | "sm";
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
-  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "size"?: "lg" | "md" | "sm";
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "loading"?: false | true;
+  "square"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -131,17 +131,17 @@ declare module "react" {
     }
   }
 }
-declare const AlertDialogContent = "ax-alert-dialog-content";
-type AlertDialogContentProps = BoxProps & {
-  "size"?: undefined | "lg" | "md" | "sm";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "onEscapeKeyDown"?: undefined | ((event: KeyboardEvent) => void);
-  "onPointerDownOutside"?: undefined | ((event: PointerDownOutsideEvent) => void);
-  "onFocusOutside"?: undefined | ((event: FocusOutsideEvent) => void);
-  "onInteractOutside"?: undefined | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void);
-  "onOpenAutoFocus"?: undefined | ((event: Event) => void);
-  "onCloseAutoFocus"?: undefined | ((event: Event) => void);
+export declare const AlertDialogContent = "ax-alert-dialog-content";
+export type AlertDialogContentProps = BoxProps & {
+  "size"?: "lg" | "md" | "sm";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "onEscapeKeyDown"?: (event: KeyboardEvent) => void;
+  "onPointerDownOutside"?: (event: PointerDownOutsideEvent) => void;
+  "onFocusOutside"?: (event: FocusOutsideEvent) => void;
+  "onInteractOutside"?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+  "onOpenAutoFocus"?: (event: Event) => void;
+  "onCloseAutoFocus"?: (event: Event) => void;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -157,10 +157,10 @@ declare module "react" {
     }
   }
 }
-declare const AlertDialogFooter = "ax-alert-dialog-footer";
-type AlertDialogFooterProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const AlertDialogFooter = "ax-alert-dialog-footer";
+export type AlertDialogFooterProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -176,12 +176,12 @@ declare module "react" {
     }
   }
 }
-declare const AlertDialogHeader = "ax-alert-dialog-header";
-type AlertDialogHeaderProps = BoxProps & {
+export declare const AlertDialogHeader = "ax-alert-dialog-header";
+export type AlertDialogHeaderProps = BoxProps & {
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -197,24 +197,24 @@ declare module "react" {
     }
   }
 }
-declare const AlertDialogTrigger = "ax-alert-dialog-trigger";
-type AlertDialogTriggerProps = BoxProps & {
+export declare const AlertDialogTrigger = "ax-alert-dialog-trigger";
+export type AlertDialogTriggerProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "size"?: undefined | "lg" | "md" | "sm";
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
-  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "size"?: "lg" | "md" | "sm";
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "loading"?: false | true;
+  "square"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -230,24 +230,24 @@ declare module "react" {
     }
   }
 }
-declare const AngleMenuButton = "ax-angle-menu-button";
-type AngleMenuButtonProps = BoxProps & {
-  "size"?: undefined | "lg" | "md" | "sm";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
+export declare const AngleMenuButton = "ax-angle-menu-button";
+export type AngleMenuButtonProps = BoxProps & {
+  "size"?: "lg" | "md" | "sm";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "loading"?: false | true;
+  "square"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -263,8 +263,8 @@ declare module "react" {
     }
   }
 }
-declare const AuthProvider = "ax-auth-provider";
-type AuthProviderProps = {
+export declare const AuthProvider = "ax-auth-provider";
+export type AuthProviderProps = {
   "instance"?: string;
   "refresh"?: () => Promise<string>;
   "token"?: string;
@@ -285,16 +285,16 @@ declare module "react" {
     }
   }
 }
-declare const Avatar = "ax-avatar";
-type AvatarProps = BoxProps & {
-  "colorScheme"?: undefined | "neutral" | "purple";
-  "color-scheme"?: undefined | "neutral" | "purple";
-  "size"?: undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "2xs";
-  "fallback"?: undefined | "user" | "opal" | "team";
-  "name"?: undefined | string;
-  "src"?: undefined | string;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Avatar = "ax-avatar";
+export type AvatarProps = BoxProps & {
+  "colorScheme"?: "neutral" | "purple";
+  "color-scheme"?: "neutral" | "purple";
+  "size"?: "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "2xs";
+  "fallback"?: "user" | "opal" | "team";
+  "name"?: string;
+  "src"?: string;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -310,11 +310,11 @@ declare module "react" {
     }
   }
 }
-declare const AvatarGroup = "ax-avatar-group";
-type AvatarGroupProps = BoxProps & {
-  "size"?: undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "2xs";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const AvatarGroup = "ax-avatar-group";
+export type AvatarGroupProps = BoxProps & {
+  "size"?: "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "2xs";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -330,12 +330,12 @@ declare module "react" {
     }
   }
 }
-declare const AxiomProvider = "ax-axiom-provider";
-type AxiomProviderProps = {
-  "dialog"?: undefined | Omit<DialogKitProviderProps, "children">;
-  "locale"?: undefined | string;
-  "toast"?: undefined | Omit<ToastProviderProps, "children">;
-  "tooltip"?: undefined | Omit<TooltipProviderProps, "children">;
+export declare const AxiomProvider = "ax-axiom-provider";
+export type AxiomProviderProps = {
+  "dialog"?: Omit<DialogKitProviderProps, "children">;
+  "locale"?: string;
+  "toast"?: Omit<ToastProviderProps, "children">;
+  "tooltip"?: Omit<TooltipProviderProps, "children">;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -353,15 +353,15 @@ declare module "react" {
     }
   }
 }
-declare const Badge = "ax-badge";
-type BadgeProps = BoxProps & {
-  "intent"?: undefined | "danger" | "neutral" | "information" | "primary" | "success" | "warning";
-  "variant"?: undefined | "strong" | "subtle";
-  "lineClamp"?: undefined | "1" | "2" | "4" | "3";
-  "line-clamp"?: undefined | "1" | "2" | "4" | "3";
-  "truncate"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Badge = "ax-badge";
+export type BadgeProps = BoxProps & {
+  "intent"?: "danger" | "neutral" | "information" | "primary" | "success" | "warning";
+  "variant"?: "strong" | "subtle";
+  "lineClamp"?: "1" | "2" | "4" | "3";
+  "line-clamp"?: "1" | "2" | "4" | "3";
+  "truncate"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -377,12 +377,12 @@ declare module "react" {
     }
   }
 }
-declare const Banner = "ax-banner";
-type BannerProps = BoxProps & {
-  "intent"?: undefined | "danger" | "neutral" | "information" | "success" | "warning";
-  "onDismiss"?: undefined | (() => void);
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Banner = "ax-banner";
+export type BannerProps = BoxProps & {
+  "intent"?: "danger" | "neutral" | "information" | "success" | "warning";
+  "onDismiss"?: () => void;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -398,98 +398,98 @@ declare module "react" {
     }
   }
 }
-declare const Box = "ax-box";
-type BoxProps = {
-  "fontFamily"?: undefined | "heading" | "mono" | "sans";
-  "font-family"?: undefined | "heading" | "mono" | "sans";
-  "fontSize"?: undefined | "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs";
-  "font-size"?: undefined | "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs";
-  "size"?: undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min" | ResponsiveArray<undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min"> | ResponsiveObject<undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min">;
-  "animation"?: undefined | "ping" | "pulse" | "spin";
-  "backgroundImage"?: undefined | "gradient.opal";
-  "background-image"?: undefined | "gradient.opal";
-  "borderColor"?: undefined | "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "current" | "transparent";
-  "border-color"?: undefined | "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "current" | "transparent";
-  "color"?: undefined | "current" | "transparent" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.black" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white";
-  "cursor"?: undefined | "default" | "pointer" | "text";
-  "fontWeight"?: undefined | "inherit" | "400" | "500" | "600" | "700" | "900";
-  "font-weight"?: undefined | "inherit" | "400" | "500" | "600" | "700" | "900";
-  "objectFit"?: undefined | "contain" | "cover" | "fill" | "none";
-  "object-fit"?: undefined | "contain" | "cover" | "fill" | "none";
-  "overflowX"?: undefined | "hidden" | "auto" | "visible";
-  "overflow-x"?: undefined | "hidden" | "auto" | "visible";
-  "overflowY"?: undefined | "hidden" | "auto" | "visible";
-  "overflow-y"?: undefined | "hidden" | "auto" | "visible";
-  "pointerEvents"?: undefined | "auto" | "none";
-  "pointer-events"?: undefined | "auto" | "none";
-  "textAlign"?: undefined | "center" | "end" | "justify" | "start";
-  "text-align"?: undefined | "center" | "end" | "justify" | "start";
-  "textTransform"?: undefined | "none" | "capitalize" | "uppercase";
-  "text-transform"?: undefined | "none" | "capitalize" | "uppercase";
-  "transition"?: undefined | "colors" | "none" | "all" | "opacity" | "transform";
-  "whiteSpace"?: undefined | "nowrap";
-  "white-space"?: undefined | "nowrap";
-  "bg"?: undefined | "current" | "transparent" | "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.message.neutral" | "bg.overlay" | "bg.page" | "bg.pill.default" | "bg.pill.hovered" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle";
-  "border"?: undefined | "0" | "1" | "2";
-  "borderB"?: undefined | "0" | "1" | "2";
-  "border-b"?: undefined | "0" | "1" | "2";
-  "borderL"?: undefined | "0" | "1" | "2";
-  "border-l"?: undefined | "0" | "1" | "2";
-  "borderR"?: undefined | "0" | "1" | "2";
-  "border-r"?: undefined | "0" | "1" | "2";
-  "borderT"?: undefined | "0" | "1" | "2";
-  "border-t"?: undefined | "0" | "1" | "2";
-  "m"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
-  "mx"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
-  "my"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
-  "mb"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
-  "ml"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
-  "mr"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
-  "mt"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
-  "overflow"?: undefined | "hidden" | "auto" | "visible";
-  "p"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
-  "px"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
-  "py"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
-  "pb"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
-  "pl"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
-  "pr"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
-  "pt"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
-  "rounded"?: undefined | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | "full" | "none";
-  "shadow"?: undefined | "lg" | "md" | "sm" | "xl" | "none";
-  "z"?: undefined | "0" | "10" | "20" | "auto" | "30" | "popover" | "toast" | "tooltip";
-  "alignItems"?: undefined | "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<undefined | "center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<undefined | "center" | "end" | "start" | "normal" | "stretch">;
-  "align-items"?: undefined | "center" | "end" | "start" | "normal" | "stretch";
-  "alignSelf"?: undefined | "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<undefined | "center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<undefined | "center" | "end" | "start" | "normal" | "stretch">;
-  "align-self"?: undefined | "center" | "end" | "start" | "normal" | "stretch";
-  "display"?: undefined | "flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | ResponsiveArray<undefined | "flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row"> | ResponsiveObject<undefined | "flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row">;
-  "flex"?: undefined | "auto" | "none" | "1" | "initial" | ResponsiveArray<undefined | "auto" | "none" | "1" | "initial"> | ResponsiveObject<undefined | "auto" | "none" | "1" | "initial">;
-  "flexDirection"?: undefined | "column" | "column-reverse" | "row" | "row-reverse" | ResponsiveArray<undefined | "column" | "column-reverse" | "row" | "row-reverse"> | ResponsiveObject<undefined | "column" | "column-reverse" | "row" | "row-reverse">;
-  "flex-direction"?: undefined | "column" | "column-reverse" | "row" | "row-reverse";
-  "flexWrap"?: undefined | "nowrap" | "wrap" | ResponsiveArray<undefined | "nowrap" | "wrap"> | ResponsiveObject<undefined | "nowrap" | "wrap">;
-  "flex-wrap"?: undefined | "nowrap" | "wrap";
-  "gap"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8" | ResponsiveArray<undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8"> | ResponsiveObject<undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8">;
-  "gridAutoRows"?: undefined | "fr" | ResponsiveArray<undefined | "fr"> | ResponsiveObject<undefined | "fr">;
-  "grid-auto-rows"?: undefined | "fr";
-  "gridColumn"?: undefined | "1" | "2" | "4" | "3" | ResponsiveArray<undefined | "1" | "2" | "4" | "3"> | ResponsiveObject<undefined | "1" | "2" | "4" | "3">;
-  "grid-column"?: undefined | "1" | "2" | "4" | "3";
-  "gridTemplateColumns"?: undefined | "1" | "2" | "4" | "3" | ResponsiveArray<undefined | "1" | "2" | "4" | "3"> | ResponsiveObject<undefined | "1" | "2" | "4" | "3">;
-  "grid-template-columns"?: undefined | "1" | "2" | "4" | "3";
-  "justifyContent"?: undefined | "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | ResponsiveArray<undefined | "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly"> | ResponsiveObject<undefined | "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly">;
-  "justify-content"?: undefined | "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly";
-  "justifyItems"?: undefined | "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<undefined | "center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<undefined | "center" | "end" | "start" | "normal" | "stretch">;
-  "justify-items"?: undefined | "center" | "end" | "start" | "normal" | "stretch";
-  "placeItems"?: undefined | "center" | ResponsiveArray<undefined | "center"> | ResponsiveObject<undefined | "center">;
-  "place-items"?: undefined | "center";
-  "maxH"?: undefined | "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full">;
-  "max-h"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "maxW"?: undefined | "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full">;
-  "max-w"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "h"?: undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min" | ResponsiveArray<undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min"> | ResponsiveObject<undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min">;
-  "w"?: undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min" | ResponsiveArray<undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min"> | ResponsiveObject<undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min">;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "className"?: undefined | string;
-  "class-name"?: undefined | string;
+export declare const Box = "ax-box";
+export type BoxProps = {
+  "fontFamily"?: "heading" | "mono" | "sans";
+  "font-family"?: "heading" | "mono" | "sans";
+  "fontSize"?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs";
+  "font-size"?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs";
+  "size"?: "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min" | ResponsiveArray<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min"> | ResponsiveObject<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min">;
+  "animation"?: "ping" | "pulse" | "spin";
+  "backgroundImage"?: "gradient.opal";
+  "background-image"?: "gradient.opal";
+  "borderColor"?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "current" | "transparent";
+  "border-color"?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "current" | "transparent";
+  "color"?: "current" | "transparent" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.black" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white";
+  "cursor"?: "default" | "pointer" | "text";
+  "fontWeight"?: "inherit" | "400" | "500" | "600" | "700" | "900";
+  "font-weight"?: "inherit" | "400" | "500" | "600" | "700" | "900";
+  "objectFit"?: "contain" | "cover" | "fill" | "none";
+  "object-fit"?: "contain" | "cover" | "fill" | "none";
+  "overflowX"?: "hidden" | "auto" | "visible";
+  "overflow-x"?: "hidden" | "auto" | "visible";
+  "overflowY"?: "hidden" | "auto" | "visible";
+  "overflow-y"?: "hidden" | "auto" | "visible";
+  "pointerEvents"?: "auto" | "none";
+  "pointer-events"?: "auto" | "none";
+  "textAlign"?: "center" | "end" | "justify" | "start";
+  "text-align"?: "center" | "end" | "justify" | "start";
+  "textTransform"?: "none" | "capitalize" | "uppercase";
+  "text-transform"?: "none" | "capitalize" | "uppercase";
+  "transition"?: "colors" | "none" | "all" | "opacity" | "transform";
+  "whiteSpace"?: "nowrap";
+  "white-space"?: "nowrap";
+  "bg"?: "current" | "transparent" | "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.message.neutral" | "bg.overlay" | "bg.page" | "bg.pill.default" | "bg.pill.hovered" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle";
+  "border"?: "0" | "1" | "2";
+  "borderB"?: "0" | "1" | "2";
+  "border-b"?: "0" | "1" | "2";
+  "borderL"?: "0" | "1" | "2";
+  "border-l"?: "0" | "1" | "2";
+  "borderR"?: "0" | "1" | "2";
+  "border-r"?: "0" | "1" | "2";
+  "borderT"?: "0" | "1" | "2";
+  "border-t"?: "0" | "1" | "2";
+  "m"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mx"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "my"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mb"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "ml"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mr"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mt"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "overflow"?: "hidden" | "auto" | "visible";
+  "p"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "px"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "py"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pb"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pl"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pr"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pt"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "rounded"?: "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | "full" | "none";
+  "shadow"?: "lg" | "md" | "sm" | "xl" | "none";
+  "z"?: "0" | "10" | "20" | "auto" | "30" | "popover" | "toast" | "tooltip";
+  "alignItems"?: "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<"center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<"center" | "end" | "start" | "normal" | "stretch">;
+  "align-items"?: "center" | "end" | "start" | "normal" | "stretch";
+  "alignSelf"?: "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<"center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<"center" | "end" | "start" | "normal" | "stretch">;
+  "align-self"?: "center" | "end" | "start" | "normal" | "stretch";
+  "display"?: "flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | ResponsiveArray<"flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row"> | ResponsiveObject<"flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row">;
+  "flex"?: "auto" | "none" | "1" | "initial" | ResponsiveArray<"auto" | "none" | "1" | "initial"> | ResponsiveObject<"auto" | "none" | "1" | "initial">;
+  "flexDirection"?: "column" | "column-reverse" | "row" | "row-reverse" | ResponsiveArray<"column" | "column-reverse" | "row" | "row-reverse"> | ResponsiveObject<"column" | "column-reverse" | "row" | "row-reverse">;
+  "flex-direction"?: "column" | "column-reverse" | "row" | "row-reverse";
+  "flexWrap"?: "nowrap" | "wrap" | ResponsiveArray<"nowrap" | "wrap"> | ResponsiveObject<"nowrap" | "wrap">;
+  "flex-wrap"?: "nowrap" | "wrap";
+  "gap"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8" | ResponsiveArray<"0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8"> | ResponsiveObject<"0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8">;
+  "gridAutoRows"?: "fr" | ResponsiveArray<"fr"> | ResponsiveObject<"fr">;
+  "grid-auto-rows"?: "fr";
+  "gridColumn"?: "1" | "2" | "4" | "3" | ResponsiveArray<"1" | "2" | "4" | "3"> | ResponsiveObject<"1" | "2" | "4" | "3">;
+  "grid-column"?: "1" | "2" | "4" | "3";
+  "gridTemplateColumns"?: "1" | "2" | "4" | "3" | ResponsiveArray<"1" | "2" | "4" | "3"> | ResponsiveObject<"1" | "2" | "4" | "3">;
+  "grid-template-columns"?: "1" | "2" | "4" | "3";
+  "justifyContent"?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | ResponsiveArray<"center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly"> | ResponsiveObject<"center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly">;
+  "justify-content"?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly";
+  "justifyItems"?: "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<"center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<"center" | "end" | "start" | "normal" | "stretch">;
+  "justify-items"?: "center" | "end" | "start" | "normal" | "stretch";
+  "placeItems"?: "center" | ResponsiveArray<"center"> | ResponsiveObject<"center">;
+  "place-items"?: "center";
+  "maxH"?: "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full">;
+  "max-h"?: "lg" | "md" | "sm" | "xs" | "full";
+  "maxW"?: "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full">;
+  "max-w"?: "lg" | "md" | "sm" | "xs" | "full";
+  "h"?: "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min" | ResponsiveArray<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min"> | ResponsiveObject<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min">;
+  "w"?: "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min" | ResponsiveArray<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min"> | ResponsiveObject<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min">;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "className"?: string;
+  "class-name"?: string;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -505,18 +505,18 @@ declare module "react" {
     }
   }
 }
-declare const Breadcrumb = "ax-breadcrumb";
-type BreadcrumbProps = BoxProps & {
+export declare const Breadcrumb = "ax-breadcrumb";
+export type BreadcrumbProps = BoxProps & {
   "items"?: {
     addonAfter?: ReactNode;
-    execute?: (() => void) | undefined;
-    href?: string | undefined;
+    execute?: () => void;
+    href?: string;
     label: string;
   }[];
-  "maxItems"?: undefined | number;
-  "max-items"?: undefined | number;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "maxItems"?: number;
+  "max-items"?: number;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -532,24 +532,24 @@ declare module "react" {
     }
   }
 }
-declare const Button = "ax-button";
-type ButtonProps = BoxProps & {
+export declare const Button = "ax-button";
+export type ButtonProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "size"?: undefined | "lg" | "md" | "sm";
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
-  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "size"?: "lg" | "md" | "sm";
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "loading"?: false | true;
+  "square"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -565,11 +565,11 @@ declare module "react" {
     }
   }
 }
-declare const ButtonGroup = "ax-button-group";
-type ButtonGroupProps = BoxProps & {
-  "orientation"?: undefined | "horizontal" | "vertical";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const ButtonGroup = "ax-button-group";
+export type ButtonGroupProps = BoxProps & {
+  "orientation"?: "horizontal" | "vertical";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -585,10 +585,10 @@ declare module "react" {
     }
   }
 }
-declare const Card = "ax-card";
-type CardProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Card = "ax-card";
+export type CardProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -604,11 +604,11 @@ declare module "react" {
     }
   }
 }
-declare const CardAction = "ax-card-action";
-type CardActionProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "visible"?: undefined | "always" | "if-needed";
+export declare const CardAction = "ax-card-action";
+export type CardActionProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "visible"?: "always" | "if-needed";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -624,15 +624,15 @@ declare module "react" {
     }
   }
 }
-declare const CardCheckbox = "ax-card-checkbox";
-type CardCheckboxProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "name"?: undefined | string;
-  "value"?: undefined | string | number | readonly string[];
-  "required"?: undefined | false | true;
-  "onCheckedChange"?: undefined | ((checked: boolean) => void);
-  "indeterminate"?: undefined | false | true;
+export declare const CardCheckbox = "ax-card-checkbox";
+export type CardCheckboxProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "name"?: string;
+  "value"?: string | number | readonly string[];
+  "required"?: false | true;
+  "onCheckedChange"?: (checked: boolean) => void;
+  "indeterminate"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -648,10 +648,10 @@ declare module "react" {
     }
   }
 }
-declare const CardFooter = "ax-card-footer";
-type CardFooterProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const CardFooter = "ax-card-footer";
+export type CardFooterProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -667,18 +667,18 @@ declare module "react" {
     }
   }
 }
-declare const CardHeader = "ax-card-header";
-type CardHeaderProps = BoxProps & {
+export declare const CardHeader = "ax-card-header";
+export type CardHeaderProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "description"?: string | number | false | true;
-  "lineClamp"?: undefined | "1" | "2" | "4" | "3";
-  "line-clamp"?: undefined | "1" | "2" | "4" | "3";
-  "truncate"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "lineClamp"?: "1" | "2" | "4" | "3";
+  "line-clamp"?: "1" | "2" | "4" | "3";
+  "truncate"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -694,10 +694,10 @@ declare module "react" {
     }
   }
 }
-declare const CardImage = "ax-card-image";
-type CardImageProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const CardImage = "ax-card-image";
+export type CardImageProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -713,16 +713,16 @@ declare module "react" {
     }
   }
 }
-declare const CardLink = "ax-card-link";
-type CardLinkProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "onClick"?: undefined | MouseEventHandler<HTMLAnchorElement>;
-  "cover"?: undefined | false | true | "inset";
-  "disabled"?: undefined | false | true;
-  "appearance"?: undefined | "default" | "subtle" | "inverse";
-  "href"?: undefined | string;
-  "external"?: undefined | false | true;
+export declare const CardLink = "ax-card-link";
+export type CardLinkProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "onClick"?: MouseEventHandler<HTMLAnchorElement>;
+  "cover"?: false | true | "inset";
+  "disabled"?: false | true;
+  "appearance"?: "default" | "subtle" | "inverse";
+  "href"?: string;
+  "external"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -738,8 +738,8 @@ declare module "react" {
     }
   }
 }
-declare const CardPreview = "ax-card-preview";
-type CardPreviewProps = BoxProps & {
+export declare const CardPreview = "ax-card-preview";
+export type CardPreviewProps = BoxProps & {
   "addonBottomLeft"?: string | number | false | true;
   "addon-bottom-left"?: string;
   "addonBottomRight"?: string | number | false | true;
@@ -748,8 +748,8 @@ type CardPreviewProps = BoxProps & {
   "addon-top-left"?: string;
   "addonTopRight"?: string | number | false | true;
   "addon-top-right"?: string;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -765,16 +765,16 @@ declare module "react" {
     }
   }
 }
-declare const Checkbox = "ax-checkbox";
-type CheckboxProps = BoxProps & {
+export declare const Checkbox = "ax-checkbox";
+export type CheckboxProps = BoxProps & {
   "description"?: string | number | false | true;
-  "indeterminate"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "name"?: undefined | string;
-  "value"?: undefined | string | number | readonly string[];
-  "required"?: undefined | false | true;
-  "onCheckedChange"?: undefined | ((checked: boolean) => void);
+  "indeterminate"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "name"?: string;
+  "value"?: string | number | readonly string[];
+  "required"?: false | true;
+  "onCheckedChange"?: (checked: boolean) => void;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -790,10 +790,10 @@ declare module "react" {
     }
   }
 }
-declare const Code = "ax-code";
-type CodeProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Code = "ax-code";
+export type CodeProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -809,12 +809,12 @@ declare module "react" {
     }
   }
 }
-declare const Cover = "ax-cover";
-type CoverProps = BoxProps & {
-  "disabled"?: undefined | false | true;
-  "inset"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Cover = "ax-cover";
+export type CoverProps = BoxProps & {
+  "disabled"?: false | true;
+  "inset"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -830,11 +830,11 @@ declare module "react" {
     }
   }
 }
-declare const DataTable = "ax-data-table";
-type DataTableProps = BoxProps & {
+export declare const DataTable = "ax-data-table";
+export type DataTableProps = BoxProps & {
   "table"?: Table<any>;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -850,13 +850,13 @@ declare module "react" {
     }
   }
 }
-declare const DataTableBody = "ax-data-table-body";
-type DataTableBodyProps = BoxProps & {
-  "estimatedRowHeight"?: undefined | number;
-  "estimated-row-height"?: undefined | number;
-  "loading"?: undefined | false | true | Record<string, false | "sub-rows">;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const DataTableBody = "ax-data-table-body";
+export type DataTableBodyProps = BoxProps & {
+  "estimatedRowHeight"?: number;
+  "estimated-row-height"?: number;
+  "loading"?: false | true | Record<string, false | "sub-rows">;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -872,12 +872,12 @@ declare module "react" {
     }
   }
 }
-declare const DataTableAction = "ax-data-table-action";
-type DataTableActionProps = BoxProps & {
-  "primary"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "visible"?: undefined | "always" | "if-needed";
+export declare const DataTableAction = "ax-data-table-action";
+export type DataTableActionProps = BoxProps & {
+  "primary"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "visible"?: "always" | "if-needed";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -893,17 +893,17 @@ declare module "react" {
     }
   }
 }
-declare const DataTableCheckbox = "ax-data-table-checkbox";
-type DataTableCheckboxProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "name"?: undefined | string;
-  "value"?: undefined | string | number | readonly string[];
-  "required"?: undefined | false | true;
-  "onCheckedChange"?: undefined | ((checked: boolean) => void);
+export declare const DataTableCheckbox = "ax-data-table-checkbox";
+export type DataTableCheckboxProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "name"?: string;
+  "value"?: string | number | readonly string[];
+  "required"?: false | true;
+  "onCheckedChange"?: (checked: boolean) => void;
   "description"?: string | number | false | true;
-  "indeterminate"?: undefined | false | true;
-  "visible"?: undefined | "always" | "if-needed";
+  "indeterminate"?: false | true;
+  "visible"?: "always" | "if-needed";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -919,14 +919,20 @@ declare module "react" {
     }
   }
 }
-declare const DataTableFooter = "ax-data-table-footer";
-type DataTableFooterProps = BoxProps & {
-  "pageSizeOptions"?: undefined | ResponsiveObject<undefined>;
-  "page-size-options"?: undefined;
-  "showPageSizeOptions"?: undefined | false | true;
-  "show-page-size-options"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const DataTableFooter = "ax-data-table-footer";
+export type DataTableFooterProps = BoxProps & {
+  "pageSizeOptions"?: {
+    label: string;
+    value: string;
+  }[];
+  "page-size-options"?: {
+    label: string;
+    value: string;
+  }[];
+  "showPageSizeOptions"?: false | true;
+  "show-page-size-options"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -942,10 +948,10 @@ declare module "react" {
     }
   }
 }
-declare const DataTableLabel = "ax-data-table-label";
-type DataTableLabelProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const DataTableLabel = "ax-data-table-label";
+export type DataTableLabelProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -961,31 +967,31 @@ declare module "react" {
     }
   }
 }
-declare const DateInput = "ax-date-input";
-type DateInputProps = BoxProps & {
-  "placeholder"?: undefined | string;
-  "holiday"?: undefined | false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
-  "weekend"?: undefined | false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
-  "type"?: undefined | "date" | "datetime-local";
-  "size"?: undefined | "lg" | "md" | "xl";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "autoFocus"?: undefined | false | true;
-  "auto-focus"?: undefined | false | true;
-  "name"?: undefined | string;
-  "onValueChange"?: undefined | ((value: string) => void);
-  "disabled"?: undefined | false | true;
-  "required"?: undefined | false | true;
+export declare const DateInput = "ax-date-input";
+export type DateInputProps = BoxProps & {
+  "placeholder"?: string;
+  "holiday"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
+  "weekend"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
+  "type"?: "date" | "datetime-local";
+  "size"?: "lg" | "md" | "xl";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "autoFocus"?: false | true;
+  "auto-focus"?: false | true;
+  "name"?: string;
+  "onValueChange"?: (value: string) => void;
+  "disabled"?: false | true;
+  "required"?: false | true;
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "addonPointerEvents"?: undefined | "auto" | "none";
-  "addon-pointer-events"?: undefined | "auto" | "none";
-  "error"?: undefined | false | true;
-  "appearance"?: undefined | "number" | "default";
-  "htmlSize"?: undefined | number;
-  "html-size"?: undefined | number;
+  "addonPointerEvents"?: "auto" | "none";
+  "addon-pointer-events"?: "auto" | "none";
+  "error"?: false | true;
+  "appearance"?: "number" | "default";
+  "htmlSize"?: number;
+  "html-size"?: number;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1001,18 +1007,18 @@ declare module "react" {
     }
   }
 }
-declare const DateRangePicker = "ax-date-range-picker";
-type DateRangePickerProps = {
-  "defaultOpen"?: undefined | false | true;
-  "default-open"?: undefined | false | true;
-  "modal"?: undefined | false | true;
-  "onOpenChange"?: undefined | ((open: boolean) => void);
-  "open"?: undefined | false | true;
-  "defaultValue"?: undefined | null | DateRange;
-  "default-value"?: undefined | null | DateRange;
-  "disabled"?: undefined | false | true;
-  "onValueChange"?: undefined | ((value: DateRange | null) => void);
-  "value"?: undefined | null | DateRange;
+export declare const DateRangePicker = "ax-date-range-picker";
+export type DateRangePickerProps = {
+  "defaultOpen"?: false | true;
+  "default-open"?: false | true;
+  "modal"?: false | true;
+  "onOpenChange"?: (open: boolean) => void;
+  "open"?: false | true;
+  "defaultValue"?: DateRange;
+  "default-value"?: DateRange;
+  "disabled"?: false | true;
+  "onValueChange"?: (value: DateRange) => void;
+  "value"?: DateRange;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1030,31 +1036,31 @@ declare module "react" {
     }
   }
 }
-declare const DateRangePickerContent = "ax-date-range-picker-content";
-type DateRangePickerContentProps = BoxProps & {
-  "maxH"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "max-h"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "onEscapeKeyDown"?: undefined | ((event: KeyboardEvent) => void);
-  "onPointerDownOutside"?: undefined | ((event: PointerDownOutsideEvent) => void);
-  "onFocusOutside"?: undefined | ((event: FocusOutsideEvent) => void);
-  "onInteractOutside"?: undefined | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void);
-  "onOpenAutoFocus"?: undefined | ((event: Event) => void);
-  "onCloseAutoFocus"?: undefined | ((event: Event) => void);
-  "minW"?: undefined | "0" | "trigger";
-  "min-w"?: undefined | "0" | "trigger";
-  "side"?: undefined | "top" | "right" | "bottom" | "left";
-  "sideOffset"?: undefined | number;
-  "side-offset"?: undefined | number;
-  "align"?: undefined | "center" | "end" | "start";
-  "alignOffset"?: undefined | number;
-  "align-offset"?: undefined | number;
-  "max"?: undefined | Date;
-  "min"?: undefined | Date;
-  "today"?: undefined | Date;
-  "holiday"?: undefined | false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
-  "weekend"?: undefined | false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
+export declare const DateRangePickerContent = "ax-date-range-picker-content";
+export type DateRangePickerContentProps = BoxProps & {
+  "maxH"?: "lg" | "md" | "sm" | "xs" | "full";
+  "max-h"?: "lg" | "md" | "sm" | "xs" | "full";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "onEscapeKeyDown"?: (event: KeyboardEvent) => void;
+  "onPointerDownOutside"?: (event: PointerDownOutsideEvent) => void;
+  "onFocusOutside"?: (event: FocusOutsideEvent) => void;
+  "onInteractOutside"?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+  "onOpenAutoFocus"?: (event: Event) => void;
+  "onCloseAutoFocus"?: (event: Event) => void;
+  "minW"?: "0" | "trigger";
+  "min-w"?: "0" | "trigger";
+  "side"?: "top" | "right" | "bottom" | "left";
+  "sideOffset"?: number;
+  "side-offset"?: number;
+  "align"?: "center" | "end" | "start";
+  "alignOffset"?: number;
+  "align-offset"?: number;
+  "max"?: Date;
+  "min"?: Date;
+  "today"?: Date;
+  "holiday"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
+  "weekend"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
@@ -1074,7 +1080,28 @@ declare module "react" {
     }
   }
 }
-declare const DateRangePickerTrigger = "ax-date-range-picker-trigger";
+export declare const DateRangePickerTrigger = "ax-date-range-picker-trigger";
+export type DateRangePickerTriggerProps = BoxProps & {
+  "size"?: "lg" | "md" | "sm";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
+  "addonAfter"?: string | number | false | true;
+  "addon-after"?: string;
+  "addonBefore"?: string | number | false | true;
+  "addon-before"?: string;
+  "icon"?: string | number | false | true;
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "loading"?: false | true;
+  "square"?: false | true;
+  "formatRange"?: (startDate: Date, endDate: Date) => string;
+  "format-range"?: (startDate: Date, endDate: Date) => string;
+  "placeholder"?: string;
+};
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -1089,12 +1116,12 @@ declare module "react" {
     }
   }
 }
-declare const Dialog = "ax-dialog";
-type DialogProps = {
-  "defaultOpen"?: undefined | false | true;
-  "default-open"?: undefined | false | true;
-  "onOpenChange"?: undefined | ((open: boolean) => void);
-  "open"?: undefined | false | true;
+export declare const Dialog = "ax-dialog";
+export type DialogProps = {
+  "defaultOpen"?: false | true;
+  "default-open"?: false | true;
+  "onOpenChange"?: (open: boolean) => void;
+  "open"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1112,10 +1139,10 @@ declare module "react" {
     }
   }
 }
-declare const DialogBody = "ax-dialog-body";
-type DialogBodyProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const DialogBody = "ax-dialog-body";
+export type DialogBodyProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1131,24 +1158,24 @@ declare module "react" {
     }
   }
 }
-declare const DialogClose = "ax-dialog-close";
-type DialogCloseProps = BoxProps & {
+export declare const DialogClose = "ax-dialog-close";
+export type DialogCloseProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "size"?: undefined | "lg" | "md" | "sm";
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
-  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "size"?: "lg" | "md" | "sm";
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "loading"?: false | true;
+  "square"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1164,17 +1191,17 @@ declare module "react" {
     }
   }
 }
-declare const DialogContent = "ax-dialog-content";
-type DialogContentProps = BoxProps & {
-  "size"?: undefined | "lg" | "md" | "sm" | "fullscreen";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "onEscapeKeyDown"?: undefined | ((event: KeyboardEvent) => void);
-  "onPointerDownOutside"?: undefined | ((event: PointerDownOutsideEvent) => void);
-  "onFocusOutside"?: undefined | ((event: FocusOutsideEvent) => void);
-  "onInteractOutside"?: undefined | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void);
-  "onOpenAutoFocus"?: undefined | ((event: Event) => void);
-  "onCloseAutoFocus"?: undefined | ((event: Event) => void);
+export declare const DialogContent = "ax-dialog-content";
+export type DialogContentProps = BoxProps & {
+  "size"?: "lg" | "md" | "sm" | "fullscreen";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "onEscapeKeyDown"?: (event: KeyboardEvent) => void;
+  "onPointerDownOutside"?: (event: PointerDownOutsideEvent) => void;
+  "onFocusOutside"?: (event: FocusOutsideEvent) => void;
+  "onInteractOutside"?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+  "onOpenAutoFocus"?: (event: Event) => void;
+  "onCloseAutoFocus"?: (event: Event) => void;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1190,10 +1217,10 @@ declare module "react" {
     }
   }
 }
-declare const DialogFooter = "ax-dialog-footer";
-type DialogFooterProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const DialogFooter = "ax-dialog-footer";
+export type DialogFooterProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1209,10 +1236,10 @@ declare module "react" {
     }
   }
 }
-declare const DialogForm = "ax-dialog-form";
-type DialogFormProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const DialogForm = "ax-dialog-form";
+export type DialogFormProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1228,16 +1255,16 @@ declare module "react" {
     }
   }
 }
-declare const DialogHeader = "ax-dialog-header";
-type DialogHeaderProps = BoxProps & {
+export declare const DialogHeader = "ax-dialog-header";
+export type DialogHeaderProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "description"?: string | number | false | true;
-  "lineClamp"?: undefined | "1" | "2" | "4" | "3";
-  "line-clamp"?: undefined | "1" | "2" | "4" | "3";
-  "truncate"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "lineClamp"?: "1" | "2" | "4" | "3";
+  "line-clamp"?: "1" | "2" | "4" | "3";
+  "truncate"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1253,24 +1280,24 @@ declare module "react" {
     }
   }
 }
-declare const DialogTrigger = "ax-dialog-trigger";
-type DialogTriggerProps = BoxProps & {
+export declare const DialogTrigger = "ax-dialog-trigger";
+export type DialogTriggerProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "size"?: undefined | "lg" | "md" | "sm";
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
-  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "size"?: "lg" | "md" | "sm";
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "loading"?: false | true;
+  "square"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1286,15 +1313,15 @@ declare module "react" {
     }
   }
 }
-declare const Disclosure = "ax-disclosure";
-type DisclosureProps = BoxProps & {
-  "defaultOpen"?: undefined | false | true;
-  "default-open"?: undefined | false | true;
-  "onOpenChange"?: undefined | ((open: boolean) => void);
-  "open"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "disabled"?: undefined | false | true;
+export declare const Disclosure = "ax-disclosure";
+export type DisclosureProps = BoxProps & {
+  "defaultOpen"?: false | true;
+  "default-open"?: false | true;
+  "onOpenChange"?: (open: boolean) => void;
+  "open"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "disabled"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1310,12 +1337,12 @@ declare module "react" {
     }
   }
 }
-declare const DisclosureContent = "ax-disclosure-content";
-type DisclosureContentProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "hiddenUntilFound"?: undefined | false | true;
-  "hidden-until-found"?: undefined | false | true;
+export declare const DisclosureContent = "ax-disclosure-content";
+export type DisclosureContentProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "hiddenUntilFound"?: false | true;
+  "hidden-until-found"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1331,16 +1358,16 @@ declare module "react" {
     }
   }
 }
-declare const DisclosureTrigger = "ax-disclosure-trigger";
-type DisclosureTriggerProps = BoxProps & {
+export declare const DisclosureTrigger = "ax-disclosure-trigger";
+export type DisclosureTriggerProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "chevronPosition"?: undefined | "end" | "start";
-  "chevron-position"?: undefined | "end" | "start";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "chevronPosition"?: "end" | "start";
+  "chevron-position"?: "end" | "start";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1356,13 +1383,13 @@ declare module "react" {
     }
   }
 }
-declare const DropdownMenu = "ax-dropdown-menu";
-type DropdownMenuProps = {
-  "defaultOpen"?: undefined | false | true;
-  "default-open"?: undefined | false | true;
-  "modal"?: undefined | false | true;
-  "onOpenChange"?: undefined | ((open: boolean) => void);
-  "open"?: undefined | false | true;
+export declare const DropdownMenu = "ax-dropdown-menu";
+export type DropdownMenuProps = {
+  "defaultOpen"?: false | true;
+  "default-open"?: false | true;
+  "modal"?: false | true;
+  "onOpenChange"?: (open: boolean) => void;
+  "open"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1380,23 +1407,23 @@ declare module "react" {
     }
   }
 }
-declare const DropdownMenuCheckboxItem = "ax-dropdown-menu-checkbox-item";
-type DropdownMenuCheckboxItemProps = BoxProps & {
+export declare const DropdownMenuCheckboxItem = "ax-dropdown-menu-checkbox-item";
+export type DropdownMenuCheckboxItemProps = BoxProps & {
   "description"?: string | number | false | true;
-  "intent"?: undefined | "danger" | "neutral";
+  "intent"?: "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "onSelect"?: undefined | ((event: Event) => void);
-  "disabled"?: undefined | false | true;
-  "checked"?: undefined | false | true | "indeterminate";
-  "onCheckedChange"?: undefined | ((checked: boolean) => void);
-  "textValue"?: undefined | string;
-  "text-value"?: undefined | string;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "onSelect"?: (event: Event) => void;
+  "disabled"?: false | true;
+  "checked"?: false | true | "indeterminate";
+  "onCheckedChange"?: (checked: boolean) => void;
+  "textValue"?: string;
+  "text-value"?: string;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1412,22 +1439,22 @@ declare module "react" {
     }
   }
 }
-declare const DropdownMenuContent = "ax-dropdown-menu-content";
-type DropdownMenuContentProps = BoxProps & {
-  "maxH"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "max-h"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "onEscapeKeyDown"?: undefined | ((event: KeyboardEvent) => void);
-  "onPointerDownOutside"?: undefined | ((event: PointerDownOutsideEvent) => void);
-  "onFocusOutside"?: undefined | ((event: FocusOutsideEvent) => void);
-  "onInteractOutside"?: undefined | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void);
-  "onCloseAutoFocus"?: undefined | ((event: Event) => void);
-  "minW"?: undefined | "0" | "trigger";
-  "min-w"?: undefined | "0" | "trigger";
-  "side"?: undefined | "top" | "right" | "bottom" | "left";
-  "align"?: undefined | "center" | "end" | "start";
-  "loading"?: undefined | false | true;
+export declare const DropdownMenuContent = "ax-dropdown-menu-content";
+export type DropdownMenuContentProps = BoxProps & {
+  "maxH"?: "lg" | "md" | "sm" | "xs" | "full";
+  "max-h"?: "lg" | "md" | "sm" | "xs" | "full";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "onEscapeKeyDown"?: (event: KeyboardEvent) => void;
+  "onPointerDownOutside"?: (event: PointerDownOutsideEvent) => void;
+  "onFocusOutside"?: (event: FocusOutsideEvent) => void;
+  "onInteractOutside"?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+  "onCloseAutoFocus"?: (event: Event) => void;
+  "minW"?: "0" | "trigger";
+  "min-w"?: "0" | "trigger";
+  "side"?: "top" | "right" | "bottom" | "left";
+  "align"?: "center" | "end" | "start";
+  "loading"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1443,10 +1470,10 @@ declare module "react" {
     }
   }
 }
-declare const DropdownMenuGroup = "ax-dropdown-menu-group";
-type DropdownMenuGroupProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const DropdownMenuGroup = "ax-dropdown-menu-group";
+export type DropdownMenuGroupProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1462,21 +1489,21 @@ declare module "react" {
     }
   }
 }
-declare const DropdownMenuItem = "ax-dropdown-menu-item";
-type DropdownMenuItemProps = BoxProps & {
+export declare const DropdownMenuItem = "ax-dropdown-menu-item";
+export type DropdownMenuItemProps = BoxProps & {
   "description"?: string | number | false | true;
-  "intent"?: undefined | "danger" | "neutral";
+  "intent"?: "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "onSelect"?: undefined | ((event: Event) => void);
-  "disabled"?: undefined | false | true;
-  "textValue"?: undefined | string;
-  "text-value"?: undefined | string;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "onSelect"?: (event: Event) => void;
+  "disabled"?: false | true;
+  "textValue"?: string;
+  "text-value"?: string;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1492,10 +1519,10 @@ declare module "react" {
     }
   }
 }
-declare const DropdownMenuLabel = "ax-dropdown-menu-label";
-type DropdownMenuLabelProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const DropdownMenuLabel = "ax-dropdown-menu-label";
+export type DropdownMenuLabelProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1511,10 +1538,10 @@ declare module "react" {
     }
   }
 }
-declare const DropdownMenuSeparator = "ax-dropdown-menu-separator";
-type DropdownMenuSeparatorProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const DropdownMenuSeparator = "ax-dropdown-menu-separator";
+export type DropdownMenuSeparatorProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1530,12 +1557,12 @@ declare module "react" {
     }
   }
 }
-declare const DropdownMenuSub = "ax-dropdown-menu-sub";
-type DropdownMenuSubProps = {
-  "defaultOpen"?: undefined | false | true;
-  "default-open"?: undefined | false | true;
-  "onOpenChange"?: undefined | ((open: boolean) => void);
-  "open"?: undefined | false | true;
+export declare const DropdownMenuSub = "ax-dropdown-menu-sub";
+export type DropdownMenuSubProps = {
+  "defaultOpen"?: false | true;
+  "default-open"?: false | true;
+  "onOpenChange"?: (open: boolean) => void;
+  "open"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1553,18 +1580,18 @@ declare module "react" {
     }
   }
 }
-declare const DropdownMenuSubContent = "ax-dropdown-menu-sub-content";
-type DropdownMenuSubContentProps = BoxProps & {
-  "maxH"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "max-h"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "onEscapeKeyDown"?: undefined | ((event: KeyboardEvent) => void);
-  "onPointerDownOutside"?: undefined | ((event: PointerDownOutsideEvent) => void);
-  "onFocusOutside"?: undefined | ((event: FocusOutsideEvent) => void);
-  "onInteractOutside"?: undefined | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void);
-  "minW"?: undefined | "0" | "trigger";
-  "min-w"?: undefined | "0" | "trigger";
+export declare const DropdownMenuSubContent = "ax-dropdown-menu-sub-content";
+export type DropdownMenuSubContentProps = BoxProps & {
+  "maxH"?: "lg" | "md" | "sm" | "xs" | "full";
+  "max-h"?: "lg" | "md" | "sm" | "xs" | "full";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "onEscapeKeyDown"?: (event: KeyboardEvent) => void;
+  "onPointerDownOutside"?: (event: PointerDownOutsideEvent) => void;
+  "onFocusOutside"?: (event: FocusOutsideEvent) => void;
+  "onInteractOutside"?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+  "minW"?: "0" | "trigger";
+  "min-w"?: "0" | "trigger";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1580,24 +1607,24 @@ declare module "react" {
     }
   }
 }
-declare const DropdownMenuTrigger = "ax-dropdown-menu-trigger";
-type DropdownMenuTriggerProps = BoxProps & {
-  "size"?: undefined | "lg" | "md" | "sm";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
+export declare const DropdownMenuTrigger = "ax-dropdown-menu-trigger";
+export type DropdownMenuTriggerProps = BoxProps & {
+  "size"?: "lg" | "md" | "sm";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "loading"?: false | true;
+  "square"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1613,24 +1640,24 @@ declare module "react" {
     }
   }
 }
-declare const EllipsisMenuButton = "ax-ellipsis-menu-button";
-type EllipsisMenuButtonProps = BoxProps & {
-  "size"?: undefined | "lg" | "md" | "sm";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
+export declare const EllipsisMenuButton = "ax-ellipsis-menu-button";
+export type EllipsisMenuButtonProps = BoxProps & {
+  "size"?: "lg" | "md" | "sm";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "loading"?: false | true;
+  "square"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1646,19 +1673,19 @@ declare module "react" {
     }
   }
 }
-declare const Field = "ax-field";
-type FieldProps = BoxProps & {
-  "required"?: undefined | false | true;
+export declare const Field = "ax-field";
+export type FieldProps = BoxProps & {
+  "required"?: false | true;
   "info"?: string | number | false | true;
-  "inputId"?: undefined | string;
-  "input-id"?: undefined | string;
-  "labelId"?: undefined | string;
-  "label-id"?: undefined | string;
+  "inputId"?: string;
+  "input-id"?: string;
+  "labelId"?: string;
+  "label-id"?: string;
   "description"?: string | number | false | true;
   "error"?: string | number | false | true;
   "label"?: string | number | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1674,16 +1701,16 @@ declare module "react" {
     }
   }
 }
-declare const FieldLabel = "ax-field-label";
-type FieldLabelProps = BoxProps & {
+export declare const FieldLabel = "ax-field-label";
+export type FieldLabelProps = BoxProps & {
   "info"?: string | number | false | true;
-  "inputId"?: undefined | string;
-  "input-id"?: undefined | string;
-  "labelId"?: undefined | string;
-  "label-id"?: undefined | string;
-  "required"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "inputId"?: string;
+  "input-id"?: string;
+  "labelId"?: string;
+  "label-id"?: string;
+  "required"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1699,10 +1726,10 @@ declare module "react" {
     }
   }
 }
-declare const Flex = "ax-flex";
-type FlexProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Flex = "ax-flex";
+export type FlexProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1718,10 +1745,10 @@ declare module "react" {
     }
   }
 }
-declare const Grid = "ax-grid";
-type GridProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Grid = "ax-grid";
+export type GridProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1737,10 +1764,10 @@ declare module "react" {
     }
   }
 }
-declare const Group = "ax-group";
-type GroupProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Group = "ax-group";
+export type GroupProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1756,14 +1783,14 @@ declare module "react" {
     }
   }
 }
-declare const Heading = "ax-heading";
-type HeadingProps = BoxProps & {
-  "level"?: undefined | "1" | "2" | "4" | "3";
-  "lineClamp"?: undefined | "1" | "2" | "4" | "3";
-  "line-clamp"?: undefined | "1" | "2" | "4" | "3";
-  "truncate"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Heading = "ax-heading";
+export type HeadingProps = BoxProps & {
+  "level"?: "1" | "2" | "4" | "3";
+  "lineClamp"?: "1" | "2" | "4" | "3";
+  "line-clamp"?: "1" | "2" | "4" | "3";
+  "truncate"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1779,20 +1806,20 @@ declare module "react" {
     }
   }
 }
-declare const Indicator = "ax-indicator";
-type IndicatorProps = BoxProps & {
+export declare const Indicator = "ax-indicator";
+export type IndicatorProps = BoxProps & {
   "content"?: string | number | false | true;
-  "disabled"?: undefined | false | true;
-  "offset"?: undefined | false | true;
-  "ping"?: undefined | false | true;
-  "position"?: undefined | "bottom-right" | "top-right";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "intent"?: undefined | "danger" | "neutral" | "information" | "primary" | "success" | "warning";
-  "lineClamp"?: undefined | "1" | "2" | "4" | "3";
-  "line-clamp"?: undefined | "1" | "2" | "4" | "3";
-  "truncate"?: undefined | false | true;
-  "variant"?: undefined | "strong" | "subtle";
+  "disabled"?: false | true;
+  "offset"?: false | true;
+  "ping"?: false | true;
+  "position"?: "bottom-right" | "top-right";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "intent"?: "danger" | "neutral" | "information" | "primary" | "success" | "warning";
+  "lineClamp"?: "1" | "2" | "4" | "3";
+  "line-clamp"?: "1" | "2" | "4" | "3";
+  "truncate"?: false | true;
+  "variant"?: "strong" | "subtle";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1808,29 +1835,29 @@ declare module "react" {
     }
   }
 }
-declare const Input = "ax-input";
-type InputProps = BoxProps & {
-  "addonPointerEvents"?: undefined | "auto" | "none";
-  "addon-pointer-events"?: undefined | "auto" | "none";
-  "appearance"?: undefined | "number" | "default";
-  "size"?: undefined | "lg" | "md" | "xl";
+export declare const Input = "ax-input";
+export type InputProps = BoxProps & {
+  "addonPointerEvents"?: "auto" | "none";
+  "addon-pointer-events"?: "auto" | "none";
+  "appearance"?: "number" | "default";
+  "size"?: "lg" | "md" | "xl";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "autoFocus"?: undefined | false | true;
-  "auto-focus"?: undefined | false | true;
-  "htmlSize"?: undefined | number;
-  "html-size"?: undefined | number;
-  "type"?: undefined | "number" | "color" | "hidden" | "text" | string & {} | "search" | "button" | "checkbox" | "radio" | "tel" | "url" | "email" | "date" | "time" | "image" | "datetime-local" | "file" | "month" | "password" | "range" | "reset" | "submit" | "week";
-  "name"?: undefined | string;
-  "onValueChange"?: undefined | ((value: string) => void);
-  "placeholder"?: undefined | string;
-  "disabled"?: undefined | false | true;
-  "required"?: undefined | false | true;
-  "error"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "autoFocus"?: false | true;
+  "auto-focus"?: false | true;
+  "htmlSize"?: number;
+  "html-size"?: number;
+  "type"?: "number" | "color" | "hidden" | "text" | string & {} | "search" | "button" | "checkbox" | "radio" | "tel" | "url" | "email" | "date" | "time" | "image" | "datetime-local" | "file" | "month" | "password" | "range" | "reset" | "submit" | "week";
+  "name"?: string;
+  "onValueChange"?: (value: string) => void;
+  "placeholder"?: string;
+  "disabled"?: false | true;
+  "required"?: false | true;
+  "error"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1846,10 +1873,10 @@ declare module "react" {
     }
   }
 }
-declare const InputAddon = "ax-input-addon";
-type InputAddonProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const InputAddon = "ax-input-addon";
+export type InputAddonProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1865,17 +1892,17 @@ declare module "react" {
     }
   }
 }
-declare const InputControl = "ax-input-control";
-type InputControlProps = BoxProps & {
-  "size"?: undefined | "lg" | "md" | "xl";
-  "name"?: undefined | string;
-  "onValueChange"?: undefined | ((value: string) => void);
-  "placeholder"?: undefined | string;
-  "disabled"?: undefined | false | true;
-  "required"?: undefined | false | true;
-  "error"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const InputControl = "ax-input-control";
+export type InputControlProps = BoxProps & {
+  "size"?: "lg" | "md" | "xl";
+  "name"?: string;
+  "onValueChange"?: (value: string) => void;
+  "placeholder"?: string;
+  "disabled"?: false | true;
+  "required"?: false | true;
+  "error"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1891,12 +1918,12 @@ declare module "react" {
     }
   }
 }
-declare const InputRoot = "ax-input-root";
-type InputRootProps = BoxProps & {
-  "addonPointerEvents"?: undefined | "auto" | "none";
-  "addon-pointer-events"?: undefined | "auto" | "none";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const InputRoot = "ax-input-root";
+export type InputRootProps = BoxProps & {
+  "addonPointerEvents"?: "auto" | "none";
+  "addon-pointer-events"?: "auto" | "none";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1912,12 +1939,12 @@ declare module "react" {
     }
   }
 }
-declare const Kbd = "ax-kbd";
-type KbdProps = BoxProps & {
-  "variant"?: undefined | "subtle" | "outline";
-  "modifiers"?: undefined | "alt" | "meta" | "shift" | "ctrl" | "mod" | (("alt" | "meta" | "shift" | "ctrl" | "mod")[]);
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Kbd = "ax-kbd";
+export type KbdProps = BoxProps & {
+  "variant"?: "subtle" | "outline";
+  "modifiers"?: "alt" | "meta" | "shift" | "ctrl" | "mod" | (("alt" | "meta" | "shift" | "ctrl" | "mod")[]);
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1933,17 +1960,17 @@ declare module "react" {
     }
   }
 }
-declare const LabelMenuButton = "ax-label-menu-button";
-type LabelMenuButtonProps = BoxProps & {
-  "size"?: undefined;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
-  "appearance"?: undefined;
-  "addon"?: undefined | "none" | "end" | "start" | "both" | "only";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
+export declare const LabelMenuButton = "ax-label-menu-button";
+export type LabelMenuButtonProps = BoxProps & {
+  "size"?: never;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
+  "appearance"?: never;
+  "addon"?: "none" | "end" | "start" | "both" | "only";
+  "loading"?: false | true;
+  "square"?: false | true;
   "label"?: string;
 };
 declare module "@stencil/core" {
@@ -1960,16 +1987,16 @@ declare module "react" {
     }
   }
 }
-declare const Link = "ax-link";
-type LinkProps = BoxProps & {
-  "appearance"?: undefined | "default" | "subtle" | "inverse";
-  "cover"?: undefined | false | true | "inset";
-  "disabled"?: undefined | false | true;
-  "external"?: undefined | false | true;
-  "href"?: undefined | string;
-  "onClick"?: undefined | MouseEventHandler<HTMLAnchorElement>;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Link = "ax-link";
+export type LinkProps = BoxProps & {
+  "appearance"?: "default" | "subtle" | "inverse";
+  "cover"?: false | true | "inset";
+  "disabled"?: false | true;
+  "external"?: false | true;
+  "href"?: string;
+  "onClick"?: MouseEventHandler<HTMLAnchorElement>;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1985,10 +2012,10 @@ declare module "react" {
     }
   }
 }
-declare const Listbox = "ax-listbox";
-type ListboxProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Listbox = "ax-listbox";
+export type ListboxProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2004,18 +2031,18 @@ declare module "react" {
     }
   }
 }
-declare const ListboxCheckboxItem = "ax-listbox-checkbox-item";
-type ListboxCheckboxItemProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const ListboxCheckboxItem = "ax-listbox-checkbox-item";
+export type ListboxCheckboxItemProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
   "description"?: string | number | false | true;
-  "intent"?: undefined | "danger" | "neutral";
+  "intent"?: "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "onCheckedChange"?: undefined | ((checked: boolean) => void);
+  "onCheckedChange"?: (checked: boolean) => void;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2031,10 +2058,10 @@ declare module "react" {
     }
   }
 }
-declare const ListboxEmpty = "ax-listbox-empty";
-type ListboxEmptyProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const ListboxEmpty = "ax-listbox-empty";
+export type ListboxEmptyProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2050,10 +2077,10 @@ declare module "react" {
     }
   }
 }
-declare const ListboxGroup = "ax-listbox-group";
-type ListboxGroupProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const ListboxGroup = "ax-listbox-group";
+export type ListboxGroupProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2069,17 +2096,17 @@ declare module "react" {
     }
   }
 }
-declare const ListboxItem = "ax-listbox-item";
-type ListboxItemProps = BoxProps & {
+export declare const ListboxItem = "ax-listbox-item";
+export type ListboxItemProps = BoxProps & {
   "description"?: string | number | false | true;
-  "intent"?: undefined | "danger" | "neutral";
+  "intent"?: "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2095,12 +2122,12 @@ declare module "react" {
     }
   }
 }
-declare const ListboxItemIndicator = "ax-listbox-item-indicator";
-type ListboxItemIndicatorProps = BoxProps & {
-  "active"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "filled"?: undefined | false | true;
+export declare const ListboxItemIndicator = "ax-listbox-item-indicator";
+export type ListboxItemIndicatorProps = BoxProps & {
+  "active"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "filled"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2116,18 +2143,18 @@ declare module "react" {
     }
   }
 }
-declare const ListboxItemized = "ax-listbox-itemized";
-type ListboxItemizedProps = BoxProps & {
+export declare const ListboxItemized = "ax-listbox-itemized";
+export type ListboxItemizedProps = BoxProps & {
   "empty"?: string | number | false | true;
   "highlightedItem"?: any;
   "highlighted-item"?: any;
   "items"?: any[] | readonly any[];
   "itemToKey"?: (item: any) => string;
   "item-to-key"?: (item: any) => string;
-  "loading"?: undefined | "both" | "skeleton" | "spinner";
-  "onPlacedChange"?: undefined | ((placed: boolean) => void);
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "loading"?: "both" | "skeleton" | "spinner";
+  "onPlacedChange"?: (placed: boolean) => void;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2143,10 +2170,10 @@ declare module "react" {
     }
   }
 }
-declare const ListboxLabel = "ax-listbox-label";
-type ListboxLabelProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const ListboxLabel = "ax-listbox-label";
+export type ListboxLabelProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2162,12 +2189,12 @@ declare module "react" {
     }
   }
 }
-declare const ListboxRadioItem = "ax-listbox-radio-item";
-type ListboxRadioItemProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const ListboxRadioItem = "ax-listbox-radio-item";
+export type ListboxRadioItemProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
   "description"?: string | number | false | true;
-  "intent"?: undefined | "danger" | "neutral";
+  "intent"?: "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
@@ -2188,12 +2215,12 @@ declare module "react" {
     }
   }
 }
-declare const ListboxSeparator = "ax-listbox-separator";
-type ListboxSeparatorProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "orientation"?: undefined | "horizontal" | "vertical" | ResponsiveArray<undefined | "horizontal" | "vertical"> | ResponsiveObject<undefined | "horizontal" | "vertical">;
-  "decorative"?: undefined | false | true;
+export declare const ListboxSeparator = "ax-listbox-separator";
+export type ListboxSeparatorProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "orientation"?: "horizontal" | "vertical" | ResponsiveArray<"horizontal" | "vertical"> | ResponsiveObject<"horizontal" | "vertical">;
+  "decorative"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2209,18 +2236,18 @@ declare module "react" {
     }
   }
 }
-declare const ListboxSwitchItem = "ax-listbox-switch-item";
-type ListboxSwitchItemProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const ListboxSwitchItem = "ax-listbox-switch-item";
+export type ListboxSwitchItemProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
   "description"?: string | number | false | true;
-  "intent"?: undefined | "danger" | "neutral";
+  "intent"?: "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "onCheckedChange"?: undefined | ((checked: boolean) => void);
+  "onCheckedChange"?: (checked: boolean) => void;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2236,22 +2263,22 @@ declare module "react" {
     }
   }
 }
-declare const Menu = "ax-menu";
-type MenuProps = {
-  "size"?: undefined | "lg" | "sm";
-  "placeholder"?: undefined | string;
-  "defaultOpen"?: undefined | false | true;
-  "default-open"?: undefined | false | true;
-  "open"?: undefined | false | true;
-  "onOpenChange"?: undefined | ((open: boolean) => void);
-  "loading"?: undefined | false | true | "both" | "skeleton" | "spinner";
+export declare const Menu = "ax-menu";
+export type MenuProps = {
+  "size"?: "lg" | "sm";
+  "placeholder"?: string;
+  "defaultOpen"?: false | true;
+  "default-open"?: false | true;
+  "open"?: false | true;
+  "onOpenChange"?: (open: boolean) => void;
+  "loading"?: false | true | "both" | "skeleton" | "spinner";
   "options"?: CommandOption[] | readonly CommandOption[];
   "empty"?: string | number | false | true;
-  "inputValue"?: undefined | string;
-  "input-value"?: undefined | string;
-  "onInputValueChange"?: undefined | ((inputValue: string) => void);
-  "inputVisible"?: undefined | "always" | "if-needed";
-  "input-visible"?: undefined | "always" | "if-needed";
+  "inputValue"?: string;
+  "input-value"?: string;
+  "onInputValueChange"?: (inputValue: string) => void;
+  "inputVisible"?: "always" | "if-needed";
+  "input-visible"?: "always" | "if-needed";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2269,26 +2296,26 @@ declare module "react" {
     }
   }
 }
-declare const MenuContent = "ax-menu-content";
-type MenuContentProps = BoxProps & {
-  "maxH"?: undefined | "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full">;
-  "max-h"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "onEscapeKeyDown"?: undefined | ((event: KeyboardEvent) => void);
-  "onPointerDownOutside"?: undefined | ((event: PointerDownOutsideEvent) => void);
-  "onFocusOutside"?: undefined | ((event: FocusOutsideEvent) => void);
-  "onInteractOutside"?: undefined | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void);
-  "onOpenAutoFocus"?: undefined | ((event: Event) => void);
-  "onCloseAutoFocus"?: undefined | ((event: Event) => void);
-  "minW"?: undefined | "0" | "trigger";
-  "min-w"?: undefined | "0" | "trigger";
-  "side"?: undefined | "top" | "right" | "bottom" | "left";
-  "sideOffset"?: undefined | number;
-  "side-offset"?: undefined | number;
-  "align"?: undefined | "center" | "end" | "start";
-  "alignOffset"?: undefined | number;
-  "align-offset"?: undefined | number;
+export declare const MenuContent = "ax-menu-content";
+export type MenuContentProps = BoxProps & {
+  "maxH"?: "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full">;
+  "max-h"?: "lg" | "md" | "sm" | "xs" | "full";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "onEscapeKeyDown"?: (event: KeyboardEvent) => void;
+  "onPointerDownOutside"?: (event: PointerDownOutsideEvent) => void;
+  "onFocusOutside"?: (event: FocusOutsideEvent) => void;
+  "onInteractOutside"?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+  "onOpenAutoFocus"?: (event: Event) => void;
+  "onCloseAutoFocus"?: (event: Event) => void;
+  "minW"?: "0" | "trigger";
+  "min-w"?: "0" | "trigger";
+  "side"?: "top" | "right" | "bottom" | "left";
+  "sideOffset"?: number;
+  "side-offset"?: number;
+  "align"?: "center" | "end" | "start";
+  "alignOffset"?: number;
+  "align-offset"?: number;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2304,24 +2331,24 @@ declare module "react" {
     }
   }
 }
-declare const MenuTrigger = "ax-menu-trigger";
-type MenuTriggerProps = BoxProps & {
-  "size"?: undefined | "lg" | "md" | "sm";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
+export declare const MenuTrigger = "ax-menu-trigger";
+export type MenuTriggerProps = BoxProps & {
+  "size"?: "lg" | "md" | "sm";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "loading"?: false | true;
+  "square"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2337,11 +2364,11 @@ declare module "react" {
     }
   }
 }
-declare const ModalLayer = "ax-modal-layer";
-type ModalLayerProps = {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "onEscapeKeyDown"?: undefined | ((event: KeyboardEvent) => void);
+export declare const ModalLayer = "ax-modal-layer";
+export type ModalLayerProps = {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "onEscapeKeyDown"?: (event: KeyboardEvent) => void;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2357,14 +2384,14 @@ declare module "react" {
     }
   }
 }
-declare const Nav = "ax-nav";
-type NavProps = BoxProps & {
-  "defaultExpanded"?: undefined | false | true;
-  "default-expanded"?: undefined | false | true;
-  "expanded"?: undefined | false | true;
-  "onExpandedChange"?: undefined | ((expanded: boolean) => void);
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Nav = "ax-nav";
+export type NavProps = BoxProps & {
+  "defaultExpanded"?: false | true;
+  "default-expanded"?: false | true;
+  "expanded"?: false | true;
+  "onExpandedChange"?: (expanded: boolean) => void;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2380,13 +2407,13 @@ declare module "react" {
     }
   }
 }
-declare const NavAccountItem = "ax-nav-account-item";
-type NavAccountItemProps = BoxProps & {
-  "name"?: undefined | string;
-  "organization"?: undefined | string;
-  "src"?: undefined | string;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const NavAccountItem = "ax-nav-account-item";
+export type NavAccountItemProps = BoxProps & {
+  "name"?: string;
+  "organization"?: string;
+  "src"?: string;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2402,10 +2429,10 @@ declare module "react" {
     }
   }
 }
-declare const NavBody = "ax-nav-body";
-type NavBodyProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const NavBody = "ax-nav-body";
+export type NavBodyProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2421,10 +2448,10 @@ declare module "react" {
     }
   }
 }
-declare const NavFooter = "ax-nav-footer";
-type NavFooterProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const NavFooter = "ax-nav-footer";
+export type NavFooterProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2440,16 +2467,16 @@ declare module "react" {
     }
   }
 }
-declare const NavGroup = "ax-nav-group";
-type NavGroupProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "disabled"?: undefined | false | true;
-  "defaultOpen"?: undefined | false | true;
-  "default-open"?: undefined | false | true;
-  "open"?: undefined | false | true;
-  "onOpenChange"?: undefined | ((open: boolean) => void);
-  "collapsible"?: undefined | false | true;
+export declare const NavGroup = "ax-nav-group";
+export type NavGroupProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "disabled"?: false | true;
+  "defaultOpen"?: false | true;
+  "default-open"?: false | true;
+  "open"?: false | true;
+  "onOpenChange"?: (open: boolean) => void;
+  "collapsible"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2465,10 +2492,10 @@ declare module "react" {
     }
   }
 }
-declare const NavGroupContent = "ax-nav-group-content";
-type NavGroupContentProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const NavGroupContent = "ax-nav-group-content";
+export type NavGroupContentProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2484,16 +2511,16 @@ declare module "react" {
     }
   }
 }
-declare const NavGroupTrigger = "ax-nav-group-trigger";
-type NavGroupTriggerProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const NavGroupTrigger = "ax-nav-group-trigger";
+export type NavGroupTriggerProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "chevronPosition"?: undefined | "end" | "start";
-  "chevron-position"?: undefined | "end" | "start";
+  "chevronPosition"?: "end" | "start";
+  "chevron-position"?: "end" | "start";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2509,10 +2536,10 @@ declare module "react" {
     }
   }
 }
-declare const NavHeader = "ax-nav-header";
-type NavHeaderProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const NavHeader = "ax-nav-header";
+export type NavHeaderProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2528,14 +2555,14 @@ declare module "react" {
     }
   }
 }
-declare const NavItem = "ax-nav-item";
-type NavItemProps = BoxProps & {
-  "active"?: undefined | false | true;
+export declare const NavItem = "ax-nav-item";
+export type NavItemProps = BoxProps & {
+  "active"?: false | true;
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "icon"?: string | number | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2551,10 +2578,10 @@ declare module "react" {
     }
   }
 }
-declare const NavList = "ax-nav-list";
-type NavListProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const NavList = "ax-nav-list";
+export type NavListProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2570,12 +2597,12 @@ declare module "react" {
     }
   }
 }
-declare const NavSeparator = "ax-nav-separator";
-type NavSeparatorProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "orientation"?: undefined | "horizontal" | "vertical" | ResponsiveArray<undefined | "horizontal" | "vertical"> | ResponsiveObject<undefined | "horizontal" | "vertical">;
-  "decorative"?: undefined | false | true;
+export declare const NavSeparator = "ax-nav-separator";
+export type NavSeparatorProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "orientation"?: "horizontal" | "vertical" | ResponsiveArray<"horizontal" | "vertical"> | ResponsiveObject<"horizontal" | "vertical">;
+  "decorative"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2591,16 +2618,16 @@ declare module "react" {
     }
   }
 }
-declare const Pagination = "ax-pagination";
-type PaginationProps = BoxProps & {
-  "defaultPage"?: undefined | number;
-  "default-page"?: undefined | number;
-  "disabled"?: undefined | false | true;
-  "onPageChange"?: undefined | ((offset: number) => void);
-  "page"?: undefined | number;
+export declare const Pagination = "ax-pagination";
+export type PaginationProps = BoxProps & {
+  "defaultPage"?: number;
+  "default-page"?: number;
+  "disabled"?: false | true;
+  "onPageChange"?: (offset: number) => void;
+  "page"?: number;
   "total"?: number;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2616,11 +2643,11 @@ declare module "react" {
     }
   }
 }
-declare const Paper = "ax-paper";
-type PaperProps = BoxProps & {
-  "elevation"?: undefined | "dialog" | "menu" | "screen";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Paper = "ax-paper";
+export type PaperProps = BoxProps & {
+  "elevation"?: "dialog" | "menu" | "screen";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2636,13 +2663,13 @@ declare module "react" {
     }
   }
 }
-declare const Popover = "ax-popover";
-type PopoverProps = {
-  "defaultOpen"?: undefined | false | true;
-  "default-open"?: undefined | false | true;
-  "modal"?: undefined | false | true;
-  "onOpenChange"?: undefined | ((open: boolean) => void);
-  "open"?: undefined | false | true;
+export declare const Popover = "ax-popover";
+export type PopoverProps = {
+  "defaultOpen"?: false | true;
+  "default-open"?: false | true;
+  "modal"?: false | true;
+  "onOpenChange"?: (open: boolean) => void;
+  "open"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2660,14 +2687,10 @@ declare module "react" {
     }
   }
 }
-declare const PopoverAnchor = "ax-popover-anchor";
-type PopoverAnchorProps = BoxProps & {
-  "staticRef"?: undefined | RefObject<HTMLElement>;
-  "static-ref"?: undefined | RefObject<HTMLElement>;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "virtualRef"?: undefined | RefObject<Measurable>;
-  "virtual-ref"?: undefined | RefObject<Measurable>;
+export declare const PopoverAnchor = "ax-popover-anchor";
+export type PopoverAnchorProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2683,26 +2706,26 @@ declare module "react" {
     }
   }
 }
-declare const PopoverContent = "ax-popover-content";
-type PopoverContentProps = BoxProps & {
-  "maxH"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "max-h"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "onEscapeKeyDown"?: undefined | ((event: KeyboardEvent) => void);
-  "onPointerDownOutside"?: undefined | ((event: PointerDownOutsideEvent) => void);
-  "onFocusOutside"?: undefined | ((event: FocusOutsideEvent) => void);
-  "onInteractOutside"?: undefined | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void);
-  "onOpenAutoFocus"?: undefined | ((event: Event) => void);
-  "onCloseAutoFocus"?: undefined | ((event: Event) => void);
-  "minW"?: undefined | "0" | "trigger";
-  "min-w"?: undefined | "0" | "trigger";
-  "side"?: undefined | "top" | "right" | "bottom" | "left";
-  "sideOffset"?: undefined | number;
-  "side-offset"?: undefined | number;
-  "align"?: undefined | "center" | "end" | "start";
-  "alignOffset"?: undefined | number;
-  "align-offset"?: undefined | number;
+export declare const PopoverContent = "ax-popover-content";
+export type PopoverContentProps = BoxProps & {
+  "maxH"?: "lg" | "md" | "sm" | "xs" | "full";
+  "max-h"?: "lg" | "md" | "sm" | "xs" | "full";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "onEscapeKeyDown"?: (event: KeyboardEvent) => void;
+  "onPointerDownOutside"?: (event: PointerDownOutsideEvent) => void;
+  "onFocusOutside"?: (event: FocusOutsideEvent) => void;
+  "onInteractOutside"?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+  "onOpenAutoFocus"?: (event: Event) => void;
+  "onCloseAutoFocus"?: (event: Event) => void;
+  "minW"?: "0" | "trigger";
+  "min-w"?: "0" | "trigger";
+  "side"?: "top" | "right" | "bottom" | "left";
+  "sideOffset"?: number;
+  "side-offset"?: number;
+  "align"?: "center" | "end" | "start";
+  "alignOffset"?: number;
+  "align-offset"?: number;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2718,24 +2741,24 @@ declare module "react" {
     }
   }
 }
-declare const PopoverTrigger = "ax-popover-trigger";
-type PopoverTriggerProps = BoxProps & {
+export declare const PopoverTrigger = "ax-popover-trigger";
+export type PopoverTriggerProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "size"?: undefined | "lg" | "md" | "sm";
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
-  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "size"?: "lg" | "md" | "sm";
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "loading"?: false | true;
+  "square"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2751,7 +2774,16 @@ declare module "react" {
     }
   }
 }
-declare const Progress = "ax-progress";
+export declare const Progress = "ax-progress";
+export type ProgressProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "value"?: number;
+  "max"?: number;
+  "getValueLabel"?: (value: number, max: number) => string;
+  "get-value-label"?: (value: number, max: number) => string;
+  "intent"?: "danger" | "primary" | "success" | "opal";
+};
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -2766,15 +2798,15 @@ declare module "react" {
     }
   }
 }
-declare const Radio = "ax-radio";
-type RadioProps = BoxProps & {
+export declare const Radio = "ax-radio";
+export type RadioProps = BoxProps & {
   "description"?: string | number | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "name"?: undefined | string;
-  "value"?: undefined | string | number | readonly string[];
-  "required"?: undefined | false | true;
-  "onCheckedChange"?: undefined | ((checked: boolean) => void);
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "name"?: string;
+  "value"?: string | number | readonly string[];
+  "required"?: false | true;
+  "onCheckedChange"?: (checked: boolean) => void;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2790,18 +2822,18 @@ declare module "react" {
     }
   }
 }
-declare const RadioGroup = "ax-radio-group";
-type RadioGroupProps = BoxProps & {
-  "defaultValue"?: undefined | string;
-  "default-value"?: undefined | string;
-  "disabled"?: undefined | false | true;
-  "name"?: undefined | string;
-  "onBlur"?: undefined | FocusEventHandler<HTMLInputElement>;
-  "onChange"?: undefined | ChangeEventHandler<HTMLInputElement>;
-  "onValueChange"?: undefined | ((value: string) => void);
-  "value"?: undefined | string;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const RadioGroup = "ax-radio-group";
+export type RadioGroupProps = BoxProps & {
+  "defaultValue"?: string;
+  "default-value"?: string;
+  "disabled"?: false | true;
+  "name"?: string;
+  "onBlur"?: FocusEventHandler<HTMLInputElement>;
+  "onChange"?: ChangeEventHandler<HTMLInputElement>;
+  "onValueChange"?: (value: string) => void;
+  "value"?: string;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2817,30 +2849,30 @@ declare module "react" {
     }
   }
 }
-declare const SearchInput = "ax-search-input";
-type SearchInputProps = BoxProps & {
-  "size"?: undefined | "lg" | "md" | "xl";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "autoFocus"?: undefined | false | true;
-  "auto-focus"?: undefined | false | true;
-  "name"?: undefined | string;
-  "onValueChange"?: undefined | ((value: string) => void);
-  "placeholder"?: undefined | string;
-  "disabled"?: undefined | false | true;
-  "required"?: undefined | false | true;
-  "type"?: undefined | "number" | "color" | "hidden" | "text" | string & {} | "search" | "button" | "checkbox" | "radio" | "tel" | "url" | "email" | "date" | "time" | "image" | "datetime-local" | "file" | "month" | "password" | "range" | "reset" | "submit" | "week";
+export declare const SearchInput = "ax-search-input";
+export type SearchInputProps = BoxProps & {
+  "size"?: "lg" | "md" | "xl";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "autoFocus"?: false | true;
+  "auto-focus"?: false | true;
+  "name"?: string;
+  "onValueChange"?: (value: string) => void;
+  "placeholder"?: string;
+  "disabled"?: false | true;
+  "required"?: false | true;
+  "type"?: "number" | "color" | "hidden" | "text" | string & {} | "search" | "button" | "checkbox" | "radio" | "tel" | "url" | "email" | "date" | "time" | "image" | "datetime-local" | "file" | "month" | "password" | "range" | "reset" | "submit" | "week";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "addonPointerEvents"?: undefined | "auto" | "none";
-  "addon-pointer-events"?: undefined | "auto" | "none";
-  "error"?: undefined | false | true;
-  "appearance"?: undefined | "number" | "default";
-  "htmlSize"?: undefined | number;
-  "html-size"?: undefined | number;
-  "onValueClear"?: undefined | (() => void);
+  "addonPointerEvents"?: "auto" | "none";
+  "addon-pointer-events"?: "auto" | "none";
+  "error"?: false | true;
+  "appearance"?: "number" | "default";
+  "htmlSize"?: number;
+  "html-size"?: number;
+  "onValueClear"?: () => void;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2856,21 +2888,21 @@ declare module "react" {
     }
   }
 }
-declare const SegmentedControl = "ax-segmented-control";
-type SegmentedControlProps = BoxProps & {
-  "type"?: undefined | "multiple" | "single";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "defaultValue"?: undefined | string | string[];
-  "default-value"?: undefined | string | string[];
-  "dir"?: undefined | "ltr" | "rtl";
-  "onValueChange"?: undefined | ((value: string[]) => void) | ((value: string) => void);
-  "value"?: undefined | string | string[];
-  "disabled"?: undefined | false | true;
-  "loop"?: undefined | false | true;
-  "rovingFocus"?: undefined | false | true;
-  "roving-focus"?: undefined | false | true;
-  "orientation"?: undefined | "horizontal" | "vertical";
+export declare const SegmentedControl = "ax-segmented-control";
+export type SegmentedControlProps = BoxProps & {
+  "type"?: "multiple" | "single";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "defaultValue"?: string | string[];
+  "default-value"?: string | string[];
+  "dir"?: "ltr" | "rtl";
+  "onValueChange"?: ((value: string[]) => void) | ((value: string) => void);
+  "value"?: string | string[];
+  "disabled"?: false | true;
+  "loop"?: false | true;
+  "rovingFocus"?: false | true;
+  "roving-focus"?: false | true;
+  "orientation"?: "horizontal" | "vertical";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2886,24 +2918,24 @@ declare module "react" {
     }
   }
 }
-declare const SegmentedControlItem = "ax-segmented-control-item";
-type SegmentedControlItemProps = BoxProps & {
+export declare const SegmentedControlItem = "ax-segmented-control-item";
+export type SegmentedControlItemProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "size"?: undefined | "lg" | "md" | "sm";
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
-  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "size"?: "lg" | "md" | "sm";
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "loading"?: false | true;
+  "square"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
   "value"?: string;
 };
 declare module "@stencil/core" {
@@ -2920,23 +2952,23 @@ declare module "react" {
     }
   }
 }
-declare const Select = "ax-select";
-type SelectProps = {
-  "defaultOpen"?: undefined | false | true;
-  "default-open"?: undefined | false | true;
-  "defaultValue"?: undefined | string;
-  "default-value"?: undefined | string;
-  "disabled"?: undefined | false | true;
-  "loading"?: undefined | false | true;
-  "name"?: undefined | string;
-  "onBlur"?: undefined | FocusEventHandler<HTMLElement>;
-  "onChange"?: undefined | ChangeEventHandler<HTMLSelectElement>;
-  "onOpenChange"?: undefined | ((open: boolean) => void);
-  "onValueChange"?: undefined | ((value: string) => void);
-  "open"?: undefined | false | true;
+export declare const Select = "ax-select";
+export type SelectProps = {
+  "defaultOpen"?: false | true;
+  "default-open"?: false | true;
+  "defaultValue"?: string;
+  "default-value"?: string;
+  "disabled"?: false | true;
+  "loading"?: false | true;
+  "name"?: string;
+  "onBlur"?: FocusEventHandler<HTMLElement>;
+  "onChange"?: ChangeEventHandler<HTMLSelectElement>;
+  "onOpenChange"?: (open: boolean) => void;
+  "onValueChange"?: (value: string) => void;
+  "open"?: false | true;
   "options"?: readonly SelectOption[] | SelectOption[];
-  "required"?: undefined | false | true;
-  "value"?: undefined | string;
+  "required"?: false | true;
+  "value"?: string;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2952,16 +2984,16 @@ declare module "react" {
     }
   }
 }
-declare const SelectContent = "ax-select-content";
-type SelectContentProps = BoxProps & {
-  "maxH"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "max-h"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "minW"?: undefined | "0" | "trigger";
-  "min-w"?: undefined | "0" | "trigger";
-  "side"?: undefined | "top" | "right" | "bottom" | "left";
-  "align"?: undefined | "center" | "end" | "start";
+export declare const SelectContent = "ax-select-content";
+export type SelectContentProps = BoxProps & {
+  "maxH"?: "lg" | "md" | "sm" | "xs" | "full";
+  "max-h"?: "lg" | "md" | "sm" | "xs" | "full";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "minW"?: "0" | "trigger";
+  "min-w"?: "0" | "trigger";
+  "side"?: "top" | "right" | "bottom" | "left";
+  "align"?: "center" | "end" | "start";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2977,24 +3009,24 @@ declare module "react" {
     }
   }
 }
-declare const SelectTrigger = "ax-select-trigger";
-type SelectTriggerProps = BoxProps & {
-  "size"?: undefined | "lg" | "md" | "sm";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "placeholder"?: undefined | string;
-  "type"?: undefined | "button" | "reset" | "submit";
+export declare const SelectTrigger = "ax-select-trigger";
+export type SelectTriggerProps = BoxProps & {
+  "size"?: "lg" | "md" | "sm";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "placeholder"?: string;
+  "type"?: "button" | "reset" | "submit";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "loading"?: false | true;
+  "square"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3010,12 +3042,12 @@ declare module "react" {
     }
   }
 }
-declare const Separator = "ax-separator";
-type SeparatorProps = BoxProps & {
-  "orientation"?: undefined | "horizontal" | "vertical" | ResponsiveArray<undefined | "horizontal" | "vertical"> | ResponsiveObject<undefined | "horizontal" | "vertical">;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "decorative"?: undefined | false | true;
+export declare const Separator = "ax-separator";
+export type SeparatorProps = BoxProps & {
+  "orientation"?: "horizontal" | "vertical" | ResponsiveArray<"horizontal" | "vertical"> | ResponsiveObject<"horizontal" | "vertical">;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "decorative"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3031,14 +3063,14 @@ declare module "react" {
     }
   }
 }
-declare const Sidebar = "ax-sidebar";
-type SidebarProps = BoxProps & {
-  "defaultExpanded"?: undefined | false | true;
-  "default-expanded"?: undefined | false | true;
-  "expanded"?: undefined | false | true;
-  "onExpandedChange"?: undefined | ((expanded: boolean) => void);
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Sidebar = "ax-sidebar";
+export type SidebarProps = BoxProps & {
+  "defaultExpanded"?: false | true;
+  "default-expanded"?: false | true;
+  "expanded"?: false | true;
+  "onExpandedChange"?: (expanded: boolean) => void;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3054,15 +3086,15 @@ declare module "react" {
     }
   }
 }
-declare const SidebarToggle = "ax-sidebar-toggle";
-type SidebarToggleProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "aria-label"?: undefined | string;
+export declare const SidebarToggle = "ax-sidebar-toggle";
+export type SidebarToggleProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "aria-label"?: string;
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "icon"?: string | number | false | true;
-  "active"?: undefined | false | true;
+  "active"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3078,11 +3110,11 @@ declare module "react" {
     }
   }
 }
-declare const Skeleton = "ax-skeleton";
-type SkeletonProps = BoxProps & {
-  "circle"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Skeleton = "ax-skeleton";
+export type SkeletonProps = BoxProps & {
+  "circle"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3098,11 +3130,11 @@ declare module "react" {
     }
   }
 }
-declare const Spinner = "ax-spinner";
-type SpinnerProps = BoxProps & {
-  "appearance"?: undefined | "current" | "default" | "inverse";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Spinner = "ax-spinner";
+export type SpinnerProps = BoxProps & {
+  "appearance"?: "current" | "default" | "inverse";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3118,10 +3150,10 @@ declare module "react" {
     }
   }
 }
-declare const SubNav = "ax-sub-nav";
-type SubNavProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const SubNav = "ax-sub-nav";
+export type SubNavProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3137,16 +3169,16 @@ declare module "react" {
     }
   }
 }
-declare const Switch = "ax-switch";
-type SwitchProps = BoxProps & {
-  "size"?: undefined | "lg" | "md";
+export declare const Switch = "ax-switch";
+export type SwitchProps = BoxProps & {
+  "size"?: "lg" | "md";
   "description"?: string | number | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "name"?: undefined | string;
-  "value"?: undefined | string | number | readonly string[];
-  "required"?: undefined | false | true;
-  "onCheckedChange"?: undefined | ((checked: boolean) => void);
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "name"?: string;
+  "value"?: string | number | readonly string[];
+  "required"?: false | true;
+  "onCheckedChange"?: (checked: boolean) => void;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3162,11 +3194,11 @@ declare module "react" {
     }
   }
 }
-declare const Table = "ax-table";
-type TableProps = BoxProps & {
-  "layout"?: undefined | "auto" | "fixed";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Table = "ax-table";
+export type TableProps = BoxProps & {
+  "layout"?: "auto" | "fixed";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3182,11 +3214,11 @@ declare module "react" {
     }
   }
 }
-declare const TableAction = "ax-table-action";
-type TableActionProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "visible"?: undefined | "always" | "if-needed";
+export declare const TableAction = "ax-table-action";
+export type TableActionProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "visible"?: "always" | "if-needed";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3202,10 +3234,10 @@ declare module "react" {
     }
   }
 }
-declare const TableBody = "ax-table-body";
-type TableBodyProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const TableBody = "ax-table-body";
+export type TableBodyProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3221,11 +3253,11 @@ declare module "react" {
     }
   }
 }
-declare const TableCell = "ax-table-cell";
-type TableCellProps = BoxProps & {
-  "pinned"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const TableCell = "ax-table-cell";
+export type TableCellProps = BoxProps & {
+  "pinned"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3241,11 +3273,11 @@ declare module "react" {
     }
   }
 }
-declare const TableHeader = "ax-table-header";
-type TableHeaderProps = BoxProps & {
-  "pinned"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const TableHeader = "ax-table-header";
+export type TableHeaderProps = BoxProps & {
+  "pinned"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3261,11 +3293,11 @@ declare module "react" {
     }
   }
 }
-declare const TableHeaderCell = "ax-table-header-cell";
-type TableHeaderCellProps = BoxProps & {
-  "pinned"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const TableHeaderCell = "ax-table-header-cell";
+export type TableHeaderCellProps = BoxProps & {
+  "pinned"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3281,10 +3313,10 @@ declare module "react" {
     }
   }
 }
-declare const TableRow = "ax-table-row";
-type TableRowProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const TableRow = "ax-table-row";
+export type TableRowProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3300,18 +3332,18 @@ declare module "react" {
     }
   }
 }
-declare const Tabs = "ax-tabs";
-type TabsProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "defaultValue"?: undefined | string;
-  "default-value"?: undefined | string;
-  "dir"?: undefined | "ltr" | "rtl";
-  "onValueChange"?: undefined | ((value: string) => void);
-  "value"?: undefined | string;
-  "orientation"?: undefined | "horizontal" | "vertical";
-  "activationMode"?: undefined | "automatic" | "manual";
-  "activation-mode"?: undefined | "automatic" | "manual";
+export declare const Tabs = "ax-tabs";
+export type TabsProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "defaultValue"?: string;
+  "default-value"?: string;
+  "dir"?: "ltr" | "rtl";
+  "onValueChange"?: (value: string) => void;
+  "value"?: string;
+  "orientation"?: "horizontal" | "vertical";
+  "activationMode"?: "automatic" | "manual";
+  "activation-mode"?: "automatic" | "manual";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3327,10 +3359,10 @@ declare module "react" {
     }
   }
 }
-declare const TabsContent = "ax-tabs-content";
-type TabsContentProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const TabsContent = "ax-tabs-content";
+export type TabsContentProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
   "value"?: string;
 };
 declare module "@stencil/core" {
@@ -3347,11 +3379,11 @@ declare module "react" {
     }
   }
 }
-declare const TabsList = "ax-tabs-list";
-type TabsListProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "loop"?: undefined | false | true;
+export declare const TabsList = "ax-tabs-list";
+export type TabsListProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "loop"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3367,14 +3399,14 @@ declare module "react" {
     }
   }
 }
-declare const TabsTrigger = "ax-tabs-trigger";
-type TabsTriggerProps = BoxProps & {
+export declare const TabsTrigger = "ax-tabs-trigger";
+export type TabsTriggerProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
   "value"?: string;
 };
 declare module "@stencil/core" {
@@ -3391,13 +3423,13 @@ declare module "react" {
     }
   }
 }
-declare const Text = "ax-text";
-type TextProps = BoxProps & {
-  "lineClamp"?: undefined | "1" | "2" | "4" | "3";
-  "line-clamp"?: undefined | "1" | "2" | "4" | "3";
-  "truncate"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Text = "ax-text";
+export type TextProps = BoxProps & {
+  "lineClamp"?: "1" | "2" | "4" | "3";
+  "line-clamp"?: "1" | "2" | "4" | "3";
+  "truncate"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3413,27 +3445,27 @@ declare module "react" {
     }
   }
 }
-declare const Textarea = "ax-textarea";
-type TextareaProps = BoxProps & {
-  "addonPointerEvents"?: undefined | "auto" | "none";
-  "addon-pointer-events"?: undefined | "auto" | "none";
-  "maxRows"?: undefined | 1 | 2 | 3 | 4 | 5;
-  "max-rows"?: undefined | 1 | 2 | 3 | 4 | 5;
-  "resize"?: undefined | "auto" | "none" | "vertical";
+export declare const Textarea = "ax-textarea";
+export type TextareaProps = BoxProps & {
+  "addonPointerEvents"?: "auto" | "none";
+  "addon-pointer-events"?: "auto" | "none";
+  "maxRows"?: 1 | 2 | 3 | 4 | 5;
+  "max-rows"?: 1 | 2 | 3 | 4 | 5;
+  "resize"?: "auto" | "none" | "vertical";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "rows"?: undefined | number;
-  "size"?: undefined;
-  "name"?: undefined | string;
-  "onValueChange"?: undefined | ((value: string) => void);
-  "placeholder"?: undefined | string;
-  "disabled"?: undefined | false | true;
-  "required"?: undefined | false | true;
-  "error"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "rows"?: number;
+  "size"?: never;
+  "name"?: string;
+  "onValueChange"?: (value: string) => void;
+  "placeholder"?: string;
+  "disabled"?: false | true;
+  "required"?: false | true;
+  "error"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3449,8 +3481,8 @@ declare module "react" {
     }
   }
 }
-declare const ThemeProvider = "ax-theme-provider";
-type ThemeProviderProps = {};
+export declare const ThemeProvider = "ax-theme-provider";
+export type ThemeProviderProps = {};
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -3467,20 +3499,20 @@ declare module "react" {
     }
   }
 }
-declare const ToastProvider = "ax-toast-provider";
-type ToastProviderProps = BoxProps & {
-  "label"?: undefined | string;
-  "duration"?: undefined | number;
-  "swipeDirection"?: undefined | "right" | "left" | "up" | "down";
-  "swipe-direction"?: undefined | "right" | "left" | "up" | "down";
-  "swipeThreshold"?: undefined | number;
-  "swipe-threshold"?: undefined | number;
-  "container"?: undefined | null | Element | DocumentFragment;
-  "position"?: undefined | "top" | "bottom" | "bottom-right" | "top-right" | "bottom-left" | "top-left";
-  "toaster"?: undefined | Toaster;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "hotkey"?: undefined | string[];
+export declare const ToastProvider = "ax-toast-provider";
+export type ToastProviderProps = BoxProps & {
+  "label"?: string;
+  "duration"?: number;
+  "swipeDirection"?: "right" | "left" | "up" | "down";
+  "swipe-direction"?: "right" | "left" | "up" | "down";
+  "swipeThreshold"?: number;
+  "swipe-threshold"?: number;
+  "container"?: Element | DocumentFragment;
+  "position"?: "top" | "bottom" | "bottom-right" | "top-right" | "bottom-left" | "top-left";
+  "toaster"?: Toaster;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "hotkey"?: string[];
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3496,28 +3528,28 @@ declare module "react" {
     }
   }
 }
-declare const ToggleButton = "ax-toggle-button";
-type ToggleButtonProps = BoxProps & {
-  "appearance"?: undefined | "default" | "subtle";
+export declare const ToggleButton = "ax-toggle-button";
+export type ToggleButtonProps = BoxProps & {
+  "appearance"?: "default" | "subtle";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "size"?: undefined | "lg" | "md" | "sm";
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "pressed"?: undefined | false | true;
-  "defaultPressed"?: undefined | false | true;
-  "default-pressed"?: undefined | false | true;
-  "onPressedChange"?: undefined | ((pressed: boolean) => void);
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "size"?: "lg" | "md" | "sm";
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
+  "loading"?: false | true;
+  "square"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "pressed"?: false | true;
+  "defaultPressed"?: false | true;
+  "default-pressed"?: false | true;
+  "onPressedChange"?: (pressed: boolean) => void;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3533,112 +3565,112 @@ declare module "react" {
     }
   }
 }
-declare const Tooltip = "ax-tooltip";
-type TooltipProps = {
-  "fontFamily"?: undefined | "heading" | "mono" | "sans";
-  "font-family"?: undefined | "heading" | "mono" | "sans";
-  "fontSize"?: undefined | "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs";
-  "font-size"?: undefined | "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs";
-  "size"?: undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min" | ResponsiveArray<undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min"> | ResponsiveObject<undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min">;
-  "animation"?: undefined | "ping" | "pulse" | "spin";
-  "backgroundImage"?: undefined | "gradient.opal";
-  "background-image"?: undefined | "gradient.opal";
-  "borderColor"?: undefined | "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "current" | "transparent";
-  "border-color"?: undefined | "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "current" | "transparent";
-  "color"?: undefined | "current" | "transparent" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.black" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white";
-  "cursor"?: undefined | "default" | "pointer" | "text";
-  "fontWeight"?: undefined | "inherit" | "400" | "500" | "600" | "700" | "900";
-  "font-weight"?: undefined | "inherit" | "400" | "500" | "600" | "700" | "900";
-  "objectFit"?: undefined | "contain" | "cover" | "fill" | "none";
-  "object-fit"?: undefined | "contain" | "cover" | "fill" | "none";
-  "overflowX"?: undefined | "hidden" | "auto" | "visible";
-  "overflow-x"?: undefined | "hidden" | "auto" | "visible";
-  "overflowY"?: undefined | "hidden" | "auto" | "visible";
-  "overflow-y"?: undefined | "hidden" | "auto" | "visible";
-  "pointerEvents"?: undefined | "auto" | "none";
-  "pointer-events"?: undefined | "auto" | "none";
-  "textAlign"?: undefined | "center" | "end" | "justify" | "start";
-  "text-align"?: undefined | "center" | "end" | "justify" | "start";
-  "textTransform"?: undefined | "none" | "capitalize" | "uppercase";
-  "text-transform"?: undefined | "none" | "capitalize" | "uppercase";
-  "transition"?: undefined | "colors" | "none" | "all" | "opacity" | "transform";
-  "whiteSpace"?: undefined | "nowrap";
-  "white-space"?: undefined | "nowrap";
-  "bg"?: undefined | "current" | "transparent" | "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.message.neutral" | "bg.overlay" | "bg.page" | "bg.pill.default" | "bg.pill.hovered" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle";
-  "border"?: undefined | "0" | "1" | "2";
-  "borderB"?: undefined | "0" | "1" | "2";
-  "border-b"?: undefined | "0" | "1" | "2";
-  "borderL"?: undefined | "0" | "1" | "2";
-  "border-l"?: undefined | "0" | "1" | "2";
-  "borderR"?: undefined | "0" | "1" | "2";
-  "border-r"?: undefined | "0" | "1" | "2";
-  "borderT"?: undefined | "0" | "1" | "2";
-  "border-t"?: undefined | "0" | "1" | "2";
-  "m"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
-  "mx"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
-  "my"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
-  "mb"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
-  "ml"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
-  "mr"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
-  "mt"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
-  "overflow"?: undefined | "hidden" | "auto" | "visible";
-  "p"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
-  "px"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
-  "py"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
-  "pb"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
-  "pl"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
-  "pr"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
-  "pt"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
-  "rounded"?: undefined | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | "full" | "none";
-  "shadow"?: undefined | "lg" | "md" | "sm" | "xl" | "none";
-  "z"?: undefined | "0" | "10" | "20" | "auto" | "30" | "popover" | "toast" | "tooltip";
-  "alignItems"?: undefined | "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<undefined | "center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<undefined | "center" | "end" | "start" | "normal" | "stretch">;
-  "align-items"?: undefined | "center" | "end" | "start" | "normal" | "stretch";
-  "alignSelf"?: undefined | "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<undefined | "center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<undefined | "center" | "end" | "start" | "normal" | "stretch">;
-  "align-self"?: undefined | "center" | "end" | "start" | "normal" | "stretch";
-  "display"?: undefined | "flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | ResponsiveArray<undefined | "flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row"> | ResponsiveObject<undefined | "flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row">;
-  "flex"?: undefined | "auto" | "none" | "1" | "initial" | ResponsiveArray<undefined | "auto" | "none" | "1" | "initial"> | ResponsiveObject<undefined | "auto" | "none" | "1" | "initial">;
-  "flexDirection"?: undefined | "column" | "column-reverse" | "row" | "row-reverse" | ResponsiveArray<undefined | "column" | "column-reverse" | "row" | "row-reverse"> | ResponsiveObject<undefined | "column" | "column-reverse" | "row" | "row-reverse">;
-  "flex-direction"?: undefined | "column" | "column-reverse" | "row" | "row-reverse";
-  "flexWrap"?: undefined | "nowrap" | "wrap" | ResponsiveArray<undefined | "nowrap" | "wrap"> | ResponsiveObject<undefined | "nowrap" | "wrap">;
-  "flex-wrap"?: undefined | "nowrap" | "wrap";
-  "gap"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8" | ResponsiveArray<undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8"> | ResponsiveObject<undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8">;
-  "gridAutoRows"?: undefined | "fr" | ResponsiveArray<undefined | "fr"> | ResponsiveObject<undefined | "fr">;
-  "grid-auto-rows"?: undefined | "fr";
-  "gridColumn"?: undefined | "1" | "2" | "4" | "3" | ResponsiveArray<undefined | "1" | "2" | "4" | "3"> | ResponsiveObject<undefined | "1" | "2" | "4" | "3">;
-  "grid-column"?: undefined | "1" | "2" | "4" | "3";
-  "gridTemplateColumns"?: undefined | "1" | "2" | "4" | "3" | ResponsiveArray<undefined | "1" | "2" | "4" | "3"> | ResponsiveObject<undefined | "1" | "2" | "4" | "3">;
-  "grid-template-columns"?: undefined | "1" | "2" | "4" | "3";
-  "justifyContent"?: undefined | "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | ResponsiveArray<undefined | "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly"> | ResponsiveObject<undefined | "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly">;
-  "justify-content"?: undefined | "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly";
-  "justifyItems"?: undefined | "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<undefined | "center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<undefined | "center" | "end" | "start" | "normal" | "stretch">;
-  "justify-items"?: undefined | "center" | "end" | "start" | "normal" | "stretch";
-  "placeItems"?: undefined | "center" | ResponsiveArray<undefined | "center"> | ResponsiveObject<undefined | "center">;
-  "place-items"?: undefined | "center";
-  "maxH"?: undefined | "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full">;
-  "max-h"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "maxW"?: undefined | "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full">;
-  "max-w"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "h"?: undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min" | ResponsiveArray<undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min"> | ResponsiveObject<undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min">;
-  "w"?: undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min" | ResponsiveArray<undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min"> | ResponsiveObject<undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min">;
-  "className"?: undefined | string;
-  "class-name"?: undefined | string;
+export declare const Tooltip = "ax-tooltip";
+export type TooltipProps = {
+  "fontFamily"?: "heading" | "mono" | "sans";
+  "font-family"?: "heading" | "mono" | "sans";
+  "fontSize"?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs";
+  "font-size"?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs";
+  "size"?: "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min" | ResponsiveArray<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min"> | ResponsiveObject<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min">;
+  "animation"?: "ping" | "pulse" | "spin";
+  "backgroundImage"?: "gradient.opal";
+  "background-image"?: "gradient.opal";
+  "borderColor"?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "current" | "transparent";
+  "border-color"?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "current" | "transparent";
+  "color"?: "current" | "transparent" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.black" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white";
+  "cursor"?: "default" | "pointer" | "text";
+  "fontWeight"?: "inherit" | "400" | "500" | "600" | "700" | "900";
+  "font-weight"?: "inherit" | "400" | "500" | "600" | "700" | "900";
+  "objectFit"?: "contain" | "cover" | "fill" | "none";
+  "object-fit"?: "contain" | "cover" | "fill" | "none";
+  "overflowX"?: "hidden" | "auto" | "visible";
+  "overflow-x"?: "hidden" | "auto" | "visible";
+  "overflowY"?: "hidden" | "auto" | "visible";
+  "overflow-y"?: "hidden" | "auto" | "visible";
+  "pointerEvents"?: "auto" | "none";
+  "pointer-events"?: "auto" | "none";
+  "textAlign"?: "center" | "end" | "justify" | "start";
+  "text-align"?: "center" | "end" | "justify" | "start";
+  "textTransform"?: "none" | "capitalize" | "uppercase";
+  "text-transform"?: "none" | "capitalize" | "uppercase";
+  "transition"?: "colors" | "none" | "all" | "opacity" | "transform";
+  "whiteSpace"?: "nowrap";
+  "white-space"?: "nowrap";
+  "bg"?: "current" | "transparent" | "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.message.neutral" | "bg.overlay" | "bg.page" | "bg.pill.default" | "bg.pill.hovered" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle";
+  "border"?: "0" | "1" | "2";
+  "borderB"?: "0" | "1" | "2";
+  "border-b"?: "0" | "1" | "2";
+  "borderL"?: "0" | "1" | "2";
+  "border-l"?: "0" | "1" | "2";
+  "borderR"?: "0" | "1" | "2";
+  "border-r"?: "0" | "1" | "2";
+  "borderT"?: "0" | "1" | "2";
+  "border-t"?: "0" | "1" | "2";
+  "m"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mx"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "my"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mb"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "ml"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mr"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mt"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "overflow"?: "hidden" | "auto" | "visible";
+  "p"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "px"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "py"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pb"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pl"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pr"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pt"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "rounded"?: "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | "full" | "none";
+  "shadow"?: "lg" | "md" | "sm" | "xl" | "none";
+  "z"?: "0" | "10" | "20" | "auto" | "30" | "popover" | "toast" | "tooltip";
+  "alignItems"?: "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<"center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<"center" | "end" | "start" | "normal" | "stretch">;
+  "align-items"?: "center" | "end" | "start" | "normal" | "stretch";
+  "alignSelf"?: "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<"center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<"center" | "end" | "start" | "normal" | "stretch">;
+  "align-self"?: "center" | "end" | "start" | "normal" | "stretch";
+  "display"?: "flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | ResponsiveArray<"flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row"> | ResponsiveObject<"flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row">;
+  "flex"?: "auto" | "none" | "1" | "initial" | ResponsiveArray<"auto" | "none" | "1" | "initial"> | ResponsiveObject<"auto" | "none" | "1" | "initial">;
+  "flexDirection"?: "column" | "column-reverse" | "row" | "row-reverse" | ResponsiveArray<"column" | "column-reverse" | "row" | "row-reverse"> | ResponsiveObject<"column" | "column-reverse" | "row" | "row-reverse">;
+  "flex-direction"?: "column" | "column-reverse" | "row" | "row-reverse";
+  "flexWrap"?: "nowrap" | "wrap" | ResponsiveArray<"nowrap" | "wrap"> | ResponsiveObject<"nowrap" | "wrap">;
+  "flex-wrap"?: "nowrap" | "wrap";
+  "gap"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8" | ResponsiveArray<"0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8"> | ResponsiveObject<"0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8">;
+  "gridAutoRows"?: "fr" | ResponsiveArray<"fr"> | ResponsiveObject<"fr">;
+  "grid-auto-rows"?: "fr";
+  "gridColumn"?: "1" | "2" | "4" | "3" | ResponsiveArray<"1" | "2" | "4" | "3"> | ResponsiveObject<"1" | "2" | "4" | "3">;
+  "grid-column"?: "1" | "2" | "4" | "3";
+  "gridTemplateColumns"?: "1" | "2" | "4" | "3" | ResponsiveArray<"1" | "2" | "4" | "3"> | ResponsiveObject<"1" | "2" | "4" | "3">;
+  "grid-template-columns"?: "1" | "2" | "4" | "3";
+  "justifyContent"?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | ResponsiveArray<"center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly"> | ResponsiveObject<"center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly">;
+  "justify-content"?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly";
+  "justifyItems"?: "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<"center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<"center" | "end" | "start" | "normal" | "stretch">;
+  "justify-items"?: "center" | "end" | "start" | "normal" | "stretch";
+  "placeItems"?: "center" | ResponsiveArray<"center"> | ResponsiveObject<"center">;
+  "place-items"?: "center";
+  "maxH"?: "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full">;
+  "max-h"?: "lg" | "md" | "sm" | "xs" | "full";
+  "maxW"?: "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full">;
+  "max-w"?: "lg" | "md" | "sm" | "xs" | "full";
+  "h"?: "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min" | ResponsiveArray<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min"> | ResponsiveObject<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min">;
+  "w"?: "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min" | ResponsiveArray<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min"> | ResponsiveObject<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min">;
+  "className"?: string;
+  "class-name"?: string;
   "content"?: string | number | false | true;
-  "aria-label"?: undefined | string;
-  "auto"?: undefined | false | true;
-  "disabled"?: undefined | false | true;
-  "onEscapeKeyDown"?: undefined | ((event: KeyboardEvent) => void);
-  "onPointerDownOutside"?: undefined | ((event: PointerDownOutsideEvent) => void);
-  "defaultOpen"?: undefined | false | true;
-  "default-open"?: undefined | false | true;
-  "open"?: undefined | false | true;
-  "onOpenChange"?: undefined | ((open: boolean) => void);
-  "side"?: undefined | "top" | "right" | "bottom" | "left";
-  "align"?: undefined | "center" | "end" | "start";
-  "delayDuration"?: undefined | number;
-  "delay-duration"?: undefined | number;
-  "disableHoverableContent"?: undefined | false | true;
-  "disable-hoverable-content"?: undefined | false | true;
+  "aria-label"?: string;
+  "auto"?: false | true;
+  "disabled"?: false | true;
+  "onEscapeKeyDown"?: (event: KeyboardEvent) => void;
+  "onPointerDownOutside"?: (event: PointerDownOutsideEvent) => void;
+  "defaultOpen"?: false | true;
+  "default-open"?: false | true;
+  "open"?: false | true;
+  "onOpenChange"?: (open: boolean) => void;
+  "side"?: "top" | "right" | "bottom" | "left";
+  "align"?: "center" | "end" | "start";
+  "delayDuration"?: number;
+  "delay-duration"?: number;
+  "disableHoverableContent"?: false | true;
+  "disable-hoverable-content"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3656,17 +3688,17 @@ declare module "react" {
     }
   }
 }
-declare const TooltipContent = "ax-tooltip-content";
-type TooltipContentProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "aria-label"?: undefined | string;
-  "onEscapeKeyDown"?: undefined | ((event: KeyboardEvent) => void);
-  "onPointerDownOutside"?: undefined | ((event: PointerDownOutsideEvent) => void);
-  "side"?: undefined | "top" | "right" | "bottom" | "left";
-  "align"?: undefined | "center" | "end" | "start";
-  "disableHoverableContent"?: undefined | false | true;
-  "disable-hoverable-content"?: undefined | false | true;
+export declare const TooltipContent = "ax-tooltip-content";
+export type TooltipContentProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "aria-label"?: string;
+  "onEscapeKeyDown"?: (event: KeyboardEvent) => void;
+  "onPointerDownOutside"?: (event: PointerDownOutsideEvent) => void;
+  "side"?: "top" | "right" | "bottom" | "left";
+  "align"?: "center" | "end" | "start";
+  "disableHoverableContent"?: false | true;
+  "disable-hoverable-content"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3682,14 +3714,14 @@ declare module "react" {
     }
   }
 }
-declare const TooltipProvider = "ax-tooltip-provider";
-type TooltipProviderProps = {
-  "disableHoverableContent"?: undefined | false | true;
-  "disable-hoverable-content"?: undefined | false | true;
-  "delayDuration"?: undefined | number;
-  "delay-duration"?: undefined | number;
-  "skipDelayDuration"?: undefined | number;
-  "skip-delay-duration"?: undefined | number;
+export declare const TooltipProvider = "ax-tooltip-provider";
+export type TooltipProviderProps = {
+  "disableHoverableContent"?: false | true;
+  "disable-hoverable-content"?: false | true;
+  "delayDuration"?: number;
+  "delay-duration"?: number;
+  "skipDelayDuration"?: number;
+  "skip-delay-duration"?: number;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3707,17 +3739,17 @@ declare module "react" {
     }
   }
 }
-declare const TooltipRoot = "ax-tooltip-root";
-type TooltipRootProps = {
-  "open"?: undefined | false | true;
-  "defaultOpen"?: undefined | false | true;
-  "default-open"?: undefined | false | true;
-  "onOpenChange"?: undefined | ((open: boolean) => void);
-  "delayDuration"?: undefined | number;
-  "delay-duration"?: undefined | number;
-  "disableHoverableContent"?: undefined | false | true;
-  "disable-hoverable-content"?: undefined | false | true;
-  "auto"?: undefined | false | true;
+export declare const TooltipRoot = "ax-tooltip-root";
+export type TooltipRootProps = {
+  "open"?: false | true;
+  "defaultOpen"?: false | true;
+  "default-open"?: false | true;
+  "onOpenChange"?: (open: boolean) => void;
+  "delayDuration"?: number;
+  "delay-duration"?: number;
+  "disableHoverableContent"?: false | true;
+  "disable-hoverable-content"?: false | true;
+  "auto"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3735,10 +3767,10 @@ declare module "react" {
     }
   }
 }
-declare const TooltipTrigger = "ax-tooltip-trigger";
-type TooltipTriggerProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const TooltipTrigger = "ax-tooltip-trigger";
+export type TooltipTriggerProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3754,15 +3786,15 @@ declare module "react" {
     }
   }
 }
-declare const Transition = "ax-transition";
-type TransitionProps = {
-  "duration"?: undefined | "lg" | "md" | "sm";
-  "className"?: undefined | string;
-  "class-name"?: undefined | string;
-  "data-side"?: undefined | "top" | "right" | "bottom" | "left";
-  "skipAnimations"?: undefined | false | true;
-  "skip-animations"?: undefined | false | true;
-  "type"?: undefined | "fade" | "pop";
+export declare const Transition = "ax-transition";
+export type TransitionProps = {
+  "duration"?: "lg" | "md" | "sm";
+  "className"?: string;
+  "class-name"?: string;
+  "data-side"?: "top" | "right" | "bottom" | "left";
+  "skipAnimations"?: false | true;
+  "skip-animations"?: false | true;
+  "type"?: "fade" | "pop";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3778,13 +3810,13 @@ declare module "react" {
     }
   }
 }
-declare const TransitionGroup = "ax-transition-group";
-type TransitionGroupProps = {
-  "forceMount"?: undefined | false | true;
-  "force-mount"?: undefined | false | true;
-  "onPresenceChange"?: undefined | ((presence: boolean) => void);
-  "open"?: undefined | false | true;
-  "presence"?: undefined | false | true;
+export declare const TransitionGroup = "ax-transition-group";
+export type TransitionGroupProps = {
+  "forceMount"?: false | true;
+  "force-mount"?: false | true;
+  "onPresenceChange"?: (presence: boolean) => void;
+  "open"?: false | true;
+  "presence"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3802,5 +3834,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { Alert, AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogBody, AlertDialogBodyProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTrigger, AlertDialogTriggerProps, AlertProps, AngleMenuButton, AngleMenuButtonProps, AuthProvider, AuthProviderProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AxiomProvider, AxiomProviderProps, Badge, BadgeProps, Banner, BannerProps, Box, BoxProps, Breadcrumb, BreadcrumbProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardAction, CardActionProps, CardCheckbox, CardCheckboxProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardImage, CardImageProps, CardLink, CardLinkProps, CardPreview, CardPreviewProps, CardProps, Checkbox, CheckboxProps, Code, CodeProps, Cover, CoverProps, DataTable, DataTableAction, DataTableActionProps, DataTableBody, DataTableBodyProps, DataTableCheckbox, DataTableCheckboxProps, DataTableFooter, DataTableFooterProps, DataTableLabel, DataTableLabelProps, DataTableProps, DateInput, DateInputProps, DateRangePicker, DateRangePickerContent, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTrigger, Dialog, DialogBody, DialogBodyProps, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogForm, DialogFormProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerProps, Disclosure, DisclosureContent, DisclosureContentProps, DisclosureProps, DisclosureTrigger, DisclosureTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuTrigger, DropdownMenuTriggerProps, EllipsisMenuButton, EllipsisMenuButtonProps, Field, FieldLabel, FieldLabelProps, FieldProps, Flex, FlexProps, Grid, GridProps, Group, GroupProps, Heading, HeadingProps, Indicator, IndicatorProps, Input, InputAddon, InputAddonProps, InputControl, InputControlProps, InputProps, InputRoot, InputRootProps, Kbd, KbdProps, LabelMenuButton, LabelMenuButtonProps, Link, LinkProps, Listbox, ListboxCheckboxItem, ListboxCheckboxItemProps, ListboxEmpty, ListboxEmptyProps, ListboxGroup, ListboxGroupProps, ListboxItem, ListboxItemIndicator, ListboxItemIndicatorProps, ListboxItemProps, ListboxItemized, ListboxItemizedProps, ListboxLabel, ListboxLabelProps, ListboxProps, ListboxRadioItem, ListboxRadioItemProps, ListboxSeparator, ListboxSeparatorProps, ListboxSwitchItem, ListboxSwitchItemProps, Menu, MenuContent, MenuContentProps, MenuProps, MenuTrigger, MenuTriggerProps, ModalLayer, ModalLayerProps, Nav, NavAccountItem, NavAccountItemProps, NavBody, NavBodyProps, NavFooter, NavFooterProps, NavGroup, NavGroupContent, NavGroupContentProps, NavGroupProps, NavGroupTrigger, NavGroupTriggerProps, NavHeader, NavHeaderProps, NavItem, NavItemProps, NavList, NavListProps, NavProps, NavSeparator, NavSeparatorProps, Pagination, PaginationProps, Paper, PaperProps, Popover, PopoverAnchor, PopoverAnchorProps, PopoverContent, PopoverContentProps, PopoverProps, PopoverTrigger, PopoverTriggerProps, Progress, Radio, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SegmentedControl, SegmentedControlItem, SegmentedControlItemProps, SegmentedControlProps, Select, SelectContent, SelectContentProps, SelectProps, SelectTrigger, SelectTriggerProps, Separator, SeparatorProps, Sidebar, SidebarProps, SidebarToggle, SidebarToggleProps, Skeleton, SkeletonProps, Spinner, SpinnerProps, SubNav, SubNavProps, Switch, SwitchProps, Table, TableAction, TableActionProps, TableBody, TableBodyProps, TableCell, TableCellProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableProps, TableRow, TableRowProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, Text, TextProps, Textarea, TextareaProps, ThemeProvider, ThemeProviderProps, ToastProvider, ToastProviderProps, ToggleButton, ToggleButtonProps, Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps, Transition, TransitionGroup, TransitionGroupProps, TransitionProps };
+//#endregion