@luzmo/lucero 1.0.1-alpha.17 → 1.0.1-alpha.19

package/components/roving-tabindex-AsmAh2In.cjs

@@ -1,95 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-"use strict";
-const focusGroup = require("./focus-group-DFzOlalL.cjs");
-class RovingTabindexController extends focusGroup.FocusGroupController {
-  constructor() {
-    super(...arguments);
-    this.managed = true;
-    this.manageIndexesAnimationFrame = 0;
-  }
-  set focused(focused) {
-    if (focused === this.focused) {
-      return;
-    }
-    super.focused = focused;
-    this.manageTabindexes();
-  }
-  get focused() {
-    return super.focused;
-  }
-  clearElementCache(offset = 0) {
-    cancelAnimationFrame(this.manageIndexesAnimationFrame);
-    super.clearElementCache(offset);
-    if (!this.managed) {
-      return;
-    }
-    this.manageIndexesAnimationFrame = requestAnimationFrame(
-      () => this.manageTabindexes()
-    );
-  }
-  manageTabindexes() {
-    if (this.focused) {
-      this.updateTabindexes(() => ({ tabIndex: -1 }));
-    } else {
-      this.updateTabindexes(
-        (el) => ({
-          removeTabIndex: el.contains(this.focusInElement) && el !== this.focusInElement,
-          tabIndex: el === this.focusInElement ? 0 : -1
-        })
-      );
-    }
-  }
-  updateTabindexes(getTabIndex) {
-    this.elements.forEach((el) => {
-      const { tabIndex, removeTabIndex } = getTabIndex(el);
-      if (!removeTabIndex) {
-        if (this.focused) {
-          if (el !== this.elements[this.currentIndex]) {
-            el.tabIndex = tabIndex;
-          }
-        } else {
-          el.tabIndex = tabIndex;
-        }
-        return;
-      }
-      el.removeAttribute("tabindex");
-      const updatable = el;
-      if (updatable.requestUpdate) {
-        updatable.requestUpdate();
-      }
-    });
-  }
-  manage() {
-    this.managed = true;
-    this.manageTabindexes();
-    super.manage();
-  }
-  unmanage() {
-    this.managed = false;
-    this.updateTabindexes(() => ({ tabIndex: 0 }));
-    super.unmanage();
-  }
-  hostUpdated() {
-    super.hostUpdated();
-    if (!this.host.hasUpdated) {
-      this.manageTabindexes();
-    }
-  }
-}
-exports.RovingTabindexController = RovingTabindexController;

package/components/roving-tabindex-DPF9NmrH.js

@@ -1,96 +0,0 @@
-/*! * 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 { F as FocusGroupController } from "./focus-group-BqDAk9Is.js";
-class RovingTabindexController extends FocusGroupController {
-  constructor() {
-    super(...arguments);
-    this.managed = true;
-    this.manageIndexesAnimationFrame = 0;
-  }
-  set focused(focused) {
-    if (focused === this.focused) {
-      return;
-    }
-    super.focused = focused;
-    this.manageTabindexes();
-  }
-  get focused() {
-    return super.focused;
-  }
-  clearElementCache(offset = 0) {
-    cancelAnimationFrame(this.manageIndexesAnimationFrame);
-    super.clearElementCache(offset);
-    if (!this.managed) {
-      return;
-    }
-    this.manageIndexesAnimationFrame = requestAnimationFrame(
-      () => this.manageTabindexes()
-    );
-  }
-  manageTabindexes() {
-    if (this.focused) {
-      this.updateTabindexes(() => ({ tabIndex: -1 }));
-    } else {
-      this.updateTabindexes(
-        (el) => ({
-          removeTabIndex: el.contains(this.focusInElement) && el !== this.focusInElement,
-          tabIndex: el === this.focusInElement ? 0 : -1
-        })
-      );
-    }
-  }
-  updateTabindexes(getTabIndex) {
-    this.elements.forEach((el) => {
-      const { tabIndex, removeTabIndex } = getTabIndex(el);
-      if (!removeTabIndex) {
-        if (this.focused) {
-          if (el !== this.elements[this.currentIndex]) {
-            el.tabIndex = tabIndex;
-          }
-        } else {
-          el.tabIndex = tabIndex;
-        }
-        return;
-      }
-      el.removeAttribute("tabindex");
-      const updatable = el;
-      if (updatable.requestUpdate) {
-        updatable.requestUpdate();
-      }
-    });
-  }
-  manage() {
-    this.managed = true;
-    this.manageTabindexes();
-    super.manage();
-  }
-  unmanage() {
-    this.managed = false;
-    this.updateTabindexes(() => ({ tabIndex: 0 }));
-    super.unmanage();
-  }
-  hostUpdated() {
-    super.hostUpdated();
-    if (!this.host.hasUpdated) {
-      this.manageTabindexes();
-    }
-  }
-}
-export {
-  RovingTabindexController as R
-};

package/components/sized-mixin-DmkrNdWB.js

@@ -1,80 +0,0 @@
-/*! * 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 { property } from "lit/decorators.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = __getOwnPropDesc(target, key);
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = decorator(target, key, result) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-const ElementSizes = {
-  xxs: "xxs",
-  xs: "xs",
-  s: "s",
-  m: "m",
-  l: "l",
-  xl: "xl",
-  xxl: "xxl"
-};
-function SizedMixin(constructor, {
-  validSizes = ["s", "m", "l", "xl"],
-  noDefaultSize,
-  defaultSize = "m"
-} = {}) {
-  class SizedElement extends constructor {
-    constructor() {
-      super(...arguments);
-      this._size = defaultSize;
-    }
-    get size() {
-      return this._size || defaultSize;
-    }
-    set size(value) {
-      const fallbackSize = noDefaultSize ? null : defaultSize;
-      const size = value ? value.toLocaleLowerCase() : value;
-      const validSize = validSizes.includes(size) ? size : fallbackSize;
-      if (validSize) {
-        this.setAttribute("size", validSize);
-      }
-      if (this._size === validSize) {
-        return;
-      }
-      const oldSize = this._size;
-      this._size = validSize;
-      this.requestUpdate("size", oldSize);
-    }
-    update(changes) {
-      if (!this.hasAttribute("size") && !noDefaultSize) {
-        this.setAttribute("size", this.size);
-      }
-      super.update(changes);
-    }
-  }
-  __decorateClass([
-    property({ type: String })
-  ], SizedElement.prototype, "size");
-  return SizedElement;
-}
-export {
-  ElementSizes as E,
-  SizedMixin as S
-};

package/components/sized-mixin-UaTVa-AE.cjs

@@ -1,79 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-"use strict";
-const decorators_js = require("lit/decorators.js");
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = __getOwnPropDesc(target, key);
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = decorator(target, key, result) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-const ElementSizes = {
-  xxs: "xxs",
-  xs: "xs",
-  s: "s",
-  m: "m",
-  l: "l",
-  xl: "xl",
-  xxl: "xxl"
-};
-function SizedMixin(constructor, {
-  validSizes = ["s", "m", "l", "xl"],
-  noDefaultSize,
-  defaultSize = "m"
-} = {}) {
-  class SizedElement extends constructor {
-    constructor() {
-      super(...arguments);
-      this._size = defaultSize;
-    }
-    get size() {
-      return this._size || defaultSize;
-    }
-    set size(value) {
-      const fallbackSize = noDefaultSize ? null : defaultSize;
-      const size = value ? value.toLocaleLowerCase() : value;
-      const validSize = validSizes.includes(size) ? size : fallbackSize;
-      if (validSize) {
-        this.setAttribute("size", validSize);
-      }
-      if (this._size === validSize) {
-        return;
-      }
-      const oldSize = this._size;
-      this._size = validSize;
-      this.requestUpdate("size", oldSize);
-    }
-    update(changes) {
-      if (!this.hasAttribute("size") && !noDefaultSize) {
-        this.setAttribute("size", this.size);
-      }
-      super.update(changes);
-    }
-  }
-  __decorateClass([
-    decorators_js.property({ type: String })
-  ], SizedElement.prototype, "size");
-  return SizedElement;
-}
-exports.ElementSizes = ElementSizes;
-exports.SizedMixin = SizedMixin;

package/components/strategies-DlMlaSJR.cjs

@@ -1,317 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-"use strict";
-const platform = require("./platform-CxDar3Dn.cjs");
-const IS_MOBILE = "(max-width: 743px) and (hover: none) and (pointer: coarse)";
-class MatchMediaController {
-  constructor(host, query) {
-    this.key = Symbol("match-media-key");
-    this.matches = false;
-    this.host = host;
-    this.host.addController(this);
-    if (typeof window === "undefined") {
-      this.matches = false;
-    } else {
-      this.media = window.matchMedia(query);
-      this.matches = this.media.matches;
-    }
-    this.onChange = this.onChange.bind(this);
-    host.addController(this);
-  }
-  hostConnected() {
-    var _a;
-    (_a = this.media) == null ? void 0 : _a.addEventListener("change", this.onChange);
-  }
-  hostDisconnected() {
-    var _a;
-    (_a = this.media) == null ? void 0 : _a.removeEventListener("change", this.onChange);
-  }
-  onChange(event) {
-    if (this.matches === event.matches) {
-      return;
-    }
-    this.matches = event.matches;
-    this.host.requestUpdate(this.key, !this.matches);
-  }
-}
-var InteractionTypes = /* @__PURE__ */ ((InteractionTypes2) => {
-  InteractionTypes2[InteractionTypes2["desktop"] = 0] = "desktop";
-  InteractionTypes2[InteractionTypes2["mobile"] = 1] = "mobile";
-  return InteractionTypes2;
-})(InteractionTypes || {});
-const SAFARI_FOCUS_RING_CLASS = "remove-focus-ring-safari-hack";
-class InteractionController {
-  constructor(target, host) {
-    this.target = target;
-    this.host = host;
-    this.preventNextToggle = "no";
-    this.pointerdownState = false;
-    this.enterKeydownOn = null;
-    this._open = false;
-    this.target = target;
-    this.host = host;
-    this.host.addController(this);
-    this.init();
-  }
-  get activelyOpening() {
-    return false;
-  }
-  get open() {
-    return this._open;
-  }
-  /**
-   * Set `open`
-   */
-  set open(open) {
-    if (this._open === open) {
-      return;
-    }
-    this._open = open;
-    if (this.overlay) {
-      this.host.open = open;
-      return;
-    }
-    customElements.whenDefined("luzmo-overlay").then(async () => {
-      const { LuzmoOverlay: LuzmoOverlay2 } = await Promise.resolve().then(() => require("./overlay/index.cjs"));
-      this.overlay = new LuzmoOverlay2();
-      this.host.open = true;
-      this.host.requestUpdate();
-    });
-    Promise.resolve().then(() => require("./overlay/index.cjs"));
-  }
-  get overlay() {
-    return this._overlay;
-  }
-  set overlay(overlay) {
-    if (!overlay) {
-      return;
-    }
-    if (this.overlay === overlay) {
-      return;
-    }
-    this._overlay = overlay;
-    this.initOverlay();
-  }
-  releaseDescription() {
-  }
-  handleBeforetoggle(event) {
-    var _a, _b;
-    if (event.composedPath()[0] !== event.target) {
-      return;
-    }
-    if (event.newState === "closed") {
-      if (this.preventNextToggle === "no") {
-        this.open = false;
-      } else if (!this.pointerdownState) {
-        (_a = this.overlay) == null ? void 0 : _a.manuallyKeepOpen();
-      }
-    }
-    if (!this.open) {
-      this.host.optionsMenu.updateSelectedItemIndex();
-      if (
-        // pickers can have submenus, selects can not
-        typeof ((_b = this.host.optionsMenu) == null ? void 0 : _b.closeDescendentOverlays) === "function"
-      ) {
-        this.host.optionsMenu.closeDescendentOverlays();
-      }
-    }
-  }
-  initOverlay() {
-    if (this.overlay) {
-      this.overlay.addEventListener("beforetoggle", (event) => {
-        this.handleBeforetoggle(
-          event
-        );
-      });
-      this.overlay.type = this.host.isMobile.matches ? "modal" : "auto";
-      this.overlay.triggerElement = this.host;
-      this.overlay.placement = this.host.isMobile.matches ? void 0 : this.host.placement;
-      this.overlay.receivesFocus = "true";
-      this.overlay.willPreventClose = this.preventNextToggle !== "no" && this.open;
-      this.overlay.addEventListener(
-        "slottable-request",
-        this.host.handleSlottableRequest
-      );
-    }
-  }
-  handlePointerdown(_event) {
-  }
-  handleButtonFocus(event) {
-    if (this.preventNextToggle === "maybe" && event.relatedTarget === this.host.optionsMenu) {
-      this.preventNextToggle = "yes";
-    }
-  }
-  handleActivate(_event) {
-  }
-  /* c8 ignore next 3 */
-  init() {
-  }
-  abort() {
-    var _a;
-    this.releaseDescription();
-    (_a = this.abortController) == null ? void 0 : _a.abort();
-  }
-  hostConnected() {
-    this.init();
-  }
-  hostDisconnected() {
-    var _a;
-    (_a = this.abortController) == null ? void 0 : _a.abort();
-  }
-  hostUpdated() {
-    if (this.overlay && this.host.dependencyManager.loaded && this.host.open !== this.overlay.open) {
-      this.overlay.willPreventClose = this.preventNextToggle !== "no";
-      this.overlay.open = this.host.open;
-    }
-  }
-}
-class DesktopController extends InteractionController {
-  constructor() {
-    super(...arguments);
-    this.type = InteractionTypes.desktop;
-  }
-  handlePointerdown(event) {
-    const target = event.target;
-    const clearButton = target.closest(".clear-icon");
-    if (clearButton) {
-      return;
-    }
-    if (event.button !== 0 || event.pointerType === "touch") {
-      return;
-    }
-    this.pointerdownState = this.open;
-    this.preventNextToggle = "maybe";
-    let cleanupAction = 0;
-    const cleanup = () => {
-      cancelAnimationFrame(cleanupAction);
-      cleanupAction = requestAnimationFrame(() => {
-        document.removeEventListener("pointerup", cleanup);
-        document.removeEventListener("pointercancel", cleanup);
-        this.target.removeEventListener("click", cleanup);
-        requestAnimationFrame(() => {
-          this.preventNextToggle = "no";
-        });
-      });
-    };
-    document.addEventListener("pointerup", cleanup);
-    document.addEventListener("pointercancel", cleanup);
-    this.target.addEventListener("click", cleanup);
-    this.handleActivate();
-  }
-  handleActivate(event) {
-    if (this.enterKeydownOn && this.enterKeydownOn !== this.target) {
-      return;
-    }
-    if (this.preventNextToggle === "yes") {
-      return;
-    }
-    if ((event == null ? void 0 : event.type) === "click" && this.open !== this.pointerdownState) {
-      return;
-    }
-    this.host.toggle();
-  }
-  init() {
-    var _a;
-    (_a = this.abortController) == null ? void 0 : _a.abort();
-    this.abortController = new AbortController();
-    const { signal } = this.abortController;
-    this.target.addEventListener(
-      "click",
-      (event) => this.handleActivate(event),
-      {
-        signal
-      }
-    );
-    this.target.addEventListener(
-      "pointerdown",
-      (event) => this.handlePointerdown(event),
-      { signal }
-    );
-    this.target.addEventListener(
-      "focus",
-      (event) => this.handleButtonFocus(event),
-      {
-        signal
-      }
-    );
-  }
-}
-class MobileController extends InteractionController {
-  constructor() {
-    super(...arguments);
-    this.type = InteractionTypes.mobile;
-  }
-  handleClick(event) {
-    const target = event.target;
-    const clearButton = target.closest(".clear-button");
-    if (!clearButton) {
-      return;
-    }
-    if (this.preventNextToggle === "no") {
-      this.open = !this.open;
-    }
-    this.preventNextToggle = "no";
-  }
-  handlePointerdown(event) {
-    const target = event.target;
-    const clearButton = target.closest(".clear-button");
-    if (!clearButton) {
-      return;
-    }
-    this.preventNextToggle = this.open ? "yes" : "no";
-    if (platform.isWebKit()) {
-      this.target.classList.add(SAFARI_FOCUS_RING_CLASS);
-    }
-  }
-  handleFocusOut() {
-    if (this.host.open) {
-      return;
-    }
-    if (platform.isWebKit() && this.target.classList.contains(SAFARI_FOCUS_RING_CLASS)) {
-      this.target.classList.remove(SAFARI_FOCUS_RING_CLASS);
-    }
-  }
-  init() {
-    var _a;
-    (_a = this.abortController) == null ? void 0 : _a.abort();
-    this.abortController = new AbortController();
-    const { signal } = this.abortController;
-    this.target.addEventListener(
-      "click",
-      (event) => this.handleClick(event),
-      {
-        signal
-      }
-    );
-    this.target.addEventListener(
-      "pointerdown",
-      (event) => this.handlePointerdown(event),
-      { signal }
-    );
-    this.target.addEventListener("focusout", () => this.handleFocusOut(), {
-      signal
-    });
-  }
-}
-const strategies = {
-  desktop: DesktopController,
-  mobile: MobileController
-};
-exports.IS_MOBILE = IS_MOBILE;
-exports.MatchMediaController = MatchMediaController;
-exports.strategies = strategies;