@luzmo/lucero 2.2.0 → 2.3.0-beta.0

package/LICENSE

@@ -1,6 +1,6 @@
 Lucero - The design system for Luzmo.
 
-Copyright © 2025 Luzmo
+Copyright © 2026 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.

package/README.md

@@ -28,6 +28,39 @@ Use in your HTML:
 ></luzmo-text-field>
 ```
 
+## Design tokens
+
+Any component import, ESM or CJS, injects the light and dark design tokens once per page. To load them without a component:
+
+```typescript
+import '@luzmo/lucero/tokens';
+```
+
+Or link `@luzmo/lucero/tokens.css` with `data-luzmo-vars`, so components skip injecting their own copy:
+
+```html
+<link rel="stylesheet" href=".../tokens.css" data-luzmo-vars />
+```
+
+## Standalone ES modules
+
+The package ships minified per-component ES modules under `standalone/`, for pages that load Lucero from a CDN without a bundler. Pin the version, and load each component you use:
+
+```html
+<link
+  rel="stylesheet"
+  href="https://cdn.jsdelivr.net/npm/@luzmo/lucero@{version}/standalone/tokens.css"
+  data-luzmo-vars
+/>
+<script
+  type="module"
+  src="https://cdn.jsdelivr.net/npm/@luzmo/lucero@{version}/standalone/button.js"
+></script>
+<luzmo-button>Click me</luzmo-button>
+```
+
+Lit and the shared Lucero modules load once, however many components a page uses. `standalone/lit.js` and `standalone/utils.js` export Lit and Lucero's base classes (`LuzmoElement`, `SizedMixin`) under stable names, for components that extend Lucero on the same page. `standalone/manifest.json` lists every entry.
+
 ## Available Components
 
 | Component            | Import                               |
@@ -85,6 +118,6 @@ Use in your HTML:
 
 ## License
 
-Copyright © 2025 Luzmo. All rights reserved.
+Copyright © 2026 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

@@ -1,6 +1,6 @@
 /*! * Lucero - The design system for Luzmo.
  * 
- * Copyright © 2025 Luzmo
+ * Copyright © 2026 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.
@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../accordion-DpsYMoeb.cjs");exports.LuzmoAccordion=e.n,exports.LuzmoAccordionItem=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../accordion-BK0LfhmL.cjs");exports.LuzmoAccordion=e.n,exports.LuzmoAccordionItem=e.t;

package/components/accordion/index.js

@@ -1,6 +1,6 @@
 /*! * Lucero - The design system for Luzmo.
  * 
- * Copyright © 2025 Luzmo
+ * Copyright © 2026 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.
@@ -15,11 +15,6 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-(() => {
-	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-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--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: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--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-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--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 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--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-on-subtle-color: var(--luzmo-negative-color);--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-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--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-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--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}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-shadow-opacity: 0.35;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
-	}
-})();
-import { n as e, t } from "../accordion-BDchhAjE.js";
+import "../tokens.js";
+import { n as e, t } from "../accordion-ciplqKwM.js";
 export { e as LuzmoAccordion, t as LuzmoAccordionItem };

package/components/{accordion-DpsYMoeb.cjs → accordion-BK0LfhmL.cjs}

@@ -1,6 +1,6 @@
 /*! * Lucero - The design system for Luzmo.
  * 
- * Copyright © 2025 Luzmo
+ * Copyright © 2026 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.
@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./focus-group-C8lOjbi9.cjs"),n=require("./sized-mixin-BT7cv-fT.cjs"),r=require("./focusable-B6h03pAe.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`
+require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./focus-group-C8lOjbi9.cjs"),n=require("./sized-mixin-BT7cv-fT.cjs"),r=require("./focusable-B6h03pAe.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}

package/components/{accordion-BDchhAjE.js → accordion-ciplqKwM.js}

@@ -1,6 +1,6 @@
 /*! * Lucero - The design system for Luzmo.
  * 
- * Copyright © 2025 Luzmo
+ * Copyright © 2026 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.
@@ -15,6 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
+import "./tokens.js";
 import { n as e, t } from "./decorate-CkCg3wfh.js";
 import { t as n } from "./focus-group-DVPa1zxz.js";
 import { n as r } from "./sized-mixin-DzQTebN-.js";

package/components/action-bar/action-bar.d.ts

@@ -1,9 +1,9 @@
 import { CSSResultArray, TemplateResult } from 'lit';
 import { LuzmoElement } from '../../utils/base';
-import './../action-group/action-group';
+import './../action-group';
 import './../button/close-button';
-import './../field-label/field-label';
-import './../popover/popover';
+import './../field-label';
+import './../popover';
 export declare const actionBarVariants: string[];
 declare const LuzmoActionBar_base: typeof LuzmoElement;
 /**

package/components/action-bar/index.cjs

@@ -1,6 +1,6 @@
 /*! * Lucero - The design system for Luzmo.
  * 
- * Copyright © 2025 Luzmo
+ * Copyright © 2026 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.
@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../action-bar-CXT4lT30.cjs");exports.LuzmoActionBar=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../action-bar-DAqG_7VG.cjs");exports.LuzmoActionBar=e.t;

package/components/action-bar/index.js

@@ -1,6 +1,6 @@
 /*! * Lucero - The design system for Luzmo.
  * 
- * Copyright © 2025 Luzmo
+ * Copyright © 2026 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.
@@ -15,11 +15,6 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-(() => {
-	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-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--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: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--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-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--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 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--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-on-subtle-color: var(--luzmo-negative-color);--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-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--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-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--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}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-shadow-opacity: 0.35;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
-	}
-})();
-import { t as e } from "../action-bar-2FGCCKMW.js";
+import "../tokens.js";
+import { t as e } from "../action-bar-BZBIeGo7.js";
 export { e as LuzmoActionBar };

package/components/{action-bar-2FGCCKMW.js → action-bar-BZBIeGo7.js}

@@ -1,6 +1,6 @@
 /*! * Lucero - The design system for Luzmo.
  * 
- * Copyright © 2025 Luzmo
+ * Copyright © 2026 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.
@@ -15,12 +15,13 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
+import "./tokens.js";
 import { n as e, t } from "./decorate-CkCg3wfh.js";
 import { t as n } from "./focus-visible-Bt2uDmuM.js";
-import "./action-group-BQ-fyPYS.js";
-import "./close-button-D12zZ9zC.js";
-import "./field-label-B9S41b7c.js";
-import "./popover-DTsrgH-f.js";
+import "./action-group-DSiruuF0.js";
+import "./close-button-Dlvtf9lB.js";
+import "./field-label-C28wWqC5.js";
+import "./popover-DC8tkee-.js";
 import { html as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
 import { ifDefined as o } from "lit/directives/if-defined.js";

package/components/action-bar-DAqG_7VG.cjs

@@ -0,0 +1,39 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2026 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("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./focus-visible-DNHNlrty.cjs");require("./action-group-oo7YV0EW.cjs"),require("./close-button-BAELImQY.cjs"),require("./field-label-C0vfY1b6.cjs"),require("./popover-BsdqkvKI.cjs");let n=require("lit"),r=require("lit/decorators.js"),i=require("lit/directives/if-defined.js");var a=`@media (forced-colors:active){:host,:host([emphasized]) #popover{--highcontrast-action-bar-popover-border-color:CanvasText}}:host{padding:0 var(--luzmo-action-bar-spacing-outer-edge,var(--action-bar-spacing-outer-edge));z-index:1;box-sizing:border-box;pointer-events:none;opacity:0;block-size:0;inset-block-end:0}:host([open]){block-size:calc(var(--luzmo-action-bar-spacing-outer-edge,var(--action-bar-spacing-outer-edge)) + var(--luzmo-action-bar-height,var(--action-bar-height)));opacity:1}#popover{block-size:var(--luzmo-action-bar-height,var(--action-bar-height));box-sizing:border-box;border-radius:var(--luzmo-action-bar-border-radius,var(--action-bar-border-radius));border-color:var(--highcontrast-action-bar-popover-border-color,var(--luzmo-action-bar-popover-border-color,var(--action-bar-popover-border-color)));background-color:var(--luzmo-action-bar-popover-background-color,var(--action-bar-popover-background-color));inline-size:100%;filter:drop-shadow(var(--luzmo-action-bar-shadow-horizontal,var(--action-bar-shadow-horizontal)) var(--luzmo-action-bar-shadow-vertical,var(--action-bar-shadow-vertical)) var(--luzmo-action-bar-shadow-blur,var(--action-bar-shadow-blur)) var(--luzmo-action-bar-shadow-color,var(--action-bar-shadow-color)));pointer-events:auto;flex-direction:row;margin:auto;padding-block:0;display:flex;position:relative}.close-button{flex-shrink:0;margin-block-start:var(--luzmo-action-bar-spacing-close-button-top,var(--action-bar-spacing-close-button-top));margin-inline-start:var(--luzmo-action-bar-spacing-close-button-start,var(--action-bar-spacing-close-button-start));margin-inline-end:var(--luzmo-action-bar-spacing-close-button-end,var(--action-bar-spacing-close-button-end))}.field-label{font-size:var(--luzmo-action-bar-item-counter-font-size,var(--action-bar-item-counter-font-size));color:var(--luzmo-action-bar-item-counter-color,var(--action-bar-item-counter-color));line-height:var(--luzmo-action-bar-item-counter-line-height,var(--action-bar-item-counter-line-height));margin-block-start:var(--luzmo-action-bar-spacing-item-counter-top,var(--action-bar-spacing-item-counter-top));margin-inline-end:var(--luzmo-action-bar-spacing-item-counter-end,var(--action-bar-spacing-item-counter-end));padding:0}.field-label:lang(ja),.field-label:lang(ko),.field-label:lang(zh){line-height:var(--luzmo-action-bar-item-counter-line-height-cjk,var(--action-bar-item-counter-line-height-cjk))}.action-group{margin-block-start:var(--luzmo-action-bar-spacing-action-group-top,var(--action-bar-spacing-action-group-top));margin-inline-start:auto;margin-inline-end:var(--luzmo-action-bar-spacing-action-group-end,var(--action-bar-spacing-action-group-end))}:host([emphasized]) #popover{filter:none;background-color:var(--luzmo-action-bar-emphasized-background-color,var(--action-bar-emphasized-background-color));border-color:#0000}:host([emphasized]) .field-label{color:var(--luzmo-action-bar-emphasized-item-counter-color,var(--action-bar-emphasized-item-counter-color))}:host([variant=sticky]){position:sticky;inset-inline:0}:host([variant=fixed]){position:fixed}:host([flexible]) #popover{inline-size:auto}:host{--action-bar-height:var(--luzmo-component-height-xl);--action-bar-border-radius:var(--luzmo-border-radius);--action-bar-item-counter-font-size:var(--luzmo-font-size);--action-bar-item-counter-line-height:var(--luzmo-line-height);--action-bar-item-counter-color:var(--luzmo-font-color);--action-bar-item-counter-line-height-cjk:1.5;--action-bar-popover-background-color:var(--luzmo-background-color);--action-bar-popover-border-color:var(--luzmo-border-color);--action-bar-emphasized-background-color:var(--luzmo-primary);--action-bar-emphasized-item-counter-color:var(--luzmo-primary-inverse-color);--action-bar-spacing-outer-edge:var(--luzmo-spacing-5);--action-bar-spacing-close-button-top:calc(var(--luzmo-spacing-3) - var(--luzmo-border-width));--action-bar-spacing-close-button-start:calc(var(--luzmo-spacing-3) - var(--luzmo-border-width));--action-bar-spacing-close-button-end:var(--luzmo-spacing-3);--action-bar-spacing-item-counter-top:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--action-bar-spacing-item-counter-end:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-3));--action-bar-spacing-action-group-top:calc(var(--luzmo-spacing-3) - var(--luzmo-border-width));--action-bar-spacing-action-group-end:calc(var(--luzmo-spacing-3) - var(--luzmo-border-width));--action-bar-shadow-horizontal:0;--action-bar-shadow-vertical:1px;--action-bar-shadow-blur:4px;--action-bar-shadow-color:var(--luzmo-shadow-color);display:block}:host([flexible]){display:inline-block}`,o=[`sticky`,`fixed`],s=class extends t.t(e.n){constructor(...e){super(...e),this.emphasized=!1,this.flexible=!1,this.open=!1,this._variant=``}static get styles(){return[(0,n.unsafeCSS)(a)]}set variant(e){if(e!==this.variant){if(o.includes(e)){this.setAttribute(`variant`,e),this._variant=e;return}this.removeAttribute(`variant`),this._variant=``}}get variant(){return this._variant}handleClick(){this.open=!1,this.dispatchEvent(new Event(`close`,{bubbles:!0,composed:!0,cancelable:!0}))||(this.open=!0)}render(){return n.html`
+      <luzmo-popover ?open=${this.open} id="popover">
+        <slot name="override">
+          <luzmo-close-button
+            static-color=${(0,i.ifDefined)(this.emphasized?`white`:void 0)}
+            class="close-button"
+            label="Clear selection"
+            @click=${this.handleClick}
+          ></luzmo-close-button>
+          <luzmo-field-label class="field-label">
+            <slot></slot>
+          </luzmo-field-label>
+          <luzmo-action-group
+            class="action-group"
+            quiet
+            static-color=${(0,i.ifDefined)(this.emphasized?`white`:void 0)}
+          >
+            <slot name="buttons"></slot>
+          </luzmo-action-group>
+        </slot>
+      </luzmo-popover>
+    `}};e.t([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,`emphasized`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,`flexible`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,`open`,void 0),e.t([(0,r.property)({type:String})],s.prototype,`variant`,null),customElements.get(`luzmo-action-bar`)||customElements.define(`luzmo-action-bar`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/action-button/index.cjs

@@ -1,6 +1,6 @@
 /*! * Lucero - The design system for Luzmo.
  * 
- * Copyright © 2025 Luzmo
+ * Copyright © 2026 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.
@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../action-button-BKnzGQR6.cjs");exports.LuzmoActionButton=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../action-button-CX1uYbQp.cjs");exports.LuzmoActionButton=e.t;

package/components/action-button/index.js

@@ -1,6 +1,6 @@
 /*! * Lucero - The design system for Luzmo.
  * 
- * Copyright © 2025 Luzmo
+ * Copyright © 2026 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.
@@ -15,11 +15,6 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-(() => {
-	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-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--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: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--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-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--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 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--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-on-subtle-color: var(--luzmo-negative-color);--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-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--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-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--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}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-shadow-opacity: 0.35;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
-	}
-})();
-import { t as e } from "../action-button-OB5MM04X.js";
+import "../tokens.js";
+import { t as e } from "../action-button-BRijXjEz.js";
 export { e as LuzmoActionButton };

package/components/{action-button-OB5MM04X.js → action-button-BRijXjEz.js}

@@ -1,6 +1,6 @@
 /*! * Lucero - The design system for Luzmo.
  * 
- * Copyright © 2025 Luzmo
+ * Copyright © 2026 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.
@@ -15,6 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
+import "./tokens.js";
 import { t as e } from "./decorate-CkCg3wfh.js";
 import { n as t } from "./sized-mixin-DzQTebN-.js";
 import { t as n } from "./button-base-DiPzVpp4.js";

package/components/action-button-CX1uYbQp.cjs

@@ -0,0 +1,22 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2026 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("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./button-base-DiNxrttk.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("@luzmo/icons");var o=`:host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family,var(--luzmo-sans-font-family-stack,var(--luzmo-font-family)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height-100,var(--line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible;border-style:solid!important}:host(:focus){outline:none}:host([disabled]),:host([disabled]){cursor:default}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;max-block-size:100%;display:flex}#label{text-align:center;place-self:center}#label:empty{display:none}@media (forced-colors:active){:host{--highcontrast-action-button-focus-indicator-color:ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-action-button-background-color-default:Highlight;--highcontrast-action-button-background-color-hover:Highlight;--highcontrast-action-button-background-color-focus:Highlight;--highcontrast-action-button-background-color-down:Highlight;--highcontrast-action-button-background-color-disabled:ButtonFace;--highcontrast-action-button-border-color-default:HighlightText;--highcontrast-action-button-border-color-hover:HighlightText;--highcontrast-action-button-border-color-focus:HighlightText;--highcontrast-action-button-border-color-down:HighlightText;--highcontrast-action-button-border-color-disabled:GrayText;--highcontrast-action-button-content-color-default:HighlightText;--highcontrast-action-button-content-color-hover:HighlightText;--highcontrast-action-button-content-color-focus:HighlightText;--highcontrast-action-button-content-color-down:HighlightText;--highcontrast-action-button-content-color-disabled:GrayText}:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]),:host([selected]) #label{forced-color-adjust:none}}:host{--action-button-focus-indicator-border-radius:calc(var(--action-button-border-radius) + var(--action-button-focus-indicator-gap));--action-button-edge-to-visual:calc(var(--action-button-edge-to-visual-size) - var(--action-button-border-width));--action-button-edge-to-text:calc(var(--action-button-edge-to-text-size) - var(--action-button-border-width));--action-button-edge-to-visual-only:calc(var(--action-button-edge-to-visual-only-size) - var(--action-button-border-width));min-inline-size:var(--luzmo-action-button-min-width,var(--action-button-min-width));block-size:var(--luzmo-action-button-height,var(--action-button-height));border-radius:var(--luzmo-action-button-border-radius,var(--action-button-border-radius));gap:calc(var(--luzmo-action-button-text-to-visual,var(--action-button-text-to-visual)) + var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)));padding-inline:var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text));background-color:var(--highcontrast-action-button-background-color-default,var(--luzmo-action-button-background-color-default,var(--action-button-background-color-default)));color:var(--highcontrast-action-button-content-color-default,var(--luzmo-action-button-content-color-default,var(--action-button-content-color-default)));position:relative;border-width:var(--luzmo-action-button-border-width,var(--action-button-border-width))!important;border-color:var(--highcontrast-action-button-border-color-default,var(--luzmo-action-button-border-color-default,var(--action-button-border-color-default)))!important}: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])){--logical-rotation:matrix(-1, 0, 0, 1, 0, 0)}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-action-button-background-color-hover,var(--luzmo-action-button-background-color-hover,var(--action-button-background-color-hover)));color:var(--highcontrast-action-button-content-color-hover,var(--luzmo-action-button-content-color-hover,var(--action-button-content-color-hover)));border-color:var(--highcontrast-action-button-border-color-hover,var(--luzmo-action-button-border-color-hover,var(--action-button-border-color-hover)))!important}}:host(:focus-visible){background-color:var(--highcontrast-action-button-background-color-focus,var(--luzmo-action-button-background-color-focus,var(--action-button-background-color-focus)));color:var(--highcontrast-action-button-content-color-focus,var(--luzmo-action-button-content-color-focus,var(--action-button-content-color-focus)));border-color:var(--highcontrast-action-button-border-color-focus,var(--luzmo-action-button-border-color-focus,var(--action-button-border-color-focus)))!important}:host(:is(:active,[active])){background-color:var(--highcontrast-action-button-background-color-down,var(--luzmo-action-button-background-color-down,var(--action-button-background-color-down)));color:var(--highcontrast-action-button-content-color-down,var(--luzmo-action-button-content-color-down,var(--action-button-content-color-down)));border-color:var(--highcontrast-action-button-border-color-down,var(--luzmo-action-button-border-color-down,var(--action-button-border-color-down)))!important}:host([disabled]),:host([disabled]){background-color:var(--highcontrast-action-button-background-color-disabled,var(--luzmo-action-button-background-color-disabled,var(--action-button-background-color-disabled)));color:var(--highcontrast-action-button-content-color-disabled,var(--luzmo-action-button-content-color-disabled,var(--action-button-content-color-disabled)));border-color:var(--highcontrast-action-button-border-color-disabled,var(--luzmo-action-button-border-color-disabled,var(--action-button-border-color-disabled)))!important}:host([selected]){--luzmo-action-button-background-color-default:var(--luzmo-action-button-background-color-default-selected);--luzmo-action-button-background-color-hover:var(--luzmo-action-button-background-color-hover-selected);--luzmo-action-button-background-color-down:var(--luzmo-action-button-background-color-down-selected);--luzmo-action-button-background-color-focus:var(--luzmo-action-button-background-color-focus-selected);--luzmo-action-button-content-color-default:var(--luzmo-action-button-content-color-default-selected);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-content-color-hover-selected);--luzmo-action-button-content-color-down:var(--luzmo-action-button-content-color-down-selected);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-content-color-focus-selected)}:host([selected][emphasized]){--luzmo-action-button-background-color-default:var(--luzmo-action-button-background-color-default-selected-emphasized);--luzmo-action-button-background-color-hover:var(--luzmo-action-button-background-color-hover-selected-emphasized);--luzmo-action-button-background-color-down:var(--luzmo-action-button-background-color-down-selected-emphasized);--luzmo-action-button-background-color-focus:var(--luzmo-action-button-background-color-focus-selected-emphasized);--luzmo-action-button-content-color-default:var(--luzmo-action-button-content-color-default-selected-emphasized);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-content-color-hover-selected-emphasized);--luzmo-action-button-content-color-down:var(--luzmo-action-button-content-color-down-selected-emphasized);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-content-color-focus-selected-emphasized)}:host([selected][static-color=black]),:host([selected][static-color=white]){--luzmo-action-button-content-color-default:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-down:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-static-content-color)}::slotted([slot=icon]){min-inline-size:var(--luzmo-action-button-icon-size,var(--action-button-icon-size));color:inherit;margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}.hold-affordance+::slotted([slot=icon]){margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}.hold-affordance+[icon-only]::slotted([slot=icon]),[icon-only]::slotted([slot=icon]){text-align:center;margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}#label{pointer-events:none;font-size:var(--luzmo-action-button-font-size,var(--action-button-font-size));white-space:nowrap;color:var(--luzmo-action-button-label-color,inherit);text-overflow:ellipsis;overflow:hidden}:host([data-luzmo-language-script=Latn]) #label{text-box:trim-both cap alphabetic;margin-block:-.35em;padding-block:.35em}.hold-affordance{color:inherit;transform:var(--logical-rotation);font-size:var(--action-button-corner-triangle-size);position:absolute;inset-block-end:calc(var(--luzmo-action-button-edge-to-hold-icon,var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width,var(--action-button-border-width)));inset-inline-end:calc(var(--luzmo-action-button-edge-to-hold-icon,var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width,var(--action-button-border-width)))}:host{transition:border-color var(--luzmo-action-button-animation-duration,var(--action-button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-action-button-focus-indicator-gap,var(--action-button-focus-indicator-gap)) + var(--luzmo-action-button-border-width,var(--action-button-border-width))) * -1);border-radius:var(--luzmo-action-button-focus-indicator-border-radius,var(--action-button-focus-indicator-border-radius));transition:box-shadow var(--luzmo-action-button-animation-duration,var(--action-button-animation-duration)) ease-in-out;pointer-events:none;content:"";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-action-button-focus-indicator-width,var(--action-button-focus-indicator-width)) var(--highcontrast-action-button-focus-indicator-color,var(--luzmo-action-button-focus-indicator-color,var(--action-button-focus-indicator-color)))}:host{--action-button-animation-duration:var(--luzmo-animation-duration);--action-button-border-radius:var(--luzmo-border-radius);--action-button-border-width:var(--luzmo-border-width);--action-button-content-color-default:var(--luzmo-font-color);--action-button-content-color-hover:var(--luzmo-font-color-hover);--action-button-content-color-down:var(--luzmo-font-color-down);--action-button-content-color-focus:var(--luzmo-font-color-focus);--action-button-focus-indicator-gap:var(--luzmo-indicator-gap);--action-button-focus-indicator-width:var(--luzmo-indicator-width);--action-button-focus-indicator-color:var(--luzmo-indicator-color);--action-button-background-color-default:var(--luzmo-background-color);--action-button-background-color-hover:var(--luzmo-background-color-hover);--action-button-background-color-down:var(--luzmo-background-color-down);--action-button-background-color-focus:var(--luzmo-background-color-focus);--action-button-border-color-default:var(--luzmo-border-color);--action-button-border-color-hover:var(--luzmo-border-color-hover);--action-button-border-color-down:var(--luzmo-border-color-down);--action-button-border-color-focus:var(--luzmo-border-color-focus);--action-button-background-color-disabled:var(--luzmo-background-color);--action-button-border-color-disabled:var(--luzmo-border-color-disabled);--action-button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([treatment=fill]:not([quiet],[selected],[static-color]):is([variant=neutral],:not([variant]))){--action-button-background-color-default:var(--luzmo-background-color-highlight);--action-button-background-color-hover:var(--luzmo-background-color-highlight-hover);--action-button-background-color-down:var(--luzmo-background-color-highlight-down);--action-button-background-color-focus:var(--luzmo-background-color-highlight-focus);--action-button-border-color-hover:var(--luzmo-border-color);--action-button-background-color-disabled:var(--luzmo-background-color-disabled)}:host([quiet]){--action-button-background-color-default:transparent;--action-button-background-color-hover:var(--luzmo-background-color-hover);--action-button-background-color-down:var(--luzmo-background-color-down);--action-button-background-color-focus:var(--luzmo-background-color-focus);--action-button-background-color-disabled:transparent;--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent}:host([selected]){--action-button-background-color-default:var(--luzmo-font-color);--action-button-background-color-hover:var(--luzmo-font-color-hover);--action-button-background-color-down:var(--luzmo-font-color-down);--action-button-background-color-focus:var(--luzmo-font-color-focus);--action-button-content-color-default:var(--luzmo-background-color);--action-button-content-color-hover:var(--luzmo-background-color);--action-button-content-color-down:var(--luzmo-background-color);--action-button-content-color-focus:var(--luzmo-background-color);--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent;--action-button-background-color-disabled:var(--luzmo-background-color-disabled)}:host([selected][emphasized]){--action-button-background-color-default:var(--luzmo-primary);--action-button-background-color-hover:var(--luzmo-primary-hover);--action-button-background-color-down:var(--luzmo-primary-down);--action-button-background-color-focus:var(--luzmo-primary-focus);--action-button-content-color-default:var(--luzmo-primary-inverse-color);--action-button-content-color-hover:var(--luzmo-primary-inverse-color);--action-button-content-color-down:var(--luzmo-primary-inverse-color);--action-button-content-color-focus:var(--luzmo-primary-inverse-color)}:host([variant=primary]:not([quiet],[selected],[static-color])){--action-button-background-color-default:transparent;--action-button-background-color-hover:var(--luzmo-background-color-hover);--action-button-background-color-down:var(--luzmo-background-color-down);--action-button-background-color-focus:var(--luzmo-background-color-focus);--action-button-border-color-default:var(--luzmo-primary);--action-button-border-color-hover:var(--luzmo-primary-hover);--action-button-border-color-down:var(--luzmo-primary-down);--action-button-border-color-focus:var(--luzmo-primary-focus);--action-button-content-color-default:var(--luzmo-primary);--action-button-content-color-hover:var(--luzmo-primary-down);--action-button-content-color-down:var(--luzmo-primary-down);--action-button-content-color-focus:var(--luzmo-primary-focus);--action-button-background-color-disabled:transparent;--action-button-border-color-disabled:var(--luzmo-border-color-disabled);--action-button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=negative]:not([static-color])){--action-button-background-color-hover:rgba(var(--luzmo-negative-color-rgb), .1);--action-button-background-color-down:rgba(var(--luzmo-negative-color-rgb), .16);--action-button-background-color-focus:rgba(var(--luzmo-negative-color-rgb), .1);--action-button-content-color-default:var(--luzmo-negative-color);--action-button-content-color-hover:var(--luzmo-negative-color-hover);--action-button-content-color-down:var(--luzmo-negative-color-down);--action-button-content-color-focus:var(--luzmo-negative-color-focus)}:host([variant=negative]:not([quiet],[selected],[static-color])){--action-button-border-color-default:var(--luzmo-negative-color);--action-button-border-color-hover:var(--luzmo-negative-color-hover);--action-button-border-color-down:var(--luzmo-negative-color-down);--action-button-border-color-focus:var(--luzmo-negative-color-focus)}:host([variant=negative][selected]:not([static-color])){--action-button-background-color-default:var(--luzmo-negative-color);--action-button-background-color-hover:var(--luzmo-negative-color-hover);--action-button-background-color-down:var(--luzmo-negative-color-down);--action-button-background-color-focus:var(--luzmo-negative-color-focus);--action-button-content-color-default:var(--luzmo-negative-inverse-color);--action-button-content-color-hover:var(--luzmo-negative-inverse-color);--action-button-content-color-down:var(--luzmo-negative-inverse-color);--action-button-content-color-focus:var(--luzmo-negative-inverse-color)}:host([static-color=black][quiet]),:host([static-color=white][quiet]){--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent}:host([static-color=black]){--action-button-background-color-default:transparent;--action-button-background-color-hover:#00000040;--action-button-background-color-down:#0006;--action-button-background-color-focus:#00000040;--action-button-background-color-disabled:transparent;--action-button-border-color-default:#0006;--action-button-border-color-hover:#0000008c;--action-button-border-color-down:#000000b3;--action-button-border-color-focus:#00000040;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#000;--action-button-content-color-hover:#000;--action-button-content-color-down:#000;--action-button-content-color-focus:#000;--action-button-content-color-disabled:#0000008c;--action-button-focus-indicator-color:#000}:host([static-color=black][selected]){--action-button-background-color-default:#000000e6;--action-button-background-color-hover:#000;--action-button-background-color-down:#000;--action-button-background-color-focus:#000;--action-button-background-color-disabled:#0000001a;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff}:host([static-color=black][selected][emphasized]){--action-button-background-color-default:#000000e6;--action-button-background-color-hover:#000;--action-button-background-color-down:#000;--action-button-background-color-focus:#000;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff}:host([static-color=white]){--action-button-background-color-default:transparent;--action-button-background-color-hover:#ffffff40;--action-button-background-color-down:#fff6;--action-button-background-color-focus:#ffffff40;--action-button-background-color-disabled:transparent;--action-button-border-color-default:#fff6;--action-button-border-color-hover:#ffffff8c;--action-button-border-color-down:#ffffffb3;--action-button-border-color-focus:#ffffff8c;--action-button-border-color-disabled:#ffffff40;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff;--action-button-content-color-disabled:#ffffff8c;--action-button-focus-indicator-color:#fff}:host([static-color=white][selected]){--action-button-background-color-default:#ffffffe6;--action-button-background-color-hover:#fff;--action-button-background-color-down:#fff;--action-button-background-color-focus:#fff;--action-button-background-color-disabled:#ffffff1a;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#000;--action-button-content-color-hover:#000;--action-button-content-color-down:#000;--action-button-content-color-focus:#000}:host([static-color=white][selected][emphasized]){--action-button-background-color-default:#ffffffe6;--action-button-background-color-hover:#fff;--action-button-background-color-down:#fff;--action-button-background-color-focus:#fff;--action-button-content-color-default:#000}:host([variant=pill]),:host([variant=accent]),:host([variant=pill][size]),:host([variant=accent][size]){--action-button-min-width:auto}:host([variant=accent]){--action-button-background-color-default:color-mix(in oklch, var(--luzmo-primary), white 88%);--action-button-background-color-hover:color-mix(in oklch, var(--luzmo-primary), white 75%);--action-button-background-color-down:var(--action-button-background-color-hover);--action-button-background-color-focus:var(--action-button-background-color-hover);--action-button-border-color-default:color-mix(in oklch, var(--luzmo-primary), white 70%);--action-button-border-color-hover:color-mix(in oklch, var(--luzmo-primary), white 50%);--action-button-border-color-down:var(--action-button-border-color-hover);--action-button-border-color-focus:var(--action-button-border-color-hover);--action-button-content-color-default:color-mix(in oklch, var(--luzmo-primary), black 25%);--action-button-content-color-hover:var(--action-button-content-color-default);--action-button-content-color-down:var(--action-button-content-color-default);--action-button-content-color-focus:var(--action-button-content-color-default);--action-button-background-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 92%);--action-button-border-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 85%);--action-button-content-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 40%)}:host{--action-button-min-width:var(--luzmo-component-height);--action-button-height:var(--luzmo-component-height);--action-button-icon-size:var(--luzmo-font-size-l);--action-button-font-size:var(--luzmo-font-size);--action-button-text-to-visual:var(--luzmo-spacing-2);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-visual-only-size:var(--luzmo-spacing-3);--action-button-edge-to-text-size:12px;--action-button-corner-triangle-size:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=xs]){--action-button-min-width:var(--luzmo-component-height-xs);--action-button-height:var(--luzmo-component-height-xs);--action-button-icon-size:var(--luzmo-font-size-s);--action-button-font-size:var(--luzmo-font-size-xs);--action-button-text-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-visual-only-size:var(--luzmo-spacing-2);--action-button-edge-to-text-size:var(--luzmo-spacing-2);--action-button-corner-triangle-size:var(--luzmo-spacing-2)}:host([size=s]){--action-button-min-width:var(--luzmo-component-height-s);--action-button-height:var(--luzmo-component-height-s);--action-button-icon-size:var(--luzmo-font-size);--action-button-font-size:var(--luzmo-font-size-s);--action-button-text-to-visual:var(--luzmo-spacing-3);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:var(--luzmo-spacing-3);--action-button-edge-to-visual-only-size:var(--luzmo-spacing-2);--action-button-edge-to-text-size:var(--luzmo-spacing-3);--action-button-corner-triangle-size:var(--luzmo-spacing-2)}:host([size=l]){--action-button-min-width:var(--luzmo-component-height-l);--action-button-height:var(--luzmo-component-height-l);--action-button-icon-size:var(--luzmo-font-size-xl);--action-button-font-size:var(--luzmo-font-size-l);--action-button-text-to-visual:var(--luzmo-spacing-3);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:var(--luzmo-spacing-4);--action-button-edge-to-visual-only-size:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-text-size:var(--luzmo-spacing-5);--action-button-corner-triangle-size:var(--luzmo-spacing-3)}:host([size=xl]){--action-button-min-width:var(--luzmo-component-height-xl);--action-button-height:var(--luzmo-component-height-xl);--action-button-icon-size:var(--luzmo-font-size-xxl);--action-button-font-size:var(--luzmo-font-size-xl);--action-button-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-hold-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-visual-size:var(--luzmo-spacing-5);--action-button-edge-to-visual-only-size:var(--luzmo-spacing-4);--action-button-edge-to-text-size:var(--luzmo-spacing-5);--action-button-corner-triangle-size:var(--luzmo-spacing-3)}::slotted([slot=icon]){flex-shrink:0}#label{flex-grow:var(--action-button-label-flex-grow);text-align:var(--action-button-label-text-align);pointer-events:none!important}:host([size=xs]){min-width:var(--action-button-height,0);--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) - var(--action-button-border-width))}:host([size=s]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) - var(--action-button-border-width))}:host([size=m]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1) - var(--action-button-border-width))}:host([size=l]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-3) - var(--action-button-border-width))}:host([size=xl]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-4) - var(--action-button-border-width))}@media (forced-colors:active){:host{--highcontrast-action-button-border-color-disabled:GrayText;--highcontrast-action-button-content-color-disabled:GrayText}}`,s,c=[`neutral`,`primary`,`negative`,`pill`,`accent`],l=class extends t.n(n.t,{validSizes:[`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[...super.styles,(0,r.unsafeCSS)(o)]}get variant(){return this._variant}set variant(e){let t=c.includes(e)?e:`neutral`;if(t===this._variant){this.getAttribute(`variant`)!==t&&this.setAttribute(`variant`,t);return}let n=this._variant;this._variant=t,this.requestUpdate(`variant`,n),this.setAttribute(`variant`,t)}get value(){return this._value||this.itemText}set value(e){e!==this._value&&(this._value=e||``,this._value?this.setAttribute(`value`,this._value):this.removeAttribute(`value`))}get itemText(){return(this.textContent||``).trim()}constructor(){super(),this.emphasized=!1,this.holdAffordance=!1,this.quiet=!1,this.treatment=`outline`,this.role=`button`,this.selected=!1,this.toggles=!1,this._variant=`neutral`,this._value=``,this.onClick=()=>{this.toggles&&(this.selected=!this.selected,this.dispatchEvent(new Event(`change`,{cancelable:!0,bubbles:!0,composed:!0}))||(this.selected=!this.selected))},this.addEventListener(`click`,this.onClick)}handlePointerdownHoldAffordance(e){e.button===0&&(this.addEventListener(`pointerup`,this.handlePointerupHoldAffordance),this.addEventListener(`pointercancel`,this.handlePointerupHoldAffordance),s=setTimeout(()=>{this.dispatchEvent(new CustomEvent(`longpress`,{bubbles:!0,composed:!0,detail:{source:`pointer`}}))},300))}handlePointerupHoldAffordance(){clearTimeout(s),this.removeEventListener(`pointerup`,this.handlePointerupHoldAffordance),this.removeEventListener(`pointercancel`,this.handlePointerupHoldAffordance)}handleKeydown(e){if(!this.holdAffordance)return super.handleKeydown(e);let{code:t,altKey:n}=e;(t===`Space`||n&&t===`ArrowDown`)&&(e.preventDefault(),t===`ArrowDown`&&(e.stopPropagation(),e.stopImmediatePropagation()),this.addEventListener(`keyup`,this.handleKeyup),this.active=!0)}handleKeyup(e){if(!this.holdAffordance)return super.handleKeyup(e);let{code:t,altKey:n}=e;(t===`Space`||n&&t===`ArrowDown`)&&(e.stopPropagation(),this.dispatchEvent(new CustomEvent(`longpress`,{bubbles:!0,composed:!0,detail:{source:`keyboard`}})),this.active=!1)}get buttonContent(){let e=super.buttonContent;return this.holdAffordance&&e.unshift(r.html`
+        <div class="hold-affordance corner-triangle-${this.size}">
+          ${(0,a.luzmoIcon)(a.luzmoCornerTriangle)}
+        </div>
+      `),e}updated(e){super.updated(e);let t=this.role===`button`,n=t&&(this.selected||this.toggles)&&!(this.hasAttribute(`aria-haspopup`)&&this.hasAttribute(`aria-expanded`));(e.has(`selected`)||e.has(`role`))&&(n?this.setAttribute(`aria-pressed`,this.selected?`true`:`false`):(this.removeAttribute(`aria-pressed`),t&&this.toggles&&this.hasAttribute(`aria-expanded`)&&this.setAttribute(`aria-expanded`,this.selected?`true`:`false`))),e.has(`holdAffordance`)&&(this.holdAffordance?this.addEventListener(`pointerdown`,this.handlePointerdownHoldAffordance):(this.removeEventListener(`pointerdown`,this.handlePointerdownHoldAffordance),this.handlePointerupHoldAffordance()))}};e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`emphasized`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0,attribute:`hold-affordance`})],l.prototype,`holdAffordance`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`quiet`,void 0),e.t([(0,i.property)({reflect:!0})],l.prototype,`treatment`,void 0),e.t([(0,i.property)({reflect:!0})],l.prototype,`role`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`selected`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`toggles`,void 0),e.t([(0,i.property)({reflect:!0,attribute:`static-color`})],l.prototype,`staticColor`,void 0),e.t([(0,i.property)()],l.prototype,`variant`,null),e.t([(0,i.property)({type:String})],l.prototype,`value`,null),customElements.get(`luzmo-action-button`)||customElements.define(`luzmo-action-button`,l),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/components/action-group/index.cjs

@@ -1,6 +1,6 @@
 /*! * Lucero - The design system for Luzmo.
  * 
- * Copyright © 2025 Luzmo
+ * Copyright © 2026 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.
@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../action-group-D1G30Iir.cjs");customElements.get(`luzmo-action-group`)||customElements.define(`luzmo-action-group`,e.t),exports.LuzmoActionGroup=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../action-group-oo7YV0EW.cjs");exports.LuzmoActionGroup=e.t;