@optiaxiom/web-components 3.0.4 → 3.0.6

package/dist/index.d.ts

@@ -1,14 +1,13 @@
 import { a as ResponsiveArray, i as PointerDownOutsideEvent, n as FocusEventHandler, o as ResponsiveObject, r as FocusOutsideEvent, s as Toaster, t as ChangeEventHandler } from "./types-BYPfSW5W.js";
 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"?: "danger" | "neutral" | "information" | "success" | "warning" | "opal";
-  "onDismiss"?: () => void;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "intent"?: undefined | "danger" | "neutral" | "information" | "success" | "warning" | "opal";
+  "onDismiss"?: undefined | (() => void);
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -26,10 +25,10 @@ declare module "react" {
 }
 declare const AlertDialog = "ax-alert-dialog";
 type AlertDialogProps = {
-  "defaultOpen"?: false | true;
-  "default-open"?: false | true;
-  "onOpenChange"?: (open: boolean) => void;
-  "open"?: false | true;
+  "defaultOpen"?: undefined | false | true;
+  "default-open"?: undefined | false | true;
+  "onOpenChange"?: undefined | ((open: boolean) => void);
+  "open"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -54,17 +53,17 @@ type AlertDialogActionProps = BoxProps & {
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "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";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -82,8 +81,8 @@ declare module "react" {
 }
 declare const AlertDialogBody = "ax-alert-dialog-body";
 type AlertDialogBodyProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -106,17 +105,17 @@ type AlertDialogCancelProps = BoxProps & {
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "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";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -134,15 +133,15 @@ declare module "react" {
 }
 declare const AlertDialogContent = "ax-alert-dialog-content";
 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;
+  "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);
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -160,8 +159,8 @@ declare module "react" {
 }
 declare const AlertDialogFooter = "ax-alert-dialog-footer";
 type AlertDialogFooterProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -181,8 +180,8 @@ declare const AlertDialogHeader = "ax-alert-dialog-header";
 type AlertDialogHeaderProps = BoxProps & {
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -205,17 +204,17 @@ type AlertDialogTriggerProps = BoxProps & {
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "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";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -233,22 +232,22 @@ declare module "react" {
 }
 declare const AngleMenuButton = "ax-angle-menu-button";
 type AngleMenuButtonProps = BoxProps & {
-  "size"?: "lg" | "md" | "sm";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "disabled"?: false | true;
-  "type"?: "button" | "reset" | "submit";
+  "size"?: undefined | "lg" | "md" | "sm";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "disabled"?: undefined | false | true;
+  "type"?: undefined | "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";
-  "iconPosition"?: "end" | "start";
-  "icon-position"?: "end" | "start";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -288,14 +287,14 @@ declare module "react" {
 }
 declare const Avatar = "ax-avatar";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -313,9 +312,9 @@ declare module "react" {
 }
 declare const AvatarGroup = "ax-avatar-group";
 type AvatarGroupProps = BoxProps & {
-  "size"?: "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "2xs";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "size"?: undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "2xs";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -333,10 +332,10 @@ declare module "react" {
 }
 declare const AxiomProvider = "ax-axiom-provider";
 type AxiomProviderProps = {
-  "dialog"?: Omit<DialogKitProviderProps, "children">;
-  "locale"?: string;
-  "toast"?: Omit<ToastProviderProps, "children">;
-  "tooltip"?: Omit<TooltipProviderProps, "children">;
+  "dialog"?: undefined | Omit<DialogKitProviderProps, "children">;
+  "locale"?: undefined | string;
+  "toast"?: undefined | Omit<ToastProviderProps, "children">;
+  "tooltip"?: undefined | Omit<TooltipProviderProps, "children">;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -356,13 +355,13 @@ declare module "react" {
 }
 declare const Badge = "ax-badge";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -380,10 +379,10 @@ declare module "react" {
 }
 declare const Banner = "ax-banner";
 type BannerProps = BoxProps & {
-  "intent"?: "danger" | "neutral" | "information" | "success" | "warning";
-  "onDismiss"?: () => void;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "intent"?: undefined | "danger" | "neutral" | "information" | "success" | "warning";
+  "onDismiss"?: undefined | (() => void);
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -401,96 +400,96 @@ declare module "react" {
 }
 declare const Box = "ax-box";
 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.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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -510,14 +509,14 @@ declare const Breadcrumb = "ax-breadcrumb";
 type BreadcrumbProps = BoxProps & {
   "items"?: {
     addonAfter?: ReactNode;
-    execute?: () => void;
-    href?: string;
+    execute?: (() => void) | undefined;
+    href?: string | undefined;
     label: string;
   }[];
-  "maxItems"?: number;
-  "max-items"?: number;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "maxItems"?: undefined | number;
+  "max-items"?: undefined | number;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -540,17 +539,17 @@ type ButtonProps = BoxProps & {
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "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";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -568,9 +567,9 @@ declare module "react" {
 }
 declare const ButtonGroup = "ax-button-group";
 type ButtonGroupProps = BoxProps & {
-  "orientation"?: "horizontal" | "vertical";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "orientation"?: undefined | "horizontal" | "vertical";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -588,8 +587,8 @@ declare module "react" {
 }
 declare const Card = "ax-card";
 type CardProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -607,9 +606,9 @@ declare module "react" {
 }
 declare const CardAction = "ax-card-action";
 type CardActionProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "visible"?: "always" | "if-needed";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "visible"?: undefined | "always" | "if-needed";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -627,13 +626,13 @@ declare module "react" {
 }
 declare const CardCheckbox = "ax-card-checkbox";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -651,8 +650,8 @@ declare module "react" {
 }
 declare const CardFooter = "ax-card-footer";
 type CardFooterProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -675,11 +674,11 @@ type CardHeaderProps = BoxProps & {
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "description"?: string | number | false | true;
-  "lineClamp"?: "1" | "2" | "4" | "3";
-  "line-clamp"?: "1" | "2" | "4" | "3";
-  "truncate"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -697,8 +696,8 @@ declare module "react" {
 }
 declare const CardImage = "ax-card-image";
 type CardImageProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -716,14 +715,14 @@ declare module "react" {
 }
 declare const CardLink = "ax-card-link";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -749,8 +748,8 @@ type CardPreviewProps = BoxProps & {
   "addon-top-left"?: string;
   "addonTopRight"?: string | number | false | true;
   "addon-top-right"?: string;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -769,13 +768,13 @@ declare module "react" {
 declare const Checkbox = "ax-checkbox";
 type CheckboxProps = BoxProps & {
   "description"?: string | number | false | true;
-  "indeterminate"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "name"?: string;
-  "value"?: string | number | readonly string[];
-  "required"?: false | true;
-  "onCheckedChange"?: (checked: boolean) => void;
+  "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);
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -793,8 +792,8 @@ declare module "react" {
 }
 declare const Code = "ax-code";
 type CodeProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -812,10 +811,10 @@ declare module "react" {
 }
 declare const Cover = "ax-cover";
 type CoverProps = BoxProps & {
-  "disabled"?: false | true;
-  "inset"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "disabled"?: undefined | false | true;
+  "inset"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -834,8 +833,8 @@ declare module "react" {
 declare const DataTable = "ax-data-table";
 type DataTableProps = BoxProps & {
   "table"?: Table<any>;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -853,11 +852,11 @@ declare module "react" {
 }
 declare const DataTableBody = "ax-data-table-body";
 type DataTableBodyProps = BoxProps & {
-  "estimatedRowHeight"?: number;
-  "estimated-row-height"?: number;
-  "loading"?: false | true | Record<string, false | "sub-rows">;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -875,10 +874,10 @@ declare module "react" {
 }
 declare const DataTableAction = "ax-data-table-action";
 type DataTableActionProps = BoxProps & {
-  "primary"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "visible"?: "always" | "if-needed";
+  "primary"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "visible"?: undefined | "always" | "if-needed";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -896,15 +895,15 @@ declare module "react" {
 }
 declare const DataTableCheckbox = "ax-data-table-checkbox";
 type DataTableCheckboxProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "name"?: string;
-  "value"?: string | number | readonly string[];
-  "required"?: false | true;
-  "onCheckedChange"?: (checked: boolean) => void;
+  "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);
   "description"?: string | number | false | true;
-  "indeterminate"?: false | true;
-  "visible"?: "always" | "if-needed";
+  "indeterminate"?: undefined | false | true;
+  "visible"?: undefined | "always" | "if-needed";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -922,18 +921,12 @@ declare module "react" {
 }
 declare const DataTableFooter = "ax-data-table-footer";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -951,8 +944,8 @@ declare module "react" {
 }
 declare const DataTableLabel = "ax-data-table-label";
 type DataTableLabelProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -970,29 +963,29 @@ declare module "react" {
 }
 declare const DateInput = "ax-date-input";
 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;
+  "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;
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "addonPointerEvents"?: "auto" | "none";
-  "addon-pointer-events"?: "auto" | "none";
-  "error"?: false | true;
-  "appearance"?: "number" | "default";
-  "htmlSize"?: number;
-  "html-size"?: number;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1010,16 +1003,16 @@ declare module "react" {
 }
 declare const DateRangePicker = "ax-date-range-picker";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1039,29 +1032,29 @@ declare module "react" {
 }
 declare const DateRangePickerContent = "ax-date-range-picker-content";
 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[];
+  "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[];
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
@@ -1082,27 +1075,6 @@ declare module "react" {
   }
 }
 declare const DateRangePickerTrigger = "ax-date-range-picker-trigger";
-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";
-  "iconPosition"?: "end" | "start";
-  "icon-position"?: "end" | "start";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: false | true;
-  "formatRange"?: any;
-  "format-range"?: any;
-  "placeholder"?: string;
-};
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -1119,10 +1091,10 @@ declare module "react" {
 }
 declare const Dialog = "ax-dialog";
 type DialogProps = {
-  "defaultOpen"?: false | true;
-  "default-open"?: false | true;
-  "onOpenChange"?: (open: boolean) => void;
-  "open"?: false | true;
+  "defaultOpen"?: undefined | false | true;
+  "default-open"?: undefined | false | true;
+  "onOpenChange"?: undefined | ((open: boolean) => void);
+  "open"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1142,8 +1114,8 @@ declare module "react" {
 }
 declare const DialogBody = "ax-dialog-body";
 type DialogBodyProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1166,17 +1138,17 @@ type DialogCloseProps = BoxProps & {
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "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";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1194,15 +1166,15 @@ declare module "react" {
 }
 declare const DialogContent = "ax-dialog-content";
 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;
+  "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);
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1220,8 +1192,8 @@ declare module "react" {
 }
 declare const DialogFooter = "ax-dialog-footer";
 type DialogFooterProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1239,8 +1211,8 @@ declare module "react" {
 }
 declare const DialogForm = "ax-dialog-form";
 type DialogFormProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1261,11 +1233,11 @@ type DialogHeaderProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "description"?: string | number | false | true;
-  "lineClamp"?: "1" | "2" | "4" | "3";
-  "line-clamp"?: "1" | "2" | "4" | "3";
-  "truncate"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1288,17 +1260,17 @@ type DialogTriggerProps = BoxProps & {
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "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";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1316,13 +1288,13 @@ declare module "react" {
 }
 declare const Disclosure = "ax-disclosure";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1340,10 +1312,10 @@ declare module "react" {
 }
 declare const DisclosureContent = "ax-disclosure-content";
 type DisclosureContentProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "hiddenUntilFound"?: false | true;
-  "hidden-until-found"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "hiddenUntilFound"?: undefined | false | true;
+  "hidden-until-found"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1365,10 +1337,10 @@ type DisclosureTriggerProps = BoxProps & {
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "chevronPosition"?: "end" | "start";
-  "chevron-position"?: "end" | "start";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "chevronPosition"?: undefined | "end" | "start";
+  "chevron-position"?: undefined | "end" | "start";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1386,11 +1358,11 @@ declare module "react" {
 }
 declare const DropdownMenu = "ax-dropdown-menu";
 type DropdownMenuProps = {
-  "defaultOpen"?: false | true;
-  "default-open"?: false | true;
-  "modal"?: false | true;
-  "onOpenChange"?: (open: boolean) => void;
-  "open"?: false | true;
+  "defaultOpen"?: undefined | false | true;
+  "default-open"?: undefined | false | true;
+  "modal"?: undefined | false | true;
+  "onOpenChange"?: undefined | ((open: boolean) => void);
+  "open"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1411,20 +1383,20 @@ declare module "react" {
 declare const DropdownMenuCheckboxItem = "ax-dropdown-menu-checkbox-item";
 type DropdownMenuCheckboxItemProps = BoxProps & {
   "description"?: string | number | false | true;
-  "intent"?: "danger" | "neutral";
+  "intent"?: undefined | "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1442,20 +1414,20 @@ declare module "react" {
 }
 declare const DropdownMenuContent = "ax-dropdown-menu-content";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1473,8 +1445,8 @@ declare module "react" {
 }
 declare const DropdownMenuGroup = "ax-dropdown-menu-group";
 type DropdownMenuGroupProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1493,18 +1465,18 @@ declare module "react" {
 declare const DropdownMenuItem = "ax-dropdown-menu-item";
 type DropdownMenuItemProps = BoxProps & {
   "description"?: string | number | false | true;
-  "intent"?: "danger" | "neutral";
+  "intent"?: undefined | "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "onSelect"?: (event: Event) => void;
-  "disabled"?: false | true;
-  "textValue"?: string;
-  "text-value"?: string;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1522,8 +1494,8 @@ declare module "react" {
 }
 declare const DropdownMenuLabel = "ax-dropdown-menu-label";
 type DropdownMenuLabelProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1541,8 +1513,8 @@ declare module "react" {
 }
 declare const DropdownMenuSeparator = "ax-dropdown-menu-separator";
 type DropdownMenuSeparatorProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1560,10 +1532,10 @@ declare module "react" {
 }
 declare const DropdownMenuSub = "ax-dropdown-menu-sub";
 type DropdownMenuSubProps = {
-  "defaultOpen"?: false | true;
-  "default-open"?: false | true;
-  "onOpenChange"?: (open: boolean) => void;
-  "open"?: false | true;
+  "defaultOpen"?: undefined | false | true;
+  "default-open"?: undefined | false | true;
+  "onOpenChange"?: undefined | ((open: boolean) => void);
+  "open"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1583,16 +1555,16 @@ declare module "react" {
 }
 declare const DropdownMenuSubContent = "ax-dropdown-menu-sub-content";
 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";
+  "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";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1610,22 +1582,22 @@ declare module "react" {
 }
 declare const DropdownMenuTrigger = "ax-dropdown-menu-trigger";
 type DropdownMenuTriggerProps = BoxProps & {
-  "size"?: "lg" | "md" | "sm";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "disabled"?: false | true;
-  "type"?: "button" | "reset" | "submit";
+  "size"?: undefined | "lg" | "md" | "sm";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "disabled"?: undefined | false | true;
+  "type"?: undefined | "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";
-  "iconPosition"?: "end" | "start";
-  "icon-position"?: "end" | "start";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1643,22 +1615,22 @@ declare module "react" {
 }
 declare const EllipsisMenuButton = "ax-ellipsis-menu-button";
 type EllipsisMenuButtonProps = BoxProps & {
-  "size"?: "lg" | "md" | "sm";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "disabled"?: false | true;
-  "type"?: "button" | "reset" | "submit";
+  "size"?: undefined | "lg" | "md" | "sm";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "disabled"?: undefined | false | true;
+  "type"?: undefined | "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";
-  "iconPosition"?: "end" | "start";
-  "icon-position"?: "end" | "start";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1676,17 +1648,17 @@ declare module "react" {
 }
 declare const Field = "ax-field";
 type FieldProps = BoxProps & {
-  "required"?: false | true;
+  "required"?: undefined | false | true;
   "info"?: string | number | false | true;
-  "inputId"?: string;
-  "input-id"?: string;
-  "labelId"?: string;
-  "label-id"?: string;
+  "inputId"?: undefined | string;
+  "input-id"?: undefined | string;
+  "labelId"?: undefined | string;
+  "label-id"?: undefined | string;
   "description"?: string | number | false | true;
   "error"?: string | number | false | true;
   "label"?: string | number | false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1705,13 +1677,13 @@ declare module "react" {
 declare const FieldLabel = "ax-field-label";
 type FieldLabelProps = BoxProps & {
   "info"?: string | number | false | true;
-  "inputId"?: string;
-  "input-id"?: string;
-  "labelId"?: string;
-  "label-id"?: string;
-  "required"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1729,8 +1701,8 @@ declare module "react" {
 }
 declare const Flex = "ax-flex";
 type FlexProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1748,8 +1720,8 @@ declare module "react" {
 }
 declare const Grid = "ax-grid";
 type GridProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1767,8 +1739,8 @@ declare module "react" {
 }
 declare const Group = "ax-group";
 type GroupProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1786,12 +1758,12 @@ declare module "react" {
 }
 declare const Heading = "ax-heading";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1810,17 +1782,17 @@ declare module "react" {
 declare const Indicator = "ax-indicator";
 type IndicatorProps = BoxProps & {
   "content"?: string | number | false | true;
-  "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";
+  "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";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1838,27 +1810,27 @@ declare module "react" {
 }
 declare const Input = "ax-input";
 type InputProps = BoxProps & {
-  "addonPointerEvents"?: "auto" | "none";
-  "addon-pointer-events"?: "auto" | "none";
-  "appearance"?: "number" | "default";
-  "size"?: "lg" | "md" | "xl";
+  "addonPointerEvents"?: undefined | "auto" | "none";
+  "addon-pointer-events"?: undefined | "auto" | "none";
+  "appearance"?: undefined | "number" | "default";
+  "size"?: undefined | "lg" | "md" | "xl";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1876,8 +1848,8 @@ declare module "react" {
 }
 declare const InputAddon = "ax-input-addon";
 type InputAddonProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1895,15 +1867,15 @@ declare module "react" {
 }
 declare const InputControl = "ax-input-control";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1921,10 +1893,10 @@ declare module "react" {
 }
 declare const InputRoot = "ax-input-root";
 type InputRootProps = BoxProps & {
-  "addonPointerEvents"?: "auto" | "none";
-  "addon-pointer-events"?: "auto" | "none";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "addonPointerEvents"?: undefined | "auto" | "none";
+  "addon-pointer-events"?: undefined | "auto" | "none";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1942,10 +1914,10 @@ declare module "react" {
 }
 declare const Kbd = "ax-kbd";
 type KbdProps = BoxProps & {
-  "variant"?: "subtle" | "outline";
-  "modifiers"?: "alt" | "meta" | "shift" | "ctrl" | "mod" | (("alt" | "meta" | "shift" | "ctrl" | "mod")[]);
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -1963,15 +1935,15 @@ declare module "react" {
 }
 declare const LabelMenuButton = "ax-label-menu-button";
 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;
+  "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;
   "label"?: string;
 };
 declare module "@stencil/core" {
@@ -1990,14 +1962,14 @@ declare module "react" {
 }
 declare const Link = "ax-link";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2015,8 +1987,8 @@ declare module "react" {
 }
 declare const Listbox = "ax-listbox";
 type ListboxProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2034,16 +2006,16 @@ declare module "react" {
 }
 declare const ListboxCheckboxItem = "ax-listbox-checkbox-item";
 type ListboxCheckboxItemProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
   "description"?: string | number | false | true;
-  "intent"?: "danger" | "neutral";
+  "intent"?: undefined | "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "onCheckedChange"?: (checked: boolean) => void;
+  "onCheckedChange"?: undefined | ((checked: boolean) => void);
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2061,8 +2033,8 @@ declare module "react" {
 }
 declare const ListboxEmpty = "ax-listbox-empty";
 type ListboxEmptyProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2080,8 +2052,8 @@ declare module "react" {
 }
 declare const ListboxGroup = "ax-listbox-group";
 type ListboxGroupProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2100,14 +2072,14 @@ declare module "react" {
 declare const ListboxItem = "ax-listbox-item";
 type ListboxItemProps = BoxProps & {
   "description"?: string | number | false | true;
-  "intent"?: "danger" | "neutral";
+  "intent"?: undefined | "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2125,10 +2097,10 @@ declare module "react" {
 }
 declare const ListboxItemIndicator = "ax-listbox-item-indicator";
 type ListboxItemIndicatorProps = BoxProps & {
-  "active"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "filled"?: false | true;
+  "active"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "filled"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2152,10 +2124,10 @@ type ListboxItemizedProps = BoxProps & {
   "items"?: any[] | readonly any[];
   "itemToKey"?: (item: any) => string;
   "item-to-key"?: (item: any) => string;
-  "loading"?: "both" | "skeleton" | "spinner";
-  "onPlacedChange"?: (placed: boolean) => void;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "loading"?: undefined | "both" | "skeleton" | "spinner";
+  "onPlacedChange"?: undefined | ((placed: boolean) => void);
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2173,8 +2145,8 @@ declare module "react" {
 }
 declare const ListboxLabel = "ax-listbox-label";
 type ListboxLabelProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2192,10 +2164,10 @@ declare module "react" {
 }
 declare const ListboxRadioItem = "ax-listbox-radio-item";
 type ListboxRadioItemProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
   "description"?: string | number | false | true;
-  "intent"?: "danger" | "neutral";
+  "intent"?: undefined | "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
@@ -2218,10 +2190,10 @@ declare module "react" {
 }
 declare const ListboxSeparator = "ax-listbox-separator";
 type ListboxSeparatorProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "orientation"?: "horizontal" | "vertical" | ResponsiveArray<"horizontal" | "vertical"> | ResponsiveObject<"horizontal" | "vertical">;
-  "decorative"?: false | true;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2239,16 +2211,16 @@ declare module "react" {
 }
 declare const ListboxSwitchItem = "ax-listbox-switch-item";
 type ListboxSwitchItemProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
   "description"?: string | number | false | true;
-  "intent"?: "danger" | "neutral";
+  "intent"?: undefined | "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "onCheckedChange"?: (checked: boolean) => void;
+  "onCheckedChange"?: undefined | ((checked: boolean) => void);
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2266,20 +2238,20 @@ declare module "react" {
 }
 declare const Menu = "ax-menu";
 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";
+  "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";
   "options"?: CommandOption[] | readonly CommandOption[];
   "empty"?: string | number | false | true;
-  "inputValue"?: string;
-  "input-value"?: string;
-  "onInputValueChange"?: (inputValue: string) => void;
-  "inputVisible"?: "always" | "if-needed";
-  "input-visible"?: "always" | "if-needed";
+  "inputValue"?: undefined | string;
+  "input-value"?: undefined | string;
+  "onInputValueChange"?: undefined | ((inputValue: string) => void);
+  "inputVisible"?: undefined | "always" | "if-needed";
+  "input-visible"?: undefined | "always" | "if-needed";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2299,24 +2271,24 @@ declare module "react" {
 }
 declare const MenuContent = "ax-menu-content";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2334,22 +2306,22 @@ declare module "react" {
 }
 declare const MenuTrigger = "ax-menu-trigger";
 type MenuTriggerProps = BoxProps & {
-  "size"?: "lg" | "md" | "sm";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "disabled"?: false | true;
-  "type"?: "button" | "reset" | "submit";
+  "size"?: undefined | "lg" | "md" | "sm";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "disabled"?: undefined | false | true;
+  "type"?: undefined | "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";
-  "iconPosition"?: "end" | "start";
-  "icon-position"?: "end" | "start";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2367,9 +2339,9 @@ declare module "react" {
 }
 declare const ModalLayer = "ax-modal-layer";
 type ModalLayerProps = {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "onEscapeKeyDown"?: (event: KeyboardEvent) => void;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "onEscapeKeyDown"?: undefined | ((event: KeyboardEvent) => void);
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2387,12 +2359,12 @@ declare module "react" {
 }
 declare const Nav = "ax-nav";
 type NavProps = BoxProps & {
-  "defaultExpanded"?: false | true;
-  "default-expanded"?: false | true;
-  "expanded"?: false | true;
-  "onExpandedChange"?: (expanded: boolean) => void;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2410,11 +2382,11 @@ declare module "react" {
 }
 declare const NavAccountItem = "ax-nav-account-item";
 type NavAccountItemProps = BoxProps & {
-  "name"?: string;
-  "organization"?: string;
-  "src"?: string;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "name"?: undefined | string;
+  "organization"?: undefined | string;
+  "src"?: undefined | string;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2432,8 +2404,8 @@ declare module "react" {
 }
 declare const NavBody = "ax-nav-body";
 type NavBodyProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2451,8 +2423,8 @@ declare module "react" {
 }
 declare const NavFooter = "ax-nav-footer";
 type NavFooterProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2470,14 +2442,14 @@ declare module "react" {
 }
 declare const NavGroup = "ax-nav-group";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2495,8 +2467,8 @@ declare module "react" {
 }
 declare const NavGroupContent = "ax-nav-group-content";
 type NavGroupContentProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2514,14 +2486,14 @@ declare module "react" {
 }
 declare const NavGroupTrigger = "ax-nav-group-trigger";
 type NavGroupTriggerProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "chevronPosition"?: "end" | "start";
-  "chevron-position"?: "end" | "start";
+  "chevronPosition"?: undefined | "end" | "start";
+  "chevron-position"?: undefined | "end" | "start";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2539,8 +2511,8 @@ declare module "react" {
 }
 declare const NavHeader = "ax-nav-header";
 type NavHeaderProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2558,12 +2530,12 @@ declare module "react" {
 }
 declare const NavItem = "ax-nav-item";
 type NavItemProps = BoxProps & {
-  "active"?: false | true;
+  "active"?: undefined | false | true;
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "icon"?: string | number | false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2581,8 +2553,8 @@ declare module "react" {
 }
 declare const NavList = "ax-nav-list";
 type NavListProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2600,10 +2572,10 @@ declare module "react" {
 }
 declare const NavSeparator = "ax-nav-separator";
 type NavSeparatorProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "orientation"?: "horizontal" | "vertical" | ResponsiveArray<"horizontal" | "vertical"> | ResponsiveObject<"horizontal" | "vertical">;
-  "decorative"?: false | true;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2621,14 +2593,14 @@ declare module "react" {
 }
 declare const Pagination = "ax-pagination";
 type PaginationProps = BoxProps & {
-  "defaultPage"?: number;
-  "default-page"?: number;
-  "disabled"?: false | true;
-  "onPageChange"?: (offset: number) => void;
-  "page"?: number;
+  "defaultPage"?: undefined | number;
+  "default-page"?: undefined | number;
+  "disabled"?: undefined | false | true;
+  "onPageChange"?: undefined | ((offset: number) => void);
+  "page"?: undefined | number;
   "total"?: number;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2646,9 +2618,9 @@ declare module "react" {
 }
 declare const Paper = "ax-paper";
 type PaperProps = BoxProps & {
-  "elevation"?: "dialog" | "menu" | "screen";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "elevation"?: undefined | "dialog" | "menu" | "screen";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2666,11 +2638,11 @@ declare module "react" {
 }
 declare const Popover = "ax-popover";
 type PopoverProps = {
-  "defaultOpen"?: false | true;
-  "default-open"?: false | true;
-  "modal"?: false | true;
-  "onOpenChange"?: (open: boolean) => void;
-  "open"?: false | true;
+  "defaultOpen"?: undefined | false | true;
+  "default-open"?: undefined | false | true;
+  "modal"?: undefined | false | true;
+  "onOpenChange"?: undefined | ((open: boolean) => void);
+  "open"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2690,8 +2662,12 @@ declare module "react" {
 }
 declare const PopoverAnchor = "ax-popover-anchor";
 type PopoverAnchorProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "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>;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2709,24 +2685,24 @@ declare module "react" {
 }
 declare const PopoverContent = "ax-popover-content";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2749,17 +2725,17 @@ type PopoverTriggerProps = BoxProps & {
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "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";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2776,15 +2752,6 @@ declare module "react" {
   }
 }
 declare const Progress = "ax-progress";
-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 {
@@ -2802,12 +2769,12 @@ declare module "react" {
 declare const Radio = "ax-radio";
 type RadioProps = BoxProps & {
   "description"?: string | number | false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "name"?: string;
-  "value"?: string | number | readonly string[];
-  "required"?: false | true;
-  "onCheckedChange"?: (checked: boolean) => void;
+  "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);
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2825,16 +2792,16 @@ declare module "react" {
 }
 declare const RadioGroup = "ax-radio-group";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2852,28 +2819,28 @@ declare module "react" {
 }
 declare const SearchInput = "ax-search-input";
 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";
+  "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";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "addonPointerEvents"?: "auto" | "none";
-  "addon-pointer-events"?: "auto" | "none";
-  "error"?: false | true;
-  "appearance"?: "number" | "default";
-  "htmlSize"?: number;
-  "html-size"?: number;
-  "onValueClear"?: () => void;
+  "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);
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2891,19 +2858,19 @@ declare module "react" {
 }
 declare const SegmentedControl = "ax-segmented-control";
 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";
+  "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";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2926,17 +2893,17 @@ type SegmentedControlItemProps = BoxProps & {
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "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";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: 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;
   "value"?: string;
 };
 declare module "@stencil/core" {
@@ -2955,21 +2922,21 @@ declare module "react" {
 }
 declare const Select = "ax-select";
 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;
+  "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;
   "options"?: readonly SelectOption[] | SelectOption[];
-  "required"?: false | true;
-  "value"?: string;
+  "required"?: undefined | false | true;
+  "value"?: undefined | string;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -2987,14 +2954,14 @@ declare module "react" {
 }
 declare const SelectContent = "ax-select-content";
 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";
+  "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";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3012,22 +2979,22 @@ declare module "react" {
 }
 declare const SelectTrigger = "ax-select-trigger";
 type SelectTriggerProps = BoxProps & {
-  "size"?: "lg" | "md" | "sm";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "placeholder"?: string;
-  "type"?: "button" | "reset" | "submit";
+  "size"?: undefined | "lg" | "md" | "sm";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "placeholder"?: undefined | string;
+  "type"?: undefined | "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";
-  "iconPosition"?: "end" | "start";
-  "icon-position"?: "end" | "start";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3045,10 +3012,10 @@ declare module "react" {
 }
 declare const Separator = "ax-separator";
 type SeparatorProps = BoxProps & {
-  "orientation"?: "horizontal" | "vertical" | ResponsiveArray<"horizontal" | "vertical"> | ResponsiveObject<"horizontal" | "vertical">;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "decorative"?: false | true;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3066,12 +3033,12 @@ declare module "react" {
 }
 declare const Sidebar = "ax-sidebar";
 type SidebarProps = BoxProps & {
-  "defaultExpanded"?: false | true;
-  "default-expanded"?: false | true;
-  "expanded"?: false | true;
-  "onExpandedChange"?: (expanded: boolean) => void;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3089,13 +3056,13 @@ declare module "react" {
 }
 declare const SidebarToggle = "ax-sidebar-toggle";
 type SidebarToggleProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "aria-label"?: string;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "aria-label"?: undefined | string;
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "icon"?: string | number | false | true;
-  "active"?: false | true;
+  "active"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3113,9 +3080,9 @@ declare module "react" {
 }
 declare const Skeleton = "ax-skeleton";
 type SkeletonProps = BoxProps & {
-  "circle"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "circle"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3133,9 +3100,9 @@ declare module "react" {
 }
 declare const Spinner = "ax-spinner";
 type SpinnerProps = BoxProps & {
-  "appearance"?: "current" | "default" | "inverse";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "appearance"?: undefined | "current" | "default" | "inverse";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3153,8 +3120,8 @@ declare module "react" {
 }
 declare const SubNav = "ax-sub-nav";
 type SubNavProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3172,14 +3139,14 @@ declare module "react" {
 }
 declare const Switch = "ax-switch";
 type SwitchProps = BoxProps & {
-  "size"?: "lg" | "md";
+  "size"?: undefined | "lg" | "md";
   "description"?: string | number | false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "name"?: string;
-  "value"?: string | number | readonly string[];
-  "required"?: false | true;
-  "onCheckedChange"?: (checked: boolean) => void;
+  "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);
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3197,9 +3164,9 @@ declare module "react" {
 }
 declare const Table = "ax-table";
 type TableProps = BoxProps & {
-  "layout"?: "auto" | "fixed";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "layout"?: undefined | "auto" | "fixed";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3217,9 +3184,9 @@ declare module "react" {
 }
 declare const TableAction = "ax-table-action";
 type TableActionProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "visible"?: "always" | "if-needed";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "visible"?: undefined | "always" | "if-needed";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3237,8 +3204,8 @@ declare module "react" {
 }
 declare const TableBody = "ax-table-body";
 type TableBodyProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3256,9 +3223,9 @@ declare module "react" {
 }
 declare const TableCell = "ax-table-cell";
 type TableCellProps = BoxProps & {
-  "pinned"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "pinned"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3276,9 +3243,9 @@ declare module "react" {
 }
 declare const TableHeader = "ax-table-header";
 type TableHeaderProps = BoxProps & {
-  "pinned"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "pinned"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3296,9 +3263,9 @@ declare module "react" {
 }
 declare const TableHeaderCell = "ax-table-header-cell";
 type TableHeaderCellProps = BoxProps & {
-  "pinned"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "pinned"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3316,8 +3283,8 @@ declare module "react" {
 }
 declare const TableRow = "ax-table-row";
 type TableRowProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3335,16 +3302,16 @@ declare module "react" {
 }
 declare const Tabs = "ax-tabs";
 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";
+  "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";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3362,8 +3329,8 @@ declare module "react" {
 }
 declare const TabsContent = "ax-tabs-content";
 type TabsContentProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
   "value"?: string;
 };
 declare module "@stencil/core" {
@@ -3382,9 +3349,9 @@ declare module "react" {
 }
 declare const TabsList = "ax-tabs-list";
 type TabsListProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "loop"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "loop"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3406,8 +3373,8 @@ type TabsTriggerProps = BoxProps & {
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
   "value"?: string;
 };
 declare module "@stencil/core" {
@@ -3426,11 +3393,11 @@ declare module "react" {
 }
 declare const Text = "ax-text";
 type TextProps = BoxProps & {
-  "lineClamp"?: "1" | "2" | "4" | "3";
-  "line-clamp"?: "1" | "2" | "4" | "3";
-  "truncate"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3448,25 +3415,25 @@ declare module "react" {
 }
 declare const Textarea = "ax-textarea";
 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";
+  "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";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3502,18 +3469,18 @@ declare module "react" {
 }
 declare const ToastProvider = "ax-toast-provider";
 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[];
+  "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[];
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3531,26 +3498,26 @@ declare module "react" {
 }
 declare const ToggleButton = "ax-toggle-button";
 type ToggleButtonProps = BoxProps & {
-  "appearance"?: "default" | "subtle";
+  "appearance"?: undefined | "default" | "subtle";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "iconPosition"?: "end" | "start";
-  "icon-position"?: "end" | "start";
-  "size"?: "lg" | "md" | "sm";
-  "disabled"?: false | true;
-  "type"?: "button" | "reset" | "submit";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "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;
+  "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);
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3568,110 +3535,110 @@ declare module "react" {
 }
 declare const Tooltip = "ax-tooltip";
 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.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;
+  "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;
   "content"?: string | number | 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3691,15 +3658,15 @@ declare module "react" {
 }
 declare const TooltipContent = "ax-tooltip-content";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3717,12 +3684,12 @@ declare module "react" {
 }
 declare const TooltipProvider = "ax-tooltip-provider";
 type TooltipProviderProps = {
-  "disableHoverableContent"?: false | true;
-  "disable-hoverable-content"?: false | true;
-  "delayDuration"?: number;
-  "delay-duration"?: number;
-  "skipDelayDuration"?: number;
-  "skip-delay-duration"?: number;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3742,15 +3709,15 @@ declare module "react" {
 }
 declare const TooltipRoot = "ax-tooltip-root";
 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3770,8 +3737,8 @@ declare module "react" {
 }
 declare const TooltipTrigger = "ax-tooltip-trigger";
 type TooltipTriggerProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3789,13 +3756,13 @@ declare module "react" {
 }
 declare const Transition = "ax-transition";
 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";
+  "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";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3813,11 +3780,11 @@ declare module "react" {
 }
 declare const TransitionGroup = "ax-transition-group";
 type TransitionGroupProps = {
-  "forceMount"?: false | true;
-  "force-mount"?: false | true;
-  "onPresenceChange"?: (presence: boolean) => void;
-  "open"?: false | true;
-  "presence"?: false | true;
+  "forceMount"?: undefined | false | true;
+  "force-mount"?: undefined | false | true;
+  "onPresenceChange"?: undefined | ((presence: boolean) => void);
+  "open"?: undefined | false | true;
+  "presence"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -3836,4 +3803,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, DateRangePickerTriggerProps, 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, ProgressProps, 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 };
+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 };