import { ThemeSize } from "../../theme/types.js";
import { TreeMenuBaseOptionData, TreeMenuCompactEmits, TreeMenuCompactProps, TreeMenuCompactSlots, TreeMenuUiSlot } from "@soybeanjs/headless/tree-menu";
import { BaseProps, ClassValue } from "@soybeanjs/headless/types";

//#region src/components/tree-menu/types.d.ts
/**
 * Properties for the TreeMenu component.
 */
interface TreeMenuProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends TreeMenuCompactProps<T> {
  /**
   * Additional class names applied to the root element.
   */
  class?: ClassValue;
  /**
   * Visual size of the component.
   */
  size?: ThemeSize;
  /**
   * Per-slot class overrides for the component.
   */
  ui?: Partial<Record<TreeMenuUiSlot, ClassValue>>;
}
/**
 * Events for the TreeMenu component.
 */
type TreeMenuEmits = TreeMenuCompactEmits;
/**
 * Slots for the TreeMenu component.
 */
type TreeMenuSlots<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> = TreeMenuCompactSlots<T>;
/**
 * Properties for the TreeMenuStyledItem component.
 */
interface TreeMenuStyledItemProps extends BaseProps {
  /**
   * Additional class names applied to the root element.
   */
  class?: ClassValue;
  /**
   * Visual size of the component.
   */
  size?: ThemeSize;
  /**
   * Per-slot class overrides for the component.
   */
  ui?: Partial<Record<'button' | 'item', ClassValue>>;
}
//#endregion
export { TreeMenuEmits, TreeMenuProps, TreeMenuSlots, TreeMenuStyledItemProps };