import { jsx as a } from "react/jsx-runtime";
import { c } from "./bind-CU-R61T-.mjs";
const t = {
  "purpur-spacer--width-xxxs": "_purpur-spacer--width-xxxs_1ehtd_1",
  "purpur-spacer--width-xxs": "_purpur-spacer--width-xxs_1ehtd_4",
  "purpur-spacer--width-xs": "_purpur-spacer--width-xs_1ehtd_7",
  "purpur-spacer--width-sm": "_purpur-spacer--width-sm_1ehtd_10",
  "purpur-spacer--width-md": "_purpur-spacer--width-md_1ehtd_13",
  "purpur-spacer--width-lg": "_purpur-spacer--width-lg_1ehtd_16",
  "purpur-spacer--width-xl": "_purpur-spacer--width-xl_1ehtd_19",
  "purpur-spacer--width-xxl": "_purpur-spacer--width-xxl_1ehtd_22",
  "purpur-spacer--width-xxxl": "_purpur-spacer--width-xxxl_1ehtd_25",
  "purpur-spacer--height-xxxs": "_purpur-spacer--height-xxxs_1ehtd_28",
  "purpur-spacer--height-xxs": "_purpur-spacer--height-xxs_1ehtd_31",
  "purpur-spacer--height-xs": "_purpur-spacer--height-xs_1ehtd_34",
  "purpur-spacer--height-sm": "_purpur-spacer--height-sm_1ehtd_37",
  "purpur-spacer--height-md": "_purpur-spacer--height-md_1ehtd_40",
  "purpur-spacer--height-lg": "_purpur-spacer--height-lg_1ehtd_43",
  "purpur-spacer--height-xl": "_purpur-spacer--height-xl_1ehtd_46",
  "purpur-spacer--height-xxl": "_purpur-spacer--height-xxl_1ehtd_49",
  "purpur-spacer--height-xxxl": "_purpur-spacer--height-xxxl_1ehtd_52",
  "purpur-spacer": "_purpur-spacer_1ehtd_1",
  "purpur-spacer--dynamic": "_purpur-spacer--dynamic_1ehtd_60",
  "purpur-spacer--half": "_purpur-spacer--half_1ehtd_71",
  "purpur-spacer--bg-xxxs": "_purpur-spacer--bg-xxxs_1ehtd_87",
  "purpur-spacer--bg-xxs": "_purpur-spacer--bg-xxs_1ehtd_90",
  "purpur-spacer--bg-xs": "_purpur-spacer--bg-xs_1ehtd_93",
  "purpur-spacer--bg-sm": "_purpur-spacer--bg-sm_1ehtd_96",
  "purpur-spacer--bg-md": "_purpur-spacer--bg-md_1ehtd_99",
  "purpur-spacer--bg-lg": "_purpur-spacer--bg-lg_1ehtd_102",
  "purpur-spacer--bg-xl": "_purpur-spacer--bg-xl_1ehtd_105",
  "purpur-spacer--bg-xxl": "_purpur-spacer--bg-xxl_1ehtd_108",
  "purpur-spacer--bg-xxxl": "_purpur-spacer--bg-xxxl_1ehtd_111"
}, d = c.bind(t), r = "purpur-spacer", l = ["xxxs", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], m = ({
  width: p,
  height: u,
  dynamic: e = !1,
  half: s,
  background: _,
  className: x,
  ...h
}) => /* @__PURE__ */ a(
  "div",
  {
    ...h,
    className: d(x, r, {
      [`${r}--width-${p}`]: p,
      [`${r}--height-${u}`]: u,
      [`${r}--dynamic`]: e,
      [`${r}--half`]: s,
      [`${r}--bg-${p || u}`]: _ && (p || u)
    })
  }
);
export {
  l as S,
  m as a
};
//# sourceMappingURL=spacer-4im7q6p0.mjs.map
