import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";const scFlexCss=":host{display:block;--spacing:var(--sc-spacing-small)}.flex{display:flex;gap:var(--sc-flex-column-gap, var(--spacing));justify-content:var(--sc-flex-space-between, space-between)}.justify-flex-start{justify-content:flex-start}.justify-flex-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-space-between{justify-content:space-between}.justify-space-around{justify-content:space-around}.justify-space-evenly{justify-content:space-evenly}.wrap-wrap{flex-wrap:wrap}.wrap-no-wrap{flex-wrap:no-wrap}.align-flex-start{align-items:flex-start}.align-flex-end{align-items:flex-end}.align-center{align-items:center}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.direction-row{flex-direction:row}.direction-row-reverse{flex-direction:row-reverse}.direction-column{flex-direction:column}.direction-column-reverse{flex-direction:column-reverse}@media (max-width: 480px){.stack-mobile{flex-direction:column}}@media (max-width: 768px){.stack-tablet{flex-direction:column}}@media (max-width: 1180px){.stack-desktop{flex-direction:column}}",ScFlexStyle0=scFlexCss,ScFlex=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.alignItems=void 0,this.justifyContent=void 0,this.flexDirection=void 0,this.columnGap=void 0,this.flexWrap=void 0,this.stack=void 0}render(){return h("div",{key:"e03e59be977c3ed0a8a0cefcea3c7ce634ba9923",part:"base",class:{flex:!0,...this.justifyContent?{[`justify-${this.justifyContent}`]:!0}:{},...this.alignItems?{[`align-${this.alignItems}`]:!0}:{},...this.flexDirection?{[`direction-${this.flexDirection}`]:!0}:{},...this.columnGap?{[`column-gap-${this.columnGap}`]:!0}:{},...this.flexWrap?{[`wrap-${this.flexWrap}`]:!0}:{},...this.stack?{[`stack-${this.stack}`]:!0}:{}}},h("slot",{key:"830c8bdde14cc74a764cb5602087f1241153a0e4"}))}static get style(){return ScFlexStyle0}},[1,"sc-flex",{alignItems:[1,"align-items"],justifyContent:[1,"justify-content"],flexDirection:[1,"flex-direction"],columnGap:[1,"column-gap"],flexWrap:[1,"flex-wrap"],stack:[1]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["sc-flex"].forEach((e=>{"sc-flex"===e&&(customElements.get(e)||customElements.define(e,ScFlex))}))}export{ScFlex as S,defineCustomElement as d};