import { r as p, s as m, u as d, y as f, e as u, g as n } from "./base-408a2cb0.js";
import { e as v } from "./property-ca27685b.js";
const g = `.sil-stack{gap:1em;padding:1em;display:flex}.sil-stack--horizontal{flex-direction:row}.sil-stack--vertical{flex-direction:column}
`;
var _ = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (s, t, i, r) => {
  for (var e = r > 1 ? void 0 : r ? x(t, i) : t, c = s.length - 1, l; c >= 0; c--)
    (l = s[c]) && (e = (r ? l(t, i, e) : l(e)) || e);
  return r && e && _(t, i, e), e;
};
let o = class extends m {
  constructor() {
    super(...arguments), this.direction = "vertical";
  }
  render() {
    const { classes: s } = d(n("stack"), { return: "string" });
    return f`
      <div class="${s({}, { modifier: this.direction })}">
        <slot></slot>
      </div>
    `;
  }
};
o.styles = p(g);
a([
  v()
], o.prototype, "direction", 2);
o = a([
  u(n("stack"))
], o);
export {
  o as FormStack
};
