import { JSXBase } from '@stencil/core/internal';
import { ComponentPropsWithoutRef } from 'react';
import { R as ResponsiveObject, a as ResponsiveArray } from '../types-B4RnVKcG.js';

declare const Box = "ax-box";

type BoxProps =  {
  "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" | "transparent" | "current";
"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" | "transparent" | "current";
"color"?: "transparent" | "current" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "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"?: "text" | "pointer" | "default";
"fontFamily"?: "mono" | "sans";
"font-family"?: "mono" | "sans";
"fontSize"?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl";
"font-size"?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl";
"fontWeight"?: "inherit" | "400" | "500" | "600" | "700";
"font-weight"?: "inherit" | "400" | "500" | "600" | "700";
"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"?: "none" | "auto";
"pointer-events"?: "none" | "auto";
"textAlign"?: "center" | "end" | "start" | "justify";
"text-align"?: "center" | "end" | "start" | "justify";
"textTransform"?: "none" | "capitalize" | "uppercase";
"text-transform"?: "none" | "capitalize" | "uppercase";
"transition"?: "none" | "opacity" | "transform" | "colors" | "all";
"whiteSpace"?: "nowrap";
"white-space"?: "nowrap";
"bg"?: "transparent" | "current" | "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.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"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
"mx"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
"my"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
"mb"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
"ml"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
"mr"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
"mt"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
"overflow"?: "hidden" | "auto" | "visible";
"p"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
"px"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
"py"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
"pb"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
"pl"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
"pr"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
"pt"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
"rounded"?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "none" | "full";
"shadow"?: "sm" | "md" | "lg" | "xl" | "none";
"z"?: "auto" | "0" | "10" | "20" | "popover" | "toast" | "tooltip" | "30";
"alignItems"?: "center" | "end" | "start" | "normal" | "stretch" | ResponsiveObject<"center" | "end" | "start" | "normal" | "stretch"> | ResponsiveArray<"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" | "table" | "none" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | ResponsiveObject<"flex" | "table" | "none" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row"> | ResponsiveArray<"flex" | "table" | "none" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row">;
"flex"?: "none" | "auto" | "1" | "initial" | ResponsiveObject<"none" | "auto" | "1" | "initial"> | ResponsiveArray<"none" | "auto" | "1" | "initial">;
"flexDirection"?: "column" | "column-reverse" | "row" | "row-reverse" | ResponsiveObject<"column" | "column-reverse" | "row" | "row-reverse"> | ResponsiveArray<"column" | "column-reverse" | "row" | "row-reverse">;
"flex-direction"?: "column" | "column-reverse" | "row" | "row-reverse";
"flexWrap"?: "nowrap" | "wrap" | ResponsiveObject<"nowrap" | "wrap"> | ResponsiveArray<"nowrap" | "wrap">;
"flex-wrap"?: "nowrap" | "wrap";
"gap"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | ResponsiveObject<"0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80"> | ResponsiveArray<"0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80">;
"gridColumn"?: "1" | "2" | "4" | "3" | ResponsiveObject<"1" | "2" | "4" | "3"> | ResponsiveArray<"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" | ResponsiveObject<"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">;
"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" | ResponsiveObject<"center"> | ResponsiveArray<"center">;
"place-items"?: "center";
"maxH"?: "xs" | "sm" | "md" | "lg" | "full" | ResponsiveObject<"xs" | "sm" | "md" | "lg" | "full"> | ResponsiveArray<"xs" | "sm" | "md" | "lg" | "full">;
"max-h"?: "xs" | "sm" | "md" | "lg" | "full";
"maxW"?: "xs" | "sm" | "md" | "lg" | "full" | ResponsiveArray<"xs" | "sm" | "md" | "lg" | "full"> | ResponsiveObject<"xs" | "sm" | "md" | "lg" | "full">;
"max-w"?: "xs" | "sm" | "md" | "lg" | "full";
"size"?: "min" | "max" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | ResponsiveObject<"min" | "max" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit"> | ResponsiveArray<"min" | "max" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit">;
"h"?: "min" | "max" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | ResponsiveArray<"min" | "max" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit"> | ResponsiveObject<"min" | "max" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit">;
"w"?: "min" | "max" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | ResponsiveArray<"min" | "max" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit"> | ResponsiveObject<"min" | "max" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit">;
"asChild"?: false | true;
"as-child"?: false | true;
"className"?: string;
"class-name"?: string;
};

declare module "@stencil/core" {
  namespace JSX {
    interface IntrinsicElements {
      [Box]: BoxProps & Omit<(JSXBase.IntrinsicElements["div"]), keyof BoxProps>;
    }
  }
}

declare module "react" {
  namespace JSX {
    interface IntrinsicElements {
      [Box]: BoxProps & Omit<(ComponentPropsWithoutRef<"div">), keyof BoxProps>;
    }
  }
}

export { Box };
export type { BoxProps };