finpro/dist/chunk-4NDHC34I.js

Design System

import{a as l}from"./chunk-ZO5WDGDN.js";import{a as p}from"./chunk-JA3VZI2D.js";import{a as r,b as e,g as s,h as i}from"./chunk-GBPY57YZ.js";import{a as o}from"./chunk-NZ3RGSR6.js";var d=r`:host{position:relative;width:100%}.dropdown-group{display:flex;flex-direction:column;gap:var(--fp-size-xs)}.caption{font:var(--fp-font-caption);font-size:var(--fp-font-size-xs);font-weight:var(--fp-font-weight-medium);line-height:var(--fp-font-size-s);color:var(--fp-color-content-secondary)}:host(:not(:first-child)){border-top:1px solid var(--fp-color-border)}:host(:not(:last-child)){border-bottom:1px solid var(--fp-color-border)}:host(:not([caption])) ::slotted(:first-child){padding-block:var(--fp-size-xs) 0}:host(:not(:last-child)) ::slotted(:last-child){padding-block:0 var(--fp-size-xs)}:host(:not(:first-child)) .caption{padding-block:var(--fp-size-xs) 0}`,a=d;var c="fp-dropdown-group",t=class extends p{static get styles(){return[a]}render(){let n=this.caption?e`<span class="caption">${this.caption}</span>`:"";return e`<div class="dropdown-group" role="group" aria-labelledby="${l(this.caption)}">
            ${n}
          <slot></slot>
        </div>`}};o([i({type:String})],t.prototype,"caption",2),t=o([s(c)],t);export{c as a,t as b};
//# sourceMappingURL=chunk-4NDHC34I.js.map