@avento-space/ts-ui 1.2.1 → 1.2.2

package/dist/{chunk-NJAZMTMT.js → chunk-RQZ7KDYP.js}

@@ -1,4 +1,4 @@
-import { UElement, buttonStyles, inputStyles, boxStyles, listStyles, textStyles, stackStyles, gridStyles, overlayStyles, fieldStyles, checkboxStyles, selectStyles, linkStyles, containerStyles, dialogStyles, tooltipStyles, textareaStyles, radioStyles, switchStyles, labelStyles, treeStyles, tableStyles, breadcrumbStyles, tabsStyles, visuallyHiddenStyles, presenceStyles, animateKeyframes, modalStyles, drawerStyles, popoverStyles, dropdownStyles, accordionStyles, comboboxStyles, calendarStyles, dataTableStyles, commandPaletteStyles, toastStyles, contextMenuStyles, sortableStyles, formStyles } from './chunk-PRZASPFU.js';
+import { UElement, buttonStyles, inputStyles, boxStyles, listStyles, textStyles, stackStyles, gridStyles, overlayStyles, fieldStyles, checkboxStyles, selectStyles, linkStyles, containerStyles, dialogStyles, tooltipStyles, textareaStyles, radioStyles, switchStyles, labelStyles, treeStyles, tableStyles, breadcrumbStyles, tabsStyles, visuallyHiddenStyles, presenceStyles, animateKeyframes, modalStyles, drawerStyles, popoverStyles, dropdownStyles, accordionStyles, comboboxStyles, calendarStyles, dataTableStyles, commandPaletteStyles, toastStyles, contextMenuStyles, sortableStyles, formStyles, badgeStyles, cardStyles } from './chunk-ICB6OBEZ.js';
 import { signal, effect } from './chunk-Q5RCPPCF.js';
 
 // src/components/button.wc.ts
@@ -1811,6 +1811,13 @@ var UPopper = class extends UElement {
   }
 };
 
+// src/core/utils.ts
+function parseBooleanAttribute(value, fallback = false) {
+  if (value == null) return fallback;
+  const normalized = value.trim().toLowerCase();
+  return normalized === "" || normalized === "true" || normalized === "1" || normalized === "yes" || normalized === "on";
+}
+
 // src/components/dialog-root.wc.ts
 var UDialogRoot = class extends UElement {
   constructor() {
@@ -1820,6 +1827,7 @@ var UDialogRoot = class extends UElement {
     this._overlay = null;
     this._dismissable = null;
     this._focusTrap = null;
+    this._synced = false;
     this._root.innerHTML = `<style>${dialogStyles}</style><div part="dialog-root"><slot></slot></div>`;
   }
   static get observedAttributes() {
@@ -1857,15 +1865,18 @@ var UDialogRoot = class extends UElement {
   attributeChangedCallback(name, oldVal, newVal) {
     if (oldVal === newVal) return;
     if (name === "open") {
-      this._open = newVal !== null;
+      this._open = parseBooleanAttribute(newVal, false);
       this._updateOpenState();
     }
-    if (name === "modal") this._modal = newVal !== null;
+    if (name === "modal") this._modal = parseBooleanAttribute(newVal, true);
   }
   _sync() {
     this.setAttribute("role", "dialog");
     this.setAttribute("aria-modal", String(this._modal));
-    this._updateOpenState();
+    if (!this._synced) {
+      this._synced = true;
+      this._updateOpenState();
+    }
   }
   _updateOpenState() {
     if (this._open) {
@@ -1894,6 +1905,8 @@ var UDialogRoot = class extends UElement {
   _removeOverlay() {
     if (this._overlay) {
       this._overlay.hide();
+      this._overlay.remove();
+      this._overlay = null;
     }
   }
   _injectDismissable() {
@@ -1901,8 +1914,10 @@ var UDialogRoot = class extends UElement {
       this._dismissable = new UDismissableLayer();
       this._dismissable.style.display = "contents";
       this._root.appendChild(this._dismissable);
-      this._dismissable.addEventListener("u-dismiss", () => {
-        if (this._modal) return;
+      this._dismissable.addEventListener("u-dismiss", (e) => {
+        const reason = e.detail?.reason;
+        const isOutsideClick = reason === "pointer-down-outside" || reason === "outside-click";
+        if (this._modal && isOutsideClick) return;
         this.closeDialog();
       });
     }
@@ -2794,10 +2809,16 @@ var UTabs = class extends UElement {
     super();
     this._value = "";
     this._orientation = "horizontal";
-    this._root.innerHTML = `<style>${tabsStyles}</style><div part="tabs" class="tabs"><div part="tablist" class="tablist" role="tablist"></div><div part="tabpanels" class="tabpanels"></div></div>`;
+    this._variant = "underline";
+    this._fullWidth = false;
+    this._triggers = [];
+    this._root.innerHTML = `<style>${tabsStyles}</style><div part="tabs" class="tabs"><div part="tablist" class="tablist tablist-underline" role="tablist"><div class="tab-indicator"></div></div><div part="tabpanels" class="tabpanels"></div></div>`;
+    this._tablistEl = this._root.querySelector('[part="tablist"]');
+    this._panelsContainer = this._root.querySelector('[part="tabpanels"]');
+    this._indicatorEl = this._tablistEl.querySelector(".tab-indicator");
   }
   static get observedAttributes() {
-    return ["value", "orientation"];
+    return ["value", "orientation", "variant", "full-width"];
   }
   get value() {
     return this._value;
@@ -2805,35 +2826,89 @@ var UTabs = class extends UElement {
   set value(val) {
     this.setAttribute("value", val);
   }
+  get variant() {
+    return this._variant;
+  }
+  set variant(val) {
+    this.setAttribute("variant", val);
+  }
+  get fullWidth() {
+    return this._fullWidth;
+  }
+  set fullWidth(val) {
+    if (val) this.setAttribute("full-width", "");
+    else this.removeAttribute("full-width");
+  }
   connectedCallback() {
     super.connectedCallback();
     this._sync();
   }
   attributeChangedCallback(name, oldVal, newVal) {
     if (oldVal === newVal) return;
-    if (name === "value") this._value = newVal ?? "";
-    else if (name === "orientation") this._orientation = newVal ?? "horizontal";
+    switch (name) {
+      case "value":
+        this._value = newVal ?? "";
+        break;
+      case "orientation":
+        this._orientation = newVal ?? "horizontal";
+        break;
+      case "variant":
+        this._variant = newVal ?? "underline";
+        break;
+      case "full-width":
+        this._fullWidth = newVal !== null;
+        break;
+    }
     this._sync();
   }
   _sync() {
-    const tablist = this._root.querySelector('[part="tablist"]');
-    tablist.setAttribute("aria-orientation", this._orientation);
+    this._tablistEl.setAttribute("aria-orientation", this._orientation);
+    this._tablistEl.className = `tablist tablist-${this._variant}`;
+    if (this._fullWidth) this._tablistEl.classList.add("tablist-full");
     const tabs = this.querySelectorAll('[slot="tab"]');
     const panels = this.querySelectorAll('[slot="panel"]');
-    tablist.innerHTML = "";
+    if (!this._value && tabs.length > 0) {
+      this._value = tabs[0].getAttribute("data-value") || "0";
+    }
+    this._triggers = [];
+    let triggerHtml = "";
+    if (this._indicatorEl) {
+      triggerHtml = '<div class="tab-indicator"></div>';
+    }
+    this._tablistEl.innerHTML = triggerHtml;
+    this._indicatorEl = this._tablistEl.querySelector(".tab-indicator");
     tabs.forEach((tab, i) => {
       const key = tab.getAttribute("data-value") || String(i);
+      const disabled = tab.hasAttribute("disabled");
       const btn = document.createElement("button");
       btn.className = "tab-trigger";
       btn.setAttribute("role", "tab");
       btn.setAttribute("aria-selected", String(key === this._value));
       btn.setAttribute("data-value", key);
-      btn.textContent = tab.textContent;
+      btn.disabled = disabled;
       if (key === this._value) btn.classList.add("active");
-      tablist.appendChild(btn);
+      const iconSlot = tab.querySelector('[slot="icon"]');
+      if (iconSlot) {
+        const iconSpan = document.createElement("span");
+        iconSpan.className = "tab-trigger-icon";
+        iconSpan.appendChild(iconSlot.cloneNode(true));
+        btn.appendChild(iconSpan);
+      } else {
+        const svgs = tab.querySelectorAll("svg");
+        if (svgs.length > 0) {
+          const iconSpan = document.createElement("span");
+          iconSpan.className = "tab-trigger-icon";
+          iconSpan.appendChild(svgs[0].cloneNode(true));
+          btn.appendChild(iconSpan);
+        }
+      }
+      const labelSpan = document.createElement("span");
+      labelSpan.textContent = tab.textContent;
+      btn.appendChild(labelSpan);
+      this._tablistEl.appendChild(btn);
+      this._triggers.push(btn);
     });
-    const panelsContainer = this._root.querySelector('[part="tabpanels"]');
-    panelsContainer.innerHTML = "";
+    this._panelsContainer.innerHTML = "";
     panels.forEach((panel, i) => {
       const key = panel.getAttribute("data-value") || String(i);
       const div = document.createElement("div");
@@ -2845,14 +2920,25 @@ var UTabs = class extends UElement {
         div.setAttribute("hidden", "");
       }
       div.appendChild(panel.cloneNode(true));
-      panelsContainer.appendChild(div);
+      this._panelsContainer.appendChild(div);
     });
+    this._updateIndicator();
+  }
+  _updateIndicator() {
+    if (this._variant !== "underline" || !this._indicatorEl) return;
+    const active = this._tablistEl.querySelector(".tab-trigger.active");
+    if (active) {
+      this._indicatorEl.style.left = `${active.offsetLeft}px`;
+      this._indicatorEl.style.width = `${active.offsetWidth}px`;
+    } else {
+      this._indicatorEl.style.left = "0";
+      this._indicatorEl.style.width = "0";
+    }
   }
   _mount() {
-    const tablist = this._root.querySelector('[part="tablist"]');
-    tablist.addEventListener("click", (e) => {
+    this._tablistEl.addEventListener("click", (e) => {
       const btn = e.target.closest(".tab-trigger");
-      if (!btn) return;
+      if (!btn || btn.disabled) return;
       const val = btn.getAttribute("data-value") || "";
       this._value = val;
       this.setAttribute("value", val);
@@ -2865,21 +2951,36 @@ var UTabs = class extends UElement {
         })
       );
     });
-    tablist.addEventListener("keydown", (e) => {
+    this._tablistEl.addEventListener("keydown", (e) => {
       const ke = e;
-      const triggers = Array.from(tablist.querySelectorAll(".tab-trigger"));
-      const current = tablist.querySelector(".tab-trigger.active");
-      const idx = triggers.indexOf(current);
+      const enabled = this._triggers.filter((t) => !t.disabled);
+      if (enabled.length === 0) return;
+      const current = this._tablistEl.querySelector(".tab-trigger.active");
+      const idx = enabled.indexOf(current);
       let nextIdx = -1;
-      if (ke.key === "ArrowRight" || ke.key === "ArrowDown") {
-        nextIdx = (idx + 1) % triggers.length;
-      } else if (ke.key === "ArrowLeft" || ke.key === "ArrowUp") {
-        nextIdx = (idx - 1 + triggers.length) % triggers.length;
+      switch (ke.key) {
+        case "ArrowRight":
+        case "ArrowDown":
+          ke.preventDefault();
+          nextIdx = (idx + 1) % enabled.length;
+          break;
+        case "ArrowLeft":
+        case "ArrowUp":
+          ke.preventDefault();
+          nextIdx = (idx - 1 + enabled.length) % enabled.length;
+          break;
+        case "Home":
+          ke.preventDefault();
+          nextIdx = 0;
+          break;
+        case "End":
+          ke.preventDefault();
+          nextIdx = enabled.length - 1;
+          break;
       }
       if (nextIdx >= 0) {
-        e.preventDefault();
-        triggers[nextIdx].click();
-        triggers[nextIdx].focus();
+        enabled[nextIdx].click();
+        enabled[nextIdx].focus();
       }
     });
   }
@@ -3376,10 +3477,12 @@ function unlockScroll() {
 }
 
 // src/components/modal.wc.ts
+var CLOSE_SVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>';
 var UModal = class extends UElement {
   constructor() {
     super();
     this._open = false;
+    this._title = "";
     this._size = "md";
     this._closeOnEscape = true;
     this._closeOnOverlay = true;
@@ -3390,8 +3493,8 @@ var UModal = class extends UElement {
 <div part="modal" class="modal" role="dialog" aria-modal="true" hidden>
   <div part="modal-wrapper" class="modal-wrapper modal-md">
     <div part="header" class="modal-header">
-      <slot name="header"><span class="modal-title-default"></span></slot>
-      <button part="close-btn" class="modal-close" aria-label="Close">&times;</button>
+      <div part="title" class="modal-title"><slot name="header">${this._title}</slot></div>
+      <button part="close-btn" class="modal-close" aria-label="Close">${CLOSE_SVG}</button>
     </div>
     <div part="content" class="modal-content">
       <slot></slot>
@@ -3403,7 +3506,7 @@ var UModal = class extends UElement {
 </div>`;
   }
   static get observedAttributes() {
-    return ["open", "size", "close-on-escape", "close-on-overlay"];
+    return ["open", "size", "title", "close-on-escape", "close-on-overlay"];
   }
   get open() {
     return this._open;
@@ -3413,6 +3516,12 @@ var UModal = class extends UElement {
     if (val) this.setAttribute("open", "");
     else this.removeAttribute("open");
   }
+  get title() {
+    return this._title;
+  }
+  set title(val) {
+    this.setAttribute("title", val);
+  }
   openModal() {
     this.open = true;
   }
@@ -3428,42 +3537,60 @@ var UModal = class extends UElement {
     if (oldVal === newVal) return;
     switch (name) {
       case "open":
-        this._open = newVal !== null;
+        this._open = parseBooleanAttribute(newVal, false);
         this._updateOpenState();
         break;
       case "size":
         this._size = newVal ?? "md";
+        this._updateSize();
+        break;
+      case "title":
+        this._title = newVal ?? "";
+        this._updateTitle();
         break;
       case "close-on-escape":
-        this._closeOnEscape = newVal !== null;
+        this._closeOnEscape = parseBooleanAttribute(newVal, true);
         break;
       case "close-on-overlay":
-        this._closeOnOverlay = newVal !== null;
+        this._closeOnOverlay = parseBooleanAttribute(newVal, true);
         break;
     }
   }
   _sync() {
     this._updateOpenState();
+    this._updateSize();
+    this._updateTitle();
+  }
+  _updateTitle() {
+    const headerSlot = this._root.querySelector('slot[name="header"]');
+    if (!headerSlot) return;
+    const assigned = headerSlot.assignedNodes({ flatten: true });
+    if (assigned.length === 0 && this._title) {
+      headerSlot.textContent = this._title;
+    } else {
+      headerSlot.textContent = "";
+    }
+  }
+  _updateSize() {
+    const wrapper = this._root.querySelector('[part="modal-wrapper"]');
+    const isMobile = window.innerWidth < 640;
+    if (isMobile) {
+      wrapper.className = "modal-wrapper modal-mobile";
+      wrapper.style.maxWidth = `${Math.min(window.innerWidth - 32, 800)}px`;
+    } else {
+      wrapper.className = `modal-wrapper modal-${this._size}`;
+      wrapper.style.maxWidth = "";
+    }
   }
   _updateOpenState() {
     const backdrop = this._root.querySelector('[part="backdrop"]');
     const modal = this._root.querySelector('[part="modal"]');
-    const wrapper = this._root.querySelector('[part="modal-wrapper"]');
     if (this._open) {
       this._previousActive = document.activeElement;
       backdrop.removeAttribute("hidden");
       modal.removeAttribute("hidden");
       this._unlockScroll = lockScroll();
-      const isMobile = window.innerWidth < 640;
-      if (isMobile) {
-        wrapper.className = "modal-wrapper modal-mobile";
-        wrapper.style.maxWidth = `${window.innerWidth - 32}px`;
-        wrapper.style.maxHeight = `${window.innerHeight - 32}px`;
-      } else {
-        wrapper.className = `modal-wrapper modal-${this._size}`;
-        wrapper.style.maxWidth = "";
-        wrapper.style.maxHeight = "";
-      }
+      this._updateSize();
       this._focusFirst();
     } else {
       backdrop.setAttribute("hidden", "");
@@ -3482,6 +3609,12 @@ var UModal = class extends UElement {
     const focusable = this._root.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     );
+    for (const el of focusable) {
+      if (el.offsetParent !== null) {
+        el.focus();
+        return;
+      }
+    }
     if (focusable.length > 0) {
       focusable[0].focus();
     }
@@ -3504,7 +3637,7 @@ var UModal = class extends UElement {
       if (this._closeOnOverlay) this.closeModal();
     });
     window.addEventListener("resize", () => {
-      if (this._open) this._updateOpenState();
+      if (this._open) this._updateSize();
     });
   }
   _trapTab(e) {
@@ -3517,8 +3650,10 @@ var UModal = class extends UElement {
       e.preventDefault();
       return;
     }
-    const first = focusable[0];
-    const last = focusable[focusable.length - 1];
+    const visible = focusable.filter((el) => el.offsetParent !== null);
+    const list = visible.length > 0 ? visible : focusable;
+    const first = list[0];
+    const last = list[list.length - 1];
     if (e.shiftKey && document.activeElement === first) {
       e.preventDefault();
       last.focus();
@@ -3589,7 +3724,7 @@ var UDrawer = class extends UElement {
     if (oldVal === newVal) return;
     switch (name) {
       case "open":
-        this._open = newVal !== null;
+        this._open = parseBooleanAttribute(newVal, false);
         this._updateOpenState();
         break;
       case "side":
@@ -3600,10 +3735,10 @@ var UDrawer = class extends UElement {
         this._size = newVal ?? "300px";
         break;
       case "close-on-escape":
-        this._closeOnEscape = newVal !== null;
+        this._closeOnEscape = parseBooleanAttribute(newVal, true);
         break;
       case "close-on-overlay":
-        this._closeOnOverlay = newVal !== null;
+        this._closeOnOverlay = parseBooleanAttribute(newVal, true);
         break;
     }
   }
@@ -5640,6 +5775,167 @@ var UForm = class extends UElement {
   }
 };
 
-export { UAccordion, UAccordionItem, UAnimate, UBox, UBreadcrumb, UButton, UCalendar, UCheckbox, UCollection, UCombobox, UCommandPalette, UContainer, UContextMenu, UDataTable, UDialogRoot, UDismissableLayer, UDrawer, UDropdown, UField, UFocusManager, UFocusScope, UFocusTrap, UForm, UGrid, UHStack, UHoverable, UInput, UKeyboardNavigation, ULabel, ULink, UList, ULiveRegion, UModal, UOverlay, UPopover, UPopper, UPortal, UPresence, UPressable, URadio, URadioGroup, URouterView, USelect, USlot, USortable, USpacer, UStack, USwitch, UTable, UTabs, UText, UTextarea, UToast, UTooltipRoot, UTransition, UTree, UVirtualList, UVisuallyHidden, createControlledInput, setPortalRoot };
-//# sourceMappingURL=chunk-NJAZMTMT.js.map
-//# sourceMappingURL=chunk-NJAZMTMT.js.map
+// src/components/badge.wc.ts
+var UBadge = class extends UElement {
+  constructor() {
+    super();
+    this._variant = "default";
+    this._size = "md";
+    this._dot = false;
+    this._pill = true;
+    this._root.innerHTML = `<style>${badgeStyles}</style><span part="badge" class="badge badge-default badge-md badge-pill"><slot></slot></span>`;
+  }
+  static get observedAttributes() {
+    return ["variant", "size", "dot", "pill"];
+  }
+  get variant() {
+    return this._variant;
+  }
+  set variant(val) {
+    this.setAttribute("variant", val);
+  }
+  get size() {
+    return this._size;
+  }
+  set size(val) {
+    this.setAttribute("size", val);
+  }
+  get dot() {
+    return this._dot;
+  }
+  set dot(val) {
+    if (val) this.setAttribute("dot", "");
+    else this.removeAttribute("dot");
+  }
+  get pill() {
+    return this._pill;
+  }
+  set pill(val) {
+    if (!val) this.removeAttribute("pill");
+    else this.setAttribute("pill", "");
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this._sync();
+  }
+  attributeChangedCallback(name, oldVal, newVal) {
+    if (oldVal === newVal) return;
+    switch (name) {
+      case "variant":
+        this._variant = newVal ?? "default";
+        break;
+      case "size":
+        this._size = newVal ?? "md";
+        break;
+      case "dot":
+        this._dot = newVal !== null;
+        break;
+      case "pill":
+        this._pill = newVal !== null;
+        break;
+    }
+    this._sync();
+  }
+  _sync() {
+    const el = this._root.querySelector('[part="badge"]');
+    el.className = `badge badge-${this._variant} badge-${this._size}`;
+    if (this._dot) {
+      el.classList.add("badge-dot");
+    } else if (this._pill) {
+      el.classList.add("badge-pill");
+    } else {
+      el.classList.add("badge-square");
+    }
+  }
+  _mount() {
+  }
+};
+
+// src/components/card.wc.ts
+var UCard = class extends UElement {
+  constructor() {
+    super();
+    this._variant = "default";
+    this._padding = "md";
+    this._hoverable = false;
+    this._root.innerHTML = `<style>${cardStyles}</style>
+<div part="card" class="card card-default card-padding-md">
+  <div part="image" class="card-image card-image-top">
+    <slot name="image"></slot>
+  </div>
+  <div part="header">
+    <slot name="header"></slot>
+  </div>
+  <div part="content">
+    <slot></slot>
+  </div>
+  <div part="footer">
+    <slot name="footer"></slot>
+  </div>
+</div>`;
+  }
+  static get observedAttributes() {
+    return ["variant", "padding", "hoverable"];
+  }
+  get variant() {
+    return this._variant;
+  }
+  set variant(val) {
+    this.setAttribute("variant", val);
+  }
+  get padding() {
+    return this._padding;
+  }
+  set padding(val) {
+    this.setAttribute("padding", val);
+  }
+  get hoverable() {
+    return this._hoverable;
+  }
+  set hoverable(val) {
+    if (val) this.setAttribute("hoverable", "");
+    else this.removeAttribute("hoverable");
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this._sync();
+  }
+  attributeChangedCallback(name, oldVal, newVal) {
+    if (oldVal === newVal) return;
+    switch (name) {
+      case "variant":
+        this._variant = newVal ?? "default";
+        break;
+      case "padding":
+        this._padding = newVal ?? "md";
+        break;
+      case "hoverable":
+        this._hoverable = newVal !== null;
+        break;
+    }
+    this._sync();
+  }
+  _sync() {
+    const el = this._root.querySelector('[part="card"]');
+    el.className = `card card-${this._variant} card-padding-${this._padding}`;
+    if (this._hoverable) el.classList.add("card-hoverable");
+    const imageSlot = this._root.querySelector('slot[name="image"]');
+    if (imageSlot) {
+      const assigned = imageSlot.assignedNodes({ flatten: true });
+      const imageEl = assigned.length > 0 ? imageSlot.parentElement : null;
+      if (imageEl) {
+        imageEl.classList.toggle("card-image-top", assigned.length > 0);
+      }
+    }
+  }
+  _mount() {
+    const imageSlot = this._root.querySelector('slot[name="image"]');
+    if (imageSlot) {
+      imageSlot.addEventListener("slotchange", () => this._sync());
+    }
+  }
+};
+
+export { UAccordion, UAccordionItem, UAnimate, UBadge, UBox, UBreadcrumb, UButton, UCalendar, UCard, UCheckbox, UCollection, UCombobox, UCommandPalette, UContainer, UContextMenu, UDataTable, UDialogRoot, UDismissableLayer, UDrawer, UDropdown, UField, UFocusManager, UFocusScope, UFocusTrap, UForm, UGrid, UHStack, UHoverable, UInput, UKeyboardNavigation, ULabel, ULink, UList, ULiveRegion, UModal, UOverlay, UPopover, UPopper, UPortal, UPresence, UPressable, URadio, URadioGroup, URouterView, USelect, USlot, USortable, USpacer, UStack, USwitch, UTable, UTabs, UText, UTextarea, UToast, UTooltipRoot, UTransition, UTree, UVirtualList, UVisuallyHidden, createControlledInput, setPortalRoot };
+//# sourceMappingURL=chunk-RQZ7KDYP.js.map
+//# sourceMappingURL=chunk-RQZ7KDYP.js.map