import { r as a, h as s, H as n } from "./index.61732cef.js";
import { c } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const r = () => ":host{display:block;width:100%}:host *{box-sizing:border-box}.stack{display:flex;width:100%;max-width:100%;margin:0}.stack ::slotted(*){min-width:0;max-width:100%;flex-basis:auto;flex-grow:0;flex-shrink:1}ol.stack,ul.stack{margin:0;padding:0;list-style:none}.stack--align-start{align-items:flex-start;text-align:initial;}.stack--align-center{align-items:center;text-align:initial;}.stack--align-end{align-items:flex-end;text-align:initial;}.stack--align-stretch{align-items:stretch;text-align:initial;}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-space-between{justify-content:space-between}.stack--justify-space-around{justify-content:space-around}.stack--justify-space-evenly{justify-content:space-evenly}.stack--justify-stretch{justify-content:stretch}.stack--justify-stretch ::slotted(*){flex-grow:1}.stack--orientation-vertical{flex-direction:column}.stack--orientation-vertical-reverse{flex-direction:column-reverse}.stack--orientation-horizontal{flex-direction:row}.stack--orientation-horizontal-reverse{flex-direction:row-reverse}.stack--wrap{flex-wrap:wrap}", o = class {
  constructor(t) {
    a(this, t), this.align = "start", this.as = "div", this.justify = "start", this.orientation = "vertical", this.spacing = "0", this.wrap = !1;
  }
  render() {
    const t = this.as, i = {
      columnGap: `var(--s-space-${this.columnSpacing || this.spacing})`,
      rowGap: `var(--s-space-${this.rowSpacing || this.spacing})`,
      height: this.height
    }, e = c("stack", `stack--align-${this.align}`, `stack--justify-${this.justify}`, `stack--orientation-${this.orientation}`, { "stack--wrap": this.wrap });
    return s(n, { key: "9a0f09a97de33f201662145290ddb219a5348c85", style: { height: this.height } }, s(t, { key: "d1369d2d980591f8bc2f85b6c765f2a86a4c8c5c", class: e, role: this.swirlAriaRole, style: i }, s("slot", { key: "f182ae98194e70bf4b2e82a855f85ce54938dd3e" })));
  }
};
o.style = r();
export {
  o as swirl_stack
};
