import { o as d } from "./rolldown-runtime.js";
import { i as l, t as m } from "./vendor/react.js";
import { t as n } from "./utils.js";
import { t as p } from "./Separator.js";
var u = /* @__PURE__ */ d(l(), 1), a = m(), c = u.forwardRef(({ className: e, orientation: r = "horizontal", label: t, style: o, ...i }, s) => t && r === "horizontal" ? /* @__PURE__ */ (0, a.jsxs)("div", {
  ref: s,
  role: "separator",
  "aria-orientation": r,
  "aria-label": t,
  "data-slot": "separator",
  "data-orientation": r,
  className: n("flex items-center gap-3", e),
  style: typeof o == "function" ? void 0 : o,
  ...i,
  children: [
    /* @__PURE__ */ (0, a.jsx)("span", {
      "data-slot": "separator-line",
      "aria-hidden": "true",
      className: "h-px flex-1 bg-border transition-[background-color] duration-200 motion-safe:animate-[separator-line-grow_0.4s_ease-out_both] motion-safe:origin-right"
    }),
    /* @__PURE__ */ (0, a.jsx)("span", {
      "aria-hidden": "true",
      className: "text-muted-foreground text-xs shrink-0 transition-colors duration-200 motion-safe:animate-[separator-label-fade_0.3s_ease-out_0.1s_both]",
      children: t
    }),
    /* @__PURE__ */ (0, a.jsx)("span", {
      "data-slot": "separator-line",
      "aria-hidden": "true",
      className: "h-px flex-1 bg-border transition-[background-color] duration-200 motion-safe:animate-[separator-line-grow_0.4s_ease-out_both] motion-safe:origin-left"
    })
  ]
}) : /* @__PURE__ */ (0, a.jsx)(p, {
  ref: s,
  "data-slot": "separator",
  orientation: r,
  style: o,
  className: n("bg-border shrink-0 transition-[background-color] duration-200 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch", e),
  ...i
}));
c.displayName = "Separator";
export {
  c as t
};

//# sourceMappingURL=separator2.js.map