import { r as registerInstance, g as getElement, j as jsx, H as Host } from './index-C7YNCRgy.js';

const stackCss = () => `@layer base {   :host .dds-stack {    } }  @layer reset, base; `;

const Stack = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    get host() { return getElement(this); }
    // MARK: Props
    // @Prop({ mutable: true }) gap: "xxs" | "xs" | "s" | "m" | "l" | "xl" = "m";
    direction = "block";
    /**
     * Aligns the Stack's children along the block axis.
     */
    alignItems;
    /**
     * Aligns the Stack's children along the block axis.
     */
    alignContent;
    /**
     * Aligns the Stack's children along the inline axis.
     */
    justifyItems;
    /**
     * Aligns the Stack's children along the inline axis.
     */
    justifyContent;
    rowGap;
    columnGap;
    gap;
    minBlockSize;
    // MARK: Lifecycle
    // componentDidLoad() {
    //   adoptSharedStyles(this.el);
    // }
    // function handleStackStyles() {
    //   const stackStyles = {};
    //   return stackStyles;
    // };
    // MARK: Render
    render() {
        const { gap } = this;
        return (jsx(Host, { gap: gap, part: "root", children: jsx("div", { class: "dds-stack", children: jsx("slot", {}, '9d868e5a83da0104f4051911118f677c427c63e3') }, '5823d4e3a2b6694dbf85cf0ef9f3ab27a297e93f') }, '70c2413f41c33f51498f9546e50ae129a2685038'));
    }
};
Stack.style = stackCss();

export { Stack as dds_stack };
