TailwindBreakpoint enum

Defines responsive breakpoints based on the Tailwind CSS system.

These breakpoints represent minimum screen widths (in logical pixels) and are used to adapt UI layouts responsively, similar to Tailwind's utility-first design approach.

Implements BreakpointSpec so it integrates with utilities like ResponsiveBreakpointTheme.

Tailwind Breakpoint Ranges:

• sm: ≥640px
• md: ≥768px
• lg: ≥1024px
• xl: ≥1280px
• xxl: ≥1536px (corresponds to Tailwind's 2xl)

Note: Dart enums cannot start with a digit, so 2xl is named xxl.

Example:

final current = ResponsiveBreakpointTheme.of<TailwindBreakpoint>(context);
if (current >= TailwindBreakpoint.lg) {
  // Render large screen layout
}