import { jsx as e } from "react/jsx-runtime";
import { $ as n } from "./Separator-x6wk4JUe.es.js";
import { createRecipeContext as f, useRecipe as m } from "@chakra-ui/react";
import { e as l } from "./extract-style-props-BdibuNZ7.es.js";
import { b as x } from "./index-C2qW4ynb.es.js";
const { withContext: P } = /* @__PURE__ */ f({ key: "separator" }), S = /* @__PURE__ */ P("div"), d = ({
  ref: o,
  orientation: r = "horizontal",
  ...t
}) => {
  const a = m({ recipe: x }), [p, s] = a.splitVariantProps({
    orientation: r,
    ...t
  }), [i, c] = l({
    orientation: r,
    ...s
  });
  return /* @__PURE__ */ e(S, { asChild: !0, ...p, ...i, children: /* @__PURE__ */ e(n, { ref: o, ...c }) });
};
d.displayName = "Separator";
export {
  d as S
};
//# sourceMappingURL=separator-BJ9k_D4l.es.js.map
