// tailwind/screens.tailwind.js
var screens_tailwind_default = {
  xs: "0px",
  // <-- phone
  sm: "480px",
  // phone --><-- sm tablets / narrow
  md: "768px",
  // sm tablets / narrow -->
  lg: "1024px",
  xl: "1280px",
  "2xl": "1500px"
};

// types/breakpoints.ts
var Breakpoints = Object.keys(screens_tailwind_default);

// types/grid-def.ts
var COMMON_GRID_1_COL = {
  at: {
    xs: { columns: 1, gap: 2 },
    md: { columns: 1, gap: 3 },
    lg: { columns: 1, gap: 6 }
  },
  mobile: { columns: 1, gap: 2 }
};
var COMMON_GRID_2_COL = {
  at: {
    xs: { columns: 1, gap: 2 },
    md: { columns: 2, gap: 3 },
    lg: { columns: 2, gap: 6 }
  },
  mobile: { columns: 1, gap: 2 }
};
var COMMON_GRID_3_COL = {
  at: {
    xs: { columns: 1, gap: 2 },
    md: { columns: 3, gap: 3 },
    lg: { columns: 3, gap: 6 }
  },
  mobile: { columns: 1, gap: 2 }
};
var COMMON_GRID_4_COL = {
  at: {
    xs: { columns: 1, gap: 2 },
    md: { columns: 2, gap: 3 },
    lg: { columns: 4, gap: 6 }
  },
  mobile: { columns: 1, gap: 2 }
};

export { Breakpoints, COMMON_GRID_1_COL, COMMON_GRID_2_COL, COMMON_GRID_3_COL, COMMON_GRID_4_COL };
