import { VariantProps } from "@soybeanjs/cva";

//#region src/styles/toggle-group.d.ts
declare const toggleGroupVariants: import("@soybeanjs/cva").SCVResult<"root" | "item", NoInfer<{
  color: {
    primary: {
      item: "focus-visible:ring-primary/30";
    };
    destructive: {
      item: "focus-visible:ring-destructive/30";
    };
    success: {
      item: "focus-visible:ring-success/30";
    };
    warning: {
      item: "focus-visible:ring-warning/30";
    };
    info: {
      item: "focus-visible:ring-info/30";
    };
    carbon: {
      item: "focus-visible:ring-carbon/30";
    };
    secondary: {
      item: "focus-visible:ring-secondary-foreground/20";
    };
    accent: {
      item: "focus-visible:ring-accent-foreground/20";
    };
  };
  orientation: {
    horizontal: {
      root: string[];
    };
    vertical: {
      root: string[];
    };
  };
  variant: {
    outline: {
      item: string[];
    };
    soft: {
      item: string[];
    };
    ghost: {
      item: string[];
    };
  };
  size: {
    xs: {
      item: "h-6 gap-1 px-1.5 text-2xs";
    };
    sm: {
      item: "h-7 gap-2 px-2 text-xs";
    };
    md: {
      item: "h-8 gap-3 px-4 text-sm";
    };
    lg: {
      item: "h-9 gap-4 px-6 text-base";
    };
    xl: {
      item: "h-10 gap-5 px-8 text-lg";
    };
    '2xl': {
      item: "h-12 gap-6 px-10 text-xl";
    };
  };
}>, {
  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
  variant?: "outline" | "soft" | "ghost" | undefined;
  orientation?: "horizontal" | "vertical" | undefined;
}>;
type ToggleGroupVariants = VariantProps<typeof toggleGroupVariants>;
type ToggleGroupVariant = NonNullable<ToggleGroupVariants['variant']>;
//#endregion
export { ToggleGroupVariant };