@adyen/adyen-platform-experience-web/dist/es/hooks/useResponsiveContainer.js


import { BREAKPOINTS as m } from "../constants/index.js";
import { useContainerQuery as o } from "./useContainerQuery.js";
const e = {
  up: {
    sm: ["up", m.sm],
    md: ["up", m.md]
  },
  down: {
    xs: ["down", m.sm - 1],
    sm: ["down", m.md - 1]
  },
  only: {
    xs: ["only", m.sm - 1, { max: m.sm - 1 }],
    sm: ["only", m.sm, { max: m.md - 1 }],
    md: ["only", m.md, { max: m.lg - 1 }]
  }
}, r = o;
export {
  e as containerQueries,
  r as useResponsiveContainer
};