//#region src/components/sizing/index.d.ts
/**
 * Generic size system for UI components
 * Provides consistent sizing across dialogs, wizards, and other components
 */
/**
 * Standard size options using Tailwind CSS conventions
 */
declare enum ComponentSize {
  TWO_XL = "2xl",
  // max-w-2xl (42rem / 672px)
  THREE_XL = "3xl",
  // max-w-3xl (48rem / 768px)
  FOUR_XL = "4xl",
  // max-w-4xl (56rem / 896px)
  FIVE_XL = "5xl",
  // max-w-5xl (64rem / 1024px)
  SIX_XL = "6xl",
  // max-w-6xl (72rem / 1152px)
  SEVEN_XL = "7xl",
  // max-w-7xl (80rem / 1280px)
  AUTO = "auto",
  // Responsive auto width
  FULL = "full",
  // 100%
  LG = "lg",
  // max-w-lg (32rem / 512px)
  MD = "md",
  // max-w-md (28rem / 448px)
  SM = "sm",
  // max-w-sm (24rem / 384px)
  XL = "xl",
  // max-w-xl (36rem / 576px)
  XS = "xs"
}
/**
 * Width categories for components
 */
declare enum WidthCategory {
  EXTRA_NARROW = "extra-narrow",
  // xs, sm
  NARROW = "narrow",
  // md, lg
  MEDIUM = "medium",
  // xl
  WIDE = "wide",
  // 2xl, 3xl
  EXTRA_WIDE = "extra-wide",
  // 4xl, 5xl, 6xl, 7xl
  RESPONSIVE = "responsive"
}
/**
 * Generic size classes mapping that can be used by different components
 * Each component can use the sizes that make sense for its context
 */
declare const COMPONENT_SIZE_CLASSES: {
  readonly "2xl": "max-w-2xl";
  readonly "3xl": "max-w-3xl";
  readonly "4xl": "max-w-4xl";
  readonly "5xl": "max-w-5xl";
  readonly "6xl": "max-w-6xl";
  readonly "7xl": "max-w-7xl";
  readonly auto: "max-w-[calc(100vw-2rem)] sm:max-w-md";
  readonly full: "max-w-full";
  readonly lg: "max-w-lg";
  readonly md: "max-w-md";
  readonly sm: "max-w-sm";
  readonly xl: "max-w-xl";
  readonly xs: "max-w-xs";
};
/**
 * Helper function to create size-specific props for components
 */
interface SizeConfig {
  /**
   * Custom size class that overrides the size prop
   * Useful when you need a specific size not covered by the standard sizes
   */
  customSizeClass?: string;
  size?: ComponentSize;
}
/**
 * Get the CSS class for a given component size
 * Returns undefined if the size is not valid
 */
declare function getComponentSizeClass(size: ComponentSize): string;
/**
 * Get the final size class considering both size prop and customSizeClass
 */
declare function getSizeClass(config: SizeConfig): string | undefined;
/**
 * Type guard to check if a string is a valid ComponentSize
 */
declare function isComponentSize(size: string): size is ComponentSize;
//#endregion
export { COMPONENT_SIZE_CLASSES, ComponentSize, SizeConfig, WidthCategory, getComponentSizeClass, getSizeClass, isComponentSize };
//# sourceMappingURL=index.d.ts.map