@luzmo/lucero 1.0.1-alpha.7 → 1.0.1-alpha.71

package/README.md

@@ -1,4 +1,10 @@
-Luzmo Design system - Lucero
+# Lucero
+
+**Luzmo's Design System** — A collection of reusable web components built with [Lit](https://lit.dev/) for creating consistent, accessible, and beautiful user interfaces.
+
+## Alpha
+
+> ⚠️ This package is in alpha state. Do not use in production. Expect breaking changes.
 
 ## Installation
 
@@ -6,24 +12,82 @@ Luzmo Design system - Lucero
 npm install @luzmo/lucero
 ```
 
-```ts
+## Usage
+
+Import individual components:
+
+```typescript
 import '@luzmo/lucero/button';
+import '@luzmo/lucero/text-field';
+import '@luzmo/lucero/menu';
 ```
 
+Use in your HTML:
+
 ```html
-<luzmo-button>Click me</luzmo-button>
+<luzmo-button variant="primary">Click me</luzmo-button>
+<luzmo-text-field
+  label="Email"
+  placeholder="Enter your email"
+></luzmo-text-field>
 ```
 
-## Alpha
-
-This repository is in alpha state. Do not use the web components in production.
-Expect breaking changes.
+## Available Components
 
-## Requirements
+| Component            | Import                               |
+| -------------------- | ------------------------------------ |
+| Accordion            | `@luzmo/lucero/accordion`            |
+| Action Bar           | `@luzmo/lucero/action-bar`           |
+| Action Button        | `@luzmo/lucero/action-button`        |
+| Action Group         | `@luzmo/lucero/action-group`         |
+| Action Menu          | `@luzmo/lucero/action-menu`          |
+| Avatar               | `@luzmo/lucero/avatar`               |
+| Button               | `@luzmo/lucero/button`               |
+| Button Group         | `@luzmo/lucero/button-group`         |
+| Calendar             | `@luzmo/lucero/calendar`             |
+| Chat Message         | `@luzmo/lucero/chat-message`         |
+| Chat Message Group   | `@luzmo/lucero/chat-message-group`   |
+| Checkbox             | `@luzmo/lucero/checkbox`             |
+| Color Area           | `@luzmo/lucero/color-area`           |
+| Color Field          | `@luzmo/lucero/color-field`          |
+| Color Menu           | `@luzmo/lucero/color-menu`           |
+| Color Palette        | `@luzmo/lucero/color-palette`        |
+| Color Picker         | `@luzmo/lucero/color-picker`         |
+| Color Slider         | `@luzmo/lucero/color-slider`         |
+| Date Time Picker     | `@luzmo/lucero/date-time-picker`     |
+| Divider              | `@luzmo/lucero/divider`              |
+| Field Group          | `@luzmo/lucero/field-group`          |
+| Field Label          | `@luzmo/lucero/field-label`          |
+| Icon                 | `@luzmo/lucero/icon`                 |
+| Menu                 | `@luzmo/lucero/menu`                 |
+| Multi Language Field | `@luzmo/lucero/multi-language-field` |
+| Number Field         | `@luzmo/lucero/number-field`         |
+| Options              | `@luzmo/lucero/options`              |
+| Picker               | `@luzmo/lucero/picker`               |
+| Picker Button        | `@luzmo/lucero/picker-button`        |
+| Progress Circle      | `@luzmo/lucero/progress-circle`      |
+| Prompt Box           | `@luzmo/lucero/prompt-box`           |
+| Radio                | `@luzmo/lucero/radio`                |
+| Search               | `@luzmo/lucero/search`               |
+| Select               | `@luzmo/lucero/select`               |
+| Slider               | `@luzmo/lucero/slider`               |
+| Swatch               | `@luzmo/lucero/swatch`               |
+| Switch               | `@luzmo/lucero/switch`               |
+| Tabs                 | `@luzmo/lucero/tabs`                 |
+| Tags                 | `@luzmo/lucero/tags`                 |
+| Text Field           | `@luzmo/lucero/text-field`           |
+| Toast                | `@luzmo/lucero/toast`                |
+| Tooltip              | `@luzmo/lucero/tooltip`              |
 
-Supported desktop browsers:
+## Browser Support
 
 - Last 2 versions of Chrome
 - Last 2 versions of Firefox
 - Last 2 versions of Safari
 - Last 2 versions of Edge
+
+## License
+
+Copyright © 2025 Luzmo. All rights reserved.
+
+Lucero must be used according to the [Luzmo Terms of Service](https://www.luzmo.com/information-pages/terms-of-use). This license allows users with a current active Luzmo account to use Lucero.

package/components/accordion/index.cjs

@@ -15,29 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../base-CBCg3yyw.cjs"),z=require("../query-assigned-nodes-BcKWmGzy.cjs"),g=require("../focus-group-DnxZUBhQ.cjs"),h=require("../sized-mixin-CPxE5C96.cjs"),u=require("../luzmo-icons-D4IvHgVd.cjs"),v=require("../when-CDZyJPvd.cjs"),p=require("../focusable-EbipgXRh.cjs"),f=":host{--accordion-item-header-line-height: 1.25;--accordion-item-header-bottom-margin: 0px;--accordion-item-header-text-case: initial;--accordion-item-min-block-size: max( var(--luzmo-accordion-item-height, var(--accordion-item-height)), calc( var( --luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding) ) * 2 + var( --luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size) ) * var( --luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height) ) ) );margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--luzmo-accordion-item-header-line-height: var( --luzmo-accordion-item-header-line-height-cjk );--luzmo-accordion-item-content-line-height: var( --luzmo-accordion-item-content-line-height-cjk )}:host:dir(rtl),:host([dir=rtl]){--luzmo-logical-rotation: matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host{--accordion-item-height: 40px;--accordion-disclosure-indicator-height: var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-xl);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xxl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=compact][size=s]){--accordion-item-height: 24px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-1)}:host([density=compact]){--accordion-item-height: 32px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host([density=compact][size=l]){--accordion-item-height: 40px;--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([density=compact][size=xl]){--accordion-item-height: 48px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious][size=s]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=spacious][size=l]){--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host([density=spacious][size=xl]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([header-case=uppercase]){--accordion-item-header-text-case: uppercase}:host([header-case=uppercase][size=s]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([header-case=uppercase][size=l]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([header-case=uppercase][size=xl]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight]){--accordion-item-header-background-color: var( --luzmo-background-color-highlight );--accordion-item-disabled-background-color: var( --luzmo-background-color-highlight-disabled );--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius)}:host([variant=highlight][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3)}:host([variant=highlight][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight-child]){--accordion-item-header-background-color: var(--luzmo-background-color);--accordion-item-disabled-background-color: transparent;--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius);--accordion-item-header-font-weight: normal;--accordion-item-content-border-left-width: var(--luzmo-border-width);--accordion-item-content-border-left-color: var(--luzmo-border-color);--accordion-item-content-border-left-style: solid;--accordion-edge-to-disclosure-indicator-space: 0px}:host([variant=highlight-child][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-content-margin-left: var(--luzmo-spacing-2);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-2)}:host([variant=highlight-child][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight-child]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3);--accordion-item-content-margin-left: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-content-padding-left: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight-child][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-3)}:host([variant=highlight-child][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight-child][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-5);--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([no-content-padding]),:host([no-content-padding][size=s]),:host([no-content-padding][size=l]),:host([no-content-padding][size=xl]){--accordion-item-edge-to-text: 0px}";var b=Object.defineProperty,d=(t,o,r,n)=>{for(var e=void 0,c=t.length-1,l;c>=0;c--)(l=t[c])&&(e=l(o,r,e)||e);return e&&b(o,r,e),e};class a extends h.SizedMixin(i.LuzmoElement,{noDefaultSize:!0}){constructor(){super(...arguments),this.allowMultiple=!1,this.noContentPadding=!1,this.variant="default",this.focusGroupController=new g.FocusGroupController(this,{direction:"vertical",elements:()=>this.items,isFocusableElement:o=>!o.disabled})}static get styles(){return[i.r(f)]}get items(){return[...this.defaultNodes||[]].filter(o=>o.tagName!==void 0)}focus(){this.focusGroupController.focus()}onToggle(o){const r=o.target,n=[...this.items];if(n.includes(r)){if(this.allowMultiple||o.defaultPrevented||n&&n.length===0)return;n.forEach(e=>{e!==r&&(e.open=!1)})}}handleSlotchange(){this.focusGroupController.clearElementCache(),this.items.forEach(o=>{o.size=this.size})}updated(o){super.updated(o),o.has("size")&&(o.get("size")||this.size!=="m")&&this.items.forEach(r=>{r.size=this.size})}render(){return i.x`
-      <slot
-        @slotchange=${this.handleSlotchange}
-        @luzmo-accordion-item-toggle=${this.onToggle}
-      ></slot>
-    `}}d([i.n({type:Boolean,reflect:!0,attribute:"allow-multiple"})],a.prototype,"allowMultiple");d([i.n({type:String,reflect:!0})],a.prototype,"density");d([i.n({type:String,reflect:!0,attribute:"header-case"})],a.prototype,"headerCase");d([i.n({type:Boolean,reflect:!0,attribute:"no-content-padding"})],a.prototype,"noContentPadding");d([i.n({type:String,reflect:!0})],a.prototype,"variant");d([z.n()],a.prototype,"defaultNodes");const x=':host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width, 200px);border-block-end:1px solid rgba(0,0,0,0);border-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color));border-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)));margin:0;position:relative}:host(:first-child){border-block-start:1px solid rgba(0,0,0,0);border-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color));border-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)))}#heading{box-sizing:border-box;min-height:var(--luzmo-accordion-item-height, var(--accordion-item-height));font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));margin:0;margin-block:0;position:relative;margin-bottom:var(--luzmo-accordion-item-header-bottom-margin, var(--accordion-item-header-bottom-margin, 0px))}.icon-container{z-index:1;pointer-events:none;inline-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));font-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color-hard));justify-content:center;align-items:center;padding-inline-start:var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 0px));display:flex;position:absolute;height:100%}.icon-container:dir(rtl),:host([dir=rtl]) .icon-container{transform:scaleX(-1)}#content{padding-block:var(--luzmo-accordion-item-content-area-top-to-content, 8px) var(--luzmo-accordion-item-content-area-bottom-to-content, 16px);padding-left:calc(var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3))) + var(--luzmo-accordion-item-content-padding-left, var(--accordion-item-content-padding-left, 0px)));margin-bottom:var(--luzmo-accordion-item-content-margin-bottom, var(--accordion-item-content-margin-bottom, 0px));margin-left:var(--luzmo-accordion-item-content-margin-left, var(--accordion-item-content-margin-left, 0px));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3)));border-left:var(--luzmo-accordion-item-content-border-left-width, var(--accordion-item-content-border-left-width, 0)) var(--luzmo-accordion-item-content-border-left-style, var(--accordion-item-content-border-left-style, solid)) var(--luzmo-accordion-item-content-border-left-color, var(--accordion-item-content-border-left-color, var(--luzmo-border-color)));color:var(--luzmo-accordion-item-content-color, var(--luzmo-font-color));font-weight:var(--luzmo-accordion-item-content-font-weight, var(--accordion-item-content-font-weight, var(--luzmo-font-weight)));font-style:var(--luzmo-accordion-item-content-font-style, var(--luzmo-font-style));font-size:var(--luzmo-accordion-item-content-font-size, var(--accordion-item-content-font-size, var(--luzmo-font-size)));font-family:var(--luzmo-accordion-item-content-font-family, var(--luzmo-font-family));line-height:var(--luzmo-accordion-item-content-line-height, 1.3);display:none}#header{box-sizing:border-box;min-height:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));line-height:var(--luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height, 1.25));text-overflow:ellipsis;text-transform:var(--luzmo-accordion-item-header-text-case, var(--accordion-item-header-text-case));cursor:pointer;font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));font-weight:var(--luzmo-accordion-item-header-font-weight, var(--accordion-item-header-font-weight, 600));font-style:var(--luzmo-accordion-item-header-font-style, var(--luzmo-font-style));font-family:var(--luzmo-accordion-item-header-font-family, var(--luzmo-font-family));-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:start;width:100%;color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color));background-color:var(--luzmo-accordion-item-header-background-color, var(--accordion-item-header-background-color, var(--luzmo-background-color)));border:0;padding-top:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-left:calc(var(--luzmo-accordion-disclosure-indicator-to-text-space, var(--accordion-disclosure-indicator-to-text-space, 0px)) + var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height, 32px)) + var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 32px)));padding-bottom:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, 0px));position:relative;border-radius:var(--luzmo-accordion-item-accordion-header-border-radius, var(--accordion-item-accordion-header-border-radius))}#header:focus{outline:none}#header:focus:after{content:"";position:absolute;inset-inline-start:0}#header:focus-visible{border-radius:var(--luzmo-accordion-corner-radius, var(--accordion-item-accordion-header-border-radius, var(--luzmo-border-radius-s)));outline:var(--luzmo-accordion-focus-indicator-width, var(--luzmo-border-width)) solid var(--luzmo-accordion-focus-indicator-color, var(--luzmo-primary));background-color:var(--luzmo-accordion-background-color-key-focus, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)));color:var(--luzmo-accordion-item-header-color-key-focus, var(--luzmo-font-color-hard));outline-offset:calc(var(--luzmo-accordion-focus-indicator-gap, 2px) * -1)}#header:active{background-color:var(--luzmo-accordion-background-color-down, var(--accordion-item-header-background-color, var(--luzmo-background-hover)));color:var(--luzmo-accordion-item-header-color-down, var(--luzmo-font-color-hard))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color));background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}@media (hover: hover){#header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)))}:host([disabled]) #header:hover{background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}#header:hover,#header:hover+.icon-container{color:var(--luzmo-accordion-item-header-color-hover, var(--luzmo-font-color-hard))}:host([open]) #header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color)))}:host([disabled]) #header:hover{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}}:host([disabled]) #header+.icon-container{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}:host([disabled]) #content{color:var(--luzmo-accordion-item-content-disabled-color, var(--luzmo-disabled-color))}:host([open])>#heading>.icon-container>.indicator,:host([open])>.icon-container>.indicator{transform:var(--luzmo-logical-rotation) rotate(90deg);transform:rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors: active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}';var y=Object.defineProperty,m=(t,o,r,n)=>{for(var e=void 0,c=t.length-1,l;c>=0;c--)(l=t[c])&&(e=l(o,r,e)||e);return e&&y(o,r,e),e};const k=()=>i.x`
-  <div class="icon-container">
-    ${u.y3(u.S,{className:"indicator"})}
-  </div>
-`;class s extends h.SizedMixin(p.Focusable,{noDefaultSize:!0}){constructor(){super(...arguments),this.open=!1,this.label="",this.disabled=!1,this.renderAngleIcon=()=>k()}static get styles(){return[i.r(x)]}get focusElement(){return this.renderRoot.querySelector("#header")}onClick(){this.disabled||this.toggle()}toggle(){this.open=!this.open,this.dispatchEvent(new CustomEvent("luzmo-accordion-item-toggle",{bubbles:!0,composed:!0,cancelable:!0}))||(this.open=!this.open)}render(){return i.x`
-      <h3 id="heading">
-        ${v.n(this.size,this.renderAngleIcon)}
-        <button
-          id="header"
-          @click=${this.onClick}
-          aria-expanded=${this.open}
-          aria-controls="content"
-          ?disabled=${this.disabled}
-        >
-          ${this.label}
-        </button>
-      </h3>
-      <div id="content" role="region" aria-labelledby="header">
-        <slot></slot>
-      </div>
-    `}updated(o){super.updated(o),o.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}m([i.n({type:Boolean,reflect:!0})],s.prototype,"open");m([i.n({type:String,reflect:!0})],s.prototype,"label");m([i.n({type:Boolean,reflect:!0})],s.prototype,"disabled");customElements.get("luzmo-accordion-item")||customElements.define("luzmo-accordion-item",s);customElements.get("luzmo-accordion")||customElements.define("luzmo-accordion",a);exports.LuzmoAccordion=a;exports.LuzmoAccordionItem=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../accordion-BHBIfsLU.cjs`);exports.LuzmoAccordion=e.n,exports.LuzmoAccordionItem=e.t;

package/components/accordion/index.js

@@ -15,167 +15,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { r as h, x as m, a as v, n as a } from "../base-WsynuqaS.js";
-import { n as p } from "../query-assigned-nodes-C76XVPWY.js";
-import { F as f } from "../focus-group-DHeTq18L.js";
-import { S as z } from "../sized-mixin-D4ACoVUr.js";
-import { y as b, S as x } from "../luzmo-icons-4nDFv1Lq.js";
-import { n as y } from "../when-CDK1Tt5Y.js";
-import { F as k } from "../focusable-BxtpnzWp.js";
-const g = () => {
-  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-    const i = document.createElement("style");
-    i.setAttribute("data-luzmo-vars", ""), i.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(i);
-  }
-};
-g();
-const w = ":host{--accordion-item-header-line-height: 1.25;--accordion-item-header-bottom-margin: 0px;--accordion-item-header-text-case: initial;--accordion-item-min-block-size: max( var(--luzmo-accordion-item-height, var(--accordion-item-height)), calc( var( --luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding) ) * 2 + var( --luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size) ) * var( --luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height) ) ) );margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--luzmo-accordion-item-header-line-height: var( --luzmo-accordion-item-header-line-height-cjk );--luzmo-accordion-item-content-line-height: var( --luzmo-accordion-item-content-line-height-cjk )}:host:dir(rtl),:host([dir=rtl]){--luzmo-logical-rotation: matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host{--accordion-item-height: 40px;--accordion-disclosure-indicator-height: var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-xl);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xxl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=compact][size=s]){--accordion-item-height: 24px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-1)}:host([density=compact]){--accordion-item-height: 32px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host([density=compact][size=l]){--accordion-item-height: 40px;--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([density=compact][size=xl]){--accordion-item-height: 48px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious][size=s]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=spacious][size=l]){--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host([density=spacious][size=xl]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([header-case=uppercase]){--accordion-item-header-text-case: uppercase}:host([header-case=uppercase][size=s]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([header-case=uppercase][size=l]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([header-case=uppercase][size=xl]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight]){--accordion-item-header-background-color: var( --luzmo-background-color-highlight );--accordion-item-disabled-background-color: var( --luzmo-background-color-highlight-disabled );--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius)}:host([variant=highlight][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3)}:host([variant=highlight][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight-child]){--accordion-item-header-background-color: var(--luzmo-background-color);--accordion-item-disabled-background-color: transparent;--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius);--accordion-item-header-font-weight: normal;--accordion-item-content-border-left-width: var(--luzmo-border-width);--accordion-item-content-border-left-color: var(--luzmo-border-color);--accordion-item-content-border-left-style: solid;--accordion-edge-to-disclosure-indicator-space: 0px}:host([variant=highlight-child][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-content-margin-left: var(--luzmo-spacing-2);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-2)}:host([variant=highlight-child][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight-child]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3);--accordion-item-content-margin-left: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-content-padding-left: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight-child][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-3)}:host([variant=highlight-child][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight-child][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-5);--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([no-content-padding]),:host([no-content-padding][size=s]),:host([no-content-padding][size=l]),:host([no-content-padding][size=xl]){--accordion-item-edge-to-text: 0px}";
-var S = Object.defineProperty, d = (i, o, r, n) => {
-  for (var e = void 0, t = i.length - 1, l; t >= 0; t--)
-    (l = i[t]) && (e = l(o, r, e) || e);
-  return e && S(o, r, e), e;
-};
-class c extends z(v, {
-  noDefaultSize: !0
-}) {
-  constructor() {
-    super(...arguments), this.allowMultiple = !1, this.noContentPadding = !1, this.variant = "default", this.focusGroupController = new f(
-      this,
-      {
-        direction: "vertical",
-        elements: () => this.items,
-        isFocusableElement: (o) => !o.disabled
-      }
-    );
-  }
-  static get styles() {
-    return [h(w)];
-  }
-  get items() {
-    return [...this.defaultNodes || []].filter(
-      (o) => o.tagName !== void 0
-    );
-  }
-  focus() {
-    this.focusGroupController.focus();
-  }
-  onToggle(o) {
-    const r = o.target, n = [...this.items];
-    if (n.includes(r)) {
-      if (this.allowMultiple || o.defaultPrevented || n && n.length === 0)
-        return;
-      n.forEach((e) => {
-        e !== r && (e.open = !1);
-      });
-    }
-  }
-  handleSlotchange() {
-    this.focusGroupController.clearElementCache(), this.items.forEach((o) => {
-      o.size = this.size;
-    });
-  }
-  updated(o) {
-    super.updated(o), o.has("size") && (o.get("size") || this.size !== "m") && this.items.forEach((r) => {
-      r.size = this.size;
-    });
-  }
-  render() {
-    return m`
-      <slot
-        @slotchange=${this.handleSlotchange}
-        @luzmo-accordion-item-toggle=${this.onToggle}
-      ></slot>
-    `;
-  }
-}
-d([
-  a({ type: Boolean, reflect: !0, attribute: "allow-multiple" })
-], c.prototype, "allowMultiple");
-d([
-  a({ type: String, reflect: !0 })
-], c.prototype, "density");
-d([
-  a({ type: String, reflect: !0, attribute: "header-case" })
-], c.prototype, "headerCase");
-d([
-  a({ type: Boolean, reflect: !0, attribute: "no-content-padding" })
-], c.prototype, "noContentPadding");
-d([
-  a({ type: String, reflect: !0 })
-], c.prototype, "variant");
-d([
-  p()
-], c.prototype, "defaultNodes");
-const C = ':host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width, 200px);border-block-end:1px solid rgba(0,0,0,0);border-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color));border-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)));margin:0;position:relative}:host(:first-child){border-block-start:1px solid rgba(0,0,0,0);border-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color));border-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)))}#heading{box-sizing:border-box;min-height:var(--luzmo-accordion-item-height, var(--accordion-item-height));font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));margin:0;margin-block:0;position:relative;margin-bottom:var(--luzmo-accordion-item-header-bottom-margin, var(--accordion-item-header-bottom-margin, 0px))}.icon-container{z-index:1;pointer-events:none;inline-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));font-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color-hard));justify-content:center;align-items:center;padding-inline-start:var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 0px));display:flex;position:absolute;height:100%}.icon-container:dir(rtl),:host([dir=rtl]) .icon-container{transform:scaleX(-1)}#content{padding-block:var(--luzmo-accordion-item-content-area-top-to-content, 8px) var(--luzmo-accordion-item-content-area-bottom-to-content, 16px);padding-left:calc(var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3))) + var(--luzmo-accordion-item-content-padding-left, var(--accordion-item-content-padding-left, 0px)));margin-bottom:var(--luzmo-accordion-item-content-margin-bottom, var(--accordion-item-content-margin-bottom, 0px));margin-left:var(--luzmo-accordion-item-content-margin-left, var(--accordion-item-content-margin-left, 0px));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3)));border-left:var(--luzmo-accordion-item-content-border-left-width, var(--accordion-item-content-border-left-width, 0)) var(--luzmo-accordion-item-content-border-left-style, var(--accordion-item-content-border-left-style, solid)) var(--luzmo-accordion-item-content-border-left-color, var(--accordion-item-content-border-left-color, var(--luzmo-border-color)));color:var(--luzmo-accordion-item-content-color, var(--luzmo-font-color));font-weight:var(--luzmo-accordion-item-content-font-weight, var(--accordion-item-content-font-weight, var(--luzmo-font-weight)));font-style:var(--luzmo-accordion-item-content-font-style, var(--luzmo-font-style));font-size:var(--luzmo-accordion-item-content-font-size, var(--accordion-item-content-font-size, var(--luzmo-font-size)));font-family:var(--luzmo-accordion-item-content-font-family, var(--luzmo-font-family));line-height:var(--luzmo-accordion-item-content-line-height, 1.3);display:none}#header{box-sizing:border-box;min-height:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));line-height:var(--luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height, 1.25));text-overflow:ellipsis;text-transform:var(--luzmo-accordion-item-header-text-case, var(--accordion-item-header-text-case));cursor:pointer;font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));font-weight:var(--luzmo-accordion-item-header-font-weight, var(--accordion-item-header-font-weight, 600));font-style:var(--luzmo-accordion-item-header-font-style, var(--luzmo-font-style));font-family:var(--luzmo-accordion-item-header-font-family, var(--luzmo-font-family));-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:start;width:100%;color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color));background-color:var(--luzmo-accordion-item-header-background-color, var(--accordion-item-header-background-color, var(--luzmo-background-color)));border:0;padding-top:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-left:calc(var(--luzmo-accordion-disclosure-indicator-to-text-space, var(--accordion-disclosure-indicator-to-text-space, 0px)) + var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height, 32px)) + var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 32px)));padding-bottom:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, 0px));position:relative;border-radius:var(--luzmo-accordion-item-accordion-header-border-radius, var(--accordion-item-accordion-header-border-radius))}#header:focus{outline:none}#header:focus:after{content:"";position:absolute;inset-inline-start:0}#header:focus-visible{border-radius:var(--luzmo-accordion-corner-radius, var(--accordion-item-accordion-header-border-radius, var(--luzmo-border-radius-s)));outline:var(--luzmo-accordion-focus-indicator-width, var(--luzmo-border-width)) solid var(--luzmo-accordion-focus-indicator-color, var(--luzmo-primary));background-color:var(--luzmo-accordion-background-color-key-focus, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)));color:var(--luzmo-accordion-item-header-color-key-focus, var(--luzmo-font-color-hard));outline-offset:calc(var(--luzmo-accordion-focus-indicator-gap, 2px) * -1)}#header:active{background-color:var(--luzmo-accordion-background-color-down, var(--accordion-item-header-background-color, var(--luzmo-background-hover)));color:var(--luzmo-accordion-item-header-color-down, var(--luzmo-font-color-hard))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color));background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}@media (hover: hover){#header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)))}:host([disabled]) #header:hover{background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}#header:hover,#header:hover+.icon-container{color:var(--luzmo-accordion-item-header-color-hover, var(--luzmo-font-color-hard))}:host([open]) #header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color)))}:host([disabled]) #header:hover{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}}:host([disabled]) #header+.icon-container{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}:host([disabled]) #content{color:var(--luzmo-accordion-item-content-disabled-color, var(--luzmo-disabled-color))}:host([open])>#heading>.icon-container>.indicator,:host([open])>.icon-container>.indicator{transform:var(--luzmo-logical-rotation) rotate(90deg);transform:rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors: active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}';
-var E = Object.defineProperty, u = (i, o, r, n) => {
-  for (var e = void 0, t = i.length - 1, l; t >= 0; t--)
-    (l = i[t]) && (e = l(o, r, e) || e);
-  return e && E(o, r, e), e;
-};
-const $ = () => m`
-  <div class="icon-container">
-    ${b(x, { className: "indicator" })}
-  </div>
-`;
-class s extends z(k, {
-  noDefaultSize: !0
-}) {
-  constructor() {
-    super(...arguments), this.open = !1, this.label = "", this.disabled = !1, this.renderAngleIcon = () => $();
-  }
-  static get styles() {
-    return [h(C)];
-  }
-  get focusElement() {
-    return this.renderRoot.querySelector("#header");
-  }
-  onClick() {
-    this.disabled || this.toggle();
-  }
-  toggle() {
-    this.open = !this.open, this.dispatchEvent(
-      new CustomEvent("luzmo-accordion-item-toggle", {
-        bubbles: !0,
-        composed: !0,
-        cancelable: !0
-      })
-    ) || (this.open = !this.open);
-  }
-  render() {
-    return m`
-      <h3 id="heading">
-        ${y(this.size, this.renderAngleIcon)}
-        <button
-          id="header"
-          @click=${this.onClick}
-          aria-expanded=${this.open}
-          aria-controls="content"
-          ?disabled=${this.disabled}
-        >
-          ${this.label}
-        </button>
-      </h3>
-      <div id="content" role="region" aria-labelledby="header">
-        <slot></slot>
-      </div>
-    `;
-  }
-  updated(o) {
-    super.updated(o), o.has("disabled") && (this.disabled ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled"));
-  }
-}
-u([
-  a({ type: Boolean, reflect: !0 })
-], s.prototype, "open");
-u([
-  a({ type: String, reflect: !0 })
-], s.prototype, "label");
-u([
-  a({ type: Boolean, reflect: !0 })
-], s.prototype, "disabled");
-customElements.get("luzmo-accordion-item") || customElements.define("luzmo-accordion-item", s);
-customElements.get("luzmo-accordion") || customElements.define("luzmo-accordion", c);
-export {
-  c as LuzmoAccordion,
-  s as LuzmoAccordionItem
-};
+(() => {
+	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+		let e = document.createElement("style");
+		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 45%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
+	}
+})();
+import { n as e, t } from "../accordion-BJcletJv.js";
+export { e as LuzmoAccordion, t as LuzmoAccordionItem };

package/components/accordion-BHBIfsLU.cjs

@@ -0,0 +1,43 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./focus-group-SF8Kj7iB.cjs`),n=require(`./sized-mixin-StFA4y0J.cjs`),r=require(`./focusable-CupEoHmn.cjs`);let i=require(`lit`),a=require(`lit/decorators.js`),o=require(`@luzmo/icons`),s=require(`lit/directives/when.js`);var c=`:host{--accordion-item-header-line-height:1.25;--accordion-item-header-bottom-margin:0px;--accordion-item-header-text-case:initial;--accordion-item-min-block-size:max(var(--luzmo-accordion-item-height,var(--accordion-item-height)), calc(var(--luzmo-accordion-item-header-vertical-padding,var(--accordion-item-header-vertical-padding)) * 2 + var(--luzmo-accordion-item-header-font-size,var(--accordion-item-header-font-size)) * var(--luzmo-accordion-item-header-line-height,var(--accordion-item-header-line-height))));margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--luzmo-accordion-item-header-line-height:var(--luzmo-accordion-item-header-line-height-cjk);--luzmo-accordion-item-content-line-height:var(--luzmo-accordion-item-content-line-height-cjk)}:is(:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl])){--luzmo-logical-rotation:matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--accordion-item-height:32px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size);--accordion-item-content-font-size:var(--luzmo-font-size-s);--accordion-item-header-vertical-padding:var(--luzmo-spacing-2)}:host{--accordion-item-height:40px;--accordion-disclosure-indicator-height:var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size-l);--accordion-item-content-font-size:var(--luzmo-font-size);--accordion-item-header-vertical-padding:var(--luzmo-spacing-3)}:host([size=l]){--accordion-item-height:48px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-xl);--accordion-item-content-font-size:var(--luzmo-font-size-l);--accordion-item-header-vertical-padding:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=xl]){--accordion-item-height:56px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-xl);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-xxl);--accordion-item-content-font-size:var(--luzmo-font-size-xl);--accordion-item-header-vertical-padding:var(--luzmo-spacing-4)}:host([density=compact][size=s]){--accordion-item-height:24px;--accordion-item-header-vertical-padding:var(--luzmo-spacing-1)}:host([density=compact]){--accordion-item-height:32px;--accordion-item-header-vertical-padding:var(--luzmo-spacing-2)}:host([density=compact][size=l]){--accordion-item-height:40px;--accordion-item-header-vertical-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([density=compact][size=xl]){--accordion-item-height:48px;--accordion-item-header-vertical-padding:var(--luzmo-spacing-3)}:host([density=spacious][size=s]){--accordion-item-header-vertical-padding:var(--luzmo-spacing-3)}:host([density=spacious]){--accordion-item-header-vertical-padding:var(--luzmo-spacing-4)}:host([density=spacious][size=l]){--accordion-item-header-vertical-padding:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}:host([density=spacious][size=xl]){--accordion-item-header-vertical-padding:var(--luzmo-spacing-4)}:host([header-case=uppercase]){--accordion-item-header-text-case:uppercase}:host([header-case=uppercase][size=s]){--accordion-item-header-font-size:var(--luzmo-font-size-xs)}:host([header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-s)}:host([header-case=uppercase][size=l]){--accordion-item-header-font-size:var(--luzmo-font-size)}:host([header-case=uppercase][size=xl]){--accordion-item-header-font-size:var(--luzmo-font-size-l)}:host([variant=highlight]){--accordion-item-header-background-color:var(--luzmo-background-color-highlight);--accordion-item-disabled-background-color:var(--luzmo-background-color-highlight-disabled);--accordion-item-accordion-divider-thickness:0px;--accordion-item-accordion-header-border-radius:var(--luzmo-border-radius)}:host([variant=highlight][size=s]){--accordion-item-height:28px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-header-font-size:var(--luzmo-font-size-s);--accordion-item-content-font-size:var(--luzmo-font-size-s);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([variant=highlight][size=s][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-xs)}:host([variant=highlight]){--accordion-item-height:32px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-header-font-size:var(--luzmo-font-size);--accordion-item-content-font-size:var(--luzmo-font-size);--accordion-item-header-bottom-margin:var(--luzmo-spacing-3)}:host([variant=highlight][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-s)}:host([variant=highlight][size=l]){--accordion-item-height:48px;--accordion-disclosure-indicator-height:var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-header-font-size:var(--luzmo-font-size-l);--accordion-item-content-font-size:var(--luzmo-font-size-l);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([variant=highlight][size=l][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size)}:host([variant=highlight][size=xl]){--accordion-item-height:56px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-header-font-size:var(--luzmo-font-size-xl);--accordion-item-content-font-size:var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([variant=highlight][size=xl][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-l)}:host([variant=highlight-child]){--accordion-item-header-background-color:var(--luzmo-background-color);--accordion-item-disabled-background-color:transparent;--accordion-item-accordion-divider-thickness:0px;--accordion-item-accordion-header-border-radius:var(--luzmo-border-radius);--accordion-item-header-font-weight:normal;--accordion-item-content-border-left-width:var(--luzmo-border-width);--accordion-item-content-border-left-color:var(--luzmo-border-color);--accordion-item-content-border-left-style:solid;--accordion-edge-to-disclosure-indicator-space:0px}:host([variant=highlight-child][size=s]){--accordion-item-height:28px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size-s);--accordion-item-content-font-size:var(--luzmo-font-size-s);--accordion-item-content-margin-left:var(--luzmo-spacing-2);--accordion-item-content-padding-left:var(--luzmo-spacing-4);--accordion-item-content-margin-bottom:var(--luzmo-spacing-2)}:host([variant=highlight-child][size=s][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-xs)}:host([variant=highlight-child]){--accordion-item-height:32px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size);--accordion-item-content-font-size:var(--luzmo-font-size);--accordion-item-header-bottom-margin:var(--luzmo-spacing-3);--accordion-item-content-margin-left:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-content-padding-left:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--accordion-item-content-margin-bottom:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([variant=highlight-child][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-s)}:host([variant=highlight-child][size=l]){--accordion-item-height:48px;--accordion-disclosure-indicator-height:var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-l);--accordion-item-content-font-size:var(--luzmo-font-size-l);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-1) + var(--luzmo-spacing-3));--accordion-item-content-margin-left:var(--luzmo-spacing-3);--accordion-item-content-padding-left:var(--luzmo-spacing-4);--accordion-item-content-margin-bottom:var(--luzmo-spacing-3)}:host([variant=highlight-child][size=l][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size)}:host([variant=highlight-child][size=xl]){--accordion-item-height:56px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-xl);--accordion-item-content-font-size:var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin:var(--luzmo-spacing-4);--accordion-item-content-margin-left:var(--luzmo-spacing-3);--accordion-item-content-padding-left:var(--luzmo-spacing-5);--accordion-item-content-margin-bottom:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([variant=highlight-child][size=xl][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-l)}:host([no-content-padding]),:host([no-content-padding][size=s]),:host([no-content-padding][size=l]),:host([no-content-padding][size=xl]){--accordion-item-edge-to-text:0px}`,l=class extends n.n(e.n,{noDefaultSize:!0}){constructor(...e){super(...e),this.allowMultiple=!1,this.noContentPadding=!1,this.variant=`default`,this.focusGroupController=new t.t(this,{direction:`vertical`,elements:()=>this.items,isFocusableElement:e=>!e.disabled})}static get styles(){return[(0,i.unsafeCSS)(c)]}get items(){return[...this.defaultNodes||[]].filter(e=>e.tagName!==void 0)}focus(){this.focusGroupController.focus()}onToggle(e){let t=e.target,n=[...this.items];if(n.includes(t)){if(this.allowMultiple||e.defaultPrevented||n&&n.length===0)return;n.forEach(e=>{e!==t&&(e.open=!1)})}}handleSlotchange(){this.focusGroupController.clearElementCache(),this.items.forEach(e=>{e.size=this.size})}updated(e){super.updated(e),e.has(`size`)&&(e.get(`size`)||this.size!==`m`)&&this.items.forEach(e=>{e.size=this.size})}render(){return i.html`
+      <slot
+        @slotchange=${this.handleSlotchange}
+        @luzmo-accordion-item-toggle=${this.onToggle}
+      ></slot>
+    `}};e.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`allow-multiple`})],l.prototype,`allowMultiple`,void 0),e.t([(0,a.property)({type:String,reflect:!0})],l.prototype,`density`,void 0),e.t([(0,a.property)({type:String,reflect:!0,attribute:`header-case`})],l.prototype,`headerCase`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`no-content-padding`})],l.prototype,`noContentPadding`,void 0),e.t([(0,a.property)({type:String,reflect:!0})],l.prototype,`variant`,void 0),e.t([(0,a.queryAssignedNodes)()],l.prototype,`defaultNodes`,void 0);var u=`:host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size,var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width,200px);margin:0;position:relative;border-block-start:none!important;border-inline:none!important;border-block-end-width:var(--luzmo-accordion-divider-thickness,var(--accordion-item-accordion-divider-thickness,var(--luzmo-border-width)))!important;border-block-end-style:solid!important;border-block-end-color:var(--luzmo-accordion-divider-color,var(--luzmo-border-color))!important}:host(:first-child){border-block-start-width:var(--luzmo-accordion-divider-thickness,var(--accordion-item-accordion-divider-thickness,var(--luzmo-border-width)))!important;border-block-start-style:solid!important;border-block-start-color:var(--luzmo-accordion-divider-color,var(--luzmo-border-color))!important}#heading{box-sizing:border-box;min-height:var(--luzmo-accordion-item-height,var(--accordion-item-height));font-size:var(--luzmo-accordion-item-header-font-size,var(--accordion-item-header-font-size,18px));margin:0;margin-block:0;margin-bottom:var(--luzmo-accordion-item-header-bottom-margin,var(--accordion-item-header-bottom-margin,0px));position:relative}.icon-container{z-index:1;pointer-events:none;inline-size:var(--luzmo-accordion-disclosure-indicator-height,var(--accordion-disclosure-indicator-height));font-size:var(--luzmo-accordion-disclosure-indicator-height,var(--accordion-disclosure-indicator-height));color:var(--luzmo-accordion-item-header-color-default,var(--luzmo-font-color-down));justify-content:center;align-items:center;height:100%;padding-inline-start:var(--luzmo-accordion-edge-to-disclosure-indicator-space,var(--accordion-edge-to-disclosure-indicator-space,0px));display:flex;position:absolute}:host([dir=rtl]) .icon-container{transform:scaleX(-1)}.icon-container:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:scaleX(-1)}#content{padding-block:var(--luzmo-accordion-item-content-area-top-to-content,8px) var(--luzmo-accordion-item-content-area-bottom-to-content,16px);padding-left:calc(var(--luzmo-accordion-item-edge-to-text,var(--accordion-item-edge-to-text,var(--luzmo-spacing-3))) + var(--luzmo-accordion-item-content-padding-left,var(--accordion-item-content-padding-left,0px)));margin-bottom:var(--luzmo-accordion-item-content-margin-bottom,var(--accordion-item-content-margin-bottom,0px));margin-left:var(--luzmo-accordion-item-content-margin-left,var(--accordion-item-content-margin-left,0px));padding-right:var(--luzmo-accordion-item-edge-to-text,var(--accordion-item-edge-to-text,var(--luzmo-spacing-3)));border-left:var(--luzmo-accordion-item-content-border-left-width,var(--accordion-item-content-border-left-width,0)) var(--luzmo-accordion-item-content-border-left-style,var(--accordion-item-content-border-left-style,solid)) var(--luzmo-accordion-item-content-border-left-color,var(--accordion-item-content-border-left-color,var(--luzmo-border-color)));color:var(--luzmo-accordion-item-content-color,var(--luzmo-font-color));font-weight:var(--luzmo-accordion-item-content-font-weight,var(--accordion-item-content-font-weight,var(--luzmo-font-weight)));font-style:var(--luzmo-accordion-item-content-font-style,var(--luzmo-font-style));font-size:var(--luzmo-accordion-item-content-font-size,var(--accordion-item-content-font-size,var(--luzmo-font-size)));font-family:var(--luzmo-accordion-item-content-font-family,var(--luzmo-font-family));line-height:var(--luzmo-accordion-item-content-line-height,1.3);display:none}#header{box-sizing:border-box;min-height:var(--luzmo-accordion-item-min-block-size,var(--accordion-item-min-block-size));line-height:var(--luzmo-accordion-item-header-line-height,var(--accordion-item-header-line-height,1.25));text-overflow:ellipsis;text-transform:var(--luzmo-accordion-item-header-text-case,var(--accordion-item-header-text-case));cursor:pointer;font-size:var(--luzmo-accordion-item-header-font-size,var(--accordion-item-header-font-size,18px));font-weight:var(--luzmo-accordion-item-header-font-weight,var(--accordion-item-header-font-weight,600));font-style:var(--luzmo-accordion-item-header-font-style,var(--luzmo-font-style));font-family:var(--luzmo-accordion-item-header-font-family,var(--luzmo-font-family));appearance:none;text-align:start;width:100%;color:var(--luzmo-accordion-item-header-color-default,var(--luzmo-font-color));background-color:var(--luzmo-accordion-item-header-background-color,var(--accordion-item-header-background-color,var(--luzmo-background-color)));padding-top:var(--luzmo-accordion-item-header-vertical-padding,var(--accordion-item-header-vertical-padding,var(--luzmo-spacing-3)));padding-left:calc(var(--luzmo-accordion-disclosure-indicator-to-text-space,var(--accordion-disclosure-indicator-to-text-space,0px)) + var(--luzmo-accordion-disclosure-indicator-height,var(--accordion-disclosure-indicator-height,32px)) + var(--luzmo-accordion-edge-to-disclosure-indicator-space,var(--accordion-edge-to-disclosure-indicator-space,32px)));padding-bottom:var(--luzmo-accordion-item-header-vertical-padding,var(--accordion-item-header-vertical-padding,var(--luzmo-spacing-3)));padding-right:var(--luzmo-accordion-item-edge-to-text,var(--accordion-item-edge-to-text,0px));border-radius:var(--luzmo-accordion-item-accordion-header-border-radius,var(--accordion-item-accordion-header-border-radius));border:0;position:relative}#header:focus{outline:none}#header:focus:after{content:"";position:absolute;inset-inline-start:0}#header:focus-visible{border-radius:var(--luzmo-accordion-border-radius,var(--accordion-item-accordion-header-border-radius,var(--luzmo-border-radius-s)));outline:var(--luzmo-accordion-focus-indicator-width,var(--luzmo-border-width)) solid var(--luzmo-accordion-focus-indicator-color,var(--luzmo-primary));background-color:var(--luzmo-accordion-background-color-key-focus,var(--accordion-item-header-background-color,var(--luzmo-background-color-hover)));color:var(--luzmo-accordion-item-header-color-key-focus,var(--luzmo-font-color-focus));outline-offset:calc(var(--luzmo-accordion-focus-indicator-gap,2px) * -1)}#header:active{background-color:var(--luzmo-accordion-background-color-down,var(--accordion-item-header-background-color,var(--luzmo-background-hover)));color:var(--luzmo-accordion-item-header-color-down,var(--luzmo-font-color-down))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color));background-color:var(--luzmo-accordion-item-disabled-background-color,var(--accordion-item-disabled-background-color,initial))}@media (hover:hover){#header:hover{background-color:var(--luzmo-accordion-background-color-hover,var(--accordion-item-header-background-color,var(--luzmo-background-color-hover)))}:host([disabled]) #header:hover{background-color:var(--luzmo-accordion-item-disabled-background-color,var(--accordion-item-disabled-background-color,initial))}#header:hover,#header:hover+.icon-container{color:var(--luzmo-accordion-item-header-color-hover,var(--luzmo-font-color-hover))}:host([open]) #header:hover{background-color:var(--luzmo-accordion-background-color-hover,var(--accordion-item-header-background-color,var(--luzmo-background-color)))}:host([disabled]) #header:hover{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color))}}:host([disabled]) #header+.icon-container{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color))}:host([disabled]) #content{color:var(--luzmo-accordion-item-content-disabled-color,var(--luzmo-disabled-color))}:host([open])>#heading>.icon-container>.indicator,:host([open])>.icon-container>.indicator{transform:var(--luzmo-logical-rotation) rotate(90deg);transform:rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color))}`,d=()=>i.html`
+  <div class="icon-container">
+    ${(0,o.luzmoIcon)(o.luzmoAngleRight,{className:`indicator`})}
+  </div>
+`,f=class extends n.n(r.t,{noDefaultSize:!0}){constructor(...e){super(...e),this.open=!1,this.label=``,this.disabled=!1,this.renderAngleIcon=()=>d()}static get styles(){return[(0,i.unsafeCSS)(u)]}get focusElement(){return this.renderRoot.querySelector(`#header`)}onClick(){this.disabled||this.toggle()}toggle(){this.open=!this.open,this.dispatchEvent(new CustomEvent(`luzmo-accordion-item-toggle`,{bubbles:!0,composed:!0,cancelable:!0}))||(this.open=!this.open)}render(){return i.html`
+      <h3 id="heading">
+        ${(0,s.when)(this.size,this.renderAngleIcon)}
+        <button
+          id="header"
+          @click=${this.onClick}
+          aria-expanded=${this.open}
+          aria-controls="content"
+          ?disabled=${this.disabled}
+        >
+          ${this.label}
+        </button>
+      </h3>
+      <div id="content" role="region" aria-labelledby="header">
+        <slot></slot>
+      </div>
+    `}updated(e){super.updated(e),e.has(`disabled`)&&(this.disabled?this.setAttribute(`aria-disabled`,`true`):this.removeAttribute(`aria-disabled`))}};e.t([(0,a.property)({type:Boolean,reflect:!0})],f.prototype,`open`,void 0),e.t([(0,a.property)({type:String,reflect:!0})],f.prototype,`label`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0})],f.prototype,`disabled`,void 0),customElements.get(`luzmo-accordion-item`)||customElements.define(`luzmo-accordion-item`,f),customElements.get(`luzmo-accordion`)||customElements.define(`luzmo-accordion`,l),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});