import { ThemeColor, ThemeSize } from "../../theme/types.js";
import { AlertVariant } from "../../styles/alert.js";
import { AlertCompactEmits, AlertCompactProps, AlertCompactSlots, AlertUi } from "@soybeanjs/headless/alert";
import { ClassValue } from "@soybeanjs/headless/types";

//#region src/components/alert/types.d.ts
/**
 * Extended UI class overrides for the Alert component.
 */
type AlertExtendedUi = AlertUi;
/**
 * Properties for the Alert component.
 */
interface AlertProps extends AlertCompactProps {
  /**
   * root class
   */
  class?: ClassValue;
  /**
   * Visual size of the component.
   */
  size?: ThemeSize;
  /**
   * Theme color of the component.
   */
  color?: ThemeColor;
  /**
   * Visual variant of the component.
   */
  variant?: AlertVariant;
  /**
   * Per-slot class overrides for the component.
   */
  ui?: Partial<AlertExtendedUi>;
}
/**
 * Events for the Alert component.
 */
type AlertEmits = AlertCompactEmits;
/**
 * Slots for the Alert component.
 */
type AlertSlots = AlertCompactSlots;
//#endregion
export { AlertEmits, AlertExtendedUi, AlertProps, AlertSlots };