@icen.ai/ui 0.9.0 → 0.11.0

package/dist/behaviors/sidebar.d.mts

@@ -1,5 +1,5 @@
 /**
- * 为 root 下每个 .sidebar 初始化（root 自身是 .sidebar 也算）。
+ * 为 root 下每个 .icen-sidebar 初始化（root 自身是 .icen-sidebar 也算）。
  * 返回销毁函数：移除本次挂上的容器监听并复位幂等标记（销毁后可重新 init）。SSR 下返回 no-op。
  */
 declare function initSidebar(root?: ParentNode): () => void;

package/dist/behaviors/sidebar.mjs

@@ -10,33 +10,33 @@ function setup(sidebar) {
   const el = sidebar;
   if (el.__icenSidebarInit) return void 0;
   el.__icenSidebarInit = true;
-  sidebar.querySelectorAll(".sidebar-group-title").forEach((title) => {
-    const group = title.closest(".sidebar-group");
-    const panel = group?.querySelector(".sidebar-group-panel");
+  sidebar.querySelectorAll(".icen-sidebar-group-title").forEach((title) => {
+    const group = title.closest(".icen-sidebar-group");
+    const panel = group?.querySelector(".icen-sidebar-group-panel");
     if (panel && !title.hasAttribute("aria-controls")) {
       if (!panel.id) panel.id = `sb-panel-${Math.random().toString(36).slice(2, 9)}`;
       title.setAttribute("aria-controls", panel.id);
     }
   });
-  sidebar.querySelectorAll("[data-sidebar-collapse]").forEach((btn) => {
+  sidebar.querySelectorAll("[data-icen-sidebar-collapse]").forEach((btn) => {
     if (!btn.hasAttribute("aria-expanded")) {
-      btn.setAttribute("aria-expanded", String(!sidebar.classList.contains("sidebar--collapsed")));
+      btn.setAttribute("aria-expanded", String(!sidebar.classList.contains("icen-sidebar--collapsed")));
     }
   });
   const onClick = (ev) => {
     const target = ev.target;
     if (!(target instanceof Element)) return;
-    const collapseBtn = target.closest("[data-sidebar-collapse]");
-    if (collapseBtn && collapseBtn.closest(".sidebar") === el) {
-      const collapsed = el.classList.toggle("sidebar--collapsed");
+    const collapseBtn = target.closest("[data-icen-sidebar-collapse]");
+    if (collapseBtn && collapseBtn.closest(".icen-sidebar") === el) {
+      const collapsed = el.classList.toggle("icen-sidebar--collapsed");
       collapseBtn.setAttribute("aria-expanded", String(!collapsed));
       emitIcen(el, "icen:sidebar-collapse", { collapsed });
       return;
     }
-    const title = target.closest(".sidebar-group-title");
+    const title = target.closest(".icen-sidebar-group-title");
     if (!(title instanceof HTMLElement)) return;
-    if (title.closest(".sidebar") !== el) return;
-    const group = title.closest(".sidebar-group");
+    if (title.closest(".icen-sidebar") !== el) return;
+    const group = title.closest(".icen-sidebar-group");
     if (!group) return;
     const open = group.classList.toggle("is-open");
     title.setAttribute("aria-expanded", String(open));
@@ -53,8 +53,8 @@ function initSidebar(root) {
   if (typeof document !== "undefined") {
     const scope = root ?? document;
     const sidebars = [];
-    if (scope instanceof Element && scope.matches(".sidebar")) sidebars.push(scope);
-    sidebars.push(...Array.from(scope.querySelectorAll(".sidebar")));
+    if (scope instanceof Element && scope.matches(".icen-sidebar")) sidebars.push(scope);
+    sidebars.push(...Array.from(scope.querySelectorAll(".icen-sidebar")));
     for (const s of sidebars) {
       const cleanup = setup(s);
       if (cleanup) cleanups.push(cleanup);

package/dist/behaviors/slider.d.mts

@@ -1,5 +1,5 @@
 /**
- * 为 root 下每个 .slider 容器初始化（root 自身是 .slider 也算）。
+ * 为 root 下每个 .icen-slider 容器初始化（root 自身是 .icen-slider 也算）。
  * 返回销毁函数：移除本次挂上的全部监听并复位幂等标记（销毁后可重新 init）。SSR 下返回 no-op。
  */
 declare function initSlider(root?: ParentNode): () => void;

package/dist/behaviors/slider.mjs

@@ -18,12 +18,12 @@ function pct(input) {
   return (Number(input.value) - min) / range * 100;
 }
 function setupSingle(slider, native, bag) {
-  const fill = slider.querySelector(".slider-fill");
-  const thumb = slider.querySelector(".slider-thumb");
+  const fill = slider.querySelector(".icen-slider-fill");
+  const thumb = slider.querySelector(".icen-slider-thumb");
   const sync = () => {
     const p = pct(native);
     if (fill) fill.style.width = `${p}%`;
-    if (thumb) thumb.style.left = `calc(${p}% - 8px)`;
+    if (thumb) thumb.style.left = `${p}%`;
   };
   bind(native, "input", () => {
     sync();
@@ -35,10 +35,10 @@ function setupSingle(slider, native, bag) {
   sync();
 }
 function setupDual(slider, natives, bag) {
-  const lo = natives.find((n) => n.getAttribute("data-thumb") === "lo") ?? natives[0];
-  const hi = natives.find((n) => n.getAttribute("data-thumb") === "hi") ?? natives[1];
+  const lo = natives.find((n) => n.getAttribute("data-icen-thumb") === "lo") ?? natives[0];
+  const hi = natives.find((n) => n.getAttribute("data-icen-thumb") === "hi") ?? natives[1];
   if (!lo || !hi || lo === hi) return;
-  const range = slider.querySelector(".slider-range");
+  const range = slider.querySelector(".icen-slider-range");
   const thumbLo = slider.querySelector(".slider-thumb--lo");
   const thumbHi = slider.querySelector(".slider-thumb--hi");
   const sync = (changed) => {
@@ -59,8 +59,8 @@ function setupDual(slider, natives, bag) {
       range.style.left = `${pLo}%`;
       range.style.right = `${100 - pHi}%`;
     }
-    if (thumbLo) thumbLo.style.left = `calc(${pLo}% - 8px)`;
-    if (thumbHi) thumbHi.style.left = `calc(${pHi}% - 8px)`;
+    if (thumbLo) thumbLo.style.left = `${pLo}%`;
+    if (thumbHi) thumbHi.style.left = `${pHi}%`;
     lo.style.clipPath = `inset(0 ${100 - pLo}% 0 0)`;
     hi.style.clipPath = `inset(0 0 0 ${pHi}%)`;
   };
@@ -82,11 +82,11 @@ function setupDual(slider, natives, bag) {
 function setup(slider) {
   const el = slider;
   if (el.__icenSliderInit) return void 0;
-  const natives = Array.from(slider.querySelectorAll(".slider-native"));
+  const natives = Array.from(slider.querySelectorAll(".icen-slider-native"));
   if (natives.length === 0) return void 0;
   el.__icenSliderInit = true;
   const bag = [];
-  if (slider.classList.contains("slider--dual")) setupDual(slider, natives, bag);
+  if (slider.classList.contains("icen-slider--dual")) setupDual(slider, natives, bag);
   else setupSingle(slider, natives[0], bag);
   return () => {
     for (const off of bag) off();
@@ -99,8 +99,8 @@ function initSlider(root) {
   if (typeof document !== "undefined") {
     const scope = root ?? document;
     const containers = [];
-    if (scope instanceof Element && scope.matches(".slider")) containers.push(scope);
-    containers.push(...Array.from(scope.querySelectorAll(".slider")));
+    if (scope instanceof Element && scope.matches(".icen-slider")) containers.push(scope);
+    containers.push(...Array.from(scope.querySelectorAll(".icen-slider")));
     for (const c of containers) {
       const cleanup = setup(c);
       if (cleanup) cleanups.push(cleanup);

package/dist/behaviors/split-pane.d.mts

@@ -1,5 +1,5 @@
 /**
- * 为 root 下每个 .split-pane[data-split-pane] 初始化（root 自身匹配也算）。
+ * 为 root 下每个 .icen-split-pane[data-icen-split-pane] 初始化（root 自身匹配也算）。
  * 返回销毁函数：移除本次初始化挂上的全部监听并复位幂等标记（销毁后可重新 init）。
  * SSR 下返回 no-op。
  */

package/dist/behaviors/split-pane.mjs

@@ -17,13 +17,13 @@ function pct(value, min, max) {
 function setup(container) {
   const el = container;
   if (el.__icenSplitPaneInit) return void 0;
-  const divider = el.querySelector(".split-pane-divider");
+  const divider = el.querySelector(".icen-split-pane-divider");
   if (!divider) return void 0;
   el.__icenSplitPaneInit = true;
-  const min = numOr(el.dataset.splitMin, 10);
-  const max = numOr(el.dataset.splitMax, 90);
-  const step = numOr(el.dataset.splitStep, 2);
-  const vertical = el.classList.contains("split-pane--vertical");
+  const min = numOr(el.dataset.icenSplitMin, 10);
+  const max = numOr(el.dataset.icenSplitMax, 90);
+  const step = numOr(el.dataset.icenSplitStep, 2);
+  const vertical = el.classList.contains("icen-split-pane--vertical");
   const orientation = vertical ? "vertical" : "horizontal";
   divider.setAttribute("role", "separator");
   divider.setAttribute("aria-orientation", orientation === "vertical" ? "horizontal" : "vertical");
@@ -48,6 +48,8 @@ function setup(container) {
   divider.setAttribute("aria-valuenow", String(Math.round(readCurrent())));
   let dragging = false;
   const onDown = (ev) => {
+    if (ev.pointerType === "mouse" && ev.button !== 0) return;
+    if (!ev.isPrimary) return;
     dragging = true;
     divider.classList.add("is-dragging");
     divider.setPointerCapture(ev.pointerId);
@@ -126,8 +128,8 @@ function initSplitPane(root) {
   if (typeof document !== "undefined") {
     const scope = root ?? document;
     const panes = [];
-    if (scope instanceof Element && scope.matches(".split-pane[data-split-pane]")) panes.push(scope);
-    panes.push(...Array.from(scope.querySelectorAll(".split-pane[data-split-pane]")));
+    if (scope instanceof Element && scope.matches(".icen-split-pane[data-icen-split-pane]")) panes.push(scope);
+    panes.push(...Array.from(scope.querySelectorAll(".icen-split-pane[data-icen-split-pane]")));
     for (const p of panes) {
       const cleanup = setup(p);
       if (cleanup) cleanups.push(cleanup);

package/dist/behaviors/suggestions.d.mts

@@ -0,0 +1,27 @@
+interface SuggestionSourceContext {
+    signal: AbortSignal;
+}
+declare function afterSuggestionField(input: HTMLElement, panel: HTMLElement): HTMLElement;
+declare function canQuery(input: HTMLInputElement | HTMLTextAreaElement): boolean;
+/** Follow inherited disabled/hidden state as well as local sizing and direction. */
+declare function watchSuggestionField(input: HTMLElement, changed: () => void): () => void;
+declare function createSuggestionQuery<T>(source: (query: string, context: SuggestionSourceContext) => T | Promise<T>, hooks: {
+    pending(): void;
+    success(value: T): void;
+    error(error: unknown): void;
+}): {
+    cancel: () => void;
+    run(query: string, delay?: number): void;
+    destroy(): void;
+};
+/** Status and retry live beside the listbox, never among its option children. */
+declare function createSuggestionStatus(retry: () => void, labels?: {
+    loading?: string;
+    error?: string;
+    retry?: string;
+}): {
+    el: HTMLElement;
+    show(_state: "loading" | "error" | null): void;
+};
+
+export { type SuggestionSourceContext, afterSuggestionField, canQuery, createSuggestionQuery, createSuggestionStatus, watchSuggestionField };