import { jsx as _jsx } from "@stencil/core/jsx-runtime";
import { Host } from "@stencil/core";
// import { adoptSharedStyles } from "@/styles/adopt";
export class Stack {
    host;
    // 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'));
    }
    static get is() { return "dds-stack"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["stack.css"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["stack.css"]
        };
    }
    static get properties() {
        return {
            "direction": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "\"block\" | \"inline\"",
                    "resolved": "\"block\" | \"inline\"",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "direction",
                "defaultValue": "\"block\""
            },
            "alignItems": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string | undefined",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Aligns the Stack's children along the block axis."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "align-items"
            },
            "alignContent": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string | undefined",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Aligns the Stack's children along the block axis."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "align-content"
            },
            "justifyItems": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string | undefined",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Aligns the Stack's children along the inline axis."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "justify-items"
            },
            "justifyContent": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string | undefined",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Aligns the Stack's children along the inline axis."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "justify-content"
            },
            "rowGap": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string | undefined",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "row-gap"
            },
            "columnGap": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string | undefined",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "column-gap"
            },
            "gap": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string | undefined",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "gap"
            },
            "minBlockSize": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "`${number}px` | `${number}%` | \"0\" | undefined",
                    "resolved": "\"0\" | `${number}%` | `${number}px`",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "min-block-size"
            }
        };
    }
    static get elementRef() { return "host"; }
}
