@luzmo/lucero 1.0.3-alpha.2 → 1.0.3-alpha.20

package/components/{toast-Bd0fleYT.js → toast-3eJGRjSl.js}

@@ -1,28 +1,28 @@
-/*! * 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.
+/*! * 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.
  * */
-import { n as e, t } from "./decorate-aGxJUVxg.js";
-import { t as n } from "./focus-visible-CrooVCUu.js";
-import "./close-button-MgaJT7yO.js";
+import { n as e, t } from "./decorate-CkCg3wfh.js";
+import { t as n } from "./focus-visible-Bt2uDmuM.js";
+import "./close-button-LSSbv5ia.js";
 import { html as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
 import { luzmoAlertOutline as o, luzmoCheckCircleOutline as s, luzmoInfoCircleOutline as c } from "@luzmo/icons";
 //#region src/components/toast/toast.module.scss?inline
-var l = "@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(--luzmo-toast-border-width,var(--toast-border-width)) solid var(--highcontrast-toast-border-color,transparent)}}:host{font-family:var(--luzmo-font-family);box-sizing:border-box;min-block-size:var(--luzmo-toast-block-size,var(--toast-block-size));max-inline-size:var(--luzmo-toast-max-inline-size,var(--toast-max-inline-size));border-radius:var(--luzmo-toast-border-radius,var(--toast-border-radius));font-size:var(--luzmo-toast-font-size,var(--toast-font-size));font-weight:var(--luzmo-toast-font-weight,var(--toast-font-weight));-webkit-font-smoothing:antialiased;background-color:var(--highcontrast-toast-background-color-default,var(--luzmo-toast-background-color-default,var(--toast-background-color-default)));color:var(--highcontrast-toast-background-color-default,var(--luzmo-toast-background-color-default,var(--toast-background-color-default)));overflow-wrap:anywhere;flex-direction:row;align-items:stretch;padding-inline-start:var(--luzmo-toast-spacing-start-edge-to-text-and-icon,var(--toast-spacing-start-edge-to-text-and-icon));display:inline-flex}:host([variant=negative]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}:host([variant=negative]),:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}:host([variant=info]){background-color:var(--highcontrast-toast-informative-background-color-default,var(--luzmo-toast-informative-background-color-default,var(--toast-informative-background-color-default)))}:host([variant=info]),:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-informative-background-color-default,var(--luzmo-toast-informative-background-color-default,var(--toast-informative-background-color-default)))}:host([variant=positive]){background-color:var(--highcontrast-toast-positive-background-color-default,var(--luzmo-toast-positive-background-color-default,var(--toast-positive-background-color-default)))}:host([variant=positive]),:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-positive-background-color-default,var(--luzmo-toast-positive-background-color-default,var(--toast-positive-background-color-default)))}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(--luzmo-toast-spacing-top-edge-to-icon,var(--toast-spacing-top-edge-to-icon));margin-inline-start:0;margin-inline-end:var(--luzmo-toast-spacing-icon-to-text,var(--toast-spacing-icon-to-text))}.content,.type{color:var(--highcontrast-toast-text-and-icon-color,var(--luzmo-toast-text-and-icon-color,var(--toast-text-and-icon-color)))}.content{box-sizing:border-box;line-height:var(--luzmo-toast-line-height,var(--toast-line-height));text-align:start;flex:auto;padding-block-start:calc(var(--luzmo-toast-spacing-top-edge-to-text,var(--toast-spacing-top-edge-to-text)) - var(--luzmo-toast-spacing-block-start,var(--toast-spacing-block-start)));padding-block-end:calc(var(--luzmo-toast-spacing-bottom-edge-to-text,var(--toast-spacing-bottom-edge-to-text)) - var(--luzmo-toast-spacing-block-end,var(--toast-spacing-block-end)));padding-inline-start:0;padding-inline-end:var(--luzmo-toast-spacing-text-to-action-button-horizontal,var(--toast-spacing-text-to-action-button-horizontal));display:inline-block}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(--luzmo-toast-line-height-cjk,var(--toast-line-height-cjk))}.buttons{border-inline-start-color:var(--luzmo-toast-divider-color,var(--toast-divider-color));flex:none;align-items:flex-start;margin-block-start:var(--luzmo-toast-spacing-top-edge-to-divider,var(--toast-spacing-top-edge-to-divider));margin-block-end:var(--luzmo-toast-spacing-bottom-edge-to-divider,var(--toast-spacing-bottom-edge-to-divider));padding-inline-end:var(--luzmo-toast-spacing-close-button,var(--toast-spacing-close-button));display:flex}.buttons .luzmo-CloseButton{align-self:flex-start}.body{flex-wrap:wrap;flex:auto;align-self:center;align-items:center;padding-block-start:var(--luzmo-toast-spacing-block-start,var(--toast-spacing-block-start));padding-block-end:var(--luzmo-toast-spacing-block-end,var(--toast-spacing-block-end));display:flex}.body ::slotted([slot=action]){margin-inline-start:auto;margin-inline-end:var(--luzmo-toast-spacing-text-and-action-button-to-divider,var(--toast-spacing-text-and-action-button-to-divider))}.body ::slotted([slot=action]:dir(rtl)),:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:var(--luzmo-toast-spacing-text-and-action-button-to-divider,var(--toast-spacing-text-and-action-button-to-divider))}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(--luzmo-toast-spacing-close-button,var(--toast-spacing-close-button))}:host{--toast-background-color-default:#505050;--toast-font-weight:var(--luzmo-font-weight);--toast-font-size:var(--luzmo-font-size);--toast-border-radius:var(--luzmo-border-radius);--toast-block-size:var(--luzmo-component-height);--toast-max-inline-size:360px;--toast-border-width:var(--luzmo-border-width);--toast-line-height:var(--luzmo-line-height);--toast-line-height-cjk:1.5;--toast-spacing-icon-to-text:calc(var(--luzmo-spacing-3));--toast-spacing-start-edge-to-text-and-icon:var(--luzmo-spacing-5);--toast-spacing-text-and-action-button-to-divider:var(--luzmo-spacing-5);--toast-spacing-top-edge-to-divider:var(--luzmo-spacing-3);--toast-spacing-bottom-edge-to-divider:var(--luzmo-spacing-3);--toast-spacing-top-edge-to-icon:calc(var(--luzmo-spacing-5));--toast-spacing-text-to-action-button-horizontal:var(--luzmo-spacing-5);--toast-spacing-close-button:var(--luzmo-spacing-3);--toast-spacing-block-start:var(--luzmo-spacing-3);--toast-spacing-block-end:var(--luzmo-spacing-3);--toast-spacing-top-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--toast-spacing-bottom-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--toast-negative-background-color-default:var(--luzmo-negative-color);--toast-positive-background-color-default:var(--luzmo-positive-color);--toast-informative-background-color-default:var(--luzmo-informative-color);--toast-text-and-icon-color:#fff;--toast-divider-color:#fff3;--overlay-animation-distance:var(--spacing-100);--overlay-animation-duration:var(--animation-duration-100);opacity:0;pointer-events:none;transition:transform var(--overlay-animation-duration) ease-in-out, opacity var(--overlay-animation-duration) ease-in-out, visibility 0s linear var(--overlay-animation-duration);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}:host([variant=error]),:host([variant=warning]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}:host([variant=negative]),:host([variant=negative]) .closeButton:focus-visible:not(:active),:host([variant=warning]),:host([variant=warning]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}", u = [
+var l = "@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(--luzmo-toast-border-width,var(--toast-border-width)) solid var(--highcontrast-toast-border-color,transparent)}}:host{font-family:var(--luzmo-font-family);box-sizing:border-box;min-block-size:var(--luzmo-toast-block-size,var(--toast-block-size));max-inline-size:var(--luzmo-toast-max-inline-size,var(--toast-max-inline-size));border-radius:var(--luzmo-toast-border-radius,var(--toast-border-radius));font-size:var(--luzmo-toast-font-size,var(--toast-font-size));font-weight:var(--luzmo-toast-font-weight,var(--toast-font-weight));-webkit-font-smoothing:antialiased;background-color:var(--highcontrast-toast-background-color-default,var(--luzmo-toast-background-color-default,var(--toast-background-color-default)));color:var(--highcontrast-toast-background-color-default,var(--luzmo-toast-background-color-default,var(--toast-background-color-default)));overflow-wrap:anywhere;flex-direction:row;align-items:stretch;padding-inline-start:var(--luzmo-toast-spacing-start-edge-to-text-and-icon,var(--toast-spacing-start-edge-to-text-and-icon));display:inline-flex}:host([variant=negative]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}:host([variant=negative]),:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}:host([variant=info]){background-color:var(--highcontrast-toast-informative-background-color-default,var(--luzmo-toast-informative-background-color-default,var(--toast-informative-background-color-default)))}:host([variant=info]),:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-informative-background-color-default,var(--luzmo-toast-informative-background-color-default,var(--toast-informative-background-color-default)))}:host([variant=positive]){background-color:var(--highcontrast-toast-positive-background-color-default,var(--luzmo-toast-positive-background-color-default,var(--toast-positive-background-color-default)))}:host([variant=positive]),:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-positive-background-color-default,var(--luzmo-toast-positive-background-color-default,var(--toast-positive-background-color-default)))}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(--luzmo-toast-spacing-top-edge-to-icon,var(--toast-spacing-top-edge-to-icon));margin-inline-start:0;margin-inline-end:var(--luzmo-toast-spacing-icon-to-text,var(--toast-spacing-icon-to-text))}.content,.type{color:var(--highcontrast-toast-text-and-icon-color,var(--luzmo-toast-text-and-icon-color,var(--toast-text-and-icon-color)))}.content{box-sizing:border-box;line-height:var(--luzmo-toast-line-height,var(--toast-line-height));text-align:start;flex:auto;padding-block-start:calc(var(--luzmo-toast-spacing-top-edge-to-text,var(--toast-spacing-top-edge-to-text)) - var(--luzmo-toast-spacing-block-start,var(--toast-spacing-block-start)));padding-block-end:calc(var(--luzmo-toast-spacing-bottom-edge-to-text,var(--toast-spacing-bottom-edge-to-text)) - var(--luzmo-toast-spacing-block-end,var(--toast-spacing-block-end)));padding-inline-start:0;padding-inline-end:var(--luzmo-toast-spacing-text-to-action-button-horizontal,var(--toast-spacing-text-to-action-button-horizontal));display:inline-block}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(--luzmo-toast-line-height-cjk,var(--toast-line-height-cjk))}.buttons{border-inline-start-color:var(--luzmo-toast-divider-color,var(--toast-divider-color));flex:none;align-items:flex-start;margin-block-start:var(--luzmo-toast-spacing-top-edge-to-divider,var(--toast-spacing-top-edge-to-divider));margin-block-end:var(--luzmo-toast-spacing-bottom-edge-to-divider,var(--toast-spacing-bottom-edge-to-divider));padding-inline-end:var(--luzmo-toast-spacing-close-button,var(--toast-spacing-close-button));display:flex}.buttons .luzmo-CloseButton{align-self:flex-start}.body{flex-wrap:wrap;flex:auto;align-self:center;align-items:center;padding-block-start:var(--luzmo-toast-spacing-block-start,var(--toast-spacing-block-start));padding-block-end:var(--luzmo-toast-spacing-block-end,var(--toast-spacing-block-end));display:flex}.body ::slotted([slot=action]){--luzmo-button-background-color-default:transparent;--luzmo-button-background-color-hover:transparent;--luzmo-button-background-color-down:transparent;--luzmo-button-background-color-focus:transparent;--luzmo-button-border-color-default:var(--toast-content-color);--luzmo-button-border-color-hover:var(--toast-content-color);--luzmo-button-border-color-down:var(--toast-content-color);--luzmo-button-border-color-focus:var(--toast-content-color);--luzmo-button-content-color-default:var(--toast-content-color);--luzmo-button-content-color-hover:var(--toast-content-color);--luzmo-button-content-color-down:var(--toast-content-color);--luzmo-button-content-color-focus:var(--toast-content-color);margin-inline-start:auto;margin-inline-end:var(--luzmo-toast-spacing-text-and-action-button-to-divider,var(--toast-spacing-text-and-action-button-to-divider))}.body ::slotted([slot=action]:dir(rtl)),:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:var(--luzmo-toast-spacing-text-and-action-button-to-divider,var(--toast-spacing-text-and-action-button-to-divider))}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(--luzmo-toast-spacing-close-button,var(--toast-spacing-close-button))}:host{--toast-background-color-default:#505050;--toast-font-weight:var(--luzmo-font-weight);--toast-font-size:var(--luzmo-font-size);--toast-border-radius:var(--luzmo-border-radius);--toast-block-size:var(--luzmo-component-height);--toast-max-inline-size:360px;--toast-border-width:var(--luzmo-border-width);--toast-line-height:var(--luzmo-line-height);--toast-line-height-cjk:1.5;--toast-spacing-icon-to-text:calc(var(--luzmo-spacing-3));--toast-spacing-start-edge-to-text-and-icon:var(--luzmo-spacing-5);--toast-spacing-text-and-action-button-to-divider:var(--luzmo-spacing-5);--toast-spacing-top-edge-to-divider:var(--luzmo-spacing-3);--toast-spacing-bottom-edge-to-divider:var(--luzmo-spacing-3);--toast-spacing-top-edge-to-icon:calc(var(--luzmo-spacing-5));--toast-spacing-text-to-action-button-horizontal:var(--luzmo-spacing-5);--toast-spacing-close-button:var(--luzmo-spacing-3);--toast-spacing-block-start:var(--luzmo-spacing-3);--toast-spacing-block-end:var(--luzmo-spacing-3);--toast-spacing-top-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--toast-spacing-bottom-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--toast-negative-background-color-default:var(--luzmo-negative-color);--toast-positive-background-color-default:var(--luzmo-positive-color);--toast-informative-background-color-default:var(--luzmo-informative-color);--toast-text-and-icon-color:#fff;--toast-content-color:var(--luzmo-toast-text-and-icon-color,var(--toast-text-and-icon-color));--toast-divider-color:color-mix(in srgb, var(--toast-content-color) 20%, transparent);--luzmo-close-button-icon-color-default:var(--toast-content-color);--luzmo-close-button-icon-color-hover:var(--toast-content-color);--luzmo-close-button-icon-color-down:var(--toast-content-color);--luzmo-close-button-icon-color-focus:var(--toast-content-color);--luzmo-close-button-icon-color-disabled:color-mix(in srgb, var(--toast-content-color) 20%, transparent);--luzmo-close-button-focus-indicator-color:var(--toast-content-color);--luzmo-close-button-static-background-color-hover:color-mix(in srgb, var(--toast-content-color) 20%, transparent);--luzmo-close-button-static-background-color-down:color-mix(in srgb, var(--toast-content-color) 40%, transparent);--luzmo-close-button-static-background-color-focus:color-mix(in srgb, var(--toast-content-color) 20%, transparent)}:host([variant=negative]){--toast-text-and-icon-color:var(--luzmo-negative-inverse-color)}:host([variant=positive]){--toast-text-and-icon-color:var(--luzmo-positive-inverse-color)}:host([variant=info]){--toast-text-and-icon-color:var(--luzmo-informative-inverse-color)}:host{--overlay-animation-distance:var(--spacing-100);--overlay-animation-duration:var(--animation-duration-100);opacity:0;pointer-events:none;transition:transform var(--overlay-animation-duration) ease-in-out, opacity var(--overlay-animation-duration) ease-in-out, visibility 0s linear var(--overlay-animation-duration);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}:host([variant=error]),:host([variant=warning]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}:host([variant=negative]),:host([variant=negative]) .closeButton:focus-visible:not(:active),:host([variant=warning]),:host([variant=warning]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}", u = [
 	"negative",
 	"positive",
 	"info"

package/components/toast-B5vlhIVK.cjs

@@ -0,0 +1,51 @@
+/*! * 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 e=require("./decorate-Dq34MBGe.cjs"),t=require("./focus-visible-eQdwUM9k.cjs");require("./close-button-hePosu7B.cjs");let n=require("lit"),r=require("lit/decorators.js"),i=require("@luzmo/icons");var a=`@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(--luzmo-toast-border-width,var(--toast-border-width)) solid var(--highcontrast-toast-border-color,transparent)}}:host{font-family:var(--luzmo-font-family);box-sizing:border-box;min-block-size:var(--luzmo-toast-block-size,var(--toast-block-size));max-inline-size:var(--luzmo-toast-max-inline-size,var(--toast-max-inline-size));border-radius:var(--luzmo-toast-border-radius,var(--toast-border-radius));font-size:var(--luzmo-toast-font-size,var(--toast-font-size));font-weight:var(--luzmo-toast-font-weight,var(--toast-font-weight));-webkit-font-smoothing:antialiased;background-color:var(--highcontrast-toast-background-color-default,var(--luzmo-toast-background-color-default,var(--toast-background-color-default)));color:var(--highcontrast-toast-background-color-default,var(--luzmo-toast-background-color-default,var(--toast-background-color-default)));overflow-wrap:anywhere;flex-direction:row;align-items:stretch;padding-inline-start:var(--luzmo-toast-spacing-start-edge-to-text-and-icon,var(--toast-spacing-start-edge-to-text-and-icon));display:inline-flex}:host([variant=negative]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}:host([variant=negative]),:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}:host([variant=info]){background-color:var(--highcontrast-toast-informative-background-color-default,var(--luzmo-toast-informative-background-color-default,var(--toast-informative-background-color-default)))}:host([variant=info]),:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-informative-background-color-default,var(--luzmo-toast-informative-background-color-default,var(--toast-informative-background-color-default)))}:host([variant=positive]){background-color:var(--highcontrast-toast-positive-background-color-default,var(--luzmo-toast-positive-background-color-default,var(--toast-positive-background-color-default)))}:host([variant=positive]),:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-positive-background-color-default,var(--luzmo-toast-positive-background-color-default,var(--toast-positive-background-color-default)))}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(--luzmo-toast-spacing-top-edge-to-icon,var(--toast-spacing-top-edge-to-icon));margin-inline-start:0;margin-inline-end:var(--luzmo-toast-spacing-icon-to-text,var(--toast-spacing-icon-to-text))}.content,.type{color:var(--highcontrast-toast-text-and-icon-color,var(--luzmo-toast-text-and-icon-color,var(--toast-text-and-icon-color)))}.content{box-sizing:border-box;line-height:var(--luzmo-toast-line-height,var(--toast-line-height));text-align:start;flex:auto;padding-block-start:calc(var(--luzmo-toast-spacing-top-edge-to-text,var(--toast-spacing-top-edge-to-text)) - var(--luzmo-toast-spacing-block-start,var(--toast-spacing-block-start)));padding-block-end:calc(var(--luzmo-toast-spacing-bottom-edge-to-text,var(--toast-spacing-bottom-edge-to-text)) - var(--luzmo-toast-spacing-block-end,var(--toast-spacing-block-end)));padding-inline-start:0;padding-inline-end:var(--luzmo-toast-spacing-text-to-action-button-horizontal,var(--toast-spacing-text-to-action-button-horizontal));display:inline-block}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(--luzmo-toast-line-height-cjk,var(--toast-line-height-cjk))}.buttons{border-inline-start-color:var(--luzmo-toast-divider-color,var(--toast-divider-color));flex:none;align-items:flex-start;margin-block-start:var(--luzmo-toast-spacing-top-edge-to-divider,var(--toast-spacing-top-edge-to-divider));margin-block-end:var(--luzmo-toast-spacing-bottom-edge-to-divider,var(--toast-spacing-bottom-edge-to-divider));padding-inline-end:var(--luzmo-toast-spacing-close-button,var(--toast-spacing-close-button));display:flex}.buttons .luzmo-CloseButton{align-self:flex-start}.body{flex-wrap:wrap;flex:auto;align-self:center;align-items:center;padding-block-start:var(--luzmo-toast-spacing-block-start,var(--toast-spacing-block-start));padding-block-end:var(--luzmo-toast-spacing-block-end,var(--toast-spacing-block-end));display:flex}.body ::slotted([slot=action]){--luzmo-button-background-color-default:transparent;--luzmo-button-background-color-hover:transparent;--luzmo-button-background-color-down:transparent;--luzmo-button-background-color-focus:transparent;--luzmo-button-border-color-default:var(--toast-content-color);--luzmo-button-border-color-hover:var(--toast-content-color);--luzmo-button-border-color-down:var(--toast-content-color);--luzmo-button-border-color-focus:var(--toast-content-color);--luzmo-button-content-color-default:var(--toast-content-color);--luzmo-button-content-color-hover:var(--toast-content-color);--luzmo-button-content-color-down:var(--toast-content-color);--luzmo-button-content-color-focus:var(--toast-content-color);margin-inline-start:auto;margin-inline-end:var(--luzmo-toast-spacing-text-and-action-button-to-divider,var(--toast-spacing-text-and-action-button-to-divider))}.body ::slotted([slot=action]:dir(rtl)),:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:var(--luzmo-toast-spacing-text-and-action-button-to-divider,var(--toast-spacing-text-and-action-button-to-divider))}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(--luzmo-toast-spacing-close-button,var(--toast-spacing-close-button))}:host{--toast-background-color-default:#505050;--toast-font-weight:var(--luzmo-font-weight);--toast-font-size:var(--luzmo-font-size);--toast-border-radius:var(--luzmo-border-radius);--toast-block-size:var(--luzmo-component-height);--toast-max-inline-size:360px;--toast-border-width:var(--luzmo-border-width);--toast-line-height:var(--luzmo-line-height);--toast-line-height-cjk:1.5;--toast-spacing-icon-to-text:calc(var(--luzmo-spacing-3));--toast-spacing-start-edge-to-text-and-icon:var(--luzmo-spacing-5);--toast-spacing-text-and-action-button-to-divider:var(--luzmo-spacing-5);--toast-spacing-top-edge-to-divider:var(--luzmo-spacing-3);--toast-spacing-bottom-edge-to-divider:var(--luzmo-spacing-3);--toast-spacing-top-edge-to-icon:calc(var(--luzmo-spacing-5));--toast-spacing-text-to-action-button-horizontal:var(--luzmo-spacing-5);--toast-spacing-close-button:var(--luzmo-spacing-3);--toast-spacing-block-start:var(--luzmo-spacing-3);--toast-spacing-block-end:var(--luzmo-spacing-3);--toast-spacing-top-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--toast-spacing-bottom-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--toast-negative-background-color-default:var(--luzmo-negative-color);--toast-positive-background-color-default:var(--luzmo-positive-color);--toast-informative-background-color-default:var(--luzmo-informative-color);--toast-text-and-icon-color:#fff;--toast-content-color:var(--luzmo-toast-text-and-icon-color,var(--toast-text-and-icon-color));--toast-divider-color:color-mix(in srgb, var(--toast-content-color) 20%, transparent);--luzmo-close-button-icon-color-default:var(--toast-content-color);--luzmo-close-button-icon-color-hover:var(--toast-content-color);--luzmo-close-button-icon-color-down:var(--toast-content-color);--luzmo-close-button-icon-color-focus:var(--toast-content-color);--luzmo-close-button-icon-color-disabled:color-mix(in srgb, var(--toast-content-color) 20%, transparent);--luzmo-close-button-focus-indicator-color:var(--toast-content-color);--luzmo-close-button-static-background-color-hover:color-mix(in srgb, var(--toast-content-color) 20%, transparent);--luzmo-close-button-static-background-color-down:color-mix(in srgb, var(--toast-content-color) 40%, transparent);--luzmo-close-button-static-background-color-focus:color-mix(in srgb, var(--toast-content-color) 20%, transparent)}:host([variant=negative]){--toast-text-and-icon-color:var(--luzmo-negative-inverse-color)}:host([variant=positive]){--toast-text-and-icon-color:var(--luzmo-positive-inverse-color)}:host([variant=info]){--toast-text-and-icon-color:var(--luzmo-informative-inverse-color)}:host{--overlay-animation-distance:var(--spacing-100);--overlay-animation-duration:var(--animation-duration-100);opacity:0;pointer-events:none;transition:transform var(--overlay-animation-duration) ease-in-out, opacity var(--overlay-animation-duration) ease-in-out, visibility 0s linear var(--overlay-animation-duration);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}:host([variant=error]),:host([variant=warning]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}:host([variant=negative]),:host([variant=negative]) .closeButton:focus-visible:not(:active),:host([variant=warning]),:host([variant=warning]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}`,o=[`negative`,`positive`,`info`],s=class extends t.t(e.n){constructor(...e){super(...e),this.open=!1,this._timeout=null,this._variant=``,this.countdownStart=0,this.nextCount=-1,this.doCountdown=e=>{this.countdownStart||=performance.now(),e-this.countdownStart>this._timeout?(this.shouldClose(),this.countdownStart=0):this.countdown()},this.countdown=()=>{cancelAnimationFrame(this.nextCount),this.nextCount=requestAnimationFrame(this.doCountdown)},this.holdCountdown=()=>{this.stopCountdown(),this.addEventListener(`focusout`,this.resumeCountdown)},this.resumeCountdown=()=>{this.removeEventListener(`focusout`,this.holdCountdown),this.countdown()}}static get styles(){return[(0,n.unsafeCSS)(a)]}set timeout(e){let t=e>0?Math.max(6e3,e):null,n=this.timeout;t&&this.countdownStart&&(this.countdownStart=performance.now()),this._timeout=t,this.requestUpdate(`timeout`,n)}get timeout(){return this._timeout}set variant(e){if(e===this.variant)return;let t=this.variant;o.includes(e)?(this.setAttribute(`variant`,e),this._variant=e):(this.removeAttribute(`variant`),this._variant=``),this.requestUpdate(`variant`,t)}get variant(){return this._variant}renderIcon(e,t){switch(e){case`info`:return n.html`
+          <luzmo-icon
+            .icon=${i.luzmoInfoCircleOutline}
+            label=${t||`Information`}
+            class="type"
+          ></luzmo-icon>
+        `;case`negative`:return n.html`
+          <luzmo-icon
+            .icon=${i.luzmoAlertOutline}
+            label=${t||`Error`}
+            class="type"
+          ></luzmo-icon>
+        `;case`positive`:return n.html`
+          <luzmo-icon
+            .icon=${i.luzmoCheckCircleOutline}
+            label=${t||`Success`}
+            class="type"
+          ></luzmo-icon>
+        `;default:return n.html``}}startCountdown(){this.countdown(),this.addEventListener(`focusin`,this.holdCountdown)}stopCountdown(){cancelAnimationFrame(this.nextCount),this.countdownStart=0}shouldClose(){this.dispatchEvent(new CustomEvent(`close`,{composed:!0,bubbles:!0,cancelable:!0}))&&this.close()}close(){this.open=!1}render(){return n.html`
+      ${this.renderIcon(this.variant,this.iconLabel)}
+      <div class="body" role="alert">
+        <div class="content">
+          <slot></slot>
+        </div>
+        <slot name="action"></slot>
+      </div>
+      <div class="buttons">
+        <luzmo-close-button
+          @click=${this.shouldClose}
+          label="Close"
+          static-color="white"
+        ></luzmo-close-button>
+      </div>
+    `}updated(e){super.updated(e),e.has(`open`)&&(this.open?this.timeout&&this.startCountdown():this.timeout&&this.stopCountdown()),e.has(`timeout`)&&(this.timeout!==null&&this.open?this.startCountdown():this.stopCountdown())}};e.t([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,`open`,void 0),e.t([(0,r.property)({type:Number})],s.prototype,`timeout`,null),e.t([(0,r.property)({type:String})],s.prototype,`variant`,null),e.t([(0,r.property)({type:String,attribute:`icon-label`})],s.prototype,`iconLabel`,void 0),customElements.get(`luzmo-toast`)||customElements.define(`luzmo-toast`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/tooltip/index.cjs

@@ -1,18 +1,18 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
+/*! * 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.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../tooltip-DY1trLtg.cjs`);exports.LuzmoTooltip=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../tooltip-Sm0pruxL.cjs");exports.LuzmoTooltip=e.t;

package/components/tooltip/index.js

@@ -1,25 +1,25 @@
-/*! * 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.
+/*! * 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.
  * */
 (() => {
 	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
 		let e = document.createElement("style");
-		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 45%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
+		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-on-subtle-color: var(--luzmo-negative-color);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../tooltip-C3O4AQ1l.js";
+import { t as e } from "../tooltip-Byl1h4nN.js";
 export { e as LuzmoTooltip };

package/components/tooltip/tooltip.d.ts

@@ -1,4 +1,4 @@
-import { CSSResultArray, TemplateResult } from 'lit';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
 import { LuzmoElement } from '../../utils/base';
 import { LuzmoOverlay } from '../overlay';
 import { Placement } from '../overlay/overlay-types';
@@ -59,8 +59,36 @@ export declare class LuzmoTooltip extends LuzmoTooltip_base {
     private handleOpenOverlay;
     protected handleCloseOverlay: () => void;
     protected forwardTransitionEvent(event: TransitionEvent): void;
-    private get triggerElement();
+    private _overlayDependencyRegistered;
+    /**
+     * Idempotently register the overlay dependency and load its module. Called
+     * from `willUpdate` on the self-managed path so registration happens exactly
+     * once (no per-render churn) while still supporting a dynamic `selfManaged`
+     * `false` -> `true` toggle after the element has already connected.
+     */
+    private ensureOverlayDependency;
+    protected willUpdate(changes: PropertyValues<this>): void;
+    private _triggerElement;
+    /**
+     * Explicit trigger element for a self-managed Tooltip. Setting this bypasses
+     * the composed-tree resolution walk entirely, which is the durable fix for
+     * virtualized/detached contexts (e.g. virtual-scroll recycling, CDK drag)
+     * where the walk cannot reliably find an ancestor.
+     */
+    set triggerElement(triggerElement: HTMLElement | null);
+    get triggerElement(): HTMLElement | null;
+    /**
+     * Walks the composed tree from the Tooltip (or its assigned slot) upward to
+     * find the first focusable ancestor to bind a self-managed Tooltip to.
+     *
+     * Hardened against freezes: bails out of transiently detached subtrees and
+     * guards against a candidate that stops making progress, so a Tooltip that
+     * is momentarily removed from the document (virtual-scroll recycling, CDK
+     * drag) can never spin in an infinite loop.
+     */
+    private resolveSelfManagedTriggerElement;
     render(): TemplateResult;
     connectedCallback(): void;
+    disconnectedCallback(): void;
 }
 export {};

package/components/{tooltip-C3O4AQ1l.js → tooltip-Byl1h4nN.js}

@@ -1,24 +1,24 @@
-/*! * 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.
+/*! * 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.
  * */
-import { n as e, t } from "./decorate-aGxJUVxg.js";
-import { n } from "./sized-mixin-DaBoZkVS.js";
-import { t as r } from "./dependency-manger-DMrulWcJ.js";
-import { t as i } from "./focusable-selectors-Bg60_Kra.js";
+import { n as e, t } from "./decorate-CkCg3wfh.js";
+import { n } from "./sized-mixin-DzQTebN-.js";
+import { t as r } from "./dependency-manger-wHEXoU92.js";
+import { t as i } from "./focusable-selectors-BWpiuXz5.js";
 import { html as a, unsafeCSS as o } from "lit";
 import { property as s, query as c } from "lit/decorators.js";
 import { ifDefined as l } from "lit/directives/if-defined.js";
@@ -80,7 +80,7 @@ var f = class extends n(e, { defaultSize: "s" }) {
 			this.open = !0;
 		}, this.handleCloseOverlay = () => {
 			this.open = !1;
-		};
+		}, this._overlayDependencyRegistered = !1, this._triggerElement = null;
 	}
 	static get styles() {
 		return [o(u)];
@@ -123,14 +123,26 @@ var f = class extends n(e, { defaultSize: "s" }) {
 			propertyName: e.propertyName
 		}));
 	}
+	ensureOverlayDependency() {
+		this._overlayDependencyRegistered || (this._overlayDependencyRegistered = !0, this.dependencyManager.add("luzmo-overlay"), import("./overlay/index.js"));
+	}
+	willUpdate(e) {
+		super.willUpdate(e), e.has("selfManaged") && this.selfManaged && this.ensureOverlayDependency();
+	}
+	set triggerElement(e) {
+		this._triggerElement = e, this.overlayElement && (this.overlayElement.triggerElement = e);
+	}
 	get triggerElement() {
+		return this._triggerElement || this.resolveSelfManagedTriggerElement();
+	}
+	resolveSelfManagedTriggerElement() {
 		let e = this.assignedSlot || this, t = e.getRootNode();
 		if (t === document) return null;
-		let n = e.parentElement || t.host || t;
+		let n = e.parentElement || t.host || t, r = 0;
 		for (; !n?.matches?.(i);) {
-			/* c8 ignore next 13 */
-			if (e = n.assignedSlot || n, t = e.getRootNode(), t === document) return null;
-			n = e.parentElement || t.host || t;
+			if (!n.isConnected) return null;
+			let i = n;
+			if (e = n.assignedSlot || n, t = e.getRootNode(), t === document || (n = e.parentElement || t.host || t, n === i || ++r > 1e3)) return null;
 		}
 		return n;
 	}
@@ -148,7 +160,7 @@ var f = class extends n(e, { defaultSize: "s" }) {
         <span id="tip" aria-hidden="true"></span>
       </luzmo-tooltip-openable>
     `;
-		return this.selfManaged ? (this.dependencyManager.add("luzmo-overlay"), import("./overlay/index.js"), a`
+		return this.selfManaged ? a`
         <luzmo-overlay
           ?open=${this.open && !this.disabled && this.dependencyManager.loaded}
           ?delayed=${this.delayed}
@@ -163,15 +175,18 @@ var f = class extends n(e, { defaultSize: "s" }) {
         >
           ${e}
         </luzmo-overlay>
-      `) : e;
+      ` : e;
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.updateComplete.then(() => {
-			if (!this.selfManaged) return;
+			if (!this.selfManaged || !this.isConnected) return;
 			let e = this.overlayElement;
 			e && (e.triggerElement = this.triggerElement);
 		});
 	}
+	disconnectedCallback() {
+		this._triggerElement = null, super.disconnectedCallback();
+	}
 };
 //#endregion
 //#region src/components/tooltip/index.ts

package/components/tooltip-Sm0pruxL.cjs

@@ -0,0 +1,45 @@
+/*! * 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 e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./dependency-manger-BSaHw9ju.cjs"),r=require("./focusable-selectors-DJqGLTJo.cjs");let i=require("lit"),a=require("lit/decorators.js"),o=require("lit/directives/if-defined.js");var s=`#tooltip{pointer-events:none;visibility:hidden;opacity:0;transition:transform .13s ease-in-out,opacity .13s ease-in-out,visibility 0s linear .13s;transition:transform var(--luzmo-overlay-animation-duration,.13s) ease-in-out, opacity var(--luzmo-overlay-animation-duration,.13s) ease-in-out, visibility 0s linear var(--luzmo-overlay-animation-duration,.13s)}:host([open]) #tooltip{pointer-events:auto;visibility:visible;opacity:1;transition-delay:0s;transition-delay:var(--luzmo-overlay-animation-duration-opened,0s)}@media (forced-colors:active){#tooltip{border:1px solid #0000}#tip{--highcontrast-tooltip-background-color-default:CanvasText;--highcontrast-tooltip-background-color-informative:CanvasText;--highcontrast-tooltip-background-color-positive:CanvasText;--highcontrast-tooltip-background-color-negative:CanvasText;forced-color-adjust:none}}#tooltip{box-sizing:border-box;vertical-align:top;inline-size:auto;padding-inline:var(--luzmo-tooltip-spacing-inline,.688rem);border-radius:var(--luzmo-tooltip-border-radius,.313rem);block-size:auto;min-block-size:var(--luzmo-tooltip-height,1.875rem);max-inline-size:var(--luzmo-tooltip-max-inline-size,12.5rem);background-color:var(--highcontrast-tooltip-background-color-default,var(--luzmo-tooltip-background-color-default,#6d6d6d));color:var(--luzmo-tooltip-content-color,white);font-size:var(--luzmo-tooltip-font-size,var(--tooltip-font-size,.938rem));font-weight:var(--luzmo-tooltip-font-weight,400);line-height:var(--luzmo-tooltip-line-height,1.3);word-break:break-word;-webkit-font-smoothing:antialiased;cursor:default;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;display:inline-flex;position:relative}:host(:lang(ja)) #tooltip,:host(:lang(ko)) #tooltip,:host(:lang(zh)) #tooltip{line-height:var(--luzmo-tooltip-cjk-line-height,1.5)}#tooltip p{margin:0}:host([variant=info]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-informative,var(--luzmo-tooltip-background-color-informative,#0265dc))}:host([variant=positive]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-positive,var(--luzmo-tooltip-background-color-positive,#007a4d))}:host([variant=negative]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-negative,var(--luzmo-tooltip-background-color-negative,#d31510))}#tip{block-size:var(--luzmo-tooltip-tip-square-size,.625rem);inline-size:var(--luzmo-tooltip-tip-square-size,.625rem);background-color:var(--highcontrast-tooltip-background-color-default,var(--luzmo-tooltip-background-color-default,#6d6d6d));clip-path:polygon(0 calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)), 50% var(--luzmo-tooltip-tip-height-percentage,50%), 100% calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)));inset-block-start:100%;position:absolute;left:50%;transform:translate(-50%)}:host([variant=info]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-informative,var(--luzmo-tooltip-background-color-informative,#0265dc))}:host([variant=positive]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-positive,var(--luzmo-tooltip-background-color-positive,#007a4d))}:host([variant=negative]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-negative,var(--luzmo-tooltip-background-color-negative,#d31510))}:host([placement*=top]) #tooltip #tip,.luzmo-Tooltip--top-end #tip,.luzmo-Tooltip--top-left #tip,.luzmo-Tooltip--top-right #tip,.luzmo-Tooltip--top-start #tip{inset-block-start:100%}:host([placement*=bottom]) #tooltip #tip,.luzmo-Tooltip--bottom-end #tip,.luzmo-Tooltip--bottom-left #tip,.luzmo-Tooltip--bottom-right #tip,.luzmo-Tooltip--bottom-start #tip{clip-path:polygon(50% calc(100% - var(--luzmo-tooltip-tip-height-percentage,50%)), 0 calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)), 100% calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)));inset-block:auto 100%}.luzmo-Tooltip--bottom-end #tip,.luzmo-Tooltip--bottom-left #tip,.luzmo-Tooltip--bottom-right #tip,.luzmo-Tooltip--bottom-start #tip,.luzmo-Tooltip--top-end #tip,.luzmo-Tooltip--top-left #tip,.luzmo-Tooltip--top-right #tip,.luzmo-Tooltip--top-start #tip{transform:none}.luzmo-Tooltip--bottom-left #tip,.luzmo-Tooltip--top-left #tip{inset-inline-start:var(--luzmo-tooltip-pointer-corner-spacing,.313rem)}.luzmo-Tooltip--bottom-right #tip,.luzmo-Tooltip--top-right #tip{inset-inline:auto var(--luzmo-tooltip-pointer-corner-spacing,.313rem)}.luzmo-Tooltip--bottom-start #tip,.luzmo-Tooltip--top-start #tip{inset-inline:var(--luzmo-tooltip-pointer-corner-spacing,.313rem) auto}:host([dir=rtl]) .luzmo-Tooltip--bottom-start #tip,:host([dir=rtl]) .luzmo-Tooltip--top-start #tip{right:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);left:auto}.luzmo-Tooltip--bottom-start #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);left:auto}.luzmo-Tooltip--top-start #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);left:auto}.luzmo-Tooltip--bottom-end #tip,.luzmo-Tooltip--top-end #tip{inset-inline:auto var(--luzmo-tooltip-pointer-corner-spacing,.313rem)}:host([dir=rtl]) .luzmo-Tooltip--bottom-end #tip,:host([dir=rtl]) .luzmo-Tooltip--top-end #tip{left:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);right:auto}.luzmo-Tooltip--bottom-end #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);right:auto}.luzmo-Tooltip--top-end #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);right:auto}.luzmo-Tooltip--end #tip,.luzmo-Tooltip--end-bottom #tip,.luzmo-Tooltip--end-top #tip,:host([placement*=left]) #tooltip #tip,.luzmo-Tooltip--left-bottom #tip,.luzmo-Tooltip--left-top #tip,:host([placement*=right]) #tooltip #tip,.luzmo-Tooltip--right-bottom #tip,.luzmo-Tooltip--right-top #tip,.luzmo-Tooltip--start #tip,.luzmo-Tooltip--start-bottom #tip,.luzmo-Tooltip--start-top #tip{inset-block-start:50%;transform:translateY(-50%)}.luzmo-Tooltip--end-bottom #tip,.luzmo-Tooltip--end-top #tip,.luzmo-Tooltip--left-bottom #tip,.luzmo-Tooltip--left-top #tip,.luzmo-Tooltip--right-bottom #tip,.luzmo-Tooltip--right-top #tip,.luzmo-Tooltip--start-bottom #tip,.luzmo-Tooltip--start-top #tip{inset-block-start:auto;transform:none}.luzmo-Tooltip--end #tip,.luzmo-Tooltip--end-bottom #tip,.luzmo-Tooltip--end-top #tip,:host([placement*=right]) #tooltip #tip,.luzmo-Tooltip--right-bottom #tip,.luzmo-Tooltip--right-top #tip{clip-path:polygon(calc(100% - var(--luzmo-tooltip-tip-height-percentage,50%)) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);inset-inline:auto 100%}:host([placement*=left]) #tooltip #tip,.luzmo-Tooltip--left-bottom #tip,.luzmo-Tooltip--left-top #tip,.luzmo-Tooltip--start #tip,.luzmo-Tooltip--start-bottom #tip,.luzmo-Tooltip--start-top #tip{clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);inset-inline-start:100%}.luzmo-Tooltip--end-top #tip,.luzmo-Tooltip--left-top #tip,.luzmo-Tooltip--right-top #tip,.luzmo-Tooltip--start-top #tip{inset-block-start:var(--luzmo-tooltip-pointer-corner-spacing,.313rem)}.luzmo-Tooltip--end-bottom #tip,.luzmo-Tooltip--left-bottom #tip,.luzmo-Tooltip--right-bottom #tip,.luzmo-Tooltip--start-bottom #tip{inset-block-end:var(--luzmo-tooltip-pointer-corner-spacing,.313rem)}:host([dir=rtl]) .luzmo-Tooltip--end #tip,:host([dir=rtl]) .luzmo-Tooltip--end-bottom #tip,:host([dir=rtl]) .luzmo-Tooltip--end-top #tip,:host([dir=rtl][placement*=left]) #tooltip #tip,:host([dir=rtl]) .luzmo-Tooltip--left-bottom #tip,:host([dir=rtl]) .luzmo-Tooltip--left-top #tip{clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}.luzmo-Tooltip--end #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}.luzmo-Tooltip--end-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}.luzmo-Tooltip--end-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}:host([placement*=left]) #tooltip #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}.luzmo-Tooltip--left-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}.luzmo-Tooltip--left-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}:host([dir=rtl][placement*=right]) #tooltip #tip,:host([dir=rtl]) .luzmo-Tooltip--right-bottom #tip,:host([dir=rtl]) .luzmo-Tooltip--right-top #tip,:host([dir=rtl]) .luzmo-Tooltip--start #tip,:host([dir=rtl]) .luzmo-Tooltip--start-bottom #tip,:host([dir=rtl]) .luzmo-Tooltip--start-top #tip{clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}:host([placement*=right]) #tooltip #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}.luzmo-Tooltip--right-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}.luzmo-Tooltip--right-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}.luzmo-Tooltip--start #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}.luzmo-Tooltip--start-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}.luzmo-Tooltip--start-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}::slotted([slot=icon]){inline-size:var(--luzmo-tooltip-icon-width,1.125rem);block-size:var(--luzmo-tooltip-icon-height,1.125rem);flex-shrink:0;align-self:flex-start;margin-block-start:var(--luzmo-tooltip-icon-spacing-block-start,.313rem);margin-inline-start:calc(var(--luzmo-tooltip-icon-spacing-inline-start,.563rem) - var(--luzmo-tooltip-spacing-inline,.688rem));margin-inline-end:var(--luzmo-tooltip-icon-spacing-inline-end,.563rem)}#label{line-height:var(--luzmo-tooltip-line-height,1.3);margin-block-start:var(--luzmo-tooltip-spacing-block-start,.313rem);margin-block-end:var(--luzmo-tooltip-spacing-block-end,.375rem)}#tooltip,:host([placement*=top]) #tooltip,.luzmo-Tooltip--top-end,.luzmo-Tooltip--top-left,.luzmo-Tooltip--top-right,.luzmo-Tooltip--top-start{margin-block-end:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--top-end,:host([open]) .luzmo-Tooltip--top-left,:host([open]) .luzmo-Tooltip--top-right,:host([open]) .luzmo-Tooltip--top-start,:host([placement*=top][open]) #tooltip,:host([open]) #tooltip{transform:translateY(calc(var(--luzmo-tooltip-animation-distance,.313rem) * -1))}:host([placement*=bottom]) #tooltip,.luzmo-Tooltip--bottom-end,.luzmo-Tooltip--bottom-left,.luzmo-Tooltip--bottom-right,.luzmo-Tooltip--bottom-start{margin-block-start:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--bottom-end,:host([open]) .luzmo-Tooltip--bottom-left,:host([open]) .luzmo-Tooltip--bottom-right,:host([open]) .luzmo-Tooltip--bottom-start,:host([placement*=bottom][open]) #tooltip{transform:translateY(var(--luzmo-tooltip-animation-distance,.313rem))}:host([placement*=right]) #tooltip,.luzmo-Tooltip--right-bottom,.luzmo-Tooltip--right-top{margin-left:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--right-bottom,:host([open]) .luzmo-Tooltip--right-top,:host([placement*=right][open]) #tooltip{transform:translateX(var(--luzmo-tooltip-animation-distance,.313rem))}:host([placement*=left]) #tooltip,.luzmo-Tooltip--left-bottom,.luzmo-Tooltip--left-top{margin-right:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--left-bottom,:host([open]) .luzmo-Tooltip--left-top,:host([placement*=left][open]) #tooltip{transform:translateX(calc(var(--luzmo-tooltip-animation-distance,.313rem) * -1))}.luzmo-Tooltip--start,.luzmo-Tooltip--start-bottom,.luzmo-Tooltip--start-top{margin-inline-end:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--start-bottom,:host([open]) .luzmo-Tooltip--start-top,:host([open]) .luzmo-Tooltip--start{transform:translateX(calc(var(--luzmo-tooltip-animation-distance,.313rem) * -1))}:is(:host([open]) .luzmo-Tooltip--start-bottom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Tooltip--start-top:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Tooltip--start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][open]) .luzmo-Tooltip--start-bottom,:host([dir=rtl][open]) .luzmo-Tooltip--start-top,:host([dir=rtl][open]) .luzmo-Tooltip--start){transform:translateX(var(--luzmo-tooltip-animation-distance,.313rem))}.luzmo-Tooltip--end,.luzmo-Tooltip--end-bottom,.luzmo-Tooltip--end-top{margin-inline-start:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--end-bottom,:host([open]) .luzmo-Tooltip--end-top,:host([open]) .luzmo-Tooltip--end{transform:translateX(var(--luzmo-tooltip-animation-distance,.313rem))}:is(:host([open]) .luzmo-Tooltip--end-bottom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Tooltip--end-top:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Tooltip--end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][open]) .luzmo-Tooltip--end-bottom,:host([dir=rtl][open]) .luzmo-Tooltip--end-top,:host([dir=rtl][open]) .luzmo-Tooltip--end){transform:translateX(calc(var(--luzmo-tooltip-animation-distance,.313rem) * -1))}:host{--luzmo-tooltip-background-color-default:#000;--tooltip-font-size:var(--luzmo-font-size);font-family:var(--luzmo-tooltip-font-family,var(--luzmo-font-family))}:host([size=s]){--tooltip-font-size:var(--luzmo-font-size-s)}:host([size=m]){--tooltip-font-size:var(--luzmo-font-size-m)}:host([size=l]){--tooltip-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--tooltip-font-size:var(--luzmo-font-size-xl)}:host{white-space:initial;display:contents}#tooltip{inline-size:max-content}#tip{clip-path:polygon(0 -5%,50% 50%,100% -5%);width:.625rem!important;height:.625rem!important}#tip[style]{transform:none!important}:host(:not([placement*=top])) #tooltip{margin-bottom:0}:host([placement*=top]) #tooltip #tip{inset-block-start:100%}:host([placement*=bottom]) #tooltip #tip{clip-path:polygon(50% 50%,0 105%,100% 105%);inset-block-end:100%;top:auto}:host([placement*=left]) #tooltip #tip,:host([placement*=right]) #tooltip #tip{inset-block-start:50%;transform:translateY(-50%)}:host([placement*=right]) #tooltip #tip{clip-path:polygon(50% 50%,105% 100%,105% 0);inset-inline:calc(var(--luzmo-tooltip-tip-block-size,.313rem) * -2) 100%}:host([placement*=left]) #tooltip #tip{clip-path:polygon(-5% 0,-5% 100%,50% 50%);inset-inline-start:100%}luzmo-overlay:not(:defined){display:none}`,c=class extends HTMLElement{constructor(){super(),this._open=!1,this._placement=`top`,this.addEventListener(`luzmo-opened`,this.redispatchEvent),this.addEventListener(`luzmo-closed`,this.redispatchEvent)}redispatchEvent(e){e.stopPropagation(),this.tooltip.dispatchEvent(new CustomEvent(e.type,{bubbles:e.bubbles,composed:e.composed,detail:e.detail}))}get tooltip(){return this.getRootNode().host}static get observedAttributes(){return[`open`,`placement`]}attributeChangedCallback(e,t,n){switch(e){case`open`:this.open=n!==null;break;case`placement`:this.placement=n;break}}set open(e){this._open=e;let{tooltip:t}=this;t&&(t.open=e)}get open(){return this._open}set placement(e){this._placement=e;let{tooltip:t}=this;t&&(t.placement=e)}get placement(){return this._placement}get tipElement(){return this.tooltip.tipElement}};customElements.get(`luzmo-tooltip-openable`)||customElements.define(`luzmo-tooltip-openable`,c);var l=class extends t.n(e.n,{defaultSize:`s`}){constructor(...e){super(...e),this.delayed=!1,this.dependencyManager=new n.t(this),this.disabled=!1,this.showOnlyIfTruncated=!1,this.selfManaged=!1,this.offset=0,this._open=!1,this._variant=``,this.handleOpenOverlay=()=>{this.open=!0},this.handleCloseOverlay=()=>{this.open=!1},this._overlayDependencyRegistered=!1,this._triggerElement=null}static get styles(){return[(0,i.unsafeCSS)(s)]}get open(){return this._open}set open(e){e&&this.showOnlyIfTruncated&&!this.isContentTruncated()||(this._open=e)}get variant(){return this._variant}set variant(e){if(e!==this.variant){if([`info`,`positive`,`negative`].includes(e)){this.setAttribute(`variant`,e),this._variant=e;return}this.removeAttribute(`variant`),this._variant=``}}isContentTruncated(){let e=this.triggerElement;if(!e)return!1;if(this.truncatedElementSelector){let t=e.querySelector(this.truncatedElementSelector);if(t)return t.scrollWidth>t.clientWidth}return e.scrollWidth>e.clientWidth}forwardTransitionEvent(e){this.dispatchEvent(new TransitionEvent(e.type,{bubbles:!0,composed:!0,propertyName:e.propertyName}))}ensureOverlayDependency(){this._overlayDependencyRegistered||(this._overlayDependencyRegistered=!0,this.dependencyManager.add(`luzmo-overlay`),Promise.resolve().then(()=>require("./overlay/index.cjs")))}willUpdate(e){super.willUpdate(e),e.has(`selfManaged`)&&this.selfManaged&&this.ensureOverlayDependency()}set triggerElement(e){this._triggerElement=e,this.overlayElement&&(this.overlayElement.triggerElement=e)}get triggerElement(){return this._triggerElement||this.resolveSelfManagedTriggerElement()}resolveSelfManagedTriggerElement(){let e=this.assignedSlot||this,t=e.getRootNode();if(t===document)return null;let n=e.parentElement||t.host||t,i=0;for(;!n?.matches?.(r.t);){if(!n.isConnected)return null;let r=n;if(e=n.assignedSlot||n,t=e.getRootNode(),t===document||(n=e.parentElement||t.host||t,n===r||++i>1e3))return null}return n}render(){let e=i.html`
+      <luzmo-tooltip-openable
+        id="tooltip"
+        placement=${(0,o.ifDefined)(this.placement)}
+        @transitionrun=${this.forwardTransitionEvent}
+        @transitionend=${this.forwardTransitionEvent}
+        @transitioncancel=${this.forwardTransitionEvent}
+      >
+        <slot name="icon"></slot>
+        <span id="label"><slot></slot></span>
+        <span id="tip" aria-hidden="true"></span>
+      </luzmo-tooltip-openable>
+    `;return this.selfManaged?i.html`
+        <luzmo-overlay
+          ?open=${this.open&&!this.disabled&&this.dependencyManager.loaded}
+          ?delayed=${this.delayed}
+          ?disabled=${this.disabled}
+          offset=${this.offset}
+          .placement=${this.placement}
+          type="hint"
+          .tipPadding=${this.tipPadding}
+          .triggerInteraction=${`hover`}
+          @luzmo-opened=${this.handleOpenOverlay}
+          @luzmo-closed=${this.handleCloseOverlay}
+        >
+          ${e}
+        </luzmo-overlay>
+      `:e}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{if(!this.selfManaged||!this.isConnected)return;let e=this.overlayElement;e&&(e.triggerElement=this.triggerElement)})}disconnectedCallback(){this._triggerElement=null,super.disconnectedCallback()}};e.t([(0,a.property)({type:Boolean})],l.prototype,`delayed`,void 0),e.t([(0,a.property)({type:Boolean})],l.prototype,`disabled`,void 0),e.t([(0,a.property)({type:Boolean,attribute:`show-only-if-truncated`})],l.prototype,`showOnlyIfTruncated`,void 0),e.t([(0,a.property)({type:String,attribute:`truncated-element-selector`})],l.prototype,`truncatedElementSelector`,void 0),e.t([(0,a.property)({type:Boolean,attribute:`self-managed`})],l.prototype,`selfManaged`,void 0),e.t([(0,a.property)({type:Number})],l.prototype,`offset`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0})],l.prototype,`open`,null),e.t([(0,a.query)(`luzmo-overlay`)],l.prototype,`overlayElement`,void 0),e.t([(0,a.property)({reflect:!0})],l.prototype,`placement`,void 0),e.t([(0,a.query)(`#tip`)],l.prototype,`tipElement`,void 0),e.t([(0,a.property)({type:Number})],l.prototype,`tipPadding`,void 0),e.t([(0,a.property)({type:String})],l.prototype,`variant`,null),customElements.get(`luzmo-tooltip`)||customElements.define(`luzmo-tooltip`,l),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/components/top-nav/index.cjs

@@ -1,18 +1,18 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
+/*! * 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.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../top-nav-bekRXHUk.cjs`);exports.LuzmoTopNav=e.n,exports.LuzmoTopNavItem=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../top-nav-Dqa5pB4f.cjs");exports.LuzmoTopNav=e.n,exports.LuzmoTopNavItem=e.t;