@luzmo/analytics-components-kit 1.0.1-alpha.47 → 1.0.1-alpha.48

package/components/index-Be-pSgzQ.js

@@ -0,0 +1,174 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. 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.
+ * */
+import { D as b, V as s } from "./luzmo-icons-4nDFv1Lq-DffGNBpO.js";
+import { m as g, a as m, R as h, z as a } from "./base-D76d76ww-BGkuhs54.js";
+import { a as v } from "./button-base-DbkDzb71-Dh2Out91.js";
+/*! * 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.
+ * */
+const z = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const c = document.createElement("style");
+    c.setAttribute("data-luzmo-vars", ""), c.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(c);
+  }
+};
+z();
+const f = ':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;border-style:solid;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host([disabled]){cursor:default}::slotted([slot=icon]){max-block-size:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}#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));border-width:var(--luzmo-action-button-border-width, var(--action-button-border-width));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)));border-color:var(--highcontrast-action-button-border-color-default, var(--luzmo-action-button-border-color-default, var(--action-button-border-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}:host:dir(rtl),: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)));border-color:var(--highcontrast-action-button-border-color-hover, var(--luzmo-action-button-border-color-hover, var(--action-button-border-color-hover)));color:var(--highcontrast-action-button-content-color-hover, var(--luzmo-action-button-content-color-hover, var(--action-button-content-color-hover)))}}: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)));border-color:var(--highcontrast-action-button-border-color-focus, var(--luzmo-action-button-border-color-focus, var(--action-button-border-color-focus)));color:var(--highcontrast-action-button-content-color-focus, var(--luzmo-action-button-content-color-focus, var(--action-button-content-color-focus)))}: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)));border-color:var(--highcontrast-action-button-border-color-down, var(--luzmo-action-button-border-color-down, var(--action-button-border-color-down)));color:var(--highcontrast-action-button-content-color-down, var(--luzmo-action-button-content-color-down, var(--action-button-content-color-down)))}:host([disabled]){background-color:var(--highcontrast-action-button-background-color-disabled, var(--luzmo-action-button-background-color-disabled, var(--action-button-background-color-disabled)));border-color:var(--highcontrast-action-button-border-color-disabled, var(--luzmo-action-button-border-color-disabled, var(--action-button-border-color-disabled)));color:var(--highcontrast-action-button-content-color-disabled, var(--luzmo-action-button-content-color-disabled, var(--action-button-content-color-disabled)))}: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]){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)));text-align:center}#label{pointer-events:none;font-size:var(--luzmo-action-button-font-size, var(--action-button-font-size));white-space:nowrap;color:inherit;color:var(--luzmo-action-button-label-color, inherit);text-overflow:ellipsis;overflow:hidden}.hold-affordance{color:inherit;transform:var(--logical-rotation);position:absolute;font-size:var(--action-button-corner-triangle-size);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;top:0;right:0;bottom:0;left: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([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([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: rgba(0, 0, 0, .25);--action-button-background-color-down: rgba(0, 0, 0, .4);--action-button-background-color-focus: rgba(0, 0, 0, .25);--action-button-background-color-disabled: transparent;--action-button-border-color-default: rgba(0, 0, 0, .4);--action-button-border-color-hover: rgba(0, 0, 0, .55);--action-button-border-color-down: rgba(0, 0, 0, .7);--action-button-border-color-focus: rgba(0, 0, 0, .25);--action-button-border-color-disabled: transparent;--action-button-content-color-default: rgb(0, 0, 0);--action-button-content-color-hover: rgb(0, 0, 0);--action-button-content-color-down: rgb(0, 0, 0);--action-button-content-color-focus: rgb(0, 0, 0);--action-button-content-color-disabled: rgba(0, 0, 0, .55);--action-button-focus-indicator-color: rgb(0, 0, 0)}:host([static-color=black][selected]){--action-button-background-color-default: rgba(0, 0, 0, .9);--action-button-background-color-hover: rgb(0, 0, 0);--action-button-background-color-down: rgb(0, 0, 0);--action-button-background-color-focus: rgb(0, 0, 0);--action-button-background-color-disabled: rgba(0, 0, 0, .1);--action-button-border-color-disabled: transparent;--action-button-content-color-default: rgb(255, 255, 255);--action-button-content-color-hover: rgb(255, 255, 255);--action-button-content-color-down: rgb(255, 255, 255);--action-button-content-color-focus: rgb(255, 255, 255)}:host([static-color=black][selected][emphasized]){--action-button-background-color-default: rgba(0, 0, 0, .9);--action-button-background-color-hover: rgb(0, 0, 0);--action-button-background-color-down: rgb(0, 0, 0);--action-button-background-color-focus: rgb(0, 0, 0);--action-button-content-color-default: rgb(255, 255, 255);--action-button-content-color-hover: rgb(255, 255, 255);--action-button-content-color-down: rgb(255, 255, 255);--action-button-content-color-focus: rgb(255, 255, 255)}:host([static-color=white]){--action-button-background-color-default: transparent;--action-button-background-color-hover: rgba(255, 255, 255, .25);--action-button-background-color-down: rgba(255, 255, 255, .4);--action-button-background-color-focus: rgba(255, 255, 255, .25);--action-button-background-color-disabled: transparent;--action-button-border-color-default: rgba(255, 255, 255, .4);--action-button-border-color-hover: rgba(255, 255, 255, .55);--action-button-border-color-down: rgba(255, 255, 255, .7);--action-button-border-color-focus: rgba(255, 255, 255, .55);--action-button-border-color-disabled: rgba(255, 255, 255, .25);--action-button-content-color-default: rgb(255, 255, 255);--action-button-content-color-hover: rgb(255, 255, 255);--action-button-content-color-down: rgb(255, 255, 255);--action-button-content-color-focus: rgb(255, 255, 255);--action-button-content-color-disabled: rgba(255, 255, 255, .55);--action-button-focus-indicator-color: rgb(255, 255, 255)}:host([static-color=white][selected]){--action-button-background-color-default: rgba(255, 255, 255, .9);--action-button-background-color-hover: rgb(255, 255, 255);--action-button-background-color-down: rgb(255, 255, 255);--action-button-background-color-focus: rgb(255, 255, 255);--action-button-background-color-disabled: rgba(255, 255, 255, .1);--action-button-border-color-disabled: transparent;--action-button-content-color-default: rgb(0, 0, 0);--action-button-content-color-hover: rgb(0, 0, 0);--action-button-content-color-down: rgb(0, 0, 0);--action-button-content-color-focus: rgb(0, 0, 0)}:host([static-color=white][selected][emphasized]){--action-button-background-color-default: rgba(255, 255, 255, .9);--action-button-background-color-hover: rgb(255, 255, 255);--action-button-background-color-down: rgb(255, 255, 255);--action-button-background-color-focus: rgb(255, 255, 255);--action-button-content-color-default: rgb(0, 0, 0)}: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}}';
+var p = Object.defineProperty, x = Object.getOwnPropertyDescriptor, e = (c, o, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? x(o, t) : o, l = c.length - 1, u; l >= 0; l--)
+    (u = c[l]) && (i = (n ? u(o, t, i) : u(i)) || i);
+  return n && i && p(o, t, i), i;
+};
+const w = 300;
+let d;
+class r extends g(v, {
+  validSizes: ["xs", "s", "m", "l", "xl"],
+  noDefaultSize: !0
+}) {
+  constructor() {
+    super(), this.emphasized = !1, this.holdAffordance = !1, this.quiet = !1, this.role = "button", this.selected = !1, this.toggles = !1, 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);
+  }
+  static get styles() {
+    return [...super.styles, m(f)];
+  }
+  get value() {
+    return this._value || this.itemText;
+  }
+  set value(o) {
+    o !== this._value && (this._value = o || "", this._value ? this.setAttribute("value", this._value) : this.removeAttribute("value"));
+  }
+  /**
+   * @private
+   */
+  get itemText() {
+    return (this.textContent || /* c8 ignore next */
+    "").trim();
+  }
+  handlePointerdownHoldAffordance(o) {
+    o.button === 0 && (this.addEventListener("pointerup", this.handlePointerupHoldAffordance), this.addEventListener("pointercancel", this.handlePointerupHoldAffordance), d = setTimeout(() => {
+      this.dispatchEvent(
+        new CustomEvent("longpress", {
+          bubbles: !0,
+          composed: !0,
+          detail: {
+            source: "pointer"
+          }
+        })
+      );
+    }, w));
+  }
+  handlePointerupHoldAffordance() {
+    clearTimeout(d), this.removeEventListener("pointerup", this.handlePointerupHoldAffordance), this.removeEventListener(
+      "pointercancel",
+      this.handlePointerupHoldAffordance
+    );
+  }
+  /**
+   * @private
+   */
+  handleKeydown(o) {
+    if (!this.holdAffordance)
+      return super.handleKeydown(o);
+    const { code: t, altKey: n } = o;
+    (t === "Space" || n && t === "ArrowDown") && (o.preventDefault(), t === "ArrowDown" && (o.stopPropagation(), o.stopImmediatePropagation()), this.addEventListener("keyup", this.handleKeyup), this.active = !0);
+  }
+  handleKeyup(o) {
+    if (!this.holdAffordance)
+      return super.handleKeyup(o);
+    const { code: t, altKey: n } = o;
+    (t === "Space" || n && t === "ArrowDown") && (o.stopPropagation(), this.dispatchEvent(
+      new CustomEvent("longpress", {
+        bubbles: !0,
+        composed: !0,
+        detail: {
+          source: "keyboard"
+        }
+      })
+    ), this.active = !1);
+  }
+  get buttonContent() {
+    const o = super.buttonContent;
+    return this.holdAffordance && o.unshift(h`
+        <div
+          class="hold-affordance corner-triangle-${this.size}"
+        >
+          ${b(s)}
+        </div>
+      `), o;
+  }
+  updated(o) {
+    super.updated(o);
+    const t = this.role === "button", n = t && (this.selected || this.toggles) && !(this.hasAttribute("aria-haspopup") && this.hasAttribute("aria-expanded"));
+    (o.has("selected") || o.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"))), o.has("holdAffordance") && (this.holdAffordance ? this.addEventListener(
+      "pointerdown",
+      this.handlePointerdownHoldAffordance
+    ) : (this.removeEventListener(
+      "pointerdown",
+      this.handlePointerdownHoldAffordance
+    ), this.handlePointerupHoldAffordance()));
+  }
+}
+e([
+  a({ type: Boolean, reflect: !0 })
+], r.prototype, "emphasized", 2);
+e([
+  a({ type: Boolean, reflect: !0, attribute: "hold-affordance" })
+], r.prototype, "holdAffordance", 2);
+e([
+  a({ type: Boolean, reflect: !0 })
+], r.prototype, "quiet", 2);
+e([
+  a({ reflect: !0 })
+], r.prototype, "role", 2);
+e([
+  a({ type: Boolean, reflect: !0 })
+], r.prototype, "selected", 2);
+e([
+  a({ type: Boolean, reflect: !0 })
+], r.prototype, "toggles", 2);
+e([
+  a({ reflect: !0, attribute: "static-color" })
+], r.prototype, "staticColor", 2);
+e([
+  a({ type: String })
+], r.prototype, "value", 1);
+customElements.get("luzmo-action-button") || customElements.define("luzmo-action-button", r);

package/components/{index-Bdy8Bz-n.js → index-BobhBKA2.js}

@@ -23,11 +23,12 @@ import { r as E } from "./divider.module-DoQWQEIJ-B19eHVg2.js";
 import { n as A } from "./directive-helpers-Cm6gitnu-CeYtlPO9.js";
 import { m as C } from "./query-assigned-nodes-C76XVPWY-DxNwGHfW.js";
 import { n as I } from "./element-resolution-FCUT-wql--7ctE626.js";
-import { b as M, y as R, a as D } from "./observe-slot-text-BPfIQQtz-v6B-1BYh.js";
-import { r as O } from "./focusable-BxtpnzWp-DJQkL8Zv.js";
-import { b as P } from "./observe-slot-presence-CmVi0zTc-DCFuXW7v.js";
+import { a as M } from "./mutation-controller-DH7YOCyj-E7gpCmwh.js";
+import { r as R } from "./focusable-BxtpnzWp-DJQkL8Zv.js";
+import { b as D, y as O } from "./observe-slot-text-BPfIQQtz-DLOwgi-A.js";
+import { b as P } from "./observe-slot-presence-CmVi0zTc-hhUl4oRa.js";
 import { a as U } from "./index-BmshD32H.js";
-import { D as y, z as L, Z as $ } from "./luzmo-icons-DbwDQtuO-QG0fLECn.js";
+import { D as y, z as L, Z as $ } from "./luzmo-icons-4nDFv1Lq-DffGNBpO.js";
 import { o as T } from "./index-DUF6bALI.js";
 /*! * Lucero - The design system for Luzmo.
  * 
@@ -602,8 +603,8 @@ class Y extends Event {
     }, this.menuCascade = /* @__PURE__ */ new WeakMap();
   }
 }
-class s extends M(
-  R(P(O, '[slot="icon"]'))
+class s extends D(
+  O(P(R, '[slot="icon"]'))
 ) {
   constructor() {
     super(), this.active = !1, this.dependencyManager = new U(this), this.focused = !1, this.selected = !1, this._value = "", this.hasSubmenu = !1, this.noWrap = !1, this.renderAngleIcon = (e = []) => X(e), this.renderCheckIcon = (e = []) => Q(e), this.open = !1, this.handleSlottableRequest = (e) => {
@@ -625,7 +626,7 @@ class s extends M(
       cleanupSteps: []
     }, this.addEventListener("click", this.handleClickCapture, {
       capture: !0
-    }), new D(this, {
+    }), new M(this, {
       config: {
         characterData: !0,
         childList: !0,

package/components/{index-CBOAQ3-E.cjs → index-Bpdwb9Js.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const v=require("./luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs"),u=require("./base-D76d76ww-tT6yr8eb.cjs"),X=require("./if-defined-DOaE2coe-Cvlu5s9n.cjs"),g=require("./async-directive-BfcqVjDp-C8C45jl6.cjs"),C=require("./streaming-listener-CP-JE6Fa-DMzr1X1m.cjs"),Y=require("./button-base-DbkDzb71-CY6MJGqE.cjs"),G=require("./text-field-BIADXoLC-B8w9TVmS.cjs");/*! * Lucero - The design system for Luzmo.
+"use strict";const v=require("./luzmo-icons-4nDFv1Lq-D6-m-VWM.cjs"),u=require("./base-D76d76ww-tT6yr8eb.cjs"),X=require("./if-defined-DOaE2coe-Cvlu5s9n.cjs"),g=require("./async-directive-BfcqVjDp-C8C45jl6.cjs"),C=require("./streaming-listener-CP-JE6Fa-DMzr1X1m.cjs"),Y=require("./button-base-DbkDzb71-D0Ni0xn1.cjs"),G=require("./text-field-ol9Ed5lQ-cRqtIf_0.cjs");/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.
@@ -33,7 +33,7 @@
  * 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.
- * */let D=new Map,q=!1;try{q=new Intl.NumberFormat("de-DE",{signDisplay:"exceptZero"}).resolvedOptions().signDisplay==="exceptZero"}catch{}let x=!1;try{x=new Intl.NumberFormat("de-DE",{style:"unit",unit:"degree"}).resolvedOptions().style==="unit"}catch{}const O={degree:{narrow:{default:"°","ja-JP":" 度","zh-TW":"度","sl-SI":" °"}}};class f{format(o){let e="";if(!q&&this.options.signDisplay!=null?e=J(this.numberFormatter,this.options.signDisplay,o):e=this.numberFormatter.format(o),this.options.style==="unit"&&!x){var t;let{unit:r,unitDisplay:i="short",locale:n}=this.resolvedOptions();if(!r)return e;let s=(t=O[r])===null||t===void 0?void 0:t[i];e+=s[n]||s.default}return e}formatToParts(o){return this.numberFormatter.formatToParts(o)}formatRange(o,e){if(typeof this.numberFormatter.formatRange=="function")return this.numberFormatter.formatRange(o,e);if(e<o)throw new RangeError("End date must be >= start date");return`${this.format(o)} – ${this.format(e)}`}formatRangeToParts(o,e){if(typeof this.numberFormatter.formatRangeToParts=="function")return this.numberFormatter.formatRangeToParts(o,e);if(e<o)throw new RangeError("End date must be >= start date");let t=this.numberFormatter.formatToParts(o),r=this.numberFormatter.formatToParts(e);return[...t.map(i=>({...i,source:"startRange"})),{type:"literal",value:" – ",source:"shared"},...r.map(i=>({...i,source:"endRange"}))]}resolvedOptions(){let o=this.numberFormatter.resolvedOptions();return!q&&this.options.signDisplay!=null&&(o={...o,signDisplay:this.options.signDisplay}),!x&&this.options.style==="unit"&&(o={...o,style:"unit",unit:this.options.unit,unitDisplay:this.options.unitDisplay}),o}constructor(o,e={}){this.numberFormatter=Z(o,e),this.options=e}}function Z(l,o={}){let{numberingSystem:e}=o;if(e&&l.includes("-nu-")&&(l.includes("-u-")||(l+="-u-"),l+=`-nu-${e}`),o.style==="unit"&&!x){var t;let{unit:n,unitDisplay:s="short"}=o;if(!n)throw new Error('unit option must be provided with style: "unit"');if(!(!((t=O[n])===null||t===void 0)&&t[s]))throw new Error(`Unsupported unit ${n} with unitDisplay = ${s}`);o={...o,style:"decimal"}}let r=l+(o?Object.entries(o).sort((n,s)=>n[0]<s[0]?-1:1).join():"");if(D.has(r))return D.get(r);let i=new Intl.NumberFormat(l,o);return D.set(r,i),i}function J(l,o,e){if(o==="auto")return l.format(e);if(o==="never")return l.format(Math.abs(e));{let t=!1;if(o==="always"?t=e>0||Object.is(e,0):o==="exceptZero"&&(Object.is(e,-0)||Object.is(e,0)?e=Math.abs(e):t=e>0),t){let r=l.format(-e),i=l.format(e),n=r.replace(i,"").replace(/\u200e|\u061C/,"");return[...n].length!==1&&console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"),r.replace(i,"!!!").replace(n,"+").replace("!!!",i)}else return l.format(e)}}/*! * Lucero - The design system for Luzmo.
+ * */let q=new Map,N=!1;try{N=new Intl.NumberFormat("de-DE",{signDisplay:"exceptZero"}).resolvedOptions().signDisplay==="exceptZero"}catch{}let x=!1;try{x=new Intl.NumberFormat("de-DE",{style:"unit",unit:"degree"}).resolvedOptions().style==="unit"}catch{}const O={degree:{narrow:{default:"°","ja-JP":" 度","zh-TW":"度","sl-SI":" °"}}};class f{format(o){let e="";if(!N&&this.options.signDisplay!=null?e=J(this.numberFormatter,this.options.signDisplay,o):e=this.numberFormatter.format(o),this.options.style==="unit"&&!x){var t;let{unit:r,unitDisplay:i="short",locale:n}=this.resolvedOptions();if(!r)return e;let s=(t=O[r])===null||t===void 0?void 0:t[i];e+=s[n]||s.default}return e}formatToParts(o){return this.numberFormatter.formatToParts(o)}formatRange(o,e){if(typeof this.numberFormatter.formatRange=="function")return this.numberFormatter.formatRange(o,e);if(e<o)throw new RangeError("End date must be >= start date");return`${this.format(o)} – ${this.format(e)}`}formatRangeToParts(o,e){if(typeof this.numberFormatter.formatRangeToParts=="function")return this.numberFormatter.formatRangeToParts(o,e);if(e<o)throw new RangeError("End date must be >= start date");let t=this.numberFormatter.formatToParts(o),r=this.numberFormatter.formatToParts(e);return[...t.map(i=>({...i,source:"startRange"})),{type:"literal",value:" – ",source:"shared"},...r.map(i=>({...i,source:"endRange"}))]}resolvedOptions(){let o=this.numberFormatter.resolvedOptions();return!N&&this.options.signDisplay!=null&&(o={...o,signDisplay:this.options.signDisplay}),!x&&this.options.style==="unit"&&(o={...o,style:"unit",unit:this.options.unit,unitDisplay:this.options.unitDisplay}),o}constructor(o,e={}){this.numberFormatter=Z(o,e),this.options=e}}function Z(l,o={}){let{numberingSystem:e}=o;if(e&&l.includes("-nu-")&&(l.includes("-u-")||(l+="-u-"),l+=`-nu-${e}`),o.style==="unit"&&!x){var t;let{unit:n,unitDisplay:s="short"}=o;if(!n)throw new Error('unit option must be provided with style: "unit"');if(!(!((t=O[n])===null||t===void 0)&&t[s]))throw new Error(`Unsupported unit ${n} with unitDisplay = ${s}`);o={...o,style:"decimal"}}let r=l+(o?Object.entries(o).sort((n,s)=>n[0]<s[0]?-1:1).join():"");if(q.has(r))return q.get(r);let i=new Intl.NumberFormat(l,o);return q.set(r,i),i}function J(l,o,e){if(o==="auto")return l.format(e);if(o==="never")return l.format(Math.abs(e));{let t=!1;if(o==="always"?t=e>0||Object.is(e,0):o==="exceptZero"&&(Object.is(e,-0)||Object.is(e,0)?e=Math.abs(e):t=e>0),t){let r=l.format(-e),i=l.format(e),n=r.replace(i,"").replace(/\u200e|\u061C/,"");return[...n].length!==1&&console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"),r.replace(i,"!!!").replace(n,"+").replace("!!!",i)}else return l.format(e)}}/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.
@@ -49,7 +49,7 @@
  * 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.
- * */const Q=new RegExp("^.*\\(.*\\).*$"),oo=["latn","arab","hanidec","deva","beng"];class y{parse(o){return N(this.locale,this.options,o).parse(o)}isValidPartialNumber(o,e,t){return N(this.locale,this.options,o).isValidPartialNumber(o,e,t)}getNumberingSystem(o){return N(this.locale,this.options,o).options.numberingSystem}constructor(o,e={}){this.locale=o,this.options=e}}const _=new Map;function N(l,o,e){let t=V(l,o);if(!l.includes("-nu-")&&!t.isValidPartialNumber(e)){for(let r of oo)if(r!==t.options.numberingSystem){let i=V(l+(l.includes("-u-")?"-nu-":"-u-nu-")+r,o);if(i.isValidPartialNumber(e))return i}}return t}function V(l,o){let e=l+(o?Object.entries(o).sort((r,i)=>r[0]<i[0]?-1:1).join():""),t=_.get(e);return t||(t=new eo(l,o),_.set(e,t)),t}class eo{parse(o){let e=this.sanitize(o);if(this.symbols.group&&(e=m(e,this.symbols.group,"")),this.symbols.decimal&&(e=e.replace(this.symbols.decimal,".")),this.symbols.minusSign&&(e=e.replace(this.symbols.minusSign,"-")),e=e.replace(this.symbols.numeral,this.symbols.index),this.options.style==="percent"){let n=e.indexOf("-");e=e.replace("-","");let s=e.indexOf(".");s===-1&&(s=e.length),e=e.replace(".",""),s-2===0?e=`0.${e}`:s-2===-1?e=`0.0${e}`:s-2===-2?e="0.00":e=`${e.slice(0,s-2)}.${e.slice(s-2)}`,n>-1&&(e=`-${e}`)}let t=e?+e:NaN;if(isNaN(t))return NaN;if(this.options.style==="percent"){var r,i;let n={...this.options,style:"decimal",minimumFractionDigits:Math.min(((r=this.options.minimumFractionDigits)!==null&&r!==void 0?r:0)+2,20),maximumFractionDigits:Math.min(((i=this.options.maximumFractionDigits)!==null&&i!==void 0?i:0)+2,20)};return new y(this.locale,n).parse(new f(this.locale,n).format(t))}return this.options.currencySign==="accounting"&&Q.test(o)&&(t=-1*t),t}sanitize(o){return o=o.replace(this.symbols.literals,""),this.symbols.minusSign&&(o=o.replace("-",this.symbols.minusSign)),this.options.numberingSystem==="arab"&&(this.symbols.decimal&&(o=o.replace(",",this.symbols.decimal),o=o.replace("،",this.symbols.decimal)),this.symbols.group&&(o=m(o,".",this.symbols.group))),this.options.locale==="fr-FR"&&this.symbols.group&&(o=m(o," ",this.symbols.group),o=m(o,/\u00A0/g,this.symbols.group)),o}isValidPartialNumber(o,e=-1/0,t=1/0){return o=this.sanitize(o),this.symbols.minusSign&&o.startsWith(this.symbols.minusSign)&&e<0?o=o.slice(this.symbols.minusSign.length):this.symbols.plusSign&&o.startsWith(this.symbols.plusSign)&&t>0&&(o=o.slice(this.symbols.plusSign.length)),this.symbols.group&&o.startsWith(this.symbols.group)||this.symbols.decimal&&o.indexOf(this.symbols.decimal)>-1&&this.options.maximumFractionDigits===0?!1:(this.symbols.group&&(o=m(o,this.symbols.group,"")),o=o.replace(this.symbols.numeral,""),this.symbols.decimal&&(o=o.replace(this.symbols.decimal,"")),o.length===0)}constructor(o,e={}){this.locale=o,this.formatter=new Intl.NumberFormat(o,e),this.options=this.formatter.resolvedOptions(),this.symbols=ro(o,this.formatter,this.options,e);var t,r;this.options.style==="percent"&&(((t=this.options.minimumFractionDigits)!==null&&t!==void 0?t:0)>18||((r=this.options.maximumFractionDigits)!==null&&r!==void 0?r:0)>18)&&console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.")}}const R=new Set(["decimal","fraction","integer","minusSign","plusSign","group"]),to=[0,4,2,1,11,20,3,7,100,21,.1,1.1];function ro(l,o,e,t){var r,i,n,s;let d=new Intl.NumberFormat(l,{...e,minimumSignificantDigits:1,maximumSignificantDigits:21,roundingIncrement:1,roundingPriority:"auto",roundingMode:"halfExpand"}),p=d.formatToParts(-10000.111),j=d.formatToParts(10000.111),M=to.map(a=>d.formatToParts(a));var k;let T=(k=(r=p.find(a=>a.type==="minusSign"))===null||r===void 0?void 0:r.value)!==null&&k!==void 0?k:"-",F=(i=j.find(a=>a.type==="plusSign"))===null||i===void 0?void 0:i.value;!F&&((t==null?void 0:t.signDisplay)==="exceptZero"||(t==null?void 0:t.signDisplay)==="always")&&(F="+");let B=(n=new Intl.NumberFormat(l,{...e,minimumFractionDigits:2,maximumFractionDigits:2}).formatToParts(.001).find(a=>a.type==="decimal"))===null||n===void 0?void 0:n.value,U=(s=p.find(a=>a.type==="group"))===null||s===void 0?void 0:s.value,A=p.filter(a=>!R.has(a.type)).map(a=>$(a.value)),H=M.flatMap(a=>a.filter(h=>!R.has(h.type)).map(h=>$(h.value))),E=[...new Set([...A,...H])].sort((a,h)=>h.length-a.length),L=E.length===0?new RegExp("[\\p{White_Space}]","gu"):new RegExp(`${E.join("|")}|[\\p{White_Space}]`,"gu"),P=[...new Intl.NumberFormat(e.locale,{useGrouping:!1}).format(9876543210)].reverse(),W=new Map(P.map((a,h)=>[a,h])),K=new RegExp(`[${P.join("")}]`,"g");return{minusSign:T,plusSign:F,decimal:B,group:U,literals:L,numeral:K,index:a=>String(W.get(a))}}function m(l,o,e){return l.replaceAll?l.replaceAll(o,e):l.split(o).join(e)}function $(l){return l.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}/*! * Lucero - The design system for Luzmo.
+ * */const Q=new RegExp("^.*\\(.*\\).*$"),oo=["latn","arab","hanidec","deva","beng"];class y{parse(o){return D(this.locale,this.options,o).parse(o)}isValidPartialNumber(o,e,t){return D(this.locale,this.options,o).isValidPartialNumber(o,e,t)}getNumberingSystem(o){return D(this.locale,this.options,o).options.numberingSystem}constructor(o,e={}){this.locale=o,this.options=e}}const _=new Map;function D(l,o,e){let t=V(l,o);if(!l.includes("-nu-")&&!t.isValidPartialNumber(e)){for(let r of oo)if(r!==t.options.numberingSystem){let i=V(l+(l.includes("-u-")?"-nu-":"-u-nu-")+r,o);if(i.isValidPartialNumber(e))return i}}return t}function V(l,o){let e=l+(o?Object.entries(o).sort((r,i)=>r[0]<i[0]?-1:1).join():""),t=_.get(e);return t||(t=new eo(l,o),_.set(e,t)),t}class eo{parse(o){let e=this.sanitize(o);if(this.symbols.group&&(e=m(e,this.symbols.group,"")),this.symbols.decimal&&(e=e.replace(this.symbols.decimal,".")),this.symbols.minusSign&&(e=e.replace(this.symbols.minusSign,"-")),e=e.replace(this.symbols.numeral,this.symbols.index),this.options.style==="percent"){let n=e.indexOf("-");e=e.replace("-","");let s=e.indexOf(".");s===-1&&(s=e.length),e=e.replace(".",""),s-2===0?e=`0.${e}`:s-2===-1?e=`0.0${e}`:s-2===-2?e="0.00":e=`${e.slice(0,s-2)}.${e.slice(s-2)}`,n>-1&&(e=`-${e}`)}let t=e?+e:NaN;if(isNaN(t))return NaN;if(this.options.style==="percent"){var r,i;let n={...this.options,style:"decimal",minimumFractionDigits:Math.min(((r=this.options.minimumFractionDigits)!==null&&r!==void 0?r:0)+2,20),maximumFractionDigits:Math.min(((i=this.options.maximumFractionDigits)!==null&&i!==void 0?i:0)+2,20)};return new y(this.locale,n).parse(new f(this.locale,n).format(t))}return this.options.currencySign==="accounting"&&Q.test(o)&&(t=-1*t),t}sanitize(o){return o=o.replace(this.symbols.literals,""),this.symbols.minusSign&&(o=o.replace("-",this.symbols.minusSign)),this.options.numberingSystem==="arab"&&(this.symbols.decimal&&(o=o.replace(",",this.symbols.decimal),o=o.replace("،",this.symbols.decimal)),this.symbols.group&&(o=m(o,".",this.symbols.group))),this.options.locale==="fr-FR"&&this.symbols.group&&(o=m(o," ",this.symbols.group),o=m(o,/\u00A0/g,this.symbols.group)),o}isValidPartialNumber(o,e=-1/0,t=1/0){return o=this.sanitize(o),this.symbols.minusSign&&o.startsWith(this.symbols.minusSign)&&e<0?o=o.slice(this.symbols.minusSign.length):this.symbols.plusSign&&o.startsWith(this.symbols.plusSign)&&t>0&&(o=o.slice(this.symbols.plusSign.length)),this.symbols.group&&o.startsWith(this.symbols.group)||this.symbols.decimal&&o.indexOf(this.symbols.decimal)>-1&&this.options.maximumFractionDigits===0?!1:(this.symbols.group&&(o=m(o,this.symbols.group,"")),o=o.replace(this.symbols.numeral,""),this.symbols.decimal&&(o=o.replace(this.symbols.decimal,"")),o.length===0)}constructor(o,e={}){this.locale=o,this.formatter=new Intl.NumberFormat(o,e),this.options=this.formatter.resolvedOptions(),this.symbols=ro(o,this.formatter,this.options,e);var t,r;this.options.style==="percent"&&(((t=this.options.minimumFractionDigits)!==null&&t!==void 0?t:0)>18||((r=this.options.maximumFractionDigits)!==null&&r!==void 0?r:0)>18)&&console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.")}}const R=new Set(["decimal","fraction","integer","minusSign","plusSign","group"]),to=[0,4,2,1,11,20,3,7,100,21,.1,1.1];function ro(l,o,e,t){var r,i,n,s;let d=new Intl.NumberFormat(l,{...e,minimumSignificantDigits:1,maximumSignificantDigits:21,roundingIncrement:1,roundingPriority:"auto",roundingMode:"halfExpand"}),p=d.formatToParts(-10000.111),j=d.formatToParts(10000.111),M=to.map(a=>d.formatToParts(a));var k;let T=(k=(r=p.find(a=>a.type==="minusSign"))===null||r===void 0?void 0:r.value)!==null&&k!==void 0?k:"-",F=(i=j.find(a=>a.type==="plusSign"))===null||i===void 0?void 0:i.value;!F&&((t==null?void 0:t.signDisplay)==="exceptZero"||(t==null?void 0:t.signDisplay)==="always")&&(F="+");let B=(n=new Intl.NumberFormat(l,{...e,minimumFractionDigits:2,maximumFractionDigits:2}).formatToParts(.001).find(a=>a.type==="decimal"))===null||n===void 0?void 0:n.value,U=(s=p.find(a=>a.type==="group"))===null||s===void 0?void 0:s.value,A=p.filter(a=>!R.has(a.type)).map(a=>$(a.value)),H=M.flatMap(a=>a.filter(h=>!R.has(h.type)).map(h=>$(h.value))),E=[...new Set([...A,...H])].sort((a,h)=>h.length-a.length),L=E.length===0?new RegExp("[\\p{White_Space}]","gu"):new RegExp(`${E.join("|")}|[\\p{White_Space}]`,"gu"),P=[...new Intl.NumberFormat(e.locale,{useGrouping:!1}).format(9876543210)].reverse(),W=new Map(P.map((a,h)=>[a,h])),K=new RegExp(`[${P.join("")}]`,"g");return{minusSign:T,plusSign:F,decimal:B,group:U,literals:L,numeral:K,index:a=>String(W.get(a))}}function m(l,o,e){return l.replaceAll?l.replaceAll(o,e):l.split(o).join(e)}function $(l){return l.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.

package/components/{index-BNCgbOV2.js → index-BqSQoHjg.js}

@@ -18,8 +18,8 @@
  * SOFTWARE.
  * */
 import "./index-CsDgk_sj.js";
-import "./index-Bdy8Bz-n.js";
-import "./index-ChDwMQlU.js";
+import "./index-BobhBKA2.js";
+import "./index-Cf_a7VrO.js";
 import { r as v, x as _, n as d } from "./property-BFMfZY1k.js";
 import { m as e, g as q, t as E, s as D } from "./set-locale-DbEAMqUs.js";
 import { l as $ } from "./localized-decorator-DNr1P1m0.js";

package/components/{index-EXO-Hsj2.cjs → index-BukPAqqU.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const r=require("./base-D76d76ww-tT6yr8eb.cjs"),h=require("./directive-helpers-Cm6gitnu-BeggOiwf.cjs"),s=require("./if-defined-DOaE2coe-Cvlu5s9n.cjs"),d=require("./pending-state-DTX7ggyF-CoV2RbDq.cjs"),m=require("./index-CUvucmA0.cjs"),b=require("./focusable-BxtpnzWp-CkK9AeMt.cjs"),g=require("./index-CYeQkVeJ.cjs"),u=require("./luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs");require("./index-CHFwXYcm.cjs");require("./index-BKwbYw6x.cjs");/*! * Lucero - The design system for Luzmo.
+"use strict";const r=require("./base-D76d76ww-tT6yr8eb.cjs"),h=require("./directive-helpers-Cm6gitnu-BeggOiwf.cjs"),s=require("./if-defined-DOaE2coe-Cvlu5s9n.cjs"),d=require("./pending-state-DTX7ggyF-CoV2RbDq.cjs"),m=require("./index-CUvucmA0.cjs"),b=require("./focusable-BxtpnzWp-CkK9AeMt.cjs"),g=require("./index-CYeQkVeJ.cjs"),u=require("./luzmo-icons-4nDFv1Lq-D6-m-VWM.cjs");require("./index-BKx2WhDB.cjs");require("./index-BKwbYw6x.cjs");/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.

package/components/{index-Desl7GJ0.js → index-C6NpWavw.js}

@@ -17,13 +17,13 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { D, v as Y, s as G } from "./luzmo-icons-DbwDQtuO-QG0fLECn.js";
+import { D, v as Y, s as G } from "./luzmo-icons-4nDFv1Lq-DffGNBpO.js";
 import { m as Z, a as O, R as F, z as u, d as J } from "./base-D76d76ww-BGkuhs54.js";
 import { d as Q } from "./if-defined-DOaE2coe-CNT45Xcl.js";
 import { a as q, o as oo, w as eo } from "./async-directive-BfcqVjDp-BCT-lA4F.js";
 import { l as to, u as ro, o as io } from "./streaming-listener-CP-JE6Fa-9MH0gENR.js";
-import { a as lo } from "./button-base-DbkDzb71-R8oqSqlY.js";
-import { i as no } from "./text-field-BIADXoLC-B9oE05VF.js";
+import { a as lo } from "./button-base-DbkDzb71-Dh2Out91.js";
+import { i as no } from "./text-field-ol9Ed5lQ-DbpeM4EP.js";
 /*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo

package/components/{index-BC1LV3vH.js → index-COU9XhBt.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { D as d } from "./luzmo-icons-DbwDQtuO-QG0fLECn.js";
+import { D as d } from "./luzmo-icons-4nDFv1Lq-DffGNBpO.js";
 import { R as m, I as g, a as b, z as t } from "./base-D76d76ww-BGkuhs54.js";
 import { m as f } from "./if-defined-DOaE2coe-CNT45Xcl.js";
 /*! * Lucero - The design system for Luzmo.

package/components/{index-ChDwMQlU.js → index-Cf_a7VrO.js}

@@ -17,20 +17,21 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { b as go, y as bo, a as fo } from "./observe-slot-text-BPfIQQtz-v6B-1BYh.js";
-import { R as d, a as T, d as _, m as N, I as oo, P as zo, v as eo, z as a, o as yo, w as _o } from "./base-D76d76ww-BGkuhs54.js";
+import { a as go } from "./mutation-controller-DH7YOCyj-E7gpCmwh.js";
+import { R as d, a as T, d as _, m as N, I as oo, P as bo, v as eo, z as a, o as fo, w as zo } from "./base-D76d76ww-BGkuhs54.js";
 import { d as E, m as q } from "./if-defined-DOaE2coe-CNT45Xcl.js";
 import { r as to } from "./focusable-BxtpnzWp-DJQkL8Zv.js";
-import { b as ko } from "./observe-slot-presence-CmVi0zTc-DCFuXW7v.js";
+import { b as yo, y as _o } from "./observe-slot-text-BPfIQQtz-DLOwgi-A.js";
+import { b as ko } from "./observe-slot-presence-CmVi0zTc-hhUl4oRa.js";
 import { n as xo } from "./element-resolution-FCUT-wql--7ctE626.js";
-import { D as O, d as wo, w as Co, Z as So, A as Eo, s as $o, u as Oo, k as Ao } from "./luzmo-icons-DbwDQtuO-QG0fLECn.js";
+import { D as O, w as wo, b as Co, Z as So, A as Eo, s as $o, u as Oo, y as Ao } from "./luzmo-icons-4nDFv1Lq-DffGNBpO.js";
 import { _ as lo, $ as Io, s as io, a as Lo, p as A, g as L, b as j, x as To, n as H } from "./directive-helpers-Cm6gitnu-CeYtlPO9.js";
 import { C as Vo } from "./async-directive-BfcqVjDp-BCT-lA4F.js";
 import "./index-C3N6qTxJ.js";
 import { r as Bo } from "./divider.module-DoQWQEIJ-B19eHVg2.js";
 import { g as Fo, u as Po, o as Ro, v as K, a as Mo } from "./pending-state-DTX7ggyF-BQdsLMT1.js";
 import { a as Do } from "./index-BmshD32H.js";
-import "./index-BC1LV3vH.js";
+import "./index-COU9XhBt.js";
 import "./index-DUF6bALI.js";
 import "./index-CTVNGPeT.js";
 /*! * Lucero - The design system for Luzmo.
@@ -64,7 +65,7 @@ qo();
  */
 let G;
 function jo(n) {
-  return (o, e) => yo(o, e, { get() {
+  return (o, e) => fo(o, e, { get() {
     return (this.renderRoot ?? G ?? (G = document.createDocumentFragment())).querySelectorAll(n);
   } });
 }
@@ -87,8 +88,8 @@ const Wo = (n) => d`
     ${O(wo)}
   </span>
 `;
-class k extends go(
-  bo(ko(to, '[slot="icon"]'))
+class k extends yo(
+  _o(ko(to, '[slot="icon"]'))
 ) {
   constructor() {
     super(), this.active = !1, this.focused = !1, this.selected = !1, this.emphasized = !1, this.variant = "checkmarks", this._value = "", this.noWrap = !1, this.renderCheckIcon = (o, e) => {
@@ -98,7 +99,7 @@ class k extends go(
       this.focus();
     }, this.willDispatchUpdate = !1, this.addEventListener("click", this.handleClickCapture, {
       capture: !0
-    }), new fo(this, {
+    }), new go(this, {
       config: {
         characterData: !0,
         childList: !0,
@@ -818,7 +819,7 @@ const te = lo(ee);
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class I extends zo {
+class I extends bo {
   constructor() {
     super(...arguments), this.items = [], this.renderItem = so, this.keyFunction = no, this.layout = {}, this.scroller = !1;
   }
@@ -1619,7 +1620,7 @@ class v extends N(to, {
     if (((e = this.strategy) == null ? void 0 : e.overlay) === void 0)
       return o;
     const i = this.renderContainer(o);
-    return _o(i, (t = this.strategy) == null ? void 0 : t.overlay, {
+    return zo(i, (t = this.strategy) == null ? void 0 : t.overlay, {
       host: this
     }), (l = this.strategy) == null ? void 0 : l.overlay;
   }

package/components/{index-CnpJUw_z.cjs → index-CnP-Q5Bw.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const s=require("./base-D76d76ww-tT6yr8eb.cjs"),d=require("./observe-slot-text-BPfIQQtz-DHOh38Ve.cjs"),p=require("./if-defined-DOaE2coe-Cvlu5s9n.cjs"),m=require("./roving-tabindex-DOg4z6ZU-DmyYPRYY.cjs");/*! * Lucero - The design system for Luzmo.
+"use strict";const s=require("./base-D76d76ww-tT6yr8eb.cjs"),d=require("./mutation-controller-DH7YOCyj-B6sXpbgh.cjs"),p=require("./if-defined-DOaE2coe-Cvlu5s9n.cjs"),m=require("./roving-tabindex-DOg4z6ZU-DmyYPRYY.cjs");/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.

package/components/index-DCdx3dxQ.cjs

@@ -0,0 +1,42 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. 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";const d=require("./luzmo-icons-4nDFv1Lq-D6-m-VWM.cjs"),n=require("./base-D76d76ww-tT6yr8eb.cjs"),s=require("./button-base-DbkDzb71-D0Ni0xn1.cjs");/*! * 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.
+ * */const g=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const c=document.createElement("style");c.setAttribute("data-luzmo-vars",""),c.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(c)}};g();const h=':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;border-style:solid;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host([disabled]){cursor:default}::slotted([slot=icon]){max-block-size:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}#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));border-width:var(--luzmo-action-button-border-width, var(--action-button-border-width));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)));border-color:var(--highcontrast-action-button-border-color-default, var(--luzmo-action-button-border-color-default, var(--action-button-border-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}:host:dir(rtl),: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)));border-color:var(--highcontrast-action-button-border-color-hover, var(--luzmo-action-button-border-color-hover, var(--action-button-border-color-hover)));color:var(--highcontrast-action-button-content-color-hover, var(--luzmo-action-button-content-color-hover, var(--action-button-content-color-hover)))}}: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)));border-color:var(--highcontrast-action-button-border-color-focus, var(--luzmo-action-button-border-color-focus, var(--action-button-border-color-focus)));color:var(--highcontrast-action-button-content-color-focus, var(--luzmo-action-button-content-color-focus, var(--action-button-content-color-focus)))}: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)));border-color:var(--highcontrast-action-button-border-color-down, var(--luzmo-action-button-border-color-down, var(--action-button-border-color-down)));color:var(--highcontrast-action-button-content-color-down, var(--luzmo-action-button-content-color-down, var(--action-button-content-color-down)))}:host([disabled]){background-color:var(--highcontrast-action-button-background-color-disabled, var(--luzmo-action-button-background-color-disabled, var(--action-button-background-color-disabled)));border-color:var(--highcontrast-action-button-border-color-disabled, var(--luzmo-action-button-border-color-disabled, var(--action-button-border-color-disabled)));color:var(--highcontrast-action-button-content-color-disabled, var(--luzmo-action-button-content-color-disabled, var(--action-button-content-color-disabled)))}: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]){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)));text-align:center}#label{pointer-events:none;font-size:var(--luzmo-action-button-font-size, var(--action-button-font-size));white-space:nowrap;color:inherit;color:var(--luzmo-action-button-label-color, inherit);text-overflow:ellipsis;overflow:hidden}.hold-affordance{color:inherit;transform:var(--logical-rotation);position:absolute;font-size:var(--action-button-corner-triangle-size);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;top:0;right:0;bottom:0;left: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([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([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: rgba(0, 0, 0, .25);--action-button-background-color-down: rgba(0, 0, 0, .4);--action-button-background-color-focus: rgba(0, 0, 0, .25);--action-button-background-color-disabled: transparent;--action-button-border-color-default: rgba(0, 0, 0, .4);--action-button-border-color-hover: rgba(0, 0, 0, .55);--action-button-border-color-down: rgba(0, 0, 0, .7);--action-button-border-color-focus: rgba(0, 0, 0, .25);--action-button-border-color-disabled: transparent;--action-button-content-color-default: rgb(0, 0, 0);--action-button-content-color-hover: rgb(0, 0, 0);--action-button-content-color-down: rgb(0, 0, 0);--action-button-content-color-focus: rgb(0, 0, 0);--action-button-content-color-disabled: rgba(0, 0, 0, .55);--action-button-focus-indicator-color: rgb(0, 0, 0)}:host([static-color=black][selected]){--action-button-background-color-default: rgba(0, 0, 0, .9);--action-button-background-color-hover: rgb(0, 0, 0);--action-button-background-color-down: rgb(0, 0, 0);--action-button-background-color-focus: rgb(0, 0, 0);--action-button-background-color-disabled: rgba(0, 0, 0, .1);--action-button-border-color-disabled: transparent;--action-button-content-color-default: rgb(255, 255, 255);--action-button-content-color-hover: rgb(255, 255, 255);--action-button-content-color-down: rgb(255, 255, 255);--action-button-content-color-focus: rgb(255, 255, 255)}:host([static-color=black][selected][emphasized]){--action-button-background-color-default: rgba(0, 0, 0, .9);--action-button-background-color-hover: rgb(0, 0, 0);--action-button-background-color-down: rgb(0, 0, 0);--action-button-background-color-focus: rgb(0, 0, 0);--action-button-content-color-default: rgb(255, 255, 255);--action-button-content-color-hover: rgb(255, 255, 255);--action-button-content-color-down: rgb(255, 255, 255);--action-button-content-color-focus: rgb(255, 255, 255)}:host([static-color=white]){--action-button-background-color-default: transparent;--action-button-background-color-hover: rgba(255, 255, 255, .25);--action-button-background-color-down: rgba(255, 255, 255, .4);--action-button-background-color-focus: rgba(255, 255, 255, .25);--action-button-background-color-disabled: transparent;--action-button-border-color-default: rgba(255, 255, 255, .4);--action-button-border-color-hover: rgba(255, 255, 255, .55);--action-button-border-color-down: rgba(255, 255, 255, .7);--action-button-border-color-focus: rgba(255, 255, 255, .55);--action-button-border-color-disabled: rgba(255, 255, 255, .25);--action-button-content-color-default: rgb(255, 255, 255);--action-button-content-color-hover: rgb(255, 255, 255);--action-button-content-color-down: rgb(255, 255, 255);--action-button-content-color-focus: rgb(255, 255, 255);--action-button-content-color-disabled: rgba(255, 255, 255, .55);--action-button-focus-indicator-color: rgb(255, 255, 255)}:host([static-color=white][selected]){--action-button-background-color-default: rgba(255, 255, 255, .9);--action-button-background-color-hover: rgb(255, 255, 255);--action-button-background-color-down: rgb(255, 255, 255);--action-button-background-color-focus: rgb(255, 255, 255);--action-button-background-color-disabled: rgba(255, 255, 255, .1);--action-button-border-color-disabled: transparent;--action-button-content-color-default: rgb(0, 0, 0);--action-button-content-color-hover: rgb(0, 0, 0);--action-button-content-color-down: rgb(0, 0, 0);--action-button-content-color-focus: rgb(0, 0, 0)}:host([static-color=white][selected][emphasized]){--action-button-background-color-default: rgba(255, 255, 255, .9);--action-button-background-color-hover: rgb(255, 255, 255);--action-button-background-color-down: rgb(255, 255, 255);--action-button-background-color-focus: rgb(255, 255, 255);--action-button-content-color-default: rgb(0, 0, 0)}: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}}';var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,e=(c,o,t,r)=>{for(var i=r>1?void 0:r?v(o,t):o,l=c.length-1,u;l>=0;l--)(u=c[l])&&(i=(r?u(o,t,i):u(i))||i);return r&&i&&m(o,t,i),i};const z=300;let b;class a extends n.m(s.a,{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this.emphasized=!1,this.holdAffordance=!1,this.quiet=!1,this.role="button",this.selected=!1,this.toggles=!1,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)}static get styles(){return[...super.styles,n.at(h)]}get value(){return this._value||this.itemText}set value(o){o!==this._value&&(this._value=o||"",this._value?this.setAttribute("value",this._value):this.removeAttribute("value"))}get itemText(){return(this.textContent||"").trim()}handlePointerdownHoldAffordance(o){o.button===0&&(this.addEventListener("pointerup",this.handlePointerupHoldAffordance),this.addEventListener("pointercancel",this.handlePointerupHoldAffordance),b=setTimeout(()=>{this.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"pointer"}}))},z))}handlePointerupHoldAffordance(){clearTimeout(b),this.removeEventListener("pointerup",this.handlePointerupHoldAffordance),this.removeEventListener("pointercancel",this.handlePointerupHoldAffordance)}handleKeydown(o){if(!this.holdAffordance)return super.handleKeydown(o);const{code:t,altKey:r}=o;(t==="Space"||r&&t==="ArrowDown")&&(o.preventDefault(),t==="ArrowDown"&&(o.stopPropagation(),o.stopImmediatePropagation()),this.addEventListener("keyup",this.handleKeyup),this.active=!0)}handleKeyup(o){if(!this.holdAffordance)return super.handleKeyup(o);const{code:t,altKey:r}=o;(t==="Space"||r&&t==="ArrowDown")&&(o.stopPropagation(),this.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"keyboard"}})),this.active=!1)}get buttonContent(){const o=super.buttonContent;return this.holdAffordance&&o.unshift(n.Rt`
+        <div
+          class="hold-affordance corner-triangle-${this.size}"
+        >
+          ${d.D(d.V)}
+        </div>
+      `),o}updated(o){super.updated(o);const t=this.role==="button",r=t&&(this.selected||this.toggles)&&!(this.hasAttribute("aria-haspopup")&&this.hasAttribute("aria-expanded"));(o.has("selected")||o.has("role"))&&(r?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"))),o.has("holdAffordance")&&(this.holdAffordance?this.addEventListener("pointerdown",this.handlePointerdownHoldAffordance):(this.removeEventListener("pointerdown",this.handlePointerdownHoldAffordance),this.handlePointerupHoldAffordance()))}}e([n.zt({type:Boolean,reflect:!0})],a.prototype,"emphasized",2);e([n.zt({type:Boolean,reflect:!0,attribute:"hold-affordance"})],a.prototype,"holdAffordance",2);e([n.zt({type:Boolean,reflect:!0})],a.prototype,"quiet",2);e([n.zt({reflect:!0})],a.prototype,"role",2);e([n.zt({type:Boolean,reflect:!0})],a.prototype,"selected",2);e([n.zt({type:Boolean,reflect:!0})],a.prototype,"toggles",2);e([n.zt({reflect:!0,attribute:"static-color"})],a.prototype,"staticColor",2);e([n.zt({type:String})],a.prototype,"value",1);customElements.get("luzmo-action-button")||customElements.define("luzmo-action-button",a);