import { jsx as i } from "react/jsx-runtime";
import { forwardRef as s } from "react";
import { c } from "./bind-CU-R61T-.mjs";
const x = {
  "purpur-container": "_purpur-container_1t9gx_1",
  "purpur-container--xs": "_purpur-container--xs_1t9gx_13",
  "purpur-container--sm": "_purpur-container--sm_1t9gx_24",
  "purpur-container--md": "_purpur-container--md_1t9gx_39",
  "purpur-container--lg": "_purpur-container--lg_1t9gx_42",
  "purpur-container--xl": "_purpur-container--xl_1t9gx_45",
  "purpur-container--xxl": "_purpur-container--xxl_1t9gx_48"
}, _ = c.bind(x), C = {
  XS: "xs",
  SM: "sm",
  MD: "md",
  LG: "lg",
  XL: "xl",
  XXL: "xxl"
}, E = {
  ARTICLE: "article",
  ASIDE: "aside",
  DIV: "div",
  FOOTER: "footer",
  HEADER: "header",
  MAIN: "main",
  NAV: "nav",
  SECTION: "section",
  SPAN: "span"
}, r = "purpur-container", l = s(
  ({ children: n, className: t, width: o = "xxl", element: e = "div", ...a }, p) => {
    const u = _([r, `${r}--${o}`, t]);
    return /* @__PURE__ */ i(e, { className: u, ref: p, ...a, children: n });
  }
);
l.displayName = "Container";
export {
  E as C,
  C as W,
  l as a
};
//# sourceMappingURL=container-Bw12NgHN.mjs.map
