@luzmo/lucero 0.0.4 → 0.0.6

package/{lib/legend-position → components}/index.js

@@ -15,22 +15,71 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { L as b, n as u } from "../base-nYalvNMy.js";
-import { unsafeCSS as z, html as d } from "lit";
-const a = () => {
+import { LuzmoAccordion as A, LuzmoAccordionItem as I } from "./accordion/index.js";
+import { LuzmoActionBar as T } from "./action-bar/index.js";
+import { LuzmoActionButton as R } from "./action-button/index.js";
+import "./action-group/index.js";
+import { LuzmoActionMenu as B } from "./action-menu/index.js";
+import { LuzmoAvatar as F } from "./avatar/index.js";
+import { LuzmoButton as D } from "./button/index.js";
+import { LuzmoButtonGroup as q } from "./button-group/index.js";
+import { LuzmoCheckbox as N } from "./checkbox/index.js";
+import { LuzmoColorArea as $ } from "./color-area/index.js";
+import { LuzmoColorField as j } from "./color-field/index.js";
+import { LuzmoColorHandle as K } from "./color-handle/index.js";
+import "./color-loupe/index.js";
+import { LuzmoColorMenu as W } from "./color-menu/index.js";
+import { LuzmoColorPicker as Y } from "./color-picker/index.js";
+import { LuzmoColorSlider as oo } from "./color-slider/index.js";
+import { Divider as eo } from "./divider/index.js";
+import "./field-group/index.js";
+import "./field-label/index.js";
+import { LuzmoIcon as lo } from "./icon/index.js";
+import { LuzmoInfieldButton as io } from "./infield-button/index.js";
+import { LuzmoLabel as ao } from "./label/index.js";
+import { L as p, r as z, x as c, n as u } from "./base-CxUap9HL.js";
+import { L as no, a as co, b as po, c as zo, M as fo } from "./index-Ci6Jnhu4.js";
+import { LuzmoMultiLangField as go } from "./multi-language-field/index.js";
+import { LuzmoNumberField as ho } from "./number-field/index.js";
+import { OverlayTrigger as Lo, OverlayTriggerDirective as yo, SlottableRequestDirective as ko, openOverlay as Co, slottableRequest as wo, trigger as So } from "./overlay/index.js";
+import "./picker/index.js";
+import "./popover/index.js";
+import "./progress-circle/index.js";
+import { LuzmoRadio as Io, LuzmoRadioGroup as Po } from "./radio/index.js";
+import { LuzmoSearch as Oo } from "./search/index.js";
+import { LuzmoSlider as Eo } from "./slider/index.js";
+import { LuzmoSwatch as Mo, LuzmoSwatchGroup as Fo } from "./swatch/index.js";
+import { LuzmoSwitch as Do } from "./switch/index.js";
+import { LuzmoTag as qo, LuzmoTags as Ho } from "./tags/index.js";
+import { HelpText as _o } from "./text-field/index.js";
+import { Tooltip as Vo } from "./tooltip/index.js";
+import { LuzmoUnitInput as Jo } from "./unit-input/index.js";
+import { L as Qo } from "./action-group-B7oQXv30.js";
+import { L as Xo } from "./clear-button-CyLF5dx_.js";
+import { L as Zo } from "./close-button-CzpdWCWI.js";
+import { L as rr } from "./color-loupe-CD-dhmB1.js";
+import { L as tr } from "./field-group-DAImvhSF.js";
+import { F as mr } from "./field-label-DY9iRmRI.js";
+import { A as ur, C as ar, H as sr, b as nr, I as cr, L as dr, c as pr, O as zr, P as fr, V as br, g as gr, a as xr, n as hr, o as vr, p as Lr } from "./overlay-C2Cck0Az.js";
+import { S as kr, r as Cr } from "./slottable-request-event-DggLA4Rx.js";
+import { D as Sr, a as Ar, L as Ir } from "./picker-BZAWrSDk.js";
+import { Popover as Tr } from "./popover-D0EliN0L.js";
+import { L as Rr } from "./progress-circle-_-9sAlMM.js";
+import { L as Br } from "./text-field-05QNK_Lj.js";
+const d = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-    const 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: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(e);
+    const r = document.createElement("style");
+    r.setAttribute("data-luzmo-vars", ""), r.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(r);
   }
 };
-a();
-const g = ":host{border:.0625rem solid var(--luzmo-border-color);width:5.625rem;padding:.125rem .1875rem .1875rem;border-radius:var(--luzmo-border-radius)}.segment{height:1.5rem;width:100%;padding:.125rem 0;position:relative}.segment .option-block{width:1.5rem;height:1.25rem;border:.0625rem solid var(--luzmo-border-color);border-radius:.1875rem;background:var(--luzmo-background-color-hover);transition:background-color .2s ease-in-out;cursor:pointer;position:absolute}.segment .option-block:hover{background:var(--luzmo-secondary)}.segment .option-block.active,.segment .option-block.active:hover{background:var(--luzmo-primary)}.segment .option-block.top-left,.segment .option-block.left,.segment .option-block.bottom-left{left:0}.segment .option-block.top-right,.segment .option-block.right,.segment .option-block.bottom-right{right:0}.segment .option-block.top,.segment .option-block.middle,.segment .option-block.bottom{left:50%;transform:translate(-50%)}";
-var p = Object.defineProperty, s = (e, l, o, i) => {
-  for (var r = void 0, m = e.length - 1, c; m >= 0; m--)
-    (c = e[m]) && (r = c(l, o, r) || r);
-  return r && p(l, o, r), r;
+d();
+const f = ":host{border:.0625rem solid var(--luzmo-border-color);width:5.625rem;padding:.125rem .1875rem .1875rem;border-radius:var(--luzmo-border-radius)}.segment{height:1.5rem;width:100%;padding:.125rem 0;position:relative}.segment .option-block{width:1.5rem;height:1.25rem;border:.0625rem solid var(--luzmo-border-color);border-radius:.1875rem;background:var(--luzmo-background-color-hover);transition:background-color .2s ease-in-out;cursor:pointer;position:absolute}.segment .option-block:hover{background:var(--luzmo-secondary)}.segment .option-block.active,.segment .option-block.active:hover{background:var(--luzmo-primary)}.segment .option-block.top-left,.segment .option-block.left,.segment .option-block.bottom-left{left:0}.segment .option-block.top-right,.segment .option-block.right,.segment .option-block.bottom-right{right:0}.segment .option-block.top,.segment .option-block.middle,.segment .option-block.bottom{left:50%;transform:translate(-50%)}";
+var b = Object.defineProperty, a = (r, e, o, m) => {
+  for (var t = void 0, i = r.length - 1, n; i >= 0; i--)
+    (n = r[i]) && (t = n(e, o, t) || t);
+  return t && b(e, o, t), t;
 };
-const n = class n extends b {
+const s = class s extends p {
   constructor() {
     super(...arguments), this.value = "topRight", this.disabled = !1, this.disabledPositions = ["middle"], this.positions = [
       { topLeft: "top-left", top: "top", topRight: "top-right" },
@@ -42,8 +91,8 @@ const n = class n extends b {
       }
     ];
   }
-  setPosition(l) {
-    this.disabled || (this.value = l, this.requestUpdate(), this.dispatchEvent(
+  setPosition(e) {
+    this.disabled || (this.value = e, this.requestUpdate(), this.dispatchEvent(
       new CustomEvent("change", {
         detail: this.value,
         bubbles: !0,
@@ -53,12 +102,12 @@ const n = class n extends b {
   }
   render() {
     return this.positions.map(
-      (l) => d`
+      (e) => c`
         <div class="segment${this.disabled ? " disabled" : ""}">
-          ${Object.entries(l).filter(([o, i]) => !this.disabledPositions.includes(o)).map(
-        ([o, i]) => d`
+          ${Object.entries(e).filter(([o, m]) => !this.disabledPositions.includes(o)).map(
+        ([o, m]) => c`
                 <div
-                  class="option-block ${i} ${this.value === o ? "active" : ""}"
+                  class="option-block ${m} ${this.value === o ? "active" : ""}"
                   @click=${() => this.setPosition(o)}
                 ></div>
               `
@@ -68,18 +117,91 @@ const n = class n extends b {
     );
   }
 };
-n.styles = z(g);
-let t = n;
-s([
+s.styles = z(f);
+let l = s;
+a([
   u({ type: String, reflect: !0, attribute: "value" })
-], t.prototype, "value");
-s([
+], l.prototype, "value");
+a([
   u({ type: Boolean, reflect: !0, attribute: "disabled" })
-], t.prototype, "disabled");
-s([
+], l.prototype, "disabled");
+a([
   u({ type: Array, reflect: !0, attribute: "disabledPositions" })
-], t.prototype, "disabledPositions");
-customElements.get("luzmo-legend-position") || customElements.define("luzmo-legend-position", t);
+], l.prototype, "disabledPositions");
+customElements.get("luzmo-legend-position") || customElements.define("luzmo-legend-position", l);
 export {
-  t as LuzmoLegendPosition
+  ur as AbstractOverlay,
+  ar as ClickController,
+  Sr as DESCRIPTION_ID,
+  eo as Divider,
+  mr as FieldLabel,
+  _o as HelpText,
+  sr as HoverController,
+  nr as InteractionController,
+  cr as InteractionTypes,
+  dr as LONGPRESS_INSTRUCTIONS,
+  pr as LongpressController,
+  A as LuzmoAccordion,
+  I as LuzmoAccordionItem,
+  T as LuzmoActionBar,
+  R as LuzmoActionButton,
+  Qo as LuzmoActionGroup,
+  B as LuzmoActionMenu,
+  F as LuzmoAvatar,
+  D as LuzmoButton,
+  q as LuzmoButtonGroup,
+  N as LuzmoCheckbox,
+  Xo as LuzmoClearButton,
+  Zo as LuzmoCloseButton,
+  $ as LuzmoColorArea,
+  j as LuzmoColorField,
+  K as LuzmoColorHandle,
+  rr as LuzmoColorLoupe,
+  W as LuzmoColorMenu,
+  Y as LuzmoColorPicker,
+  oo as LuzmoColorSlider,
+  tr as LuzmoFieldGroup,
+  lo as LuzmoIcon,
+  io as LuzmoInfieldButton,
+  ao as LuzmoLabel,
+  l as LuzmoLegendPosition,
+  no as LuzmoMenu,
+  co as LuzmoMenuDivider,
+  po as LuzmoMenuGroup,
+  zo as LuzmoMenuItem,
+  go as LuzmoMultiLangField,
+  ho as LuzmoNumberField,
+  Ar as LuzmoPicker,
+  Ir as LuzmoPickerBase,
+  Rr as LuzmoProgressCircle,
+  Io as LuzmoRadio,
+  Po as LuzmoRadioGroup,
+  Oo as LuzmoSearch,
+  Eo as LuzmoSlider,
+  Mo as LuzmoSwatch,
+  Fo as LuzmoSwatchGroup,
+  Do as LuzmoSwitch,
+  qo as LuzmoTag,
+  Ho as LuzmoTags,
+  Br as LuzmoTextField,
+  Jo as LuzmoUnitInput,
+  fo as MenuItemAddedOrUpdatedEvent,
+  zr as Overlay,
+  Lo as OverlayTrigger,
+  yo as OverlayTriggerDirective,
+  fr as PlacementController,
+  Tr as Popover,
+  ko as SlottableRequestDirective,
+  kr as SlottableRequestEvent,
+  Vo as Tooltip,
+  br as VirtualTrigger,
+  gr as guaranteedAllTransitionend,
+  xr as nextFrame,
+  hr as noop,
+  Co as openOverlay,
+  vr as overlayTimer,
+  Lr as placementUpdatedSymbol,
+  Cr as removeSlottableRequest,
+  wo as slottableRequest,
+  So as trigger
 };

package/components/infield-button/index.cjs

@@ -0,0 +1,22 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../base-rtxi7uaR.cjs"),u=require("../sized-mixin-BAI6NiE2.cjs"),b=require("../button-base-DjqSZyn2.cjs"),s="@media (forced-colors: active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color: Highlight}}@media (forced-colors: active) and (hover: hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color: Highlight}}:host{background-color:initial;cursor:pointer;block-size:var(--luzmo-infield-button-height, var(--infield-button-height));inline-size:var(--luzmo-infield-button-width, var(--infield-button-width));padding:var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill));color:var(--infield-button-content-color, inherit);border-style:none;justify-content:center;align-items:center;display:flex}.fill{block-size:100%;inline-size:100%;background-color:var(--luzmo-infield-button-background-color, var(--infield-button-background-color));border-width:var(--luzmo-infield-button-border-width, var(--infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color, var(--luzmo-infield-button-border-color, var(--infield-button-border-color)));padding:var(--luzmo-infield-button-fill-padding, var(--infield-button-fill-padding));border-start-start-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-start-end-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-end-end-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-end-start-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius))}::slotted(*){color:var(--luzmo-infield-button-icon-color, var(--infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 28px)}:host([block=end][size=s]),:host([block=start][size=s]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 20px)}:host([block=end][size=l]),:host([block=start][size=l]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 36px)}:host([block=end][size=xl]),:host([block=start][size=xl]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 44px)}:host([quiet]){--infield-button-background-color: var( --luzmo-infield-button-background-color-quiet, transparent );--infield-button-background-color-hover: var( --luzmo-infield-button-background-color-hover-quiet, transparent );--infield-button-background-color-down: var( --luzmo-infield-button-background-color-down-quiet, transparent );--infield-button-background-color-key-focus: var( --luzmo-infield-button-background-color-key-focus-quiet, transparent );--infield-border-color: var(--luzmo-infield-border-color-quiet, transparent);--infield-button-border-width: var( --luzmo-infield-button-border-width-quiet, 0 )}:host([quiet][disabled]){--infield-button-background-color: var( --luzmo-infield-button-background-color-quiet-disabled, transparent );--infield-button-border-color: var( --luzmo-infield-button-border-color-quiet-disabled, transparent )}:host([disabled]){--infield-button-background-color: var( --luzmo-infield-button-background-color-disabled, var(--luzmo-background-color-disabled) );--infield-button-background-color-hover: var( --luzmo-infield-button-background-color-hover-disabled, var(--luzmo-background-color-disabled) );--infield-button-background-color-down: var( --luzmo-infield-button-background-color-down-disabled, var(--luzmo-background-color-disabled) );--infield-button-border-color: var( --luzmo-infield-button-border-color-disabled, var(--luzmo-background-color-disabled) );--infield-button-content-color: var( --luzmo-infield-button-content-color-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color: var( --luzmo-infield-button-icon-color-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color-hover: var( --luzmo-infield-button-icon-color-hover-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color-down: var( --luzmo-infield-button-icon-color-down-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color-key-focus: var( --luzmo-infield-button-icon-color-key-focus-disabled, var(--luzmo-color-disabled) );cursor:auto}@media (hover: hover){:host(:hover) .fill{background-color:var(--luzmo-infield-button-background-color-hover, var(--infield-button-background-color-hover))}:host(:hover) ::slotted(*){color:var(--luzmo-infield-button-icon-color-hover, var(--infield-button-icon-color-hover))}}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-infield-button-background-color-down, var(--infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--luzmo-infield-button-icon-color-down, var(--infield-button-icon-color-down))}:host(:focus-visible){outline:none}:host(:focus-visible) .fill{background-color:var(--luzmo-infield-button-background-color-key-focus, var(--infield-button-background-color-key-focus))}:host(:focus-visible) ::slotted(*){color:var(--luzmo-infield-button-icon-color-key-focus, var(--infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--luzmo-infield-button-fill-justify-content, var(--infield-button-fill-justify-content));display:flex}:host([block=end]),:host([block=start]){block-size:calc(var(--luzmo-infield-button-height, var(--infield-button-height)) / 2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inline, var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-inline-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inline, var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)))}:host([block=start]){padding-block-end:var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill))}:host([block=start]) .fill{border-block-end:none;border-start-start-radius:var(--luzmo-infield-button-stacked-top-border-radius-start-start, var(--infield-button-stacked-top-border-radius-start-start));border-end-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-outer, var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inner, var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill)))}:host([block=end]){padding-block-start:var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill))}:host([block=end]) .fill{border-block-end-width:var(--luzmo-infield-button-stacked-bottom-border-block-end-width, var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));border-start-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-start-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-end, var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius)));border-end-start-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-start, var(--infield-button-stacked-bottom-border-radius-end-start));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inner, var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-outer, var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--infield-button-border-width: var(--luzmo-border-width);--infield-button-border-color: inherit;--infield-button-border-radius: var(--luzmo-border-radius-s);--infield-button-border-radius-reset: 0;--infield-button-stacked-top-border-radius-start-start: 0;--infield-button-stacked-bottom-border-radius-end-start: 0;--infield-button-background-color: var(--luzmo-background-color);--infield-button-background-color-hover: var(--luzmo-background-color-hover);--infield-button-background-color-down: var(--luzmo-background-color-down);--infield-button-background-color-key-focus: var( --luzmo-background-color-focus );--infield-button-height: var(--luzmo-component-height);--infield-button-width: var(--luzmo-component-height);--infield-button-stacked-border-radius-reset: 0px;--infield-button-edge-to-fill: 0px;--infield-button-inner-edge-to-fill: 0px;--infield-button-fill-padding: 0px;--infield-button-stacked-fill-padding-inline: 9px;--infield-button-stacked-fill-padding-outer: 3px;--infield-button-stacked-fill-padding-inner: 3px;--infield-button-animation-duration: var(--luzmo-animation-duration);--infield-button-icon-color: var(--luzmo-font-color);--infield-button-icon-color-hover: var(--luzmo-font-color-hard);--infield-button-icon-color-down: var(--luzmo-font-color-hard);--infield-button-icon-color-key-focus: var(--luzmo-font-color-hard);--infield-button-fill-justify-content: center}:host([disabled]){--infield-button-background-color: var(--luzmo-background-color-disabled);--infield-button-background-color-hover: var( --luzmo-background-color-disabled );--infield-button-background-color-down: var( --luzmo-background-color-disabled );--infield-button-border-color: var(--luzmo-border-color-disabled);--infield-button-content-color: var(--luzmo-color-disabled);--infield-button-icon-color: var(--luzmo-color-disabled);--infield-button-icon-color-hover: var(--luzmo-color-disabled);--infield-button-icon-color-down: var(--luzmo-color-disabled);--infield-button-icon-color-key-focus: var(--luzmo-color-disabled)}:host([size=s]){--infield-button-height: var(--luzmo-component-height-s);--infield-button-width: var(--luzmo-component-height-s);--infield-button-stacked-fill-padding-inline: 7px;--infield-button-stacked-fill-padding-outer: 3px;--infield-button-stacked-fill-padding-inner: 3px}:host([size=l]){--infield-button-height: var(--luzmo-component-height-l);--infield-button-width: var(--luzmo-component-height-l);--infield-button-stacked-fill-padding-inline: 13px;--infield-button-stacked-fill-padding-outer: 4px;--infield-button-stacked-fill-padding-inner: 4px}:host([size=xl]){--infield-button-height: var(--luzmo-component-height-xl);--infield-button-width: var(--luzmo-component-height-xl);--infield-button-stacked-fill-padding-inline: 16px;--infield-button-stacked-fill-padding-outer: 5px;--infield-button-stacked-fill-padding-inner: 5px}:host([block=start]){--infield-button-width: 20px}:host([block=end]){--infield-button-width: 20px}:host([block=start][size=s]){--infield-button-width: 16px}:host([block=end][size=s]){--infield-button-width: 16px}:host([block=start][size=l]){--infield-button-width: 28px}:host([block=end][size=l]){--infield-button-width: 28px}:host([block=start][size=xl]){--infield-button-width: 36px}:host([block=end][size=xl]){--infield-button-width: 36px}:host([quiet]){--infield-button-background-color: transparent;--infield-button-background-color-hover: transparent;--infield-button-background-color-down: transparent;--infield-button-background-color-key-focus: transparent;--infield-border-color: transparent;--infield-button-border-width: 0}:host([quiet][disabled]){--infield-button-background-color: transparent;--infield-button-border-color: transparent}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}::slotted(*){--parent-element-icon-vertical-align: 1px;--icon-size: inherit}";var c=Object.defineProperty,d=(n,e,l,f)=>{for(var o=void 0,r=n.length-1,a;r>=0;r--)(a=n[r])&&(o=a(e,l,o)||o);return o&&c(e,l,o),o};class i extends u.SizedMixin(b.ButtonBase,{noDefaultSize:!0,validSizes:["s","m","l","xl"]}){constructor(){super(...arguments),this.quiet=!1}static get styles(){return[...super.styles,t.r(s)]}get buttonContent(){return[t.x`
+      <div class="fill">
+        <slot></slot>
+      </div>
+    `]}}d([t.n()],i.prototype,"block");d([t.n()],i.prototype,"inline");d([t.n({type:Boolean,reflect:!0})],i.prototype,"quiet");customElements.get("luzmo-infield-button")||customElements.define("luzmo-infield-button",i);exports.LuzmoInfieldButton=i;

package/components/infield-button/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoInfieldButton } from './infield-button';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-infield-button': LuzmoInfieldButton;
+    }
+}
+export { LuzmoInfieldButton } from './infield-button';

package/{lib → components}/infield-button/index.js

@@ -15,10 +15,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { unsafeCSS as b, html as c } from "lit";
-import { S as s } from "../sized-mixin-Dl0KoEcV.js";
-import { n as e } from "../base-nYalvNMy.js";
-import { B as f } from "../button-base-DgtT6sU5.js";
+import { r as b, x as c, n as e } from "../base-CxUap9HL.js";
+import { S as s } from "../sized-mixin-DcJTTohI.js";
+import { B as f } from "../button-base-CgrTYVgq.js";
 const a = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

package/components/infield-button/infield-button.d.ts

@@ -0,0 +1,25 @@
+import { CSSResultArray, TemplateResult } from 'lit';
+import { ButtonBase } from './../button/button-base';
+declare const LuzmoInfieldButton_base: typeof ButtonBase & {
+    new (...args: any[]): import("../../utils/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/sized-mixin").SizedElementInterface;
+};
+/**
+ * @element luzmo-infield-button
+ */
+export declare class LuzmoInfieldButton extends LuzmoInfieldButton_base {
+    static get styles(): CSSResultArray;
+    /**
+     * Whether to style the button as if it is at the start or end of a vertical stack
+     * @type {'start' | 'end'}
+     */
+    block?: 'start' | 'end';
+    /**
+     * Whether to style the button as if it is at the start or end of a horizontal group
+     * @type {'start' | 'end'}
+     */
+    inline?: 'start' | 'end';
+    quiet: boolean;
+    protected get buttonContent(): TemplateResult[];
+}
+export {};

package/components/label/index.cjs

@@ -0,0 +1,18 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../base-rtxi7uaR.cjs"),p="";var c=Object.defineProperty,u=(n,o,i,b)=>{for(var t=void 0,s=n.length-1,a;s>=0;s--)(a=n[s])&&(t=a(o,i,t)||t);return t&&c(o,i,t),t};const l=class l extends r.LuzmoElement{constructor(){super(...arguments),this.label="",this.tooltip=""}render(){return r.x` <span> ${this.label} </span> `}};l.styles=r.r(p);let e=l;u([r.n({type:String})],e.prototype,"label");u([r.n({type:String,reflect:!0,attribute:"tooltip"})],e.prototype,"tooltip");customElements.get("luzmo-label")||customElements.define("luzmo-label",e);exports.LuzmoLabel=e;

package/components/label/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoLabel } from './label';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-label': LuzmoLabel;
+    }
+}
+export { LuzmoLabel } from './label';

package/{lib → components}/label/index.js

@@ -15,8 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { L as a, n as i } from "../base-nYalvNMy.js";
-import { unsafeCSS as s, html as d } from "lit";
+import { L as a, r as s, x as d, n as i } from "../base-CxUap9HL.js";
 const z = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

package/components/label/label.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoElement } from '../../utils/base';
+export declare class LuzmoLabel extends LuzmoElement {
+    static styles: import("lit").CSSResult;
+    label: string;
+    tooltip: string;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/components/legend-position/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoLegendPosition } from './legend-position';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-legend-position': LuzmoLegendPosition;
+    }
+}
+export { LuzmoLegendPosition } from './legend-position';

package/components/legend-position/legend-position.d.ts

@@ -0,0 +1,10 @@
+import { LuzmoElement } from '../../utils/base';
+export declare class LuzmoLegendPosition extends LuzmoElement {
+    static styles: import("lit").CSSResult;
+    value: string;
+    disabled: boolean;
+    disabledPositions: string[];
+    private positions;
+    private setPosition;
+    render(): import("lit-html").TemplateResult<1>[];
+}

package/{lib/like-anchor-K8W0QYwC.cjs → components/like-anchor-DKuw8fJA.cjs}

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const h=require("lit"),t=require("./base-BCmA9Wxv.cjs"),r=require("./if-defined-Cv6xanXh.cjs");var f=Object.defineProperty,i=(l,e,s,d)=>{for(var o=void 0,n=l.length-1,a;n>=0;n--)(a=l[n])&&(o=a(e,s,o)||o);return o&&f(e,s,o),o};function $(l){class e extends l{renderAnchor({id:d,className:o,ariaHidden:n,labelledby:a,tabindex:p,anchorContent:c=h.html`<slot></slot>`}){return h.html`
+"use strict";const t=require("./base-rtxi7uaR.cjs"),r=require("./if-defined-C-8FyBSN.cjs");var f=Object.defineProperty,n=(l,e,s,d)=>{for(var o=void 0,i=l.length-1,a;i>=0;i--)(a=l[i])&&(o=a(e,s,o)||o);return o&&f(e,s,o),o};function c(l){class e extends l{renderAnchor({id:d,className:o,ariaHidden:i,labelledby:a,tabindex:p,anchorContent:h=t.x`<slot></slot>`}){return t.x`
             <a
               id=${d}
               class=${r.o(o)}
@@ -24,9 +24,9 @@
               target=${r.o(this.target)}
               aria-label=${r.o(this.label)}
               aria-labelledby=${r.o(a)}
-              aria-hidden=${r.o(n?"true":void 0)}
+              aria-hidden=${r.o(i?"true":void 0)}
               tabindex=${r.o(p)}
               referrerpolicy=${r.o(this.referrerpolicy)}
               rel=${r.o(this.rel)}
-          >${c}</a>
-        `}}return i([t.n()],e.prototype,"download"),i([t.n()],e.prototype,"label"),i([t.n()],e.prototype,"href"),i([t.n()],e.prototype,"target"),i([t.n()],e.prototype,"referrerpolicy"),i([t.n()],e.prototype,"rel"),e}exports.LikeAnchor=$;
+          >${h}</a>
+        `}}return n([t.n()],e.prototype,"download"),n([t.n()],e.prototype,"label"),n([t.n()],e.prototype,"href"),n([t.n()],e.prototype,"target"),n([t.n()],e.prototype,"referrerpolicy"),n([t.n()],e.prototype,"rel"),e}exports.LikeAnchor=c;

package/{lib/like-anchor-cDeGGeHh.js → components/like-anchor-DnsAwo_O.js}

@@ -15,13 +15,12 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { html as s } from "lit";
-import { n as o } from "./base-nYalvNMy.js";
-import { o as e } from "./if-defined-CYpcjGCb.js";
-var $ = Object.defineProperty, l = (i, r, n, d) => {
-  for (var t = void 0, a = i.length - 1, p; a >= 0; a--)
-    (p = i[a]) && (t = p(r, n, t) || t);
-  return t && $(r, n, t), t;
+import { n as o, x as s } from "./base-CxUap9HL.js";
+import { o as e } from "./if-defined-XzWkhMhg.js";
+var $ = Object.defineProperty, l = (i, r, p, d) => {
+  for (var t = void 0, a = i.length - 1, n; a >= 0; a--)
+    (n = i[a]) && (t = n(r, p, t) || t);
+  return t && $(r, p, t), t;
 };
 function b(i) {
   class r extends i {
@@ -29,7 +28,7 @@ function b(i) {
       id: d,
       className: t,
       ariaHidden: a,
-      labelledby: p,
+      labelledby: n,
       tabindex: f,
       // prettier-ignore
       anchorContent: h = s`<slot></slot>`
@@ -42,7 +41,7 @@ function b(i) {
               download=${e(this.download)}
               target=${e(this.target)}
               aria-label=${e(this.label)}
-              aria-labelledby=${e(p)}
+              aria-labelledby=${e(n)}
               aria-hidden=${e(a ? "true" : void 0)}
               tabindex=${e(f)}
               referrerpolicy=${e(this.referrerpolicy)}

package/{lib/manage-help-text-2mSEy-AD.js → components/manage-help-text-B-FXFXgT.js}

@@ -15,11 +15,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { c as r } from "./condition-attribute-with-id-Dv4lSRbe.js";
+import { x as r } from "./base-CxUap9HL.js";
+import { o as d } from "./if-defined-XzWkhMhg.js";
+import { c as a } from "./condition-attribute-with-id-Dv4lSRbe.js";
 import { r as n } from "./random-id-ByCz1xaq.js";
-import { html as d } from "lit";
-import { o as l } from "./if-defined-CYpcjGCb.js";
-class a {
+class l {
   constructor(e, { mode: i } = { mode: "internal" }) {
     this.mode = "internal", this.handleSlotchange = ({
       target: t
@@ -31,9 +31,9 @@ class a {
     return this.mode === "internal";
   }
   render(e) {
-    return d`
+    return r`
       <div
-        id=${l(this.isInternal ? this.id : void 0)}
+        id=${d(this.isInternal ? this.id : void 0)}
         aria-live="assertive"
       >
         <slot
@@ -47,7 +47,7 @@ class a {
   }
   addId() {
     const e = this.helpTextElement ? this.helpTextElement.id : this.id;
-    this.conditionId = r(
+    this.conditionId = a(
       this.host,
       "aria-describedby",
       e
@@ -76,7 +76,7 @@ class a {
 function u(s, { mode: e } = { mode: "internal" }) {
   class i extends s {
     constructor() {
-      super(...arguments), this.helpTextManager = new a(this, { mode: e });
+      super(...arguments), this.helpTextManager = new l(this, { mode: e });
     }
     get helpTextId() {
       return this.helpTextManager.id;

package/{lib/manage-help-text-iOk-zmy8.cjs → components/manage-help-text-I5aYDAKT.cjs}

@@ -15,9 +15,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const d=require("./condition-attribute-with-id-DrQYZzFS.cjs"),s=require("./random-id-CqvckpWe.cjs"),r=require("lit"),l=require("./if-defined-Cv6xanXh.cjs");class a{constructor(e,{mode:i}={mode:"internal"}){this.mode="internal",this.handleSlotchange=({target:t})=>{this.handleHelpText(t),this.handleNegativeHelpText(t)},this.host=e,this.id=`luzmo-help-text-${s.randomID()}`,this.mode=i}get isInternal(){return this.mode==="internal"}render(e){return r.html`
+"use strict";const d=require("./base-rtxi7uaR.cjs"),r=require("./if-defined-C-8FyBSN.cjs"),a=require("./condition-attribute-with-id-DrQYZzFS.cjs"),s=require("./random-id-CqvckpWe.cjs");class l{constructor(e,{mode:i}={mode:"internal"}){this.mode="internal",this.handleSlotchange=({target:t})=>{this.handleHelpText(t),this.handleNegativeHelpText(t)},this.host=e,this.id=`luzmo-help-text-${s.randomID()}`,this.mode=i}get isInternal(){return this.mode==="internal"}render(e){return d.x`
       <div
-        id=${l.o(this.isInternal?this.id:void 0)}
+        id=${r.o(this.isInternal?this.id:void 0)}
         aria-live="assertive"
       >
         <slot
@@ -27,4 +27,4 @@
           <slot name="help-text"></slot>
         </slot>
       </div>
-    `}addId(){const e=this.helpTextElement?this.helpTextElement.id:this.id;this.conditionId=d.conditionAttributeWithId(this.host,"aria-describedby",e),this.host.hasAttribute("tabindex")&&(this.previousTabindex=Number.parseFloat(this.host.getAttribute("tabindex"))),this.host.tabIndex=0}removeId(){this.conditionId&&(this.conditionId(),delete this.conditionId),!this.helpTextElement&&(this.previousTabindex?this.host.tabIndex=this.previousTabindex:this.host.removeAttribute("tabindex"))}handleHelpText(e){if(this.isInternal)return;this.helpTextElement&&this.helpTextElement.id===this.id&&this.helpTextElement.removeAttribute("id"),this.removeId();const t=e.assignedElements()[0];this.helpTextElement=t,t&&(t.id||(t.id=this.id),this.addId())}handleNegativeHelpText(e){if(e.name!=="negative-help-text")return;e.assignedElements().forEach(t=>t.variant="negative")}}function o(n,{mode:e}={mode:"internal"}){class i extends n{constructor(){super(...arguments),this.helpTextManager=new a(this,{mode:e})}get helpTextId(){return this.helpTextManager.id}renderHelpText(h){return this.helpTextManager.render(h)}}return i}exports.ManageHelpText=o;
+    `}addId(){const e=this.helpTextElement?this.helpTextElement.id:this.id;this.conditionId=a.conditionAttributeWithId(this.host,"aria-describedby",e),this.host.hasAttribute("tabindex")&&(this.previousTabindex=Number.parseFloat(this.host.getAttribute("tabindex"))),this.host.tabIndex=0}removeId(){this.conditionId&&(this.conditionId(),delete this.conditionId),!this.helpTextElement&&(this.previousTabindex?this.host.tabIndex=this.previousTabindex:this.host.removeAttribute("tabindex"))}handleHelpText(e){if(this.isInternal)return;this.helpTextElement&&this.helpTextElement.id===this.id&&this.helpTextElement.removeAttribute("id"),this.removeId();const t=e.assignedElements()[0];this.helpTextElement=t,t&&(t.id||(t.id=this.id),this.addId())}handleNegativeHelpText(e){if(e.name!=="negative-help-text")return;e.assignedElements().forEach(t=>t.variant="negative")}}function o(n,{mode:e}={mode:"internal"}){class i extends n{constructor(){super(...arguments),this.helpTextManager=new l(this,{mode:e})}get helpTextId(){return this.helpTextManager.id}renderHelpText(h){return this.helpTextManager.render(h)}}return i}exports.ManageHelpText=o;

package/{lib → components}/menu/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-yNcLzjhM.cjs");exports.LuzmoMenu=e.LuzmoMenu;exports.LuzmoMenuDivider=e.LuzmoMenuDivider;exports.LuzmoMenuGroup=e.LuzmoMenuGroup;exports.LuzmoMenuItem=e.LuzmoMenuItem;exports.MenuItemAddedOrUpdatedEvent=e.MenuItemAddedOrUpdatedEvent;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-CNtoBntg.cjs");exports.LuzmoMenu=e.LuzmoMenu;exports.LuzmoMenuDivider=e.LuzmoMenuDivider;exports.LuzmoMenuGroup=e.LuzmoMenuGroup;exports.LuzmoMenuItem=e.LuzmoMenuItem;exports.MenuItemAddedOrUpdatedEvent=e.MenuItemAddedOrUpdatedEvent;

package/components/menu/index.d.ts

@@ -0,0 +1,16 @@
+export * from './menu';
+export * from './menu-divider';
+export * from './menu-group';
+export * from './menu-item';
+import { LuzmoMenu } from './menu';
+import { LuzmoMenuDivider } from './menu-divider';
+import { LuzmoMenuGroup } from './menu-group';
+import { LuzmoMenuItem } from './menu-item';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-menu': LuzmoMenu;
+        'luzmo-menu-divider': LuzmoMenuDivider;
+        'luzmo-menu-group': LuzmoMenuGroup;
+        'luzmo-menu-item': LuzmoMenuItem;
+    }
+}

package/{lib → components}/menu/index.js

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { L as u, a as m, b as c, c as z, M as n } from "../index-ovT-qVzf.js";
+import { L as u, a as m, b as c, c as z, M as n } from "../index-Ci6Jnhu4.js";
 const l = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

package/components/menu/menu-divider.d.ts

@@ -0,0 +1,14 @@
+import { CSSResultArray, PropertyValues } from 'lit';
+import { LuzmoElement } from '../../utils/base';
+declare const LuzmoMenuDivider_base: typeof LuzmoElement & {
+    new (...args: any[]): import("../../utils/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/sized-mixin").SizedElementInterface;
+};
+/**
+ * @element luzmo-menu-divider
+ */
+export declare class LuzmoMenuDivider extends LuzmoMenuDivider_base {
+    static get styles(): CSSResultArray;
+    protected firstUpdated(changed: PropertyValues<this>): void;
+}
+export {};

package/components/menu/menu-group.d.ts

@@ -0,0 +1,17 @@
+import { CSSResultArray, TemplateResult } from 'lit';
+import { LuzmoMenu } from './menu';
+/**
+ * @element luzmo-menu-group
+ *
+ * @slot header - headline of the menu group
+ * @slot - menu items to be listed in the group
+ */
+export declare class LuzmoMenuGroup extends LuzmoMenu {
+    static get styles(): CSSResultArray;
+    private headerId;
+    private headerElements;
+    private headerElement?;
+    render(): TemplateResult;
+    protected get ownRole(): string;
+    protected updateLabel(): void;
+}