@lanrenbang/basecoat-ultra 0.1.2

package/dist/js/sheet.js

@@ -0,0 +1,85 @@
+(() => {
+  const toggleSheet = (trigger) => {
+    const targetId = trigger.getAttribute("aria-controls") || trigger.dataset.target;
+    if (!targetId) return;
+    const sheet = document.getElementById(targetId);
+    if (!sheet) return;
+    const isOpen = sheet.getAttribute("aria-hidden") === "false";
+    sheet.querySelector(".sheet-content, .drawer-content");
+    if (isOpen) {
+      closeSheet(sheet);
+    } else {
+      openSheet(sheet, trigger);
+    }
+  };
+  const openSheet = (sheet, trigger) => {
+    sheet.setAttribute("aria-hidden", "false");
+    sheet.offsetHeight;
+    const content = sheet.querySelector(".sheet-content, .drawer-content");
+    if (content) {
+      content.dataset.state = "open";
+    }
+    if (trigger) {
+      trigger.setAttribute("aria-expanded", "true");
+      sheet.dataset.triggerId = trigger.id || "";
+    }
+    document.body.style.overflow = "hidden";
+  };
+  const closeSheet = (sheet) => {
+    const content = sheet.querySelector(".sheet-content, .drawer-content");
+    if (content) {
+      content.dataset.state = "closed";
+      const transitionDuration = parseFloat(window.getComputedStyle(content).transitionDuration) * 1e3 || 300;
+      setTimeout(() => {
+        if (content.dataset.state === "closed") {
+          sheet.setAttribute("aria-hidden", "true");
+          document.body.style.overflow = "";
+          if (sheet.dataset.triggerId) {
+            const trigger = document.getElementById(sheet.dataset.triggerId);
+            trigger?.focus();
+          }
+        }
+      }, transitionDuration);
+    } else {
+      sheet.setAttribute("aria-hidden", "true");
+      document.body.style.overflow = "";
+    }
+    const triggerId = sheet.dataset.triggerId;
+    if (triggerId) {
+      const trigger = document.getElementById(triggerId);
+      trigger?.setAttribute("aria-expanded", "false");
+    }
+  };
+  document.addEventListener("click", (e) => {
+    const trigger = e.target.closest('[data-toggle="sheet"], [data-toggle="drawer"]');
+    if (trigger) {
+      e.preventDefault();
+      if (!trigger.id) {
+        trigger.id = "trigger-" + Math.random().toString(36).substr(2, 9);
+      }
+      toggleSheet(trigger);
+    }
+  });
+  document.addEventListener("click", (e) => {
+    if (e.target.matches(".sheet, .drawer")) {
+      closeSheet(e.target);
+    }
+  });
+  document.addEventListener("keydown", (e) => {
+    if (e.key === "Escape") {
+      const openSheets = document.querySelectorAll('.sheet[aria-hidden="false"], .drawer[aria-hidden="false"]');
+      openSheets.forEach(closeSheet);
+    }
+  });
+  document.addEventListener("click", (e) => {
+    const closeBtn = e.target.closest("[data-close]");
+    if (closeBtn) {
+      const sheet = closeBtn.closest(".sheet, .drawer");
+      if (sheet) {
+        closeSheet(sheet);
+      }
+    }
+  });
+  if (!window.basecoat) window.basecoat = {};
+  window.basecoat.sheet = { open: openSheet, close: closeSheet };
+})();

package/dist/js/sheet.min.js

@@ -0,0 +1,40 @@
+(() => {
+  const d = (t) => {
+    const e = t.getAttribute("aria-controls") || t.dataset.target;
+    if (!e) return;
+    const n = document.getElementById(e);
+    if (!n) return;
+    const a = n.getAttribute("aria-hidden") === "false";
+    n.querySelector(".sheet-content, .drawer-content"), a ? o(n) : r(n, t);
+  }, r = (t, e) => {
+    t.setAttribute("aria-hidden", "false"), t.offsetHeight;
+    const n = t.querySelector(".sheet-content, .drawer-content");
+    n && (n.dataset.state = "open"), e && (e.setAttribute("aria-expanded", "true"), t.dataset.triggerId = e.id || ""), document.body.style.overflow = "hidden";
+  }, o = (t) => {
+    const e = t.querySelector(".sheet-content, .drawer-content");
+    if (e) {
+      e.dataset.state = "closed";
+      const a = parseFloat(window.getComputedStyle(e).transitionDuration) * 1e3 || 300;
+      setTimeout(() => {
+        e.dataset.state === "closed" && (t.setAttribute("aria-hidden", "true"), document.body.style.overflow = "", t.dataset.triggerId && document.getElementById(t.dataset.triggerId)?.focus());
+      }, a);
+    } else
+      t.setAttribute("aria-hidden", "true"), document.body.style.overflow = "";
+    const n = t.dataset.triggerId;
+    n && document.getElementById(n)?.setAttribute("aria-expanded", "false");
+  };
+  document.addEventListener("click", (t) => {
+    const e = t.target.closest('[data-toggle="sheet"], [data-toggle="drawer"]');
+    e && (t.preventDefault(), e.id || (e.id = "trigger-" + Math.random().toString(36).substr(2, 9)), d(e));
+  }), document.addEventListener("click", (t) => {
+    t.target.matches(".sheet, .drawer") && o(t.target);
+  }), document.addEventListener("keydown", (t) => {
+    t.key === "Escape" && document.querySelectorAll('.sheet[aria-hidden="false"], .drawer[aria-hidden="false"]').forEach(o);
+  }), document.addEventListener("click", (t) => {
+    const e = t.target.closest("[data-close]");
+    if (e) {
+      const n = e.closest(".sheet, .drawer");
+      n && o(n);
+    }
+  }), window.basecoat || (window.basecoat = {}), window.basecoat.sheet = { open: r, close: o };
+})();

package/dist/js/sidebar.js

@@ -0,0 +1,87 @@
+(() => {
+  if (!window.history.__basecoatPatched) {
+    const originalPushState = window.history.pushState;
+    window.history.pushState = function(...args) {
+      originalPushState.apply(this, args);
+      window.dispatchEvent(new Event("basecoat:locationchange"));
+    };
+    const originalReplaceState = window.history.replaceState;
+    window.history.replaceState = function(...args) {
+      originalReplaceState.apply(this, args);
+      window.dispatchEvent(new Event("basecoat:locationchange"));
+    };
+    window.history.__basecoatPatched = true;
+  }
+  const initSidebar = (sidebarComponent) => {
+    const initialOpen = sidebarComponent.dataset.initialOpen !== "false";
+    const initialMobileOpen = sidebarComponent.dataset.initialMobileOpen === "true";
+    const breakpoint = parseInt(sidebarComponent.dataset.breakpoint) || 768;
+    let open = breakpoint > 0 ? window.innerWidth >= breakpoint ? initialOpen : initialMobileOpen : initialOpen;
+    const updateCurrentPageLinks = () => {
+      const currentPath = window.location.pathname.replace(/\/$/, "");
+      sidebarComponent.querySelectorAll("a").forEach((link) => {
+        if (link.hasAttribute("data-ignore-current")) return;
+        if (link.getAttribute("href") === "#") {
+          link.removeAttribute("aria-current");
+          return;
+        }
+        const linkPath = new URL(link.href).pathname.replace(/\/$/, "");
+        if (linkPath === currentPath) {
+          link.setAttribute("aria-current", "page");
+        } else {
+          link.removeAttribute("aria-current");
+        }
+      });
+    };
+    const updateState = () => {
+      sidebarComponent.setAttribute("aria-hidden", !open);
+      if (open) {
+        sidebarComponent.removeAttribute("inert");
+      } else {
+        sidebarComponent.setAttribute("inert", "");
+      }
+    };
+    const setState = (state) => {
+      open = state;
+      updateState();
+    };
+    const sidebarId = sidebarComponent.id;
+    document.addEventListener("basecoat:sidebar", (event) => {
+      if (event.detail?.id && event.detail.id !== sidebarId) return;
+      switch (event.detail?.action) {
+        case "open":
+          setState(true);
+          break;
+        case "close":
+          setState(false);
+          break;
+        default:
+          setState(!open);
+          break;
+      }
+    });
+    sidebarComponent.addEventListener("click", (event) => {
+      const target = event.target;
+      const nav = sidebarComponent.querySelector("nav");
+      const isMobile = window.innerWidth < breakpoint;
+      if (isMobile && (target.closest("a, button") && !target.closest("[data-keep-mobile-sidebar-open]"))) {
+        if (document.activeElement) document.activeElement.blur();
+        setState(false);
+        return;
+      }
+      if (target === sidebarComponent || nav && !nav.contains(target)) {
+        if (document.activeElement) document.activeElement.blur();
+        setState(false);
+      }
+    });
+    window.addEventListener("popstate", updateCurrentPageLinks);
+    window.addEventListener("basecoat:locationchange", updateCurrentPageLinks);
+    updateState();
+    updateCurrentPageLinks();
+    sidebarComponent.dataset.sidebarInitialized = true;
+    sidebarComponent.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  if (window.basecoat) {
+    window.basecoat.register("sidebar", ".sidebar:not([data-sidebar-initialized])", initSidebar);
+  }
+})();

package/dist/js/sidebar.min.js

@@ -0,0 +1,53 @@
+(() => {
+  if (!window.history.__basecoatPatched) {
+    const t = window.history.pushState;
+    window.history.pushState = function(...i) {
+      t.apply(this, i), window.dispatchEvent(new Event("basecoat:locationchange"));
+    };
+    const r = window.history.replaceState;
+    window.history.replaceState = function(...i) {
+      r.apply(this, i), window.dispatchEvent(new Event("basecoat:locationchange"));
+    }, window.history.__basecoatPatched = !0;
+  }
+  const u = (t) => {
+    const r = t.dataset.initialOpen !== "false", i = t.dataset.initialMobileOpen === "true", s = parseInt(t.dataset.breakpoint) || 768;
+    let c = s > 0 ? window.innerWidth >= s ? r : i : r;
+    const o = () => {
+      const a = window.location.pathname.replace(/\/$/, "");
+      t.querySelectorAll("a").forEach((e) => {
+        if (e.hasAttribute("data-ignore-current")) return;
+        if (e.getAttribute("href") === "#") {
+          e.removeAttribute("aria-current");
+          return;
+        }
+        new URL(e.href).pathname.replace(/\/$/, "") === a ? e.setAttribute("aria-current", "page") : e.removeAttribute("aria-current");
+      });
+    }, l = () => {
+      t.setAttribute("aria-hidden", !c), c ? t.removeAttribute("inert") : t.setAttribute("inert", "");
+    }, n = (a) => {
+      c = a, l();
+    }, w = t.id;
+    document.addEventListener("basecoat:sidebar", (a) => {
+      if (!(a.detail?.id && a.detail.id !== w))
+        switch (a.detail?.action) {
+          case "open":
+            n(!0);
+            break;
+          case "close":
+            n(!1);
+            break;
+          default:
+            n(!c);
+            break;
+        }
+    }), t.addEventListener("click", (a) => {
+      const e = a.target, d = t.querySelector("nav");
+      if (window.innerWidth < s && e.closest("a, button") && !e.closest("[data-keep-mobile-sidebar-open]")) {
+        document.activeElement && document.activeElement.blur(), n(!1);
+        return;
+      }
+      (e === t || d && !d.contains(e)) && (document.activeElement && document.activeElement.blur(), n(!1));
+    }), window.addEventListener("popstate", o), window.addEventListener("basecoat:locationchange", o), l(), o(), t.dataset.sidebarInitialized = !0, t.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  window.basecoat && window.basecoat.register("sidebar", ".sidebar:not([data-sidebar-initialized])", u);
+})();

package/dist/js/slider.js

@@ -0,0 +1,18 @@
+(() => {
+  const initSlider = (slider) => {
+    const update = () => {
+      const value = slider.value;
+      const min = slider.min ? parseFloat(slider.min) : 0;
+      const max = slider.max ? parseFloat(slider.max) : 100;
+      const percentage = (value - min) / (max - min) * 100;
+      slider.style.setProperty("--slider-value", `${percentage}%`);
+    };
+    slider.addEventListener("input", update);
+    update();
+    slider.dataset.sliderInitialized = true;
+    slider.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  if (window.basecoat) {
+    window.basecoat.register("slider", 'input[type="range"].slider:not([data-slider-initialized]), input[type="range"].input:not([data-slider-initialized])', initSlider);
+  }
+})();

package/dist/js/slider.min.js

@@ -0,0 +1,10 @@
+(() => {
+  const n = (t) => {
+    const a = () => {
+      const i = t.value, e = t.min ? parseFloat(t.min) : 0, o = t.max ? parseFloat(t.max) : 100, s = (i - e) / (o - e) * 100;
+      t.style.setProperty("--slider-value", `${s}%`);
+    };
+    t.addEventListener("input", a), a(), t.dataset.sliderInitialized = !0, t.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  window.basecoat && window.basecoat.register("slider", 'input[type="range"].slider:not([data-slider-initialized]), input[type="range"].input:not([data-slider-initialized])', n);
+})();

package/dist/js/tabs.js

@@ -0,0 +1,53 @@
+(() => {
+  const initTabs = (tabsComponent) => {
+    const tablist = tabsComponent.querySelector('[role="tablist"]');
+    if (!tablist) return;
+    const tabs = Array.from(tablist.querySelectorAll('[role="tab"]'));
+    const panels = tabs.map((tab) => document.getElementById(tab.getAttribute("aria-controls"))).filter(Boolean);
+    const selectTab = (tabToSelect) => {
+      tabs.forEach((tab, index) => {
+        tab.setAttribute("aria-selected", "false");
+        tab.setAttribute("tabindex", "-1");
+        if (panels[index]) panels[index].hidden = true;
+      });
+      tabToSelect.setAttribute("aria-selected", "true");
+      tabToSelect.setAttribute("tabindex", "0");
+      const activePanel = document.getElementById(tabToSelect.getAttribute("aria-controls"));
+      if (activePanel) activePanel.hidden = false;
+    };
+    tablist.addEventListener("click", (event) => {
+      const clickedTab = event.target.closest('[role="tab"]');
+      if (clickedTab) selectTab(clickedTab);
+    });
+    tablist.addEventListener("keydown", (event) => {
+      const currentTab = event.target;
+      if (!tabs.includes(currentTab)) return;
+      let nextTab;
+      const currentIndex = tabs.indexOf(currentTab);
+      switch (event.key) {
+        case "ArrowRight":
+          nextTab = tabs[(currentIndex + 1) % tabs.length];
+          break;
+        case "ArrowLeft":
+          nextTab = tabs[(currentIndex - 1 + tabs.length) % tabs.length];
+          break;
+        case "Home":
+          nextTab = tabs[0];
+          break;
+        case "End":
+          nextTab = tabs[tabs.length - 1];
+          break;
+        default:
+          return;
+      }
+      event.preventDefault();
+      selectTab(nextTab);
+      nextTab.focus();
+    });
+    tabsComponent.dataset.tabsInitialized = true;
+    tabsComponent.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  if (window.basecoat) {
+    window.basecoat.register("tabs", ".tabs:not([data-tabs-initialized])", initTabs);
+  }
+})();

package/dist/js/tabs.min.js

@@ -0,0 +1,40 @@
+(() => {
+  const o = (s) => {
+    const n = s.querySelector('[role="tablist"]');
+    if (!n) return;
+    const t = Array.from(n.querySelectorAll('[role="tab"]')), c = t.map((e) => document.getElementById(e.getAttribute("aria-controls"))).filter(Boolean), l = (e) => {
+      t.forEach((a, i) => {
+        a.setAttribute("aria-selected", "false"), a.setAttribute("tabindex", "-1"), c[i] && (c[i].hidden = !0);
+      }), e.setAttribute("aria-selected", "true"), e.setAttribute("tabindex", "0");
+      const r = document.getElementById(e.getAttribute("aria-controls"));
+      r && (r.hidden = !1);
+    };
+    n.addEventListener("click", (e) => {
+      const r = e.target.closest('[role="tab"]');
+      r && l(r);
+    }), n.addEventListener("keydown", (e) => {
+      const r = e.target;
+      if (!t.includes(r)) return;
+      let a;
+      const i = t.indexOf(r);
+      switch (e.key) {
+        case "ArrowRight":
+          a = t[(i + 1) % t.length];
+          break;
+        case "ArrowLeft":
+          a = t[(i - 1 + t.length) % t.length];
+          break;
+        case "Home":
+          a = t[0];
+          break;
+        case "End":
+          a = t[t.length - 1];
+          break;
+        default:
+          return;
+      }
+      e.preventDefault(), l(a), a.focus();
+    }), s.dataset.tabsInitialized = !0, s.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  window.basecoat && window.basecoat.register("tabs", ".tabs:not([data-tabs-initialized])", o);
+})();

package/dist/js/toast.js

@@ -0,0 +1,137 @@
+(() => {
+  let toaster;
+  const toasts = /* @__PURE__ */ new WeakMap();
+  let isPaused = false;
+  const ICONS = {
+    success: '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/></svg>',
+    error: '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>',
+    info: '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>',
+    warning: '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>'
+  };
+  function initToaster(toasterElement) {
+    if (toasterElement.dataset.toasterInitialized) return;
+    toaster = toasterElement;
+    toaster.addEventListener("mouseenter", pauseAllTimeouts);
+    toaster.addEventListener("mouseleave", resumeAllTimeouts);
+    toaster.addEventListener("click", (event) => {
+      const actionLink = event.target.closest(".toast footer a");
+      const actionButton = event.target.closest(".toast footer button");
+      if (actionLink || actionButton) {
+        closeToast(event.target.closest(".toast"));
+      }
+    });
+    toaster.querySelectorAll(".toast:not([data-toast-initialized])").forEach(initToast);
+    toaster.dataset.toasterInitialized = "true";
+    toaster.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  }
+  function initToast(element) {
+    if (element.dataset.toastInitialized) return;
+    const duration = parseInt(element.dataset.duration);
+    const timeoutDuration = duration !== -1 ? duration || (element.dataset.category === "error" ? 5e3 : 3e3) : -1;
+    const state = {
+      remainingTime: timeoutDuration,
+      timeoutId: null,
+      startTime: null
+    };
+    if (timeoutDuration !== -1) {
+      if (isPaused) {
+        state.timeoutId = null;
+      } else {
+        state.startTime = Date.now();
+        state.timeoutId = setTimeout(() => closeToast(element), timeoutDuration);
+      }
+    }
+    toasts.set(element, state);
+    element.dataset.toastInitialized = "true";
+  }
+  function pauseAllTimeouts() {
+    if (isPaused) return;
+    isPaused = true;
+    toaster.querySelectorAll('.toast:not([aria-hidden="true"])').forEach((element) => {
+      if (!toasts.has(element)) return;
+      const state = toasts.get(element);
+      if (state.timeoutId) {
+        clearTimeout(state.timeoutId);
+        state.timeoutId = null;
+        state.remainingTime -= Date.now() - state.startTime;
+      }
+    });
+  }
+  function resumeAllTimeouts() {
+    if (!isPaused) return;
+    isPaused = false;
+    toaster.querySelectorAll('.toast:not([aria-hidden="true"])').forEach((element) => {
+      if (!toasts.has(element)) return;
+      const state = toasts.get(element);
+      if (state.remainingTime !== -1 && !state.timeoutId) {
+        if (state.remainingTime > 0) {
+          state.startTime = Date.now();
+          state.timeoutId = setTimeout(() => closeToast(element), state.remainingTime);
+        } else {
+          closeToast(element);
+        }
+      }
+    });
+  }
+  function closeToast(element) {
+    if (!toasts.has(element)) return;
+    const state = toasts.get(element);
+    clearTimeout(state.timeoutId);
+    toasts.delete(element);
+    if (element.contains(document.activeElement)) document.activeElement.blur();
+    element.setAttribute("aria-hidden", "true");
+    element.addEventListener("transitionend", () => element.remove(), { once: true });
+  }
+  function createToast(config) {
+    const {
+      category = "info",
+      title,
+      description,
+      action,
+      cancel,
+      duration,
+      icon
+    } = config;
+    const iconHtml = icon || category && ICONS[category] || "";
+    const titleHtml = title ? `<h2>${title}</h2>` : "";
+    const descriptionHtml = description ? `<p>${description}</p>` : "";
+    const actionHtml = action?.href ? `<a href="${action.href}" class="btn" data-toast-action>${action.label}</a>` : action?.onclick ? `<button type="button" class="btn" data-toast-action onclick="${action.onclick}">${action.label}</button>` : "";
+    const cancelHtml = cancel ? `<button type="button" class="btn-outline h-6 text-xs px-2.5 rounded-sm" data-toast-cancel onclick="${cancel?.onclick}">${cancel.label}</button>` : "";
+    const footerHtml = actionHtml || cancelHtml ? `<footer>${actionHtml}${cancelHtml}</footer>` : "";
+    const html = `
+      <div
+        class="toast"
+        role="${category === "error" ? "alert" : "status"}"
+        aria-atomic="true"
+        ${category ? `data-category="${category}"` : ""}
+        ${duration !== void 0 ? `data-duration="${duration}"` : ""}
+      >
+        <div class="toast-content">
+          ${iconHtml}
+          <section>
+            ${titleHtml}
+            ${descriptionHtml}
+          </section>
+          ${footerHtml}
+          </div>
+        </div>
+      </div>
+    `;
+    const template = document.createElement("template");
+    template.innerHTML = html.trim();
+    return template.content.firstChild;
+  }
+  document.addEventListener("basecoat:toast", (event) => {
+    if (!toaster) {
+      console.error("Cannot create toast: toaster container not found on page.");
+      return;
+    }
+    const config = event.detail?.config || {};
+    const toastElement = createToast(config);
+    toaster.appendChild(toastElement);
+  });
+  if (window.basecoat) {
+    window.basecoat.register("toaster", "#toaster:not([data-toaster-initialized])", initToaster);
+    window.basecoat.register("toast", ".toast:not([data-toast-initialized])", initToast);
+  }
+})();

package/dist/js/toast.min.js

@@ -0,0 +1,83 @@
+(() => {
+  let o;
+  const n = /* @__PURE__ */ new WeakMap();
+  let s = !1;
+  const g = {
+    success: '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/></svg>',
+    error: '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>',
+    info: '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>',
+    warning: '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>'
+  };
+  function w(t) {
+    t.dataset.toasterInitialized || (o = t, o.addEventListener("mouseenter", p), o.addEventListener("mouseleave", v), o.addEventListener("click", (e) => {
+      const i = e.target.closest(".toast footer a"), a = e.target.closest(".toast footer button");
+      (i || a) && c(e.target.closest(".toast"));
+    }), o.querySelectorAll(".toast:not([data-toast-initialized])").forEach(l), o.dataset.toasterInitialized = "true", o.dispatchEvent(new CustomEvent("basecoat:initialized")));
+  }
+  function l(t) {
+    if (t.dataset.toastInitialized) return;
+    const e = parseInt(t.dataset.duration), i = e !== -1 ? e || (t.dataset.category === "error" ? 5e3 : 3e3) : -1, a = {
+      remainingTime: i,
+      timeoutId: null,
+      startTime: null
+    };
+    i !== -1 && (s ? a.timeoutId = null : (a.startTime = Date.now(), a.timeoutId = setTimeout(() => c(t), i))), n.set(t, a), t.dataset.toastInitialized = "true";
+  }
+  function p() {
+    s || (s = !0, o.querySelectorAll('.toast:not([aria-hidden="true"])').forEach((t) => {
+      if (!n.has(t)) return;
+      const e = n.get(t);
+      e.timeoutId && (clearTimeout(e.timeoutId), e.timeoutId = null, e.remainingTime -= Date.now() - e.startTime);
+    }));
+  }
+  function v() {
+    s && (s = !1, o.querySelectorAll('.toast:not([aria-hidden="true"])').forEach((t) => {
+      if (!n.has(t)) return;
+      const e = n.get(t);
+      e.remainingTime !== -1 && !e.timeoutId && (e.remainingTime > 0 ? (e.startTime = Date.now(), e.timeoutId = setTimeout(() => c(t), e.remainingTime)) : c(t));
+    }));
+  }
+  function c(t) {
+    if (!n.has(t)) return;
+    const e = n.get(t);
+    clearTimeout(e.timeoutId), n.delete(t), t.contains(document.activeElement) && document.activeElement.blur(), t.setAttribute("aria-hidden", "true"), t.addEventListener("transitionend", () => t.remove(), { once: !0 });
+  }
+  function k(t) {
+    const {
+      category: e = "info",
+      title: i,
+      description: a,
+      action: r,
+      cancel: d,
+      duration: u,
+      icon: b
+    } = t, T = b || e && g[e] || "", $ = i ? `<h2>${i}</h2>` : "", I = a ? `<p>${a}</p>` : "", h = r?.href ? `<a href="${r.href}" class="btn" data-toast-action>${r.label}</a>` : r?.onclick ? `<button type="button" class="btn" data-toast-action onclick="${r.onclick}">${r.label}</button>` : "", m = d ? `<button type="button" class="btn-outline h-6 text-xs px-2.5 rounded-sm" data-toast-cancel onclick="${d?.onclick}">${d.label}</button>` : "", x = h || m ? `<footer>${h}${m}</footer>` : "", E = `
+      <div
+        class="toast"
+        role="${e === "error" ? "alert" : "status"}"
+        aria-atomic="true"
+        ${e ? `data-category="${e}"` : ""}
+        ${u !== void 0 ? `data-duration="${u}"` : ""}
+      >
+        <div class="toast-content">
+          ${T}
+          <section>
+            ${$}
+            ${I}
+          </section>
+          ${x}
+          </div>
+        </div>
+      </div>
+    `, f = document.createElement("template");
+    return f.innerHTML = E.trim(), f.content.firstChild;
+  }
+  document.addEventListener("basecoat:toast", (t) => {
+    if (!o) {
+      console.error("Cannot create toast: toaster container not found on page.");
+      return;
+    }
+    const e = t.detail?.config || {}, i = k(e);
+    o.appendChild(i);
+  }), window.basecoat && (window.basecoat.register("toaster", "#toaster:not([data-toaster-initialized])", w), window.basecoat.register("toast", ".toast:not([data-toast-initialized])", l));
+})();

package/dist/js/toggle.js

@@ -0,0 +1,36 @@
+(() => {
+  const initToggle = (toggle) => {
+    toggle.addEventListener("click", (e) => {
+      if (toggle.disabled || toggle.getAttribute("aria-disabled") === "true") return;
+      const isPressed = toggle.getAttribute("aria-pressed") === "true";
+      toggle.setAttribute("aria-pressed", !isPressed);
+    });
+    toggle.dataset.toggleInitialized = true;
+  };
+  const initToggleGroup = (group) => {
+    const type = group.dataset.type || "single";
+    group.addEventListener("click", (event) => {
+      const toggle = event.target.closest(".toggle");
+      if (!toggle || !group.contains(toggle)) return;
+      if (toggle.disabled || toggle.getAttribute("aria-disabled") === "true") return;
+      const isPressed = toggle.getAttribute("aria-pressed") === "true";
+      if (type === "single") {
+        if (!isPressed) {
+          group.querySelectorAll(".toggle").forEach((t) => {
+            if (t !== toggle) t.setAttribute("aria-pressed", "false");
+          });
+          toggle.setAttribute("aria-pressed", "true");
+        } else {
+          toggle.setAttribute("aria-pressed", "false");
+        }
+      } else {
+        toggle.setAttribute("aria-pressed", !isPressed);
+      }
+    });
+    group.dataset.toggleGroupInitialized = true;
+  };
+  if (window.basecoat) {
+    window.basecoat.register("toggle", ".toggle:not(.toggle-group .toggle):not([data-toggle-initialized])", initToggle);
+    window.basecoat.register("toggle-group", ".toggle-group:not([data-toggle-group-initialized])", initToggleGroup);
+  }
+})();