@icen.ai/ui 0.3.0 → 0.5.0

package/dist/behaviors/select.mjs

@@ -10,21 +10,38 @@ function setup(container) {
   if (!triggerEl || !panelEl) return;
   const trigger = triggerEl;
   const panel = panelEl;
-  const options = () => Array.from(panel.querySelectorAll(".select-option"));
-  const isOpen = () => !panel.hidden;
+  const isMultiple = container.hasAttribute("data-select-multiple");
+  const isSearchable = container.hasAttribute("data-select-search");
+  const maxSelect = Number(container.getAttribute("data-select-max")) || 0;
+  const placeholder = container.getAttribute("data-select-placeholder") ?? (valueEl?.classList.contains("is-empty") ? valueEl?.textContent ?? "" : "");
+  let searchInput = null;
   let focusIdx = -1;
+  if (isSearchable && !panel.querySelector(".select-search-input")) {
+    const searchWrap = document.createElement("div");
+    searchWrap.className = "select-search";
+    const input = document.createElement("input");
+    input.className = "select-search-input";
+    input.type = "search";
+    input.placeholder = "\u641C\u7D22\u2026";
+    searchWrap.appendChild(input);
+    panel.insertBefore(searchWrap, panel.firstChild);
+  }
+  searchInput = panel.querySelector(".select-search-input");
+  const allOptions = () => Array.from(panel.querySelectorAll(".select-option"));
+  const visibleOptions = () => allOptions().filter((o) => !o.hidden);
+  const isOpen = () => !panel.hidden;
   function setFocus(idx) {
-    const opts = options();
+    const opts = visibleOptions();
     focusIdx = Math.max(-1, Math.min(idx, opts.length - 1));
     opts.forEach((o, i) => o.classList.toggle("is-focused", i === focusIdx));
     const cur = focusIdx >= 0 ? opts[focusIdx] : void 0;
     cur?.scrollIntoView({ block: "nearest" });
   }
   function firstEnabled() {
-    return options().findIndex((o) => !o.classList.contains("is-disabled"));
+    return visibleOptions().findIndex((o) => !o.classList.contains("is-disabled"));
   }
   function moveFocus(delta) {
-    const opts = options();
+    const opts = visibleOptions();
     if (opts.length === 0) return;
     let n = focusIdx;
     for (let guard = 0; guard < opts.length; guard++) {
@@ -34,13 +51,57 @@ function setup(container) {
     }
     setFocus(n);
   }
+  let emptyEl = panel.querySelector(".select-empty");
+  if (!emptyEl) {
+    emptyEl = document.createElement("div");
+    emptyEl.className = "select-empty";
+    emptyEl.textContent = "\u65E0\u5339\u914D\u9879";
+    emptyEl.hidden = true;
+    panel.appendChild(emptyEl);
+  }
+  function updateEmptyState() {
+    const hasVisible = visibleOptions().length > 0;
+    if (emptyEl) emptyEl.hidden = hasVisible;
+  }
+  function filterOptions(query) {
+    const q = query.trim().toLowerCase();
+    const groups = Array.from(panel.querySelectorAll(".select-group"));
+    for (const opt of allOptions()) {
+      const text = (opt.textContent ?? "").toLowerCase();
+      const kw = (opt.getAttribute("data-keywords") ?? "").toLowerCase();
+      opt.hidden = q !== "" && !text.includes(q) && !kw.includes(q);
+    }
+    for (const g of groups) {
+      const hasVisible = Array.from(g.querySelectorAll(".select-option")).some((o) => !o.hidden);
+      g.hidden = !hasVisible;
+    }
+    updateEmptyState();
+    setFocus(firstEnabled());
+  }
+  if (searchInput) {
+    searchInput.addEventListener("input", () => filterOptions(searchInput.value));
+    searchInput.addEventListener("keydown", (ev) => {
+      if (ev.key === "Escape") {
+        ev.stopPropagation();
+        searchInput.value = "";
+        filterOptions("");
+        searchInput.focus();
+      }
+    });
+  }
   function openPanel() {
     if (isOpen()) return;
     panel.hidden = false;
     container.classList.add("is-open");
     trigger.setAttribute("aria-expanded", "true");
-    const sel = options().findIndex((o) => o.classList.contains("is-selected"));
-    setFocus(sel >= 0 ? sel : firstEnabled());
+    if (searchInput) {
+      searchInput.value = "";
+      filterOptions("");
+      setTimeout(() => searchInput?.focus(), 0);
+    } else {
+      const sel = allOptions().findIndex((o) => o.classList.contains("is-selected"));
+      setFocus(sel >= 0 ? sel : firstEnabled());
+    }
   }
   function closePanel() {
     if (!isOpen()) return;
@@ -49,21 +110,74 @@ function setup(container) {
     trigger.setAttribute("aria-expanded", "false");
     setFocus(-1);
   }
-  function choose(opt) {
-    if (opt.classList.contains("is-disabled")) return;
-    options().forEach((o) => o.classList.toggle("is-selected", o === opt));
-    if (valueEl) {
-      valueEl.textContent = opt.textContent ?? "";
+  function getSelectedValues() {
+    return allOptions().filter((o) => o.classList.contains("is-selected")).map((o) => o.getAttribute("data-value") ?? "");
+  }
+  function updateMultiTrigger() {
+    if (!valueEl) return;
+    const selected = allOptions().filter((o) => o.classList.contains("is-selected"));
+    if (selected.length === 0) {
+      valueEl.textContent = placeholder;
+      valueEl.classList.add("is-empty");
+      container.removeAttribute("data-value");
+    } else {
       valueEl.classList.remove("is-empty");
+      const maxLabel = Number(container.getAttribute("data-select-max-label")) || 2;
+      if (selected.length <= maxLabel) {
+        valueEl.textContent = selected.map((o) => o.textContent ?? "").join("\u3001");
+      } else {
+        valueEl.textContent = `\u5DF2\u9009 ${selected.length} \u9879`;
+      }
     }
-    const v = opt.getAttribute("data-value") ?? "";
-    container.setAttribute("data-value", v);
-    if (hiddenInput) {
-      hiddenInput.value = v;
-      hiddenInput.dispatchEvent(new Event("change", { bubbles: true }));
+    if (maxSelect > 0) {
+      const atMax = selected.length >= maxSelect;
+      allOptions().forEach((o) => {
+        if (!o.classList.contains("is-selected")) {
+          o.classList.toggle("is-disabled", atMax);
+        }
+      });
     }
-    closePanel();
-    trigger.focus();
+  }
+  function syncHiddenInput() {
+    if (!hiddenInput) return;
+    const values = getSelectedValues();
+    hiddenInput.value = isMultiple ? values.join(",") : values[0] ?? "";
+    hiddenInput.dispatchEvent(new Event("change", { bubbles: true }));
+  }
+  function choose(opt) {
+    if (opt.classList.contains("is-disabled")) return;
+    if (isMultiple) {
+      opt.classList.toggle("is-selected");
+      container.setAttribute(
+        "data-value",
+        getSelectedValues().join(",")
+      );
+      updateMultiTrigger();
+      syncHiddenInput();
+      if (searchInput) searchInput.focus();
+      else opt.focus();
+    } else {
+      allOptions().forEach((o) => o.classList.toggle("is-selected", o === opt));
+      if (valueEl) {
+        valueEl.textContent = opt.textContent ?? "";
+        valueEl.classList.remove("is-empty");
+      }
+      const v = opt.getAttribute("data-value") ?? "";
+      container.setAttribute("data-value", v);
+      syncHiddenInput();
+      closePanel();
+      trigger.focus();
+    }
+  }
+  const clearBtn = container.querySelector(".select-clear");
+  if (clearBtn && isMultiple) {
+    clearBtn.addEventListener("click", (ev) => {
+      ev.stopPropagation();
+      allOptions().forEach((o) => o.classList.remove("is-selected"));
+      updateMultiTrigger();
+      syncHiddenInput();
+    });
+    clearBtn.addEventListener("pointerdown", (ev) => ev.stopPropagation());
   }
   trigger.addEventListener("click", () => isOpen() ? closePanel() : openPanel());
   trigger.addEventListener("keydown", (ev) => {
@@ -74,6 +188,20 @@ function setup(container) {
       }
       return;
     }
+    if (searchInput && document.activeElement === searchInput) {
+      if (ev.key === "ArrowDown") {
+        ev.preventDefault();
+        moveFocus(1);
+      } else if (ev.key === "ArrowUp") {
+        ev.preventDefault();
+        moveFocus(-1);
+      } else if (ev.key === "Enter") {
+        ev.preventDefault();
+        const opt = visibleOptions()[focusIdx];
+        if (opt) choose(opt);
+      }
+      return;
+    }
     switch (ev.key) {
       case "ArrowDown":
         ev.preventDefault();
@@ -86,7 +214,7 @@ function setup(container) {
       case "Enter":
       case " ": {
         ev.preventDefault();
-        const opt = options()[focusIdx];
+        const opt = visibleOptions()[focusIdx];
         if (opt) choose(opt);
         break;
       }
@@ -106,8 +234,8 @@ function setup(container) {
     const t = ev.target;
     if (!(t instanceof Element)) return;
     const opt = t.closest(".select-option");
-    if (!opt) return;
-    const idx = options().indexOf(opt);
+    if (!opt || opt.hidden) return;
+    const idx = visibleOptions().indexOf(opt);
     if (idx >= 0 && !opt.classList.contains("is-disabled")) setFocus(idx);
   });
   document.addEventListener("pointerdown", (ev) => {
@@ -119,6 +247,7 @@ function setup(container) {
       trigger.focus();
     }
   });
+  if (isMultiple) updateMultiTrigger();
 }
 function initSelect(root = document) {
   if (typeof document === "undefined") return;

package/dist/behaviors/split-pane.mjs

@@ -0,0 +1,102 @@
+// src/behaviors/split-pane.ts
+var initialized = /* @__PURE__ */ new WeakSet();
+function pct(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+function setup(container) {
+  const el = container;
+  if (el.__icenSplitPaneInit) return;
+  el.__icenSplitPaneInit = true;
+  const dividerQuery = el.querySelector(".split-pane-divider");
+  if (!dividerQuery) return;
+  const divider = dividerQuery;
+  const min = Number(el.dataset.splitMin ?? "10") || 10;
+  const max = Number(el.dataset.splitMax ?? "90") || 90;
+  const step = Number(el.dataset.splitStep ?? "2") || 2;
+  const vertical = el.classList.contains("split-pane--vertical");
+  const orientation = vertical ? "vertical" : "horizontal";
+  divider.setAttribute("role", "separator");
+  divider.setAttribute("aria-orientation", orientation === "vertical" ? "horizontal" : "vertical");
+  divider.setAttribute("aria-valuemin", String(min));
+  divider.setAttribute("aria-valuemax", String(max));
+  divider.tabIndex = 0;
+  function readCurrent() {
+    const v = parseFloat(getComputedStyle(el).getPropertyValue("--split"));
+    return Number.isFinite(v) ? v : 50;
+  }
+  function write(p) {
+    const v = pct(p, min, max);
+    el.style.setProperty("--split", v + "%");
+    divider.setAttribute("aria-valuenow", String(Math.round(v)));
+  }
+  if (!el.style.getPropertyValue("--split")) write(50);
+  divider.setAttribute("aria-valuenow", String(Math.round(readCurrent())));
+  let dragging = false;
+  divider.addEventListener("pointerdown", (ev) => {
+    dragging = true;
+    divider.classList.add("is-dragging");
+    divider.setPointerCapture(ev.pointerId);
+    el.style.userSelect = "none";
+  });
+  const onUp = (ev) => {
+    if (!dragging) return;
+    dragging = false;
+    divider.classList.remove("is-dragging");
+    try {
+      divider.releasePointerCapture(ev.pointerId);
+    } catch {
+    }
+    el.style.userSelect = "";
+  };
+  divider.addEventListener("pointerup", onUp);
+  divider.addEventListener("pointercancel", () => {
+    dragging = false;
+    divider.classList.remove("is-dragging");
+    el.style.userSelect = "";
+  });
+  divider.addEventListener("pointermove", (ev) => {
+    if (!dragging) return;
+    const rect = el.getBoundingClientRect();
+    if (vertical) {
+      if (rect.height <= 0) return;
+      const p = (ev.clientY - rect.top) / rect.height * 100;
+      write(p);
+    } else {
+      if (rect.width <= 0) return;
+      const p = (ev.clientX - rect.left) / rect.width * 100;
+      write(p);
+    }
+  });
+  divider.addEventListener("dblclick", () => write(50));
+  divider.addEventListener("keydown", (ev) => {
+    const current = readCurrent();
+    let next = null;
+    if (vertical) {
+      if (ev.key === "ArrowUp") next = current - step;
+      else if (ev.key === "ArrowDown") next = current + step;
+    } else {
+      if (ev.key === "ArrowLeft") next = current - step;
+      else if (ev.key === "ArrowRight") next = current + step;
+    }
+    if (ev.key === "Home") next = min;
+    else if (ev.key === "End") next = max;
+    if (next === null) return;
+    ev.preventDefault();
+    write(next);
+  });
+}
+function initSplitPane(root = document) {
+  if (typeof document === "undefined") return;
+  const panes = [];
+  if (root instanceof Element && root.matches(".split-pane[data-split-pane]")) panes.push(root);
+  panes.push(...Array.from(root.querySelectorAll(".split-pane[data-split-pane]")));
+  for (const p of panes) {
+    const el = p;
+    if (initialized.has(el)) continue;
+    initialized.add(el);
+    setup(el);
+  }
+}
+export {
+  initSplitPane
+};

package/dist/behaviors/upload.mjs

@@ -1,13 +1,156 @@
 // src/behaviors/upload.ts
+function formatSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+  return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;
+}
+function isAccepted(file, accept) {
+  if (!accept.trim()) return true;
+  const types = accept.split(",").map((t) => t.trim().toLowerCase());
+  const fileName = file.name.toLowerCase();
+  const mime = file.type.toLowerCase();
+  return types.some((t) => {
+    if (t.startsWith(".")) return fileName.endsWith(t);
+    if (t.endsWith("/*")) return mime.startsWith(t.slice(0, -1));
+    return mime === t;
+  });
+}
+var fileIconSvg = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>';
+var xIconSvg = '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6 6 18M6 6l12 12"/></svg>';
 function setup(zone) {
   const el = zone;
   if (el.__icenUploadInit) return;
   el.__icenUploadInit = true;
   const input = zone.querySelector('input[type="file"]');
   if (!input) return;
+  const hasList = zone.hasAttribute("data-upload-list");
+  const maxSize = Number(zone.getAttribute("data-max-size")) || 0;
+  const maxFiles = Number(zone.getAttribute("data-max-files")) || 0;
+  const accept = input.getAttribute("accept") ?? "";
+  let currentFiles = [];
+  const urlMap = /* @__PURE__ */ new Map();
+  function getListEl() {
+    if (!hasList) return null;
+    let list = zone.querySelector(".upload-list");
+    if (!list) {
+      list = document.createElement("ul");
+      list.className = "upload-list";
+      zone.appendChild(list);
+    }
+    return list;
+  }
+  function renderList() {
+    const list = getListEl();
+    if (!list) return;
+    urlMap.forEach((url) => URL.revokeObjectURL(url));
+    urlMap.clear();
+    list.textContent = "";
+    if (currentFiles.length === 0) {
+      list.hidden = true;
+      return;
+    }
+    list.hidden = false;
+    for (const file of currentFiles) {
+      const li = document.createElement("li");
+      li.className = "upload-list-item";
+      const isImage = file.type.startsWith("image/");
+      if (isImage) {
+        try {
+          const url = URL.createObjectURL(file);
+          urlMap.set(file, url);
+          const img = document.createElement("img");
+          img.className = "upload-list-item-thumb";
+          img.src = url;
+          img.alt = file.name;
+          li.appendChild(img);
+        } catch {
+          const icon = document.createElement("span");
+          icon.className = "upload-list-item-icon";
+          icon.innerHTML = fileIconSvg;
+          li.appendChild(icon);
+        }
+      } else {
+        const icon = document.createElement("span");
+        icon.className = "upload-list-item-icon";
+        icon.innerHTML = fileIconSvg;
+        li.appendChild(icon);
+      }
+      const info = document.createElement("div");
+      info.className = "upload-list-item-info";
+      const name = document.createElement("span");
+      name.className = "upload-list-item-name";
+      name.textContent = file.name;
+      const size = document.createElement("span");
+      size.className = "upload-list-item-size";
+      size.textContent = formatSize(file.size);
+      info.appendChild(name);
+      info.appendChild(size);
+      li.appendChild(info);
+      const removeBtn = document.createElement("button");
+      removeBtn.className = "upload-list-item-x";
+      removeBtn.type = "button";
+      removeBtn.setAttribute("aria-label", `\u79FB\u9664 ${file.name}`);
+      removeBtn.innerHTML = xIconSvg;
+      removeBtn.addEventListener("click", (ev) => {
+        ev.stopPropagation();
+        currentFiles = currentFiles.filter((f) => f !== file);
+        zone.dispatchEvent(new CustomEvent("icen:upload-remove", { bubbles: true, detail: { file } }));
+        renderList();
+        syncInputFiles();
+      });
+      li.appendChild(removeBtn);
+      list.appendChild(li);
+    }
+  }
+  function syncInputFiles() {
+    try {
+      const dt = new DataTransfer();
+      for (const f of currentFiles) dt.items.add(f);
+      input.files = dt.files;
+      input.dispatchEvent(new Event("change", { bubbles: true }));
+    } catch {
+    }
+  }
+  function validate(file) {
+    if (accept && !isAccepted(file, accept)) return "\u6587\u4EF6\u7C7B\u578B\u4E0D\u652F\u6301";
+    if (maxSize > 0 && file.size > maxSize) return `\u6587\u4EF6\u8D85\u8FC7 ${formatSize(maxSize)}`;
+    return null;
+  }
+  function handleFiles(files) {
+    const valid = [];
+    for (const file of files) {
+      const reason = validate(file);
+      if (reason) {
+        zone.dispatchEvent(new CustomEvent("icen:upload-error", { bubbles: true, detail: { file, reason } }));
+        continue;
+      }
+      valid.push(file);
+    }
+    if (valid.length === 0) return;
+    if (hasList) {
+      if (maxFiles > 0) {
+        const remaining = maxFiles - currentFiles.length;
+        if (remaining <= 0) {
+          zone.dispatchEvent(new CustomEvent("icen:upload-error", {
+            bubbles: true,
+            detail: { reason: `\u6700\u591A ${maxFiles} \u4E2A\u6587\u4EF6` }
+          }));
+          return;
+        }
+        valid.splice(remaining);
+      }
+      currentFiles.push(...valid);
+      renderList();
+      syncInputFiles();
+    }
+    zone.dispatchEvent(new CustomEvent("icen:upload", { bubbles: true, detail: { files: valid } }));
+  }
   const openPicker = () => input.click();
   zone.addEventListener("click", (ev) => {
     if (ev.target === input) return;
+    const tgt = ev.target;
+    if (tgt instanceof Element && tgt.closest(".upload-list")) return;
     openPicker();
   });
   zone.addEventListener("keydown", (ev) => {
@@ -16,30 +159,38 @@ function setup(zone) {
       openPicker();
     }
   });
+  input.addEventListener("change", () => {
+    if (!input.files) return;
+    const files = Array.from(input.files);
+    if (hasList) {
+      handleFiles(files);
+      input.value = "";
+    } else {
+      handleFiles(files);
+    }
+  });
   zone.addEventListener("dragover", (ev) => {
     ev.preventDefault();
     zone.classList.add("is-drag");
   });
-  zone.addEventListener("dragleave", () => zone.classList.remove("is-drag"));
+  zone.addEventListener("dragleave", (ev) => {
+    if (ev.target === zone) zone.classList.remove("is-drag");
+  });
   zone.addEventListener("drop", (ev) => {
     ev.preventDefault();
     zone.classList.remove("is-drag");
     const files = ev.dataTransfer?.files;
     if (!files || files.length === 0) return;
-    let assigned = false;
-    try {
-      const dt = new DataTransfer();
-      for (const f of Array.from(files)) dt.items.add(f);
-      input.files = dt.files;
-      assigned = true;
-    } catch {
-      assigned = false;
-    }
-    if (assigned) {
-      input.dispatchEvent(new Event("change", { bubbles: true }));
+    handleFiles(Array.from(files));
+    if (!hasList) {
+      try {
+        const dt = new DataTransfer();
+        for (const f of Array.from(files)) dt.items.add(f);
+        input.files = dt.files;
+        input.dispatchEvent(new Event("change", { bubbles: true }));
+      } catch {
+      }
     }
-    const list = Array.from(files);
-    zone.dispatchEvent(new CustomEvent("icen:upload", { bubbles: true, detail: { files: list } }));
   });
 }
 function initUpload(root = document) {

package/dist/components/back-top.css

@@ -0,0 +1,88 @@
+/*
+ * @icen.ai/ui — Component: back-top（回到顶部按钮，与 behaviors/back-top 配套）
+ *
+ * 契约（两种用法）：
+ *   1. 手写 + init：behavior 给 .back-top[data-back-top] 加 .is-shown 类
+ *      <button class="back-top" data-back-top type="button" aria-label="回到顶部">…svg…</button>
+ *
+ *   2. 全自动：initBackTop() 后任何 [data-back-top-auto] 会被自动 portal 到 body
+ *      并接管滚到顶部逻辑，无需手写按钮
+ *      initBackTop({ autoCreate: true })   // 自动创建一个默认样式的按钮
+ *
+ * 默认滚动超过 320px 后出现；点击后 window.scrollTo({ top: 0, behavior: 'smooth' })。
+ */
+
+.back-top {
+  position: fixed;
+  right: var(--density-space-lg);
+  bottom: var(--density-space-lg);
+  z-index: var(--z-sticky);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  padding: 0;
+  background: var(--token-card-strong);
+  color: var(--token-text-muted);
+  border: 1px solid var(--token-outline-soft);
+  border-radius: var(--radius-full);
+  box-shadow: var(--token-shadow-overlay);
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+  opacity: 0;
+  transform: translateY(12px) scale(0.9);
+  pointer-events: none;
+  transition:
+    opacity var(--icen-tx-normal),
+    transform var(--icen-tx-normal),
+    color var(--icen-tx-fast),
+    border-color var(--icen-tx-fast);
+}
+.back-top.is-shown {
+  opacity: 1;
+  transform: translateY(0) scale(1);
+  pointer-events: auto;
+}
+.back-top:hover {
+  color: var(--token-accent);
+  border-color: var(--token-accent);
+}
+.back-top:focus-visible {
+  outline: none;
+  box-shadow: var(--token-shadow-overlay), var(--icen-ring);
+}
+.back-top svg {
+  width: 18px;
+  height: 18px;
+  flex-shrink: 0;
+}
+
+/* 尺寸变体 */
+.back-top--sm {
+  width: 32px;
+  height: 32px;
+}
+.back-top--sm svg { width: 14px; height: 14px; }
+.back-top--lg {
+  width: 48px;
+  height: 48px;
+}
+.back-top--lg svg { width: 22px; height: 22px; }
+
+/* 方向变体：箭头方向（默认上） */
+.back-top[data-dir='left'] svg { transform: rotate(90deg); }
+.back-top[data-dir='right'] svg { transform: rotate(-90deg); }
+.back-top[data-dir='down'] svg { transform: rotate(180deg); }
+
+@media (max-width: 480px) {
+  .back-top {
+    right: var(--density-space-sm);
+    bottom: var(--density-space-sm);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .back-top { transition: opacity var(--icen-tx-fast); transform: none !important; }
+  .back-top.is-shown { transform: none !important; }
+}

package/dist/components/back-top.mjs

@@ -0,0 +1,3 @@
+// @icen.ai/ui — kit: back-top（CSS + behavior 一行入口；构建产物，勿手改）
+import './back-top.css';
+export * from '../behaviors/back-top.mjs';