import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as s}from"@stencil/core/internal/client";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.colors=[]}render(){return r(o,{key:"a3db5db1af1faced5922e1a9637b790b3a813915","aria-hidden":"true"},r("ol",{key:"5266e22482769d5bf0000e02ff2593ca05102068"},this.colors.map(((e,t)=>r("li",{key:t,style:{backgroundColor:e}})))))}static get style(){return":host(limebb-color-palette-swatches){pointer-events:none;transform:var(--color-palette-swatches-transform, unset);box-sizing:border-box;display:block;width:100%}*{box-sizing:border-box;min-width:0;min-height:0}ol{list-style:none;display:grid;grid-template-columns:repeat(auto-fit, minmax(0.75rem, 1fr));gap:var(--color-palette-swatches-gap, 0.25rem);margin:0;padding:var(--color-palette-swatches-gap, 0.25rem);border-radius:0.5rem}li{aspect-ratio:1;border-radius:0.25rem}"}},[1,"limebb-color-palette-swatches",{colors:[16]}]),i=a,l=function(){"undefined"!=typeof customElements&&["limebb-color-palette-swatches"].forEach((e=>{"limebb-color-palette-swatches"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))};export{i as LimebbColorPaletteSwatches,l as defineCustomElement}