@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 l = {
  up: {
    sm: ["up", m.sm],
    md: ["up", m.md],
    lg: ["up", m.lg]
  },
  down: {
    xs: ["down", m.sm - 1],
    sm: ["down", m.md - 1],
    md: ["down", m.lg - 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 }],
    lg: ["only", m.lg, { min: m.lg }]
  }
}, d = o;
export {
  l as containerQueries,
  d as useResponsiveContainer
};