import { JSXBase } from '@stencil/core/internal';
import { ComponentPropsWithoutRef } from 'react';
import './Box.js';
import '../types-B4RnVKcG.js';

declare const Transition = "ax-transition";

type TransitionProps =  {
  "duration"?: "sm" | "md" | "lg";
"className"?: string;
"class-name"?: string;
"data-side"?: "left" | "right" | "top" | "bottom";
"skipAnimations"?: false | true;
"skip-animations"?: false | true;
"type"?: "fade" | "pop";
};

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

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

export { Transition };
export type { TransitionProps };