import { n as h } from "./static-aefc0385.mjs";
import { e as f } from "./custom-element-eaccb8d2.mjs";
import { P as d, r as u, n as p } from "./plus-base-cd557806.mjs";
import { s as c } from "./index-975d3293.mjs";
const v = c({
  slots: {
    base: ["block border-0   border-color-default"]
  },
  variants: {
    kind: {
      default: "border-solid",
      dashed: "border-dashed"
    },
    orientation: {
      vertical: " h-full w-2 border-l",
      horizontal: "h-2 w-full border-t"
    }
  },
  defaultVariants: {
    kind: "default",
    orientation: "horizontal"
  }
}), b = `:host{display:block;position:relative;width:100%;height:1px}:host([orientation="vertical"]){width:1px;height:auto}
`;
var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor, l = (i, r, e, s) => {
  for (var t = s > 1 ? void 0 : s ? y(r, e) : r, n = i.length - 1, a; n >= 0; n--)
    (a = i[n]) && (t = (s ? a(r, e, t) : a(t)) || t);
  return s && t && m(r, e, t), t;
};
let o = class extends d {
  constructor() {
    super(...arguments), this.kind = "default", this.orientation = "horizontal";
  }
  render() {
    const { kind: i, orientation: r } = this, { base: e } = v({ kind: i, orientation: r });
    return h`<hr class="${e()}" />`;
  }
};
o.styles = [...d.styles, u(b)];
l([
  p({ type: String })
], o.prototype, "kind", 2);
l([
  p({ type: String })
], o.prototype, "orientation", 2);
o = l([
  f("plus-divider")
], o);
export {
  o as DividerComponent
};
