@ctrliq/quantic-components 1.86.1 → 1.87.0

package/dist/quantic-components.min.js

@@ -67,7 +67,7 @@ const ve={attribute:!0,type:String,converter:f,reflect:!1,hasChanged:C},we=(e=ve
           value=${Xe(this.value)}
           @click=${this.handleClick}
         >
-          <slot data-description="Button label or icon content."></slot>
+          <slot></slot>
         </button>`:Oe`
         <${e}
           class=${n}
@@ -78,8 +78,8 @@ const ve={attribute:!0,type:String,converter:f,reflect:!1,hasChanged:C},we=(e=ve
           target=${Xe(this.target)}
           download=${Xe(this.download)}
         >
-          <slot data-description="Button label or icon content."></slot>
-        </${e}>`}},e.Button.meta={tag:"quantic-button",description:"Clickable action trigger for form submission, primary CTAs, and secondary actions. Supports icon-only mode and polymorphic rendering as an <a> or <span>. Prefer over quantic-icon-label when the element needs to be interactive.",category:"action",relatedTo:["quantic-button-bar","quantic-icon-label"]},e.Button.formAssociated=!0,e.Button.styles=d`
+          <slot></slot>
+        </${e}>`}},e.Button.meta={tag:"quantic-button",description:"Clickable action trigger for form submission, primary CTAs, and secondary actions. Supports icon-only mode and polymorphic rendering as an <a> or <span>. Prefer over quantic-icon-label when the element needs to be interactive.",category:"action",slots:{"":{description:"Button label or icon content."}},relatedTo:["quantic-button-bar","quantic-icon-label"]},e.Button.formAssociated=!0,e.Button.styles=d`
     :host {
       display: inline-flex;
     }
@@ -962,11 +962,11 @@ const{I:ht}=de,pt=e=>e,gt=()=>document.createComment(""),vt=(e,t,i)=>{const n=e.
     }
   `,t([fe({type:"string",default:"",reflect:!0,description:"Currently selected value submitted with the form."})],e.Combobox.prototype,"value",void 0),t([fe({type:"string",description:"Name submitted with form data."})],e.Combobox.prototype,"name",void 0),t([fe({type:"string",description:"Placeholder shown when no option is selected."})],e.Combobox.prototype,"placeholder",void 0),t([fe({type:"ComboboxOption[]",default:"[]",description:"Options to display. Each item must have a label (display text) and value (form value). Set this prop reactively to implement async/server-side filtering."})],e.Combobox.prototype,"options",void 0),t([fe({type:"ComboboxSize",options:Object.values(Ji),default:Ji.Medium,description:"Controls padding and font size."})],e.Combobox.prototype,"size",void 0),t([fe({type:"boolean",default:"false",reflect:!0,description:"Prevents interaction."})],e.Combobox.prototype,"disabled",void 0),t([fe({type:"boolean",default:"false",reflect:!0,description:"Marks the field as required for form validation."})],e.Combobox.prototype,"required",void 0),t([fe({type:"boolean",default:"false",reflect:!0,description:"Applies error styling. Set alongside an error message in the parent quantic-combobox-field."})],e.Combobox.prototype,"invalid",void 0),t([fe({type:"string",default:"No results",description:"Text shown in the listbox when no options match the input."})],e.Combobox.prototype,"emptyLabel",void 0),t([fe({type:"boolean",default:"false",description:"When true, the user can type a value that does not match any option. The typed text is preserved on blur/Enter and surfaced through the value-changed event. When false (default), only values from the options list are accepted."})],e.Combobox.prototype,"allowCustomValue",void 0),t([fe({type:"(option: ComboboxOption, inputValue: string) => boolean",description:"Custom filter predicate. If omitted, defaults to case-insensitive substring match on option.label."})],e.Combobox.prototype,"filterFn",void 0),t([ke()],e.Combobox.prototype,"_open",void 0),t([ke()],e.Combobox.prototype,"_inputValue",void 0),t([ke()],e.Combobox.prototype,"_activeIndex",void 0),e.Combobox=t([Ce("value-changed",{description:"Fired when the user selects an option from the list, clears the field, or commits a custom value when allowCustomValue is enabled.",detail:"{ value: string }"}),Ce("input-changed",{description:"Fired on every keystroke in the text field. Use to drive async filtering by updating the options prop in response.",detail:"{ value: string }"}),Ce("focus",{forwarded:!0}),Ce("blur",{forwarded:!0}),Se("quantic-combobox")],e.Combobox);const Qi=Qe,Yi={ExtraSmall:"xs",Small:"sm",Medium:"md",Large:"lg"};e.Badge=class extends qe{constructor(){super(...arguments),this.color=Qi.Brand,this.size=Yi.Medium,this.rounded=!1,this.icon=!1}render(){const e=We({main:!0,[`size--${this.size}`]:!0,[`color--${this.color}`]:!0,icon:this.icon,rounded:this.rounded});return Oe`
       <div class=${e}>
-        <slot name="before" data-description="Content before the label (e.g. icon)."></slot>
-        <slot data-description="Badge label text or icon."></slot>
-        <slot name="after" data-description="Content after the label."></slot>
+        <slot name="before"></slot>
+        <slot></slot>
+        <slot name="after"></slot>
       </div>
-    `}},e.Badge.meta={tag:"quantic-badge",description:"Compact inline label for status, category, or count. Non-interactive — use quantic-button for clickable chips. Supports a wide color palette and an icon-only square mode.",category:"display",relatedTo:["quantic-tag","quantic-status-badge"]},e.Badge.styles=d`
+    `}},e.Badge.meta={tag:"quantic-badge",description:"Compact inline label for status, category, or count. Non-interactive — use quantic-button for clickable chips. Supports a wide color palette and an icon-only square mode.",category:"display",slots:{before:{description:"Content before the label (e.g. icon)."},"":{description:"Badge label text or icon."},after:{description:"Content after the label."}},relatedTo:["quantic-tag","quantic-status-badge"]},e.Badge.styles=d`
     :host {
       display: inline-flex;
     }
@@ -1080,7 +1080,7 @@ const{I:ht}=de,pt=e=>e,gt=()=>document.createComment(""),vt=(e,t,i)=>{const n=e.
       <div class="group" part="group" role="group" aria-label=${this.ariaLabel??"Badges"}>
         <slot></slot>
       </div>
-    `}},e.BadgeGroup.meta={tag:"quantic-badge-group",description:"A run of quantic-badge or quantic-status-badge sharing one accessible name and a consistent gap. Wraps across lines, and each badge keeps its own size. Gap: --quantic-component-badge-group-gap. Layout: ::part(group), for a column or a different alignment. Use quantic-tag-group for tags.",category:"display",slots:{"":{description:"quantic-badge or quantic-status-badge elements."}},subComponents:["quantic-badge","quantic-status-badge"],relatedTo:["quantic-badge","quantic-tag-group"]},e.BadgeGroup.styles=d`
+    `}},e.BadgeGroup.meta={tag:"quantic-badge-group",description:"A run of quantic-badge or quantic-status-badge sharing one accessible name and a consistent gap. Wraps across lines, and each badge keeps its own size. Gap: --quantic-component-badge-group-gap. Layout: ::part(group), for a column or a different alignment. Use quantic-tag-group for tags.",category:"display",slots:{"":{description:"quantic-badge or quantic-status-badge elements."}},relatedTo:["quantic-badge","quantic-tag-group","quantic-status-badge"]},e.BadgeGroup.styles=d`
     :host {
       display: block;
     }
@@ -1213,7 +1213,7 @@ const{I:ht}=de,pt=e=>e,gt=()=>document.createComment(""),vt=(e,t,i)=>{const n=e.
       <div class="group" part="group" role="group" aria-label=${this.ariaLabel??"Actions"}>
         <slot></slot>
       </div>
-    `}},e.ActionGroup.meta={tag:"quantic-action-group",description:"A row of related actions sharing one accessible name and a consistent gap. Takes quantic-button, and quantic-dropdown-menu or quantic-popover when the trigger is a button. Wraps when the row runs out of width. Gap: --quantic-component-action-group-gap. Layout: ::part(group), for a column or a different alignment. Use quantic-button-bar when the buttons should read as one joined control.",category:"action",slots:{"":{description:"quantic-button elements, or a quantic-dropdown-menu or quantic-popover triggered by one."}},subComponents:["quantic-button","quantic-dropdown-menu","quantic-popover"],relatedTo:["quantic-button","quantic-button-bar","quantic-dialog-actions"]},e.ActionGroup.styles=d`
+    `}},e.ActionGroup.meta={tag:"quantic-action-group",description:"A row of related actions sharing one accessible name and a consistent gap. Takes quantic-button, and quantic-dropdown-menu or quantic-popover when the trigger is a button. Wraps when the row runs out of width. Gap: --quantic-component-action-group-gap. Layout: ::part(group), for a column or a different alignment. Use quantic-button-bar when the buttons should read as one joined control.",category:"action",slots:{"":{description:"quantic-button elements, or a quantic-dropdown-menu or quantic-popover triggered by one."}},relatedTo:["quantic-button","quantic-button-bar","quantic-dialog-actions","quantic-dropdown-menu","quantic-popover"]},e.ActionGroup.styles=d`
     :host {
       display: block;
     }
@@ -1275,7 +1275,7 @@ function an({context:e}){return(t,i)=>{const n=new WeakMap;if("object"==typeof i
       >
         <slot @slotchange=${()=>this.syncFocusStop()}></slot>
       </div>
-    `}},e.ButtonBar.meta={tag:"quantic-button-bar",description:"Toolbar of related buttons joined into one cohesive control, with shared sizing. Use for switching between views or modes, and for a compact run of icon actions. Items carry aria-pressed via active, so a set can behave as exclusive options or as independent toggles. Focus follows the toolbar pattern: one tab stop, arrow keys move between items, Home and End jump to the ends. Prefer quantic-button for a standalone action, and quantic-tabs when each segment reveals a panel.",category:"action",slots:{"":{description:"One or more quantic-button-bar-item elements."}},subComponents:["quantic-button-bar-item"],relatedTo:["quantic-button"]},e.ButtonBar.styles=d`
+    `}},e.ButtonBar.meta={tag:"quantic-button-bar",description:"Toolbar of related buttons joined into one cohesive control, with shared sizing. Use for switching between views or modes, and for a compact run of icon actions. Items carry aria-pressed via active, so a set can behave as exclusive options or as independent toggles. Focus follows the toolbar pattern: one tab stop, arrow keys move between items, Home and End jump to the ends. Prefer quantic-button for a standalone action, and quantic-tabs when each segment reveals a panel.",category:"action",slots:{"":{description:"One or more quantic-button-bar-item elements."}},relatedTo:["quantic-button"]},e.ButtonBar.styles=d`
     :host {
       --quantic-internal-button-bar-item-padding-block: var(--quantic-spacing-2);
       --quantic-internal-button-bar-item-padding-inline: var(--quantic-spacing-3);
@@ -1297,7 +1297,7 @@ function an({context:e}){return(t,i)=>{const n=new WeakMap;if("object"==typeof i
       border: 1px solid var(--quantic-component-button-bar-border-color);
       border-radius: var(--quantic-component-button-bar-border-radius);
     }
-  `,t([an({context:un}),fe({type:"ButtonBarSize",options:Object.values(dn),default:dn.Medium,description:"Size applied to all child items via context."})],e.ButtonBar.prototype,"size",void 0),t([fe({type:"string",attribute:"aria-label",description:"Accessible label for the group."})],e.ButtonBar.prototype,"ariaLabel",void 0),e.ButtonBar=t([Se("quantic-button-bar")],e.ButtonBar),e.ButtonGroup=class extends e.ButtonBar{constructor(){super(...arguments),this.defaultLabel="Button group"}},e.ButtonGroup.meta={...e.ButtonBar.meta,tag:"quantic-button-group",description:"Deprecated alias of quantic-button-bar. Use quantic-button-bar.",deprecated:{use:"quantic-button-bar",reason:"The name describes a row of buttons, which this is not. Use quantic-action-group for that."},slots:{"":{description:"One or more quantic-button-group-item elements."}},subComponents:["quantic-button-group-item"]},e.ButtonGroup=t([Se("quantic-button-group")],e.ButtonGroup),e.ButtonBarItem=class extends qe{constructor(){super(...arguments),this.tabbable=!0,this.disabled=!1,this.active=!1}focus(e){this.innerButton?.focus(e)}render(){const e=We({main:!0,[`size--${this.size}`]:!!this.size,"is-active":this.active});return W`
+  `,t([an({context:un}),fe({type:"ButtonBarSize",options:Object.values(dn),default:dn.Medium,description:"Size applied to all child items via context."})],e.ButtonBar.prototype,"size",void 0),t([fe({type:"string",attribute:"aria-label",description:"Accessible label for the group."})],e.ButtonBar.prototype,"ariaLabel",void 0),e.ButtonBar=t([Se("quantic-button-bar")],e.ButtonBar),e.ButtonGroup=class extends e.ButtonBar{constructor(){super(...arguments),this.defaultLabel="Button group"}},e.ButtonGroup.meta={...e.ButtonBar.meta,tag:"quantic-button-group",description:"Deprecated alias of quantic-button-bar. Use quantic-button-bar.",deprecated:{use:"quantic-button-bar",reason:"The name describes a row of buttons, which this is not. Use quantic-action-group for that."},slots:{"":{description:"One or more quantic-button-group-item elements."}}},e.ButtonGroup=t([Se("quantic-button-group")],e.ButtonGroup),e.ButtonBarItem=class extends qe{constructor(){super(...arguments),this.tabbable=!0,this.disabled=!1,this.active=!1}focus(e){this.innerButton?.focus(e)}render(){const e=We({main:!0,[`size--${this.size}`]:!!this.size,"is-active":this.active});return W`
       <button
         type="button"
         class=${e}
@@ -1309,7 +1309,7 @@ function an({context:e}){return(t,i)=>{const n=new WeakMap;if("object"==typeof i
           <slot></slot>
         </div>
       </button>
-    `}},e.ButtonBarItem.meta={tag:"quantic-button-bar-item",description:"Single segment within a quantic-button-bar. Renders as a native button with shared sizing from the parent context and a pressed state via active.",category:"action",slots:{"":{description:"Button label or icon content."}},relatedTo:["quantic-button-bar","quantic-button"]},e.ButtonBarItem.styles=d`
+    `}},e.ButtonBarItem.meta={tag:"quantic-button-bar-item",description:"Single segment within a quantic-button-bar. Renders as a native button with shared sizing from the parent context and a pressed state via active.",category:"action",subComponentOf:"quantic-button-bar",slots:{"":{description:"Button label or icon content."}},relatedTo:["quantic-button-bar","quantic-button"]},e.ButtonBarItem.styles=d`
     :host {
       display: inline-flex;
     }
@@ -1429,23 +1429,11 @@ function an({context:e}){return(t,i)=>{const n=new WeakMap;if("object"==typeof i
       display: flex;
       align-items: center;
     }
-  `,t([ln({context:un,subscribe:!0})],e.ButtonBarItem.prototype,"size",void 0),t([ke()],e.ButtonBarItem.prototype,"tabbable",void 0),t([xe("button")],e.ButtonBarItem.prototype,"innerButton",void 0),t([fe({type:"boolean",default:"false",description:"Prevents interaction and reduces opacity.",reflect:!0})],e.ButtonBarItem.prototype,"disabled",void 0),t([fe({type:"boolean",default:"false",description:"Marks this item as the currently selected/active option.",reflect:!0})],e.ButtonBarItem.prototype,"active",void 0),e.ButtonBarItem=t([Se("quantic-button-bar-item")],e.ButtonBarItem),e.ButtonGroupItem=class extends e.ButtonBarItem{},e.ButtonGroupItem.meta={...e.ButtonBarItem.meta,tag:"quantic-button-group-item",description:"Deprecated alias of quantic-button-bar-item. Use quantic-button-bar-item.",deprecated:{use:"quantic-button-bar-item"},relatedTo:["quantic-button-group"]},e.ButtonGroupItem=t([Se("quantic-button-group-item")],e.ButtonGroupItem);const pn=dn;var gn,vn,wn,mn;e.GridDensity=void 0,(gn=e.GridDensity||(e.GridDensity={})).Dense="dense",gn.Compact="compact",gn.Comfortable="comfortable",gn.Sparse="sparse",gn.Custom="custom",e.CardVariant=void 0,(vn=e.CardVariant||(e.CardVariant={})).Solid="solid",vn.Outline="outline",e.CardSize=void 0,(wn=e.CardSize||(e.CardSize={})).ExtraSmall="xs",wn.Small="sm",wn.Medium="md",wn.Large="lg",e.CardTitleVariant=void 0,(mn=e.CardTitleVariant||(e.CardTitleVariant={})).Primary="primary",mn.Secondary="secondary";const kn=e.GridDensity;e.Card=class extends(He(qe,["header","footer","action-icon"])){constructor(){super(...arguments),this.as="div",this.variant=e.CardVariant.Outline,this.size=e.CardSize.Medium,this.type="button",this.disabled=!1}render(){const e=We({main:!0,[`variant--${this.variant}`]:!0,[`size--${this.size}`]:!0,"is-interactive":"button"===this.as||"a"===this.as,"is-disabled":this.disabled}),t=Oe`
-      <slot
-        name="header"
-        class="header"
-        data-description="Header area — place quantic-card-title and quantic-card-meta here."
-      ></slot>
-      <slot class="body" data-description="Main body content."></slot>
-      <slot
-        name="footer"
-        class="footer"
-        data-description="Footer content, pinned to the bottom of the card."
-      ></slot>
-      <slot
-        name="action-icon"
-        class="action-icon"
-        data-description="Icon in the top-right corner; only visible on interactive cards."
-      ></slot>
+  `,t([ln({context:un,subscribe:!0})],e.ButtonBarItem.prototype,"size",void 0),t([ke()],e.ButtonBarItem.prototype,"tabbable",void 0),t([xe("button")],e.ButtonBarItem.prototype,"innerButton",void 0),t([fe({type:"boolean",default:"false",description:"Prevents interaction and reduces opacity.",reflect:!0})],e.ButtonBarItem.prototype,"disabled",void 0),t([fe({type:"boolean",default:"false",description:"Marks this item as the currently selected/active option.",reflect:!0})],e.ButtonBarItem.prototype,"active",void 0),e.ButtonBarItem=t([Se("quantic-button-bar-item")],e.ButtonBarItem),e.ButtonGroupItem=class extends e.ButtonBarItem{},e.ButtonGroupItem.meta={...e.ButtonBarItem.meta,tag:"quantic-button-group-item",description:"Deprecated alias of quantic-button-bar-item. Use quantic-button-bar-item.",deprecated:{use:"quantic-button-bar-item"},subComponentOf:"quantic-button-group",relatedTo:["quantic-button-group"]},e.ButtonGroupItem=t([Se("quantic-button-group-item")],e.ButtonGroupItem);const pn=dn;var gn,vn,wn,mn;e.GridDensity=void 0,(gn=e.GridDensity||(e.GridDensity={})).Dense="dense",gn.Compact="compact",gn.Comfortable="comfortable",gn.Sparse="sparse",gn.Custom="custom",e.CardVariant=void 0,(vn=e.CardVariant||(e.CardVariant={})).Solid="solid",vn.Outline="outline",e.CardSize=void 0,(wn=e.CardSize||(e.CardSize={})).ExtraSmall="xs",wn.Small="sm",wn.Medium="md",wn.Large="lg",e.CardTitleVariant=void 0,(mn=e.CardTitleVariant||(e.CardTitleVariant={})).Primary="primary",mn.Secondary="secondary";const kn=e.GridDensity;e.Card=class extends(He(qe,["header","footer","action-icon"])){constructor(){super(...arguments),this.as="div",this.variant=e.CardVariant.Outline,this.size=e.CardSize.Medium,this.type="button",this.disabled=!1}render(){const e=We({main:!0,[`variant--${this.variant}`]:!0,[`size--${this.size}`]:!0,"is-interactive":"button"===this.as||"a"===this.as,"is-disabled":this.disabled}),t=Oe`
+      <slot name="header" class="header"></slot>
+      <slot class="body"></slot>
+      <slot name="footer" class="footer"></slot>
+      <slot name="action-icon" class="action-icon"></slot>
     `;return"button"===this.as?Oe`<button
         class=${e}
         type=${this.type}
@@ -1462,7 +1450,7 @@ function an({context:e}){return(t,i)=>{const n=new WeakMap;if("object"==typeof i
         ?aria-disabled=${this.disabled}
       >
         ${t}
-      </a>`:Oe`<div class=${e}>${t}</div>`}},e.Card.meta={tag:"quantic-card",description:'Surface container for grouping related content. Use sub-components (quantic-card-title, quantic-card-image, quantic-card-meta) as direct children in their respective slots. Render as "a" or "button" to make the entire card interactive. Prefer quantic-panel for non-interactive content sections.',category:"display",subComponents:["quantic-card-title","quantic-card-image","quantic-card-meta"],relatedTo:["quantic-card-group","quantic-panel"]},e.Card.styles=[d`
+      </a>`:Oe`<div class=${e}>${t}</div>`}},e.Card.meta={tag:"quantic-card",description:'Surface container for grouping related content. Use sub-components (quantic-card-title, quantic-card-image, quantic-card-meta) as direct children in their respective slots. Render as "a" or "button" to make the entire card interactive. Prefer quantic-panel for non-interactive content sections.',category:"display",slots:{header:{description:"Header area. Place quantic-card-title and quantic-card-meta here."},"":{description:"Main body content."},footer:{description:"Footer content, pinned to the bottom of the card."},"action-icon":{description:"Icon in the top-right corner; only visible on interactive cards."}},relatedTo:["quantic-card-group","quantic-panel"]},e.Card.styles=[d`
       :host {
         display: flex;
         flex-direction: column;
@@ -2137,7 +2125,7 @@ function an({context:e}){return(t,i)=>{const n=new WeakMap;if("object"==typeof i
       overflow: hidden;
       clip: rect(0, 0, 0, 0);
     }
-  `,t([fe({type:"GridDensity",options:Object.values(e.GridDensity),default:e.GridDensity.Comfortable,description:"Controls how many cards are visible at each container breakpoint."})],e.CardCarousel.prototype,"density",void 0),t([fe({type:"boolean",default:"true",attribute:"show-navigation",description:"Shows prev/next arrow buttons when there is more than one page."})],e.CardCarousel.prototype,"showNavigation",void 0),t([fe({type:"boolean",default:"true",attribute:"show-dots",description:"Shows dot pagination indicators when there is more than one page."})],e.CardCarousel.prototype,"showDots",void 0),t([ke()],e.CardCarousel.prototype,"canScrollPrev",void 0),t([ke()],e.CardCarousel.prototype,"canScrollNext",void 0),t([ke()],e.CardCarousel.prototype,"currentPage",void 0),t([ke()],e.CardCarousel.prototype,"totalPages",void 0),t([xe(".carousel-container")],e.CardCarousel.prototype,"containerNode",void 0),t([xe("slot")],e.CardCarousel.prototype,"slotNode",void 0),e.CardCarousel=t([Se("quantic-card-carousel")],e.CardCarousel),e.CardImage=class extends qe{constructor(){super(...arguments),this.bleeds=!1}render(){return Oe`<slot></slot>`}},e.CardImage.meta={tag:"quantic-card-image",description:"Image sub-component for quantic-card. Place inside the card body or header slot. Use the bleeds prop to stretch the image edge-to-edge by negating the card padding.",category:"display",slots:{"":{description:"An <img> element to display."}},relatedTo:["quantic-card"]},e.CardImage.styles=d`
+  `,t([fe({type:"GridDensity",options:Object.values(e.GridDensity),default:e.GridDensity.Comfortable,description:"Controls how many cards are visible at each container breakpoint."})],e.CardCarousel.prototype,"density",void 0),t([fe({type:"boolean",default:"true",attribute:"show-navigation",description:"Shows prev/next arrow buttons when there is more than one page."})],e.CardCarousel.prototype,"showNavigation",void 0),t([fe({type:"boolean",default:"true",attribute:"show-dots",description:"Shows dot pagination indicators when there is more than one page."})],e.CardCarousel.prototype,"showDots",void 0),t([ke()],e.CardCarousel.prototype,"canScrollPrev",void 0),t([ke()],e.CardCarousel.prototype,"canScrollNext",void 0),t([ke()],e.CardCarousel.prototype,"currentPage",void 0),t([ke()],e.CardCarousel.prototype,"totalPages",void 0),t([xe(".carousel-container")],e.CardCarousel.prototype,"containerNode",void 0),t([xe("slot")],e.CardCarousel.prototype,"slotNode",void 0),e.CardCarousel=t([Se("quantic-card-carousel")],e.CardCarousel),e.CardImage=class extends qe{constructor(){super(...arguments),this.bleeds=!1}render(){return Oe`<slot></slot>`}},e.CardImage.meta={tag:"quantic-card-image",description:"Image sub-component for quantic-card. Place inside the card body or header slot. Use the bleeds prop to stretch the image edge-to-edge by negating the card padding.",category:"display",subComponentOf:"quantic-card",slots:{"":{description:"An <img> element to display."}},relatedTo:["quantic-card"]},e.CardImage.styles=d`
     :host {
       display: block;
       overflow: hidden;
@@ -2166,7 +2154,7 @@ function an({context:e}){return(t,i)=>{const n=new WeakMap;if("object"==typeof i
       display: block;
       object-fit: cover;
     }
-  `,t([fe({type:"boolean",default:"false",reflect:!0,description:"Stretches the image to bleed edge-to-edge by negating the parent card padding."})],e.CardImage.prototype,"bleeds",void 0),e.CardImage=t([Se("quantic-card-image")],e.CardImage),e.CardMeta=class extends qe{render(){return Oe`<slot></slot>`}},e.CardMeta.meta={tag:"quantic-card-meta",description:"Metadata overlay sub-component for quantic-card, positioned absolutely in the top-right corner. Use for secondary information such as dates, tags, or status badges.",category:"display",slots:{"":{description:"Metadata content — badges, dates, or tags."}},relatedTo:["quantic-card"]},e.CardMeta.styles=d`
+  `,t([fe({type:"boolean",default:"false",reflect:!0,description:"Stretches the image to bleed edge-to-edge by negating the parent card padding."})],e.CardImage.prototype,"bleeds",void 0),e.CardImage=t([Se("quantic-card-image")],e.CardImage),e.CardMeta=class extends qe{render(){return Oe`<slot></slot>`}},e.CardMeta.meta={tag:"quantic-card-meta",description:"Metadata overlay sub-component for quantic-card, positioned absolutely in the top-right corner. Use for secondary information such as dates, tags, or status badges.",category:"display",subComponentOf:"quantic-card",slots:{"":{description:"Metadata content — badges, dates, or tags."}},relatedTo:["quantic-card"]},e.CardMeta.styles=d`
     :host {
       position: absolute;
       top: var(--quantic-component-card-padding, var(--quantic-spacing-5));
@@ -2179,7 +2167,7 @@ function an({context:e}){return(t,i)=>{const n=new WeakMap;if("object"==typeof i
         <slot class="title"></slot>
         <slot name="subtitle" class="subtitle"></slot>
       </hgroup>
-    `}},e.CardTitle.meta={tag:"quantic-card-title",description:"Title/heading sub-component for quantic-card. Renders an hgroup with optional pretitle and subtitle slots. Empty slots are auto-hidden.",category:"display",slots:{"":{description:"Main title text or heading element."},pretitle:{description:"Small label displayed above the title."},subtitle:{description:"Secondary text displayed below the title."}},relatedTo:["quantic-card"]},e.CardTitle.styles=d`
+    `}},e.CardTitle.meta={tag:"quantic-card-title",description:"Title/heading sub-component for quantic-card. Renders an hgroup with optional pretitle and subtitle slots. Empty slots are auto-hidden.",category:"display",subComponentOf:"quantic-card",slots:{"":{description:"Main title text or heading element."},pretitle:{description:"Small label displayed above the title."},subtitle:{description:"Secondary text displayed below the title."}},relatedTo:["quantic-card"]},e.CardTitle.styles=d`
     :host {
       display: block;
       --quantic-component-card-title-color: var(--quantic-text-primary);
@@ -2464,7 +2452,7 @@ function an({context:e}){return(t,i)=>{const n=new WeakMap;if("object"==typeof i
       aria-invalid=${e.invalid}
     >
       <slot></slot>
-    </div>`}},e.CheckboxGroup.meta={tag:"quantic-checkbox-group",description:"Layout container for related quantic-checkbox elements. Optionally propagates disabled/required to children; each checkbox owns its own checked and name state.",category:"form",slots:{"":{description:"One or more quantic-checkbox elements."}},subComponents:["quantic-checkbox"],relatedTo:["quantic-checkbox","quantic-field"]},e.CheckboxGroup.styles=d`
+    </div>`}},e.CheckboxGroup.meta={tag:"quantic-checkbox-group",description:"Layout container for related quantic-checkbox elements. Optionally propagates disabled/required to children; each checkbox owns its own checked and name state.",category:"form",slots:{"":{description:"One or more quantic-checkbox elements."}},relatedTo:["quantic-checkbox","quantic-field"]},e.CheckboxGroup.styles=d`
     :host {
       display: contents;
     }
@@ -2783,7 +2771,7 @@ function an({context:e}){return(t,i)=>{const n=new WeakMap;if("object"==typeof i
           <slot name="subtitle" class="subtitle"></slot>
         </hgroup>
       </div>
-    `}},e.DialogTitle.meta={tag:"quantic-dialog-title",description:"Header/title bar sub-component for quantic-dialog. Renders a semantic heading with optional pretitle and subtitle slots.",category:"feedback",slots:{pretitle:{description:"Small label displayed above the main title."},"":{description:"Main title text."},subtitle:{description:"Supplementary text displayed below the title."}},relatedTo:["quantic-dialog"]},e.DialogTitle.styles=d`
+    `}},e.DialogTitle.meta={tag:"quantic-dialog-title",description:"Header/title bar sub-component for quantic-dialog. Renders a semantic heading with optional pretitle and subtitle slots.",category:"feedback",subComponentOf:"quantic-dialog",slots:{pretitle:{description:"Small label displayed above the main title."},"":{description:"Main title text."},subtitle:{description:"Supplementary text displayed below the title."}},relatedTo:["quantic-dialog"]},e.DialogTitle.styles=d`
     :host {
       display: block;
       --quantic-component-dialog-title-gap: var(--quantic-spacing-1-5);
@@ -2829,7 +2817,7 @@ function an({context:e}){return(t,i)=>{const n=new WeakMap;if("object"==typeof i
       <quantic-action-group aria-label="">
         <slot></slot>
       </quantic-action-group>
-    `}},e.DialogActions.meta={tag:"quantic-dialog-actions",description:"Footer actions bar for quantic-dialog. Lays action buttons out as a quantic-action-group, flush to the right.",category:"feedback",slots:{"":{description:"Action buttons, typically quantic-button elements."}},subComponents:["quantic-action-group"],relatedTo:["quantic-dialog","quantic-button","quantic-action-group"]},e.DialogActions.styles=d`
+    `}},e.DialogActions.meta={tag:"quantic-dialog-actions",description:"Footer actions bar for quantic-dialog. Lays action buttons out as a quantic-action-group, flush to the right.",category:"feedback",subComponentOf:"quantic-dialog",slots:{"":{description:"Action buttons, typically quantic-button elements."}},relatedTo:["quantic-dialog","quantic-button","quantic-action-group"]},e.DialogActions.styles=d`
     :host {
       display: block;
     }
@@ -2887,7 +2875,7 @@ function Jn(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=Array(t);i<t;
           <slot class="footer" name="footer"></slot>
         </div>
       </div>
-    `}},e.Dialog.meta={tag:"quantic-dialog",description:"Modal overlay dialog with focus trap, scroll lock, and animated entrance. Use quantic-dialog-title in the header slot and quantic-dialog-actions in the footer slot.",category:"feedback",slots:{trigger:{description:"Element that opens the dialog when clicked."},header:{description:"Dialog header — place quantic-dialog-title here."},"":{description:"Main dialog body content."},footer:{description:"Dialog footer — place quantic-dialog-actions here."}},subComponents:["quantic-dialog-title","quantic-dialog-actions"],relatedTo:["quantic-button"]},e.Dialog.styles=d`
+    `}},e.Dialog.meta={tag:"quantic-dialog",description:"Modal overlay dialog with focus trap, scroll lock, and animated entrance. Use quantic-dialog-title in the header slot and quantic-dialog-actions in the footer slot.",category:"feedback",slots:{trigger:{description:"Element that opens the dialog when clicked."},header:{description:"Dialog header — place quantic-dialog-title here."},"":{description:"Main dialog body content."},footer:{description:"Dialog footer — place quantic-dialog-actions here."}},relatedTo:["quantic-button"]},e.Dialog.styles=d`
     :host {
       --quantic-component-dialog-z-index: 9999;
       --quantic-component-dialog-backdrop-z-index: 9998;
@@ -3097,7 +3085,7 @@ function Jn(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=Array(t);i<t;
         <slot></slot>
         <slot name="footer"></slot>
       </div>
-    `}},e.PopoverPopup.meta={tag:"quantic-popover-popup",description:"Internal floating content container for quantic-popover. Positioned fixed relative to the trigger via @floating-ui. Do not use directly — use quantic-popover instead.",category:"feedback",slots:{header:{description:"Optional header section."},"":{description:"Main popup body content."},footer:{description:"Optional footer section."}},relatedTo:["quantic-popover"]},e.PopoverPopup.styles=d`
+    `}},e.PopoverPopup.meta={tag:"quantic-popover-popup",description:"Internal floating content container for quantic-popover. Positioned fixed relative to the trigger via @floating-ui. Do not use directly — use quantic-popover instead.",category:"feedback",subComponentOf:"quantic-popover",slots:{header:{description:"Optional header section."},"":{description:"Main popup body content."},footer:{description:"Optional footer section."}},relatedTo:["quantic-popover"]},e.PopoverPopup.styles=d`
     :host {
       position: fixed;
       z-index: var(--quantic-component-popover-z-index, 9999);
@@ -3220,7 +3208,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
         <slot></slot>
         <slot name="footer"></slot>
       </quantic-popover-popup>
-    `}},e.Popover.meta={tag:"quantic-popover",description:"Floating content panel anchored to a trigger element. Supports click, hover, focus, and manual trigger modes. Use for menus, tooltips, or contextual UI.",category:"feedback",slots:{trigger:{description:"The element that anchors and opens the popover."},header:{description:"Optional header content inside the popup."},"":{description:"Main body content of the popup."},footer:{description:"Optional footer content inside the popup."}},subComponents:["quantic-popover-popup"]},e.Popover.styles=d`
+    `}},e.Popover.meta={tag:"quantic-popover",description:"Floating content panel anchored to a trigger element. Supports click, hover, focus, and manual trigger modes. Use for menus, tooltips, or contextual UI.",category:"feedback",slots:{trigger:{description:"The element that anchors and opens the popover."},header:{description:"Optional header content inside the popup."},"":{description:"Main body content of the popup."},footer:{description:"Optional footer content inside the popup."}}},e.Popover.styles=d`
     :host {
       --quantic-component-popover-color: var(--quantic-text-secondary);
       --quantic-component-popover-bg: var(--quantic-bg-primary);
@@ -3266,7 +3254,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
           <slot></slot>
         </div>
       </quantic-popover>
-    `}},e.DropdownMenu.meta={tag:"quantic-dropdown-menu",description:"Floating menu that reveals a list of items when a trigger element is clicked. Supports keyboard navigation and optional persistent-open mode. Use quantic-dropdown-menu-item for individual actions and quantic-dropdown-menu-group to organize them into sections.",category:"navigation",slots:{trigger:{description:"The element that opens the menu on click (e.g. a quantic-button)."},"":{description:"Menu items — quantic-dropdown-menu-item and quantic-dropdown-menu-group elements."}},subComponents:["quantic-dropdown-menu-item","quantic-dropdown-menu-group"]},e.DropdownMenu.styles=d`
+    `}},e.DropdownMenu.meta={tag:"quantic-dropdown-menu",description:"Floating menu that reveals a list of items when a trigger element is clicked. Supports keyboard navigation and optional persistent-open mode. Use quantic-dropdown-menu-item for individual actions and quantic-dropdown-menu-group to organize them into sections.",category:"navigation",slots:{trigger:{description:"The element that opens the menu on click (e.g. a quantic-button)."},"":{description:"Menu items — quantic-dropdown-menu-item and quantic-dropdown-menu-group elements."}}},e.DropdownMenu.styles=d`
     :host {
       display: inline-block;
       --quantic-component-dropdown-menu-bg: var(--quantic-bg-primary);
@@ -3335,7 +3323,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
           @click=${this.handleClick}
         >
           <slot></slot>
-        </button>`}},e.DropdownMenuItem.meta={tag:"quantic-dropdown-menu-item",description:"Individual selectable action inside a quantic-dropdown-menu or quantic-dropdown-menu-group. Renders as a button by default or as an anchor for navigation. Place icons or text in the default slot.",category:"navigation",slots:{"":{description:"Item content — icon and/or label text."}},relatedTo:["quantic-dropdown-menu","quantic-dropdown-menu-group"]},e.DropdownMenuItem.styles=d`
+        </button>`}},e.DropdownMenuItem.meta={tag:"quantic-dropdown-menu-item",description:"Individual selectable action inside a quantic-dropdown-menu or quantic-dropdown-menu-group. Renders as a button by default or as an anchor for navigation. Place icons or text in the default slot.",category:"navigation",subComponentOf:"quantic-dropdown-menu",slots:{"":{description:"Item content — icon and/or label text."}},relatedTo:["quantic-dropdown-menu","quantic-dropdown-menu-group"]},e.DropdownMenuItem.styles=d`
     :host {
       display: block;
     }
@@ -3511,7 +3499,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
       >
         <slot></slot>
       </div>
-    `}},e.DropdownMenuGroup.meta={tag:"quantic-dropdown-menu-group",description:"Visual section divider inside a quantic-dropdown-menu. Renders an optional uppercase label above a group of menu items and draws a separator from the previous group.",category:"navigation",slots:{label:{description:"Custom label content rendered above the group items. Takes priority over the label prop."},"":{description:"quantic-dropdown-menu-item elements belonging to this group."}},relatedTo:["quantic-dropdown-menu","quantic-dropdown-menu-item"]},e.DropdownMenuGroup.styles=[d`
+    `}},e.DropdownMenuGroup.meta={tag:"quantic-dropdown-menu-group",description:"Visual section divider inside a quantic-dropdown-menu. Renders an optional uppercase label above a group of menu items and draws a separator from the previous group.",category:"navigation",subComponentOf:"quantic-dropdown-menu",slots:{label:{description:"Custom label content rendered above the group items. Takes priority over the label prop."},"":{description:"quantic-dropdown-menu-item elements belonging to this group."}},relatedTo:["quantic-dropdown-menu","quantic-dropdown-menu-item"]},e.DropdownMenuGroup.styles=[d`
       :host {
         display: block;
         padding: var(--quantic-spacing-4) 0 var(--quantic-spacing-2);
@@ -3877,10 +3865,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
 
     `}},e.LucideIconEyeOff.styles=ut.styles,e.LucideIconEyeOff=t([Se("quantic-icon-lucide-eye-off")],e.LucideIconEyeOff);const qo={ExtraSmall:"xs",Small:"sm",Medium:"md",Large:"lg"};e.LucideIconCircleAlert.ensureDefined(),e.LucideIconEye.ensureDefined(),e.LucideIconEyeOff.ensureDefined(),e.Button.ensureDefined(),e.TextInput=class extends(Ki(qe)){constructor(){super(),this.value="",this.type="text",this.name="",this.placeholder="",this.size=qo.Medium,this.disabled=!1,this.required=!1,this.readOnly=!1,this.invalid=!1,this.autoComplete="off",this.showPassword=!1,this.internals=this.attachInternals()}togglePassword(){this.showPassword=!this.showPassword}get iconSize(){return{[qo.ExtraSmall]:Ke.ExtraSmall,[qo.Small]:Ke.ExtraSmall,[qo.Medium]:Ke.Small,[qo.Large]:Ke.Medium}[this.size]}updated(e){e.has("value")&&(this.internals.setFormValue(this.value),this.updateValidity()),lt(this,e,this.value)}forwardNative(e){const t=e.target;this.value=t.value,this.dispatchEvent(new Event(e.type,{bubbles:!0,composed:!0}))}handleKeyDown(e){this.forwardNative(e),"Enter"===e.key&&this.internals.form?.requestSubmit()}dispatchValueChanged(e){this.value=e.target.value}formResetCallback(){this.value="",this.internals.setFormValue("")}formStateRestoreCallback(e){this.value=e,this.internals.setFormValue(e)}formDisabledCallback(e){this.disabled=e}updateValidity(){const e=this.shadowRoot?.querySelector("input");e&&this.internals.setValidity(e.validity,e.validationMessage,e)}render(){const e=We({main:!0,[`size--${this.size}`]:!0}),t=this.getA11yAttributes({invalid:this.invalid});return W`
       <div class=${e}>
-        <slot
-          name="prefix"
-          data-description="Leading content (e.g. icon or currency symbol)."
-        ></slot>
+        <slot name="prefix"></slot>
         <input
           .value=${this.value}
           .autocomplete="${this.autoComplete}"
@@ -3920,12 +3905,9 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
               size=${this.iconSize}
               class="error-icon"
             ></quantic-icon-lucide-circle-alert>`:""}
-        ${this.invalid?"":W`<slot
-              name="suffix"
-              data-description="Trailing content (e.g. icon or unit label)."
-            ></slot>`}
+        ${this.invalid?"":W`<slot name="suffix"></slot>`}
       </div>
-    `}},e.TextInput.meta={tag:"quantic-text-input",description:'Single-line text field with native form association. Wrap in quantic-field to add a visible label, hint text, and validation messaging. Use type="password" or type="email" to get browser-native input behaviour.',category:"form",relatedTo:["quantic-field","quantic-number-input","quantic-select"]},e.TextInput.formAssociated=!0,e.TextInput.styles=d`
+    `}},e.TextInput.meta={tag:"quantic-text-input",description:'Single-line text field with native form association. Wrap in quantic-field to add a visible label, hint text, and validation messaging. Use type="password" or type="email" to get browser-native input behaviour.',category:"form",slots:{prefix:{description:"Leading content (e.g. icon or currency symbol)."},suffix:{description:"Trailing content (e.g. icon or unit label)."}},relatedTo:["quantic-field","quantic-number-input","quantic-select"]},e.TextInput.formAssociated=!0,e.TextInput.styles=d`
     :host {
       display: inline-block;
       width: 100%;
@@ -4112,7 +4094,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
               ></quantic-icon-lucide-chevron-down>
             </slot>`}
       </div>
-    `}},e.Select.meta={tag:"quantic-select",description:"Dropdown select input backed by a native <select>. Form-associated. Pass options via the options prop or slot native <option> elements.",category:"form",relatedTo:["quantic-field","quantic-text-input"]},e.Select.styles=d`
+    `}},e.Select.meta={tag:"quantic-select",description:"Dropdown select input backed by a native <select>. Form-associated. Pass options via the options prop or slot native <option> elements.",category:"form",slots:{"":{description:"Native option elements, read to build the list. Never rendered directly."},prefix:{description:"Leading content (e.g. icon)."},suffix:{description:"Trailing content, replacing the default chevron."}},relatedTo:["quantic-field","quantic-text-input"]},e.Select.styles=d`
     :host {
       display: inline-block;
       width: 100%;
@@ -4281,7 +4263,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
         </div>
         ${this.label?W`<span class="label">${this.label}</span>`:W`<slot></slot>`}
       </label>
-    `}},e.Radio.meta={tag:"quantic-radio",description:"Single radio button for exclusive-choice selection. Intended to be used inside quantic-radio-group, which handles mutual exclusion and form association.",category:"form",relatedTo:["quantic-radio-group"]},e.Radio.formAssociated=!0,e.Radio.styles=d`
+    `}},e.Radio.meta={tag:"quantic-radio",description:"Single radio button for exclusive-choice selection. Intended to be used inside quantic-radio-group, which handles mutual exclusion and form association.",category:"form",slots:{"":{description:"Label content, used when the label prop is not set."}},relatedTo:["quantic-radio-group"]},e.Radio.formAssociated=!0,e.Radio.styles=d`
     :host {
       display: inline-flex;
       align-items: center;
@@ -36820,7 +36802,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
           </button>
         </div>
       </div>
-    `}},e.NumberInput.meta={tag:"quantic-number-input",description:"Numeric input field with optional min/max/step constraints. Form-associated. Wrap in quantic-field to add a label and validation messaging.",category:"form",relatedTo:["quantic-field","quantic-text-input"]},e.NumberInput.formAssociated=!0,e.NumberInput.styles=d`
+    `}},e.NumberInput.meta={tag:"quantic-number-input",description:"Numeric input field with optional min/max/step constraints. Form-associated. Wrap in quantic-field to add a label and validation messaging.",category:"form",slots:{prefix:{description:"Leading content (e.g. icon or unit symbol)."}},relatedTo:["quantic-field","quantic-text-input"]},e.NumberInput.formAssociated=!0,e.NumberInput.styles=d`
     :host {
       display: inline-block;
       width: 100%;
@@ -37383,7 +37365,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
 
         <slot name="body" class="body"></slot>
       </div>
-    `}},e.Layout.meta={tag:"quantic-layout",description:"Top-level application shell that composes a collapsible sidebar, a top navbar, and a main content area. On small viewports the sidebar slides in as a drawer with a focus trap; on desktop it collapses to an icon rail.",category:"layout",subComponents:["quantic-sidebar","quantic-navbar","quantic-page"],slots:{logo:{description:"Brand logo shown in the header (no-sidebar) or inside the aside."},titlebar:{description:"Page title / breadcrumb area in the top bar."},toolbar:{description:"Fixed band directly below the header, outside the scrolling body — for page-level toolbars, secondary navigation, or banners. Auto-hides when empty."},navbar:{description:"Right-aligned navigation bar slot (quantic-navbar)."},sidebar:{description:"Sidebar navigation slot (quantic-sidebar)."},body:{description:"Main page content."}}},e.Layout.styles=d`
+    `}},e.Layout.meta={tag:"quantic-layout",description:"Top-level application shell that composes a collapsible sidebar, a top navbar, and a main content area. On small viewports the sidebar slides in as a drawer with a focus trap; on desktop it collapses to an icon rail.",category:"layout",relatedTo:["quantic-navbar","quantic-page"],slots:{logo:{description:"Brand logo shown in the header (no-sidebar) or inside the aside."},titlebar:{description:"Page title / breadcrumb area in the top bar."},toolbar:{description:"Fixed band directly below the header, outside the scrolling body — for page-level toolbars, secondary navigation, or banners. Auto-hides when empty."},navbar:{description:"Right-aligned navigation bar slot (quantic-navbar)."},sidebar:{description:"Sidebar navigation slot (quantic-sidebar)."},body:{description:"Main page content."}}},e.Layout.styles=d`
     :host {
       --quantic-component-layout-bg: var(--quantic-bg-primary);
       --quantic-component-layout-backdrop-bg: var(--quantic-bg-primary);
@@ -37690,7 +37672,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
   `,t([fe({type:"boolean",default:"false",reflect:!0,description:"Constrain the page to the available height and clip overflow, so internal regions own their own scrolling (e.g. splitter panes, full-height grids, maps). Without this, the page grows with its content and the layout body slot scrolls."})],e.Page.prototype,"fill",void 0),t([fe({type:"boolean",default:"false",reflect:!0,description:"Remove the default padding so content extends edge-to-edge. Useful for full-bleed layouts such as maps, images, or custom-padded regions."})],e.Page.prototype,"bleeds",void 0),t([fe({type:"boolean",default:"false",reflect:!0,description:"Constrain the page content to a maximum width and center it horizontally on viewports wider than the md breakpoint. Override the width via --quantic-component-page-max-width and inline padding via --quantic-component-page-contained-padding-inline."})],e.Page.prototype,"contained",void 0),e.Page=t([Se("quantic-page")],e.Page);const Jo={Top:"top",TopStart:"top-start",TopEnd:"top-end",Bottom:"bottom",BottomStart:"bottom-start",BottomEnd:"bottom-end",Left:"left",LeftStart:"left-start",LeftEnd:"left-end",Right:"right",RightStart:"right-start",RightEnd:"right-end"},Qo={Small:"sm",Medium:"md",Large:"lg"};var Yo,es,ts;e.TooltipPopup=class extends qe{constructor(){super(...arguments),this.visible=!1}render(){return W`
       <div class="content"><slot></slot></div>
       <div class="arrow"></div>
-    `}},e.TooltipPopup.meta={tag:"quantic-tooltip-popup",description:"Internal floating content container for quantic-tooltip. Positioned absolutely relative to the trigger via @floating-ui/dom. Not intended for direct use — use quantic-tooltip instead.",category:"feedback",slots:{"":{description:"Tooltip content (managed by quantic-tooltip)."}},relatedTo:["quantic-tooltip"]},e.TooltipPopup.styles=d`
+    `}},e.TooltipPopup.meta={tag:"quantic-tooltip-popup",description:"Internal floating content container for quantic-tooltip. Positioned absolutely relative to the trigger via @floating-ui/dom. Not intended for direct use — use quantic-tooltip instead.",category:"feedback",subComponentOf:"quantic-tooltip",slots:{"":{description:"Tooltip content (managed by quantic-tooltip)."}},relatedTo:["quantic-tooltip"]},e.TooltipPopup.styles=d`
     :host {
       position: fixed;
       z-index: var(--quantic-component-tooltip-z-index);
@@ -37750,7 +37732,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
       >
         <slot @slotchange=${this.handleSlotChange}></slot>
       </div>
-    `}},e.Tooltip.meta={tag:"quantic-tooltip",description:"Floating tooltip anchored to a trigger element. Shows on hover and focus after an optional delay. Content is teleported to a container (default: body) to avoid overflow clipping.",category:"feedback",slots:{"":{description:"Trigger element that activates the tooltip."},content:{description:"Content displayed inside the tooltip popup."}},subComponents:["quantic-tooltip-popup"],relatedTo:[]},e.Tooltip.styles=d`
+    `}},e.Tooltip.meta={tag:"quantic-tooltip",description:"Floating tooltip anchored to a trigger element. Shows on hover and focus after an optional delay. Content is teleported to a container (default: body) to avoid overflow clipping.",category:"feedback",slots:{"":{description:"Trigger element that activates the tooltip."},content:{description:"Content displayed inside the tooltip popup."}},relatedTo:[]},e.Tooltip.styles=d`
     :host {
       display: inline-block;
       --quantic-component-tooltip-background: var(--quantic-bg-secondary);
@@ -37787,7 +37769,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
           <slot name="after"></slot>`,n=this.label||this.textContent?.trim()||"",o=n.charAt(0).toUpperCase(),s=e&&!this.hasIcon()&&o?W`<span class="icon-fallback">${o}</span>`:W`<slot name="icon"></slot>`,c=W` ${s} ${i} `,r=e&&n?n:void 0,a=this.href?W`<a class=${t} href=${this.href} aria-label=${Xe(r)}>${c}</a>`:W`<button class=${t} aria-label=${Xe(r)}>${c}</button>`;return e&&n?W`<quantic-tooltip placement="right">
           ${a}
           <span slot="content">${n}</span>
-        </quantic-tooltip>`:a}},e.SidebarMenuItem.meta={tag:"quantic-sidebar-menu-item",description:"Individual nav item within quantic-sidebar. Renders as a link when href is set, otherwise as a button. When the sidebar is collapsed on desktop, shows only the icon with a tooltip.",category:"navigation",slots:{icon:{description:"Icon displayed to the left of the label."},after:{description:"Optional trailing content (e.g. badge or count)."}},relatedTo:["quantic-sidebar","quantic-sidebar-menu-item-group"]},e.SidebarMenuItem.styles=d`
+        </quantic-tooltip>`:a}},e.SidebarMenuItem.meta={tag:"quantic-sidebar-menu-item",description:"Individual nav item within quantic-sidebar. Renders as a link when href is set, otherwise as a button. When the sidebar is collapsed on desktop, shows only the icon with a tooltip.",category:"navigation",subComponentOf:"quantic-sidebar",slots:{"":{description:"Label content, used when the label prop is not set."},icon:{description:"Icon displayed to the left of the label."},after:{description:"Optional trailing content (e.g. badge or count)."}},relatedTo:["quantic-sidebar","quantic-sidebar-menu-item-group"]},e.SidebarMenuItem.styles=d`
     :host {
       --quantic-component-sidebar-menu-item-padding-block: var(
         --quantic-spacing-2
@@ -37947,7 +37929,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
                 </div>`:null}
         </div>
       </nav>
-    `}},e.Sidebar.meta={tag:"quantic-sidebar",description:"Collapsible side navigation panel placed in the sidebar slot of quantic-layout. On desktop it can collapse to an icon rail; on mobile it is controlled by the layout as a drawer.",category:"navigation",subComponents:["quantic-sidebar-menu-item","quantic-sidebar-menu-item-group"],slots:{header:{description:"Optional sticky header rendered above the scrollable content."},"":{description:"Primary nav items (quantic-sidebar-menu-item or quantic-sidebar-menu-item-group)."},footer:{description:"Footer nav items pinned to the bottom of the sidebar."}},relatedTo:["quantic-layout","quantic-sidebar-menu-item"]},e.Sidebar.styles=d`
+    `}},e.Sidebar.meta={tag:"quantic-sidebar",description:"Collapsible side navigation panel placed in the sidebar slot of quantic-layout. On desktop it can collapse to an icon rail; on mobile it is controlled by the layout as a drawer.",category:"navigation",subComponentOf:"quantic-layout",slots:{header:{description:"Optional sticky header rendered above the scrollable content."},"":{description:"Primary nav items (quantic-sidebar-menu-item or quantic-sidebar-menu-item-group)."},footer:{description:"Footer nav items pinned to the bottom of the sidebar."}},relatedTo:["quantic-layout","quantic-sidebar-menu-item"]},e.Sidebar.styles=d`
     :host {
       height: 100%;
     }
@@ -38034,7 +38016,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
       <div class="items">
         <slot></slot>
       </div>
-    `}},e.SidebarMenuItemGroup.meta={tag:"quantic-sidebar-menu-item-group",description:"Grouped section of sidebar nav items with an uppercase section label. The label is hidden automatically when the sidebar is collapsed.",category:"navigation",slots:{"":{description:"quantic-sidebar-menu-item elements belonging to this group."}},relatedTo:["quantic-sidebar","quantic-sidebar-menu-item"]},e.SidebarMenuItemGroup.styles=d`
+    `}},e.SidebarMenuItemGroup.meta={tag:"quantic-sidebar-menu-item-group",description:"Grouped section of sidebar nav items with an uppercase section label. The label is hidden automatically when the sidebar is collapsed.",category:"navigation",subComponentOf:"quantic-sidebar",slots:{"":{description:"quantic-sidebar-menu-item elements belonging to this group."}},relatedTo:["quantic-sidebar","quantic-sidebar-menu-item"]},e.SidebarMenuItemGroup.styles=d`
     :host {
       display: block;
     }
@@ -38102,7 +38084,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
         </div>
         <slot name="description" class="description"></slot>
       </label>
-    `}},e.OptionCard.meta={tag:"quantic-option-card",description:"Selectable card used for single or multi-select choice UI. Behaves like a radio or checkbox but displayed as a card. Use inside quantic-option-card-group to manage selection logic.",category:"form",slots:{"":{description:"Main label content of the card."},icon:{description:"Optional leading icon."},description:{description:"Optional secondary description below the label."}},relatedTo:["quantic-option-card-group","quantic-field"]},e.OptionCard.formAssociated=!0,e.OptionCard.styles=d`
+    `}},e.OptionCard.meta={tag:"quantic-option-card",description:"Selectable card used for single or multi-select choice UI. Behaves like a radio or checkbox but displayed as a card. Use inside quantic-option-card-group to manage selection logic.",category:"form",subComponentOf:"quantic-option-card-group",slots:{"":{description:"Main label content of the card."},icon:{description:"Optional leading icon."},description:{description:"Optional secondary description below the label."}},relatedTo:["quantic-option-card-group","quantic-field"]},e.OptionCard.formAssociated=!0,e.OptionCard.styles=d`
     :host {
       display: block;
       width: 100%;
@@ -38382,7 +38364,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
       <quantic-grid density=${this.density}>
         <slot></slot>
       </quantic-grid>
-    </div>`}},e.OptionCardGroup.meta={tag:"quantic-option-card-group",description:"Container that manages a group of quantic-option-cards. Handles single-select (radio) or multi-select (checkbox) logic. Form-associated.",category:"form",slots:{"":{description:"Place quantic-option-card elements here."}},subComponents:["quantic-option-card"],relatedTo:["quantic-field"]},e.OptionCardGroup.formAssociated=!0,e.OptionCardGroup.styles=d`
+    </div>`}},e.OptionCardGroup.meta={tag:"quantic-option-card-group",description:"Container that manages a group of quantic-option-cards. Handles single-select (radio) or multi-select (checkbox) logic. Form-associated.",category:"form",slots:{"":{description:"Place quantic-option-card elements here."}},relatedTo:["quantic-field"]},e.OptionCardGroup.formAssociated=!0,e.OptionCardGroup.styles=d`
     :host {
       display: block;
     }
@@ -38441,7 +38423,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
         <slot class="body"></slot>
         <slot name="footer" class="footer"></slot>
       </div>
-    `}},e.Panel.meta={tag:"quantic-panel",description:"Static content container — non-interactive alternative to quantic-card. Use for grouping content sections. Prefer quantic-card when the surface needs to be clickable.",category:"display",slots:{header:{description:"Panel header — place quantic-panel-header here."},"":{description:"Main body content."},footer:{description:"Footer content."}},subComponents:["quantic-panel-header"],relatedTo:["quantic-panel-group","quantic-card"]},e.Panel.styles=d`
+    `}},e.Panel.meta={tag:"quantic-panel",description:"Static content container — non-interactive alternative to quantic-card. Use for grouping content sections. Prefer quantic-card when the surface needs to be clickable.",category:"display",slots:{header:{description:"Panel header — place quantic-panel-header here."},"":{description:"Main body content."},footer:{description:"Footer content."}},relatedTo:["quantic-panel-group","quantic-card"]},e.Panel.styles=d`
     :host {
       display: block;
       width: 100%;
@@ -38510,7 +38492,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
         </hgroup>
         <slot name="meta" class="meta"></slot>
       </div>
-    `}},e.PanelHeader.meta={tag:"quantic-panel-header",description:"Header sub-component for quantic-panel. Contains title, optional pretitle, subtitle, and an actions slot.",category:"display",slots:{pretitle:{description:"Small label above the main title."},"":{description:"Main title content."},subtitle:{description:"Secondary text below the title."},meta:{description:"Trailing area for actions or metadata."}},relatedTo:["quantic-panel"]},e.PanelHeader.styles=d`
+    `}},e.PanelHeader.meta={tag:"quantic-panel-header",description:"Header sub-component for quantic-panel. Contains title, optional pretitle, subtitle, and an actions slot.",category:"display",subComponentOf:"quantic-panel",slots:{pretitle:{description:"Small label above the main title."},"":{description:"Main title content."},subtitle:{description:"Secondary text below the title."},meta:{description:"Trailing area for actions or metadata."}},relatedTo:["quantic-panel"]},e.PanelHeader.styles=d`
     .main {
       display: flex;
       flex-direction: column-reverse;
@@ -38575,7 +38557,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
       <div class=${e}>
         <slot></slot>
       </div>
-    `}},e.PanelGroup.meta={tag:"quantic-panel-group",description:"Layout container for stacking multiple quantic-panels in a vertical flex arrangement. Use gap for named spacing between panels. Override further with --quantic-component-panel-group-gap.",category:"layout",slots:{"":{description:"Place quantic-panel elements here."}},subComponents:["quantic-panel"],relatedTo:["quantic-panel"]},e.PanelGroup.styles=d`
+    `}},e.PanelGroup.meta={tag:"quantic-panel-group",description:"Layout container for stacking multiple quantic-panels in a vertical flex arrangement. Use gap for named spacing between panels. Override further with --quantic-component-panel-group-gap.",category:"layout",slots:{"":{description:"Place quantic-panel elements here."}},relatedTo:["quantic-panel"]},e.PanelGroup.styles=d`
     :host {
       display: block;
     }
@@ -39007,7 +38989,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
                   @keydown=${e=>this.handleDividerKeyDown(e,i)}
                 ></div>`:J}<slot name="pane-${i}"></slot>`})}
       </div>
-    `}},e.SplitterGroup.meta={tag:"quantic-splitter-group",description:"Resizable panel container — renders two or more panes separated by draggable dividers. Collapses to a stacked layout below the collapse-below breakpoint.",category:"layout",slots:{"":{description:"Two or more quantic-splitter-pane elements."}},subComponents:["quantic-splitter-pane"]},e.SplitterGroup.styles=d`
+    `}},e.SplitterGroup.meta={tag:"quantic-splitter-group",description:"Resizable panel container — renders two or more panes separated by draggable dividers. Collapses to a stacked layout below the collapse-below breakpoint.",category:"layout",slots:{"":{description:"Two or more quantic-splitter-pane elements."}}},e.SplitterGroup.styles=d`
     :host {
       display: block;
       width: 100%;
@@ -39111,7 +39093,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
     :host([stacked]) .divider {
       display: none;
     }
-  `,t([fe({type:'"horizontal" | "vertical"',default:"horizontal",description:"Axis along which panes are split."})],e.SplitterGroup.prototype,"direction",void 0),t([fe({type:"boolean",default:"false",reflect:!0,description:"Enables draggable dividers for interactive resizing."})],e.SplitterGroup.prototype,"resizable",void 0),t([fe({type:"string",description:'Comma-separated initial size percentages, e.g. "30,70". Equal split when omitted.'})],e.SplitterGroup.prototype,"split",void 0),t([fe({attribute:"collapse-below",type:"string",default:"640px",description:"Pixel breakpoint below which panes stack vertically instead of side-by-side."})],e.SplitterGroup.prototype,"collapseBelow",void 0),t([xe(".wrapper")],e.SplitterGroup.prototype,"wrapper",void 0),t([ke()],e.SplitterGroup.prototype,"panes",void 0),e.SplitterGroup=t([Se("quantic-splitter-group")],e.SplitterGroup),e.SplitterPane=class extends qe{constructor(){super(...arguments),this.collapsed=!1,this.minSize=10,this.maxSize=90,this.variant="default"}render(){return W`<slot></slot>`}},e.SplitterPane.meta={tag:"quantic-splitter-pane",description:"Individual resizable pane within a quantic-splitter-group. Set min-size and max-size to constrain how far it can be dragged.",category:"layout",slots:{"":{description:"Pane content."}},relatedTo:["quantic-splitter-group"]},e.SplitterPane.styles=d`
+  `,t([fe({type:'"horizontal" | "vertical"',default:"horizontal",description:"Axis along which panes are split."})],e.SplitterGroup.prototype,"direction",void 0),t([fe({type:"boolean",default:"false",reflect:!0,description:"Enables draggable dividers for interactive resizing."})],e.SplitterGroup.prototype,"resizable",void 0),t([fe({type:"string",description:'Comma-separated initial size percentages, e.g. "30,70". Equal split when omitted.'})],e.SplitterGroup.prototype,"split",void 0),t([fe({attribute:"collapse-below",type:"string",default:"640px",description:"Pixel breakpoint below which panes stack vertically instead of side-by-side."})],e.SplitterGroup.prototype,"collapseBelow",void 0),t([xe(".wrapper")],e.SplitterGroup.prototype,"wrapper",void 0),t([ke()],e.SplitterGroup.prototype,"panes",void 0),e.SplitterGroup=t([Se("quantic-splitter-group")],e.SplitterGroup),e.SplitterPane=class extends qe{constructor(){super(...arguments),this.collapsed=!1,this.minSize=10,this.maxSize=90,this.variant="default"}render(){return W`<slot></slot>`}},e.SplitterPane.meta={tag:"quantic-splitter-pane",description:"Individual resizable pane within a quantic-splitter-group. Set min-size and max-size to constrain how far it can be dragged.",category:"layout",subComponentOf:"quantic-splitter-group",slots:{"":{description:"Pane content."}},relatedTo:["quantic-splitter-group"]},e.SplitterPane.styles=d`
     :host {
       display: block;
       flex: var(--quantic-component-splitter-pane-flex-grow, 1) 0 0%;
@@ -39146,7 +39128,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
         <slot name="footer"></slot>
       </div>
       <slot name="controls" class="controls"></slot>
-    `}},e.Table.meta={tag:"quantic-table",description:"Top-level table wrapper. Manages layout and passes context to child rows and cells. Place quantic-table-header, quantic-table-body, and quantic-table-footer inside. Use the toolbar slot for quantic-table-controls above the table.",category:"display",slots:{header:{description:"quantic-table-header element."},"":{description:"quantic-table-body element."},footer:{description:"quantic-table-footer element."},toolbar:{description:"quantic-table-controls or other toolbar content placed above the table."},controls:{description:"quantic-table-controls or pagination content placed below the table."}},subComponents:["quantic-table-header","quantic-table-body","quantic-table-footer","quantic-table-row","quantic-table-cell","quantic-table-head","quantic-table-controls"]},e.Table.styles=d`
+    `}},e.Table.meta={tag:"quantic-table",description:"Top-level table wrapper. Manages layout and passes context to child rows and cells. Place quantic-table-header, quantic-table-body, and quantic-table-footer inside. Use the toolbar slot for quantic-table-controls above the table.",category:"display",slots:{header:{description:"quantic-table-header element."},"":{description:"quantic-table-body element."},footer:{description:"quantic-table-footer element."},toolbar:{description:"quantic-table-controls or other toolbar content placed above the table."},controls:{description:"quantic-table-controls or pagination content placed below the table."}}},e.Table.styles=d`
     :host {
       display: block;
       width: fit-content;
@@ -39232,7 +39214,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
       <div class="end">
         <slot name="end"></slot>
       </div>
-    `}},e.TableControls.meta={tag:"quantic-table-controls",description:"Toolbar area placed above or below a quantic-table via the toolbar or controls slot. Provides a two-zone layout: default slot for start-aligned items (search, filters) and the end slot for end-aligned items (bulk actions, column toggles).",category:"display",slots:{"":{description:"Start-aligned controls such as search inputs and filter buttons."},end:{description:"End-aligned controls such as bulk actions or column visibility toggles."}},relatedTo:["quantic-table"]},e.TableControls.styles=d`
+    `}},e.TableControls.meta={tag:"quantic-table-controls",description:"Toolbar area placed above or below a quantic-table via the toolbar or controls slot. Provides a two-zone layout: default slot for start-aligned items (search, filters) and the end slot for end-aligned items (bulk actions, column toggles).",category:"display",subComponentOf:"quantic-table",slots:{"":{description:"Start-aligned controls such as search inputs and filter buttons."},end:{description:"End-aligned controls such as bulk actions or column visibility toggles."}},relatedTo:["quantic-table"]},e.TableControls.styles=d`
     :host {
       display: flex;
       align-items: center;
@@ -39251,7 +39233,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
       align-items: center;
       gap: var(--quantic-spacing-3);
     }
-  `,t([fe({type:"string",attribute:"aria-label",reflect:!0,description:"Accessible label for the toolbar."})],e.TableControls.prototype,"ariaLabel",void 0),e.TableControls=t([Se("quantic-table-controls")],e.TableControls),e.TableHeader=class extends qe{constructor(){super(...arguments),this.role="rowgroup"}render(){return W`<slot></slot>`}},e.TableHeader.meta={tag:"quantic-table-header",description:"The <thead> equivalent for quantic-table. Place quantic-table-row elements containing quantic-table-head cells as children.",category:"display",slots:{"":{description:"quantic-table-row elements with quantic-table-head cells."}},relatedTo:["quantic-table","quantic-table-head"]},e.TableHeader.styles=d`
+  `,t([fe({type:"string",attribute:"aria-label",reflect:!0,description:"Accessible label for the toolbar."})],e.TableControls.prototype,"ariaLabel",void 0),e.TableControls=t([Se("quantic-table-controls")],e.TableControls),e.TableHeader=class extends qe{constructor(){super(...arguments),this.role="rowgroup"}render(){return W`<slot></slot>`}},e.TableHeader.meta={tag:"quantic-table-header",description:"The <thead> equivalent for quantic-table. Place quantic-table-row elements containing quantic-table-head cells as children.",category:"display",subComponentOf:"quantic-table",slots:{"":{description:"quantic-table-row elements with quantic-table-head cells."}},relatedTo:["quantic-table","quantic-table-head"]},e.TableHeader.styles=d`
     :host {
       display: table-header-group;
       border-bottom: 1px solid var(--quantic-border-secondary);
@@ -39271,7 +39253,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
                 class="sort-icon"
               ></quantic-icon-lucide-arrow-down>`}
         </button>
-      `:W`<slot></slot>`}},e.TableHead.meta={tag:"quantic-table-head",description:"Individual column header cell within a quantic-table-header row. Renders as a <th> equivalent and supports optional sort controls. Emits sort-change when clicked while sortable.",category:"display",slots:{"":{description:"Column header label text or content."}},relatedTo:["quantic-table-header","quantic-table"]},e.TableHead.styles=d`
+      `:W`<slot></slot>`}},e.TableHead.meta={tag:"quantic-table-head",description:"Individual column header cell within a quantic-table-header row. Renders as a <th> equivalent and supports optional sort controls. Emits sort-change when clicked while sortable.",category:"display",subComponentOf:"quantic-table",slots:{"":{description:"Column header label text or content."}},relatedTo:["quantic-table-header","quantic-table"]},e.TableHead.styles=d`
     :host {
       display: table-cell;
       padding: var(--quantic-component-table-padding, var(--quantic-internal-table-padding));
@@ -39348,11 +39330,11 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
     button:focus-visible .sort-icon {
       opacity: 1;
     }
-  `,t([fe({type:"string",default:"columnheader",reflect:!0,description:"ARIA role for the column header."})],e.TableHead.prototype,"role",void 0),t([fe({type:"string",default:"col",reflect:!0,description:"Scope attribute for the th element."})],e.TableHead.prototype,"scope",void 0),t([fe({type:"boolean",default:"false",description:"Enables sort controls on this column header."})],e.TableHead.prototype,"sortable",void 0),t([fe({type:"SortDirection",options:Object.values(e.SortDirection),default:e.SortDirection.None,attribute:"sort-direction",description:'Current sort direction. Set to "asc" or "desc" to show the active sort indicator.'})],e.TableHead.prototype,"sortDirection",void 0),t([fe({type:"string",attribute:"sort-key",description:"Identifier included in the sort-change event detail to identify which column was sorted."})],e.TableHead.prototype,"sortKey",void 0),t([fe({type:"string",description:'Inline width applied to this column (e.g. "200px" or "20%").'})],e.TableHead.prototype,"width",void 0),e.TableHead=t([Ce("sort-change",{description:"Fired when a sortable header is clicked.",detail:'{ direction: "asc" | "desc", key?: string }'}),Se("quantic-table-head")],e.TableHead),e.TableBody=class extends qe{constructor(){super(...arguments),this.role="rowgroup"}render(){return W`<slot></slot>`}},e.TableBody.meta={tag:"quantic-table-body",description:"The <tbody> equivalent for quantic-table. Contains quantic-table-row elements with data cells.",category:"display",slots:{"":{description:"quantic-table-row elements."}},relatedTo:["quantic-table","quantic-table-row"]},e.TableBody.styles=d`
+  `,t([fe({type:"string",default:"columnheader",reflect:!0,description:"ARIA role for the column header."})],e.TableHead.prototype,"role",void 0),t([fe({type:"string",default:"col",reflect:!0,description:"Scope attribute for the th element."})],e.TableHead.prototype,"scope",void 0),t([fe({type:"boolean",default:"false",description:"Enables sort controls on this column header."})],e.TableHead.prototype,"sortable",void 0),t([fe({type:"SortDirection",options:Object.values(e.SortDirection),default:e.SortDirection.None,attribute:"sort-direction",description:'Current sort direction. Set to "asc" or "desc" to show the active sort indicator.'})],e.TableHead.prototype,"sortDirection",void 0),t([fe({type:"string",attribute:"sort-key",description:"Identifier included in the sort-change event detail to identify which column was sorted."})],e.TableHead.prototype,"sortKey",void 0),t([fe({type:"string",description:'Inline width applied to this column (e.g. "200px" or "20%").'})],e.TableHead.prototype,"width",void 0),e.TableHead=t([Ce("sort-change",{description:"Fired when a sortable header is clicked.",detail:'{ direction: "asc" | "desc", key?: string }'}),Se("quantic-table-head")],e.TableHead),e.TableBody=class extends qe{constructor(){super(...arguments),this.role="rowgroup"}render(){return W`<slot></slot>`}},e.TableBody.meta={tag:"quantic-table-body",description:"The <tbody> equivalent for quantic-table. Contains quantic-table-row elements with data cells.",category:"display",subComponentOf:"quantic-table",slots:{"":{description:"quantic-table-row elements."}},relatedTo:["quantic-table","quantic-table-row"]},e.TableBody.styles=d`
     :host {
       display: table-row-group;
     }
-  `,t([fe({type:"string",default:"rowgroup",reflect:!0,description:"ARIA role for the row group."})],e.TableBody.prototype,"role",void 0),e.TableBody=t([Se("quantic-table-body")],e.TableBody),e.TableRow=class extends qe{constructor(){super(...arguments),this.variant=e.TableVariant.Outline,this.role="row"}willUpdate(){this.classList&&Object.entries({"variant--minimal":this.variant===e.TableVariant.Minimal,"variant--outline":this.variant===e.TableVariant.Outline,"variant--striped":this.variant===e.TableVariant.Striped}).forEach(([e,t])=>{this.classList.toggle(e,t)})}render(){return W`<slot></slot>`}},e.TableRow.meta={tag:"quantic-table-row",description:"Single data row within a quantic-table-body or quantic-table-footer. Receives variant context from the parent quantic-table and applies matching styles.",category:"display",slots:{"":{description:"quantic-table-cell elements."}},relatedTo:["quantic-table-body","quantic-table-cell"]},e.TableRow.styles=d`
+  `,t([fe({type:"string",default:"rowgroup",reflect:!0,description:"ARIA role for the row group."})],e.TableBody.prototype,"role",void 0),e.TableBody=t([Se("quantic-table-body")],e.TableBody),e.TableRow=class extends qe{constructor(){super(...arguments),this.variant=e.TableVariant.Outline,this.role="row"}willUpdate(){this.classList&&Object.entries({"variant--minimal":this.variant===e.TableVariant.Minimal,"variant--outline":this.variant===e.TableVariant.Outline,"variant--striped":this.variant===e.TableVariant.Striped}).forEach(([e,t])=>{this.classList.toggle(e,t)})}render(){return W`<slot></slot>`}},e.TableRow.meta={tag:"quantic-table-row",description:"Single data row within a quantic-table-body or quantic-table-footer. Receives variant context from the parent quantic-table and applies matching styles.",category:"display",subComponentOf:"quantic-table",slots:{"":{description:"quantic-table-cell elements."}},relatedTo:["quantic-table-body","quantic-table-cell"]},e.TableRow.styles=d`
     :host {
       display: table-row;
     }
@@ -39361,7 +39343,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
     :host(:nth-child(odd).variant--striped) {
       background-color: var(--quantic-component-table-row-striped-bg);
     }
-  `,t([ln({context:qs,subscribe:!0})],e.TableRow.prototype,"variant",void 0),t([fe({type:"string",default:"row",reflect:!0,description:"ARIA role for the table row."})],e.TableRow.prototype,"role",void 0),e.TableRow=t([Se("quantic-table-row")],e.TableRow),e.TableCell=class extends qe{constructor(){super(...arguments),this.variant=e.TableVariant.Outline,this.role="cell",this.align=e.CellAlign.Left}willUpdate(){this.classList&&this.style&&(Object.entries({"variant--minimal":this.variant===e.TableVariant.Minimal,"variant--outline":this.variant===e.TableVariant.Outline,"variant--striped":this.variant===e.TableVariant.Striped}).forEach(([e,t])=>{this.classList.toggle(e,t)}),this.width&&(this.style.width=this.width),this.style.setProperty("--cell-align",this.align))}render(){return W`<slot></slot>`}},e.TableCell.meta={tag:"quantic-table-cell",description:"Individual data cell within a quantic-table-row. Receives variant context from the parent quantic-table.",category:"display",slots:{"":{description:"Cell content — text, elements, or other components."}},relatedTo:["quantic-table-row","quantic-table"]},e.TableCell.styles=d`
+  `,t([ln({context:qs,subscribe:!0})],e.TableRow.prototype,"variant",void 0),t([fe({type:"string",default:"row",reflect:!0,description:"ARIA role for the table row."})],e.TableRow.prototype,"role",void 0),e.TableRow=t([Se("quantic-table-row")],e.TableRow),e.TableCell=class extends qe{constructor(){super(...arguments),this.variant=e.TableVariant.Outline,this.role="cell",this.align=e.CellAlign.Left}willUpdate(){this.classList&&this.style&&(Object.entries({"variant--minimal":this.variant===e.TableVariant.Minimal,"variant--outline":this.variant===e.TableVariant.Outline,"variant--striped":this.variant===e.TableVariant.Striped}).forEach(([e,t])=>{this.classList.toggle(e,t)}),this.width&&(this.style.width=this.width),this.style.setProperty("--cell-align",this.align))}render(){return W`<slot></slot>`}},e.TableCell.meta={tag:"quantic-table-cell",description:"Individual data cell within a quantic-table-row. Receives variant context from the parent quantic-table.",category:"display",subComponentOf:"quantic-table",slots:{"":{description:"Cell content — text, elements, or other components."}},relatedTo:["quantic-table-row","quantic-table"]},e.TableCell.styles=d`
     :host {
       display: table-cell;
       padding: var(--quantic-component-table-padding, var(--quantic-internal-table-padding));
@@ -39374,7 +39356,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
     :host(.variant--outline) {
       border-bottom: 1px solid var(--quantic-component-table-border-color);
     }
-  `,t([ln({context:qs,subscribe:!0})],e.TableCell.prototype,"variant",void 0),t([fe({type:"string",default:"cell",reflect:!0,description:"ARIA role for the table cell."})],e.TableCell.prototype,"role",void 0),t([fe({type:"CellAlign",options:Object.values(e.CellAlign),default:e.CellAlign.Left,reflect:!0,description:"Horizontal text alignment within the cell."})],e.TableCell.prototype,"align",void 0),t([fe({type:"string",description:'Inline width applied to this column (e.g. "200px" or "20%").'})],e.TableCell.prototype,"width",void 0),e.TableCell=t([Se("quantic-table-cell")],e.TableCell),e.TableFooter=class extends qe{constructor(){super(...arguments),this.role="rowgroup"}render(){return W`<slot></slot>`}},e.TableFooter.meta={tag:"quantic-table-footer",description:"The <tfoot> equivalent for quantic-table. Place quantic-table-row elements with summary or footer data as children.",category:"display",slots:{"":{description:"quantic-table-row elements with footer data."}},relatedTo:["quantic-table","quantic-table-row"]},e.TableFooter.styles=d`
+  `,t([ln({context:qs,subscribe:!0})],e.TableCell.prototype,"variant",void 0),t([fe({type:"string",default:"cell",reflect:!0,description:"ARIA role for the table cell."})],e.TableCell.prototype,"role",void 0),t([fe({type:"CellAlign",options:Object.values(e.CellAlign),default:e.CellAlign.Left,reflect:!0,description:"Horizontal text alignment within the cell."})],e.TableCell.prototype,"align",void 0),t([fe({type:"string",description:'Inline width applied to this column (e.g. "200px" or "20%").'})],e.TableCell.prototype,"width",void 0),e.TableCell=t([Se("quantic-table-cell")],e.TableCell),e.TableFooter=class extends qe{constructor(){super(...arguments),this.role="rowgroup"}render(){return W`<slot></slot>`}},e.TableFooter.meta={tag:"quantic-table-footer",description:"The <tfoot> equivalent for quantic-table. Place quantic-table-row elements with summary or footer data as children.",category:"display",subComponentOf:"quantic-table",slots:{"":{description:"quantic-table-row elements with footer data."}},relatedTo:["quantic-table","quantic-table-row"]},e.TableFooter.styles=d`
     :host {
       display: table-footer-group;
       border-top: 1px solid var(--quantic-component-table-border-color);
@@ -39386,7 +39368,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
         </div>
         <div class="panels" part="panels"><slot name=${Ps}></slot></div>
       </div>
-    `}},e.Tabs.meta={tag:"quantic-tabs",description:"Tab container managing quantic-tab-button triggers and quantic-tab-panel content areas. Place quantic-tab-button and quantic-tab-panel as direct children. Emits tab-selected when the active tab changes.",category:"navigation",slots:{"":{description:"quantic-tab-button and quantic-tab-panel elements as direct children."}},subComponents:["quantic-tab-button","quantic-tab-panel"]},e.Tabs.styles=[d`
+    `}},e.Tabs.meta={tag:"quantic-tabs",description:"Tab container managing quantic-tab-button triggers and quantic-tab-panel content areas. Place quantic-tab-button and quantic-tab-panel as direct children. Emits tab-selected when the active tab changes.",category:"navigation",slots:{"":{description:"quantic-tab-button and quantic-tab-panel elements as direct children."}}},e.Tabs.styles=[d`
       :host {
         display: block;
         --quantic-component-tabs-gap: var(--quantic-spacing-8);
@@ -39493,7 +39475,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
         <slot></slot>
         <span class="indicator" part="indicator" aria-hidden="true"></span>
       </button>
-    `}},e.TabButton.meta={tag:"quantic-tab-button",description:"Individual tab trigger button within quantic-tabs. Set index to match the corresponding quantic-tab-panel. Size and orientation are inherited via context from the parent quantic-tabs. Reflects a selected attribute while active. Restyle the mark with ::part(indicator) or --quantic-component-tab-indicator-* / --quantic-component-tab-active-bg.",category:"navigation",slots:{icon:{description:"Icon element, displayed before the label and scaled to the tab size."},"":{description:"Tab label text or custom content."}},relatedTo:["quantic-tabs","quantic-tab-panel"]},e.TabButton.styles=d`
+    `}},e.TabButton.meta={tag:"quantic-tab-button",description:"Individual tab trigger button within quantic-tabs. Set index to match the corresponding quantic-tab-panel. Size and orientation are inherited via context from the parent quantic-tabs. Reflects a selected attribute while active. Restyle the mark with ::part(indicator) or --quantic-component-tab-indicator-* / --quantic-component-tab-active-bg.",category:"navigation",subComponentOf:"quantic-tabs",slots:{icon:{description:"Icon element, displayed before the label and scaled to the tab size."},"":{description:"Tab label text or custom content."}},relatedTo:["quantic-tabs","quantic-tab-panel"]},e.TabButton.styles=d`
     :host {
       display: block;
     }
@@ -39683,7 +39665,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
       tabindex="0"
     >
       <slot></slot>
-    </div>`}},e.TabPanel.meta={tag:"quantic-tab-panel",description:"Content panel associated with a tab button in quantic-tabs. Set index to match the corresponding quantic-tab-button. Visibility is controlled automatically by the parent quantic-tabs.",category:"navigation",slots:{"":{description:"Panel content shown when this tab is active."}},relatedTo:["quantic-tabs","quantic-tab-button"]},e.TabPanel.styles=d`
+    </div>`}},e.TabPanel.meta={tag:"quantic-tab-panel",description:"Content panel associated with a tab button in quantic-tabs. Set index to match the corresponding quantic-tab-button. Visibility is controlled automatically by the parent quantic-tabs.",category:"navigation",subComponentOf:"quantic-tabs",slots:{"":{description:"Panel content shown when this tab is active."}},relatedTo:["quantic-tabs","quantic-tab-button"]},e.TabPanel.styles=d`
     .main {
       display: none;
       outline: 0;
@@ -39899,7 +39881,7 @@ const ko="important",yo=" !"+ko,xo=Ze(class extends Ne{constructor(e){if(super(e
       <div class="group" part="group" role="group" aria-label=${this.ariaLabel??"Tags"}>
         <slot></slot>
       </div>
-    `}},e.TagGroup.meta={tag:"quantic-tag-group",description:"A run of quantic-tag, quantic-status-tag or quantic-count-tag sharing one accessible name and a consistent gap. Wraps across lines, and each tag keeps its own size. Gap: --quantic-component-tag-group-gap. Layout: ::part(group), for a column or a different alignment. Use quantic-badge-group for badges.",category:"display",slots:{"":{description:"quantic-tag, quantic-status-tag or quantic-count-tag elements."}},subComponents:["quantic-tag","quantic-status-tag","quantic-count-tag"],relatedTo:["quantic-tag","quantic-badge-group"]},e.TagGroup.styles=d`
+    `}},e.TagGroup.meta={tag:"quantic-tag-group",description:"A run of quantic-tag, quantic-status-tag or quantic-count-tag sharing one accessible name and a consistent gap. Wraps across lines, and each tag keeps its own size. Gap: --quantic-component-tag-group-gap. Layout: ::part(group), for a column or a different alignment. Use quantic-badge-group for badges.",category:"display",slots:{"":{description:"quantic-tag, quantic-status-tag or quantic-count-tag elements."}},relatedTo:["quantic-tag","quantic-badge-group","quantic-status-tag","quantic-count-tag"]},e.TagGroup.styles=d`
     :host {
       display: block;
     }