@class-kit/core 0.1.1 → 0.1.2

package/dist/index.js

@@ -346,13 +346,44 @@ class FormController {
     }
 }
 
+function normalizeRows(value, fallback) {
+    if (typeof value !== "number" || !Number.isFinite(value))
+        return fallback;
+    return Math.max(1, Math.floor(value));
+}
+class ChatTextareaController {
+    constructor(options = {}) {
+        this.state = this.normalize(options);
+    }
+    getState() {
+        return { ...this.state };
+    }
+    setValue(value) {
+        this.state = this.normalize({ ...this.state, value });
+        return this.getState();
+    }
+    update(options = {}) {
+        this.state = this.normalize({ ...this.state, ...options });
+        return this.getState();
+    }
+    normalize(options) {
+        const minRows = normalizeRows(options.minRows, 1);
+        const maxRows = Math.max(minRows, normalizeRows(options.maxRows, 3));
+        return {
+            maxRows,
+            minRows,
+            value: String(options.value ?? ""),
+        };
+    }
+}
+
 const builtInThemeNames = [
     "minimal",
-    "violet",
-    "emerald",
-    "sky",
-    "rose",
-    "amber",
+    "business-blue",
+    "dark-tech",
+    "soft-pink",
+    "creative-purple",
+    "cartoon-3d",
     "liquid-glass",
 ];
 const defaultLocale = {
@@ -747,11 +778,11 @@ function hsvToRgb(hue, saturation, brightness) {
     };
 }
 class ColorPickerController {
-    constructor(value = "#7c3aed") {
+    constructor(value = "#1d2129") {
         this.state = this.parse(value);
     }
     parse(value) {
-        const parsed = parseRgb(value) ?? parseHex(value) ?? parseHex("#7c3aed");
+        const parsed = parseRgb(value) ?? parseHex(value) ?? parseHex("#1d2129");
         const hsv = rgbToHsv(parsed.red, parsed.green, parsed.blue);
         const rgba = formatRgba(parsed.red, parsed.green, parsed.blue, parsed.alpha);
         return { ...parsed, ...hsv, contrastColor: getContrastColor(parsed.red, parsed.green, parsed.blue, parsed.alpha), rgba, value: rgba };
@@ -1072,7 +1103,7 @@ const DEFAULT_TOLERANCE = 6;
 function finiteNumber(value, fallback) {
     return Number.isFinite(value) ? Number(value) : fallback;
 }
-function clamp$c(value, min, max) {
+function clamp$d(value, min, max) {
     return Math.min(max, Math.max(min, value));
 }
 class SlideCaptchaController {
@@ -1125,10 +1156,10 @@ class SlideCaptchaController {
             this.offsetY = this.value && this.moveAxis === "xy" ? this.targetY - this.originY : 0;
         }
         else {
-            this.offsetX = clamp$c(this.offsetX, 0, this.getMaxOffset());
+            this.offsetX = clamp$d(this.offsetX, 0, this.getMaxOffset());
             this.offsetY =
                 this.moveAxis === "xy"
-                    ? clamp$c(this.offsetY, this.getMinOffsetY(), this.getMaxOffsetY())
+                    ? clamp$d(this.offsetY, this.getMinOffsetY(), this.getMaxOffsetY())
                     : 0;
         }
         return this.getState();
@@ -1142,10 +1173,10 @@ class SlideCaptchaController {
     move(offsetX, offsetY = 0) {
         if (this.value)
             return this.getState();
-        this.offsetX = clamp$c(finiteNumber(offsetX, 0), 0, this.getMaxOffset());
+        this.offsetX = clamp$d(finiteNumber(offsetX, 0), 0, this.getMaxOffset());
         this.offsetY =
             this.moveAxis === "xy"
-                ? clamp$c(finiteNumber(offsetY, 0), this.getMinOffsetY(), this.getMaxOffsetY())
+                ? clamp$d(finiteNumber(offsetY, 0), this.getMinOffsetY(), this.getMaxOffsetY())
                 : 0;
         this.status = "dragging";
         return this.getState();
@@ -1203,13 +1234,13 @@ class SlideCaptchaController {
         return Math.max(this.getMinOffsetY(), this.height - this.pieceHeight - this.originY);
     }
     normalizeOriginY(value) {
-        return clamp$c(finiteNumber(value, 0), 0, Math.max(0, this.height - this.pieceHeight));
+        return clamp$d(finiteNumber(value, 0), 0, Math.max(0, this.height - this.pieceHeight));
     }
     normalizeTargetX(value) {
-        return clamp$c(finiteNumber(value, this.width * 0.62), 0, this.getMaxOffset());
+        return clamp$d(finiteNumber(value, this.width * 0.62), 0, this.getMaxOffset());
     }
     normalizeTargetY(value) {
-        return clamp$c(finiteNumber(value, this.originY), 0, Math.max(0, this.height - this.pieceHeight));
+        return clamp$d(finiteNumber(value, this.originY), 0, Math.max(0, this.height - this.pieceHeight));
     }
 }
 
@@ -1314,7 +1345,7 @@ class ModalController {
     }
 }
 
-function clamp$b(value, min, max) {
+function clamp$c(value, min, max) {
     return Math.min(max, Math.max(min, value));
 }
 class FloatingBallController {
@@ -1389,8 +1420,8 @@ class FloatingBallController {
     }
     clampToViewport(position, viewport, size) {
         return {
-            x: clamp$b(position.x, this.gap, Math.max(this.gap, viewport.width - size.width - this.gap)),
-            y: clamp$b(position.y, this.gap, Math.max(this.gap, viewport.height - size.height - this.gap))
+            x: clamp$c(position.x, this.gap, Math.max(this.gap, viewport.width - size.width - this.gap)),
+            y: clamp$c(position.y, this.gap, Math.max(this.gap, viewport.height - size.height - this.gap))
         };
     }
 }
@@ -1527,10 +1558,11 @@ function createId() {
     return `toast-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
 class ToastManager {
-    constructor() {
+    constructor(options = {}) {
         this.emitter = new StateEmitter();
         this.timers = new Map();
         this.items = [];
+        this.maxVisible = normalizeMaxVisible(options.maxVisible);
     }
     getToasts() {
         return [...this.items];
@@ -1544,7 +1576,7 @@ class ToastManager {
             duration: options.duration ?? 3000,
             position: options.position ?? "top-right",
         };
-        this.items = [toast, ...this.items.filter((item) => item.id !== toast.id)];
+        this.items = this.limitByPosition([...this.items.filter((item) => item.id !== toast.id), toast], toast.position, normalizeMaxVisible(options.maxVisible ?? this.maxVisible));
         this.scheduleDismiss(toast);
         this.notify();
         return toast.id;
@@ -1578,6 +1610,26 @@ class ToastManager {
     notify() {
         this.emitter.emit(this.getToasts());
     }
+    limitByPosition(items, position, maxVisible) {
+        const positionItems = items.filter((item) => item.position === position);
+        if (positionItems.length <= maxVisible)
+            return items;
+        const overflowIds = new Set(positionItems
+            .slice(0, Math.max(0, positionItems.length - maxVisible))
+            .map((item) => item.id));
+        overflowIds.forEach((id) => {
+            const timer = this.timers.get(id);
+            if (timer)
+                clearTimeout(timer);
+            this.timers.delete(id);
+        });
+        return items.filter((item) => !overflowIds.has(item.id));
+    }
+}
+function normalizeMaxVisible(maxVisible) {
+    if (typeof maxVisible !== "number" || !Number.isFinite(maxVisible))
+        return 3;
+    return Math.max(1, Math.min(6, Math.floor(maxVisible)));
 }
 
 function getSafeTooltipPlacement(triggerRect, tooltipRect, preferred, viewportWidth = window.innerWidth, viewportHeight = window.innerHeight, margin = 8) {
@@ -1701,6 +1753,124 @@ class PaginationController {
     }
 }
 
+function normalizeItems$2(items = [], level = 0) {
+    return items
+        .filter((item) => item &&
+        String(item.key || "").trim() &&
+        String(item.label || "").trim())
+        .map((item) => ({
+        children: normalizeItems$2(item.children ?? [], level + 1),
+        disabled: Boolean(item.disabled),
+        expanded: false,
+        icon: item.icon,
+        isActive: false,
+        key: String(item.key),
+        label: String(item.label),
+        level,
+    }));
+}
+function collectParentKeys(items, activeKey, parents = []) {
+    for (const item of items) {
+        if (item.key === activeKey)
+            return parents;
+        const matched = collectParentKeys(item.children, activeKey, [
+            ...parents,
+            item.key,
+        ]);
+        if (matched.length > 0)
+            return matched;
+    }
+    return [];
+}
+function markItems(items, activeKey, expandedKeys) {
+    return items.map((item) => ({
+        ...item,
+        children: markItems(item.children, activeKey, expandedKeys),
+        expanded: expandedKeys.has(item.key),
+        isActive: item.key === activeKey,
+    }));
+}
+function hasItem(items, key) {
+    if (!key)
+        return false;
+    for (const item of items) {
+        if (item.key === key)
+            return true;
+        if (hasItem(item.children, key))
+            return true;
+    }
+    return false;
+}
+class MenuController {
+    constructor(options = {}) {
+        this.items = normalizeItems$2(options.items);
+        this.activeKey = hasItem(this.items, options.activeKey)
+            ? options.activeKey
+            : undefined;
+        this.collapsed = Boolean(options.collapsed);
+        this.expandedKeys = new Set(options.defaultExpandedKeys?.map(String) ?? []);
+        collectParentKeys(this.items, this.activeKey).forEach((key) => this.expandedKeys.add(key));
+    }
+    activate(key) {
+        const item = this.findItem(key);
+        if (!item || item.disabled)
+            return this.getState();
+        this.activeKey = key;
+        collectParentKeys(this.items, key).forEach((parentKey) => this.expandedKeys.add(parentKey));
+        return this.getState();
+    }
+    findItem(key, items = this.items) {
+        for (const item of items) {
+            if (item.key === key)
+                return item;
+            const matched = this.findItem(key, item.children);
+            if (matched)
+                return matched;
+        }
+        return undefined;
+    }
+    getState() {
+        return {
+            activeKey: this.activeKey,
+            collapsed: this.collapsed,
+            expandedKeys: [...this.expandedKeys],
+            items: markItems(this.items, this.activeKey, this.expandedKeys),
+        };
+    }
+    setCollapsed(collapsed) {
+        this.collapsed = Boolean(collapsed);
+        return this.getState();
+    }
+    toggleCollapsed() {
+        this.collapsed = !this.collapsed;
+        return this.getState();
+    }
+    toggleExpanded(key) {
+        const item = this.findItem(key);
+        if (!item || item.disabled || item.children.length === 0)
+            return this.getState();
+        if (this.expandedKeys.has(key))
+            this.expandedKeys.delete(key);
+        else
+            this.expandedKeys.add(key);
+        return this.getState();
+    }
+    update(options = {}) {
+        if (options.items)
+            this.items = normalizeItems$2(options.items);
+        if (options.activeKey !== undefined)
+            this.activeKey = options.activeKey;
+        if (!hasItem(this.items, this.activeKey))
+            this.activeKey = undefined;
+        if (options.collapsed !== undefined)
+            this.collapsed = Boolean(options.collapsed);
+        if (options.defaultExpandedKeys)
+            this.expandedKeys = new Set(options.defaultExpandedKeys.map(String));
+        collectParentKeys(this.items, this.activeKey).forEach((key) => this.expandedKeys.add(key));
+        return this.getState();
+    }
+}
+
 class BadgeController {
     constructor(options = {}) {
         this.state = this.normalize(options);
@@ -1758,20 +1928,20 @@ const DEFAULT_NODE_WIDTH = 160;
 const DEFAULT_NODE_HEIGHT = 64;
 const DEFAULT_GAP_X = 220;
 const MIN_NODE_GAP_Y = 4;
-function clamp$a(value, min, max) {
+function clamp$b(value, min, max) {
     return Math.min(max, Math.max(min, value));
 }
-function finiteOr$3(value, fallback) {
+function finiteOr$5(value, fallback) {
     return typeof value === "number" && Number.isFinite(value) ? value : fallback;
 }
 function estimateNodeWidth(node) {
     if (node.width !== undefined)
-        return clamp$a(finiteOr$3(node.width, DEFAULT_NODE_WIDTH), MIN_NODE_WIDTH, MAX_NODE_WIDTH);
+        return clamp$b(finiteOr$5(node.width, DEFAULT_NODE_WIDTH), MIN_NODE_WIDTH, MAX_NODE_WIDTH);
     const title = String(node.title || " ");
     const contentLines = String(node.content ?? "").split(/\r?\n/);
     const longestContentLine = contentLines.reduce((max, line) => Math.max(max, line.length), 0);
     const longestLine = Math.max(title.length, longestContentLine);
-    return clamp$a(Math.ceil(longestLine * 7.2 + 24), MIN_NODE_WIDTH, MAX_NODE_WIDTH);
+    return clamp$b(Math.ceil(longestLine * 7.2 + 24), MIN_NODE_WIDTH, MAX_NODE_WIDTH);
 }
 function estimateNodeHeight(node) {
     const width = estimateNodeWidth(node);
@@ -1798,12 +1968,12 @@ function createDefaultNodes() {
 }
 function normalizeViewport(viewport) {
     return {
-        x: finiteOr$3(viewport?.x, 0),
-        y: finiteOr$3(viewport?.y, 0),
-        zoom: clamp$a(finiteOr$3(viewport?.zoom, 1), 0.35, 2.4)
+        x: finiteOr$5(viewport?.x, 0),
+        y: finiteOr$5(viewport?.y, 0),
+        zoom: clamp$b(finiteOr$5(viewport?.zoom, 1), 0.35, 2.4)
     };
 }
-function normalizeMode(mode) {
+function normalizeMode$1(mode) {
     return mode === "mind" ? "mind" : "document";
 }
 function cloneNode(node) {
@@ -1870,7 +2040,7 @@ function getRootId(nodes, rootId) {
 class CanvasEditorController {
     constructor(options = {}) {
         this.idSeed = 0;
-        this.mode = normalizeMode(options.mode);
+        this.mode = normalizeMode$1(options.mode);
         this.nodes = normalizeNodes(options.nodes);
         this.rootId = getRootId(this.nodes, options.rootId);
         this.viewport = normalizeViewport(options.viewport);
@@ -1879,7 +2049,7 @@ class CanvasEditorController {
     }
     updateOptions(options = {}) {
         if (options.mode)
-            this.mode = normalizeMode(options.mode);
+            this.mode = normalizeMode$1(options.mode);
         if (options.nodes) {
             this.nodes = normalizeNodes(options.nodes);
             this.rootId = getRootId(this.nodes, options.rootId ?? this.rootId);
@@ -1896,7 +2066,7 @@ class CanvasEditorController {
         return this.getState();
     }
     setMode(mode) {
-        this.mode = normalizeMode(mode);
+        this.mode = normalizeMode$1(mode);
         return this.getState();
     }
     select(id) {
@@ -1930,7 +2100,7 @@ class CanvasEditorController {
             ...(input.x !== undefined ? { x: input.x } : {}),
             ...(input.y !== undefined ? { y: input.y } : {})
         };
-        nextNode.height = finiteOr$3(input.height, estimateNodeHeight(nextNode));
+        nextNode.height = finiteOr$5(input.height, estimateNodeHeight(nextNode));
         this.nodes = this.nodes
             .map((node) => node.id === parentId ? { ...node, children: [...(node.children ?? []), id] } : node)
             .concat(nextNode);
@@ -1968,8 +2138,8 @@ class CanvasEditorController {
         this.nodes = this.nodes.map((node) => node.id === input.id
             ? {
                 ...node,
-                x: finiteOr$3(node.x, 0) + input.deltaX / zoom,
-                y: finiteOr$3(node.y, 0) + input.deltaY / zoom
+                x: finiteOr$5(node.x, 0) + input.deltaX / zoom,
+                y: finiteOr$5(node.y, 0) + input.deltaY / zoom
             }
             : node);
         return this.getState();
@@ -1989,7 +2159,7 @@ class CanvasEditorController {
             return this.getState();
         this.viewport = {
             ...this.viewport,
-            zoom: clamp$a(this.viewport.zoom + delta, 0.35, 2.4)
+            zoom: clamp$b(this.viewport.zoom + delta, 0.35, 2.4)
         };
         return this.getState();
     }
@@ -2037,7 +2207,7 @@ class CanvasEditorController {
             depthById.set(id, depth);
             const children = (node.children ?? []).filter((childId) => nodeMap.has(childId));
             const width = estimateNodeWidth(node);
-            const height = Math.max(finiteOr$3(node.height, DEFAULT_NODE_HEIGHT), estimateNodeHeight({ ...node, width }));
+            const height = Math.max(finiteOr$5(node.height, DEFAULT_NODE_HEIGHT), estimateNodeHeight({ ...node, width }));
             const startY = offsetY;
             let nextY = offsetY;
             children.forEach((childId, index) => {
@@ -2045,7 +2215,7 @@ class CanvasEditorController {
             });
             const endY = children.length > 0 ? nextY - MIN_NODE_GAP_Y : startY;
             const fallbackY = children.length > 0 ? (startY + endY) / 2 : startY;
-            const y = finiteOr$3(node.y, children.length > 0 ? fallbackY - height / 2 : siblingIndex === 0 && depth === 0 ? 0 : offsetY);
+            const y = finiteOr$5(node.y, children.length > 0 ? fallbackY - height / 2 : siblingIndex === 0 && depth === 0 ? 0 : offsetY);
             result.push({
                 ...node,
                 height,
@@ -2060,13 +2230,13 @@ class CanvasEditorController {
             if (!visited.has(node.id)) {
                 depthById.set(node.id, 0);
                 const width = estimateNodeWidth(node);
-                const height = Math.max(finiteOr$3(node.height, DEFAULT_NODE_HEIGHT), estimateNodeHeight({ ...node, width }));
+                const height = Math.max(finiteOr$5(node.height, DEFAULT_NODE_HEIGHT), estimateNodeHeight({ ...node, width }));
                 result.push({
                     ...node,
                     height,
                     width,
                     x: 0,
-                    y: finiteOr$3(node.y, result.length * (height + MIN_NODE_GAP_Y))
+                    y: finiteOr$5(node.y, result.length * (height + MIN_NODE_GAP_Y))
                 });
             }
         });
@@ -2083,12 +2253,12 @@ class CanvasEditorController {
         });
         groups.forEach((group) => {
             group
-                .sort((a, b) => finiteOr$3(a.y, 0) - finiteOr$3(b.y, 0))
+                .sort((a, b) => finiteOr$5(a.y, 0) - finiteOr$5(b.y, 0))
                 .reduce((nextY, node) => {
-                const currentY = finiteOr$3(node.y, nextY);
+                const currentY = finiteOr$5(node.y, nextY);
                 const y = Math.max(currentY, nextY);
                 node.y = y;
-                return y + finiteOr$3(node.height, DEFAULT_NODE_HEIGHT) + MIN_NODE_GAP_Y;
+                return y + finiteOr$5(node.height, DEFAULT_NODE_HEIGHT) + MIN_NODE_GAP_Y;
             }, Number.NEGATIVE_INFINITY);
         });
         return nextNodes;
@@ -2101,10 +2271,10 @@ class CanvasEditorController {
                 const child = nodeMap.get(childId);
                 if (!child)
                     return;
-                const fromX = finiteOr$3(node.x, 0) + finiteOr$3(node.width, DEFAULT_NODE_WIDTH);
-                const fromY = finiteOr$3(node.y, 0) + finiteOr$3(node.height, DEFAULT_NODE_HEIGHT) / 2;
-                const toX = finiteOr$3(child.x, 0);
-                const toY = finiteOr$3(child.y, 0) + finiteOr$3(child.height, DEFAULT_NODE_HEIGHT) / 2;
+                const fromX = finiteOr$5(node.x, 0) + finiteOr$5(node.width, DEFAULT_NODE_WIDTH);
+                const fromY = finiteOr$5(node.y, 0) + finiteOr$5(node.height, DEFAULT_NODE_HEIGHT) / 2;
+                const toX = finiteOr$5(child.x, 0);
+                const toY = finiteOr$5(child.y, 0) + finiteOr$5(child.height, DEFAULT_NODE_HEIGHT) / 2;
                 const curve = Math.max(48, Math.abs(toX - fromX) * 0.45);
                 links.push({
                     d: `M ${fromX} ${fromY} C ${fromX + curve} ${fromY}, ${toX - curve} ${toY}, ${toX} ${toY}`,
@@ -2117,17 +2287,17 @@ class CanvasEditorController {
     }
 }
 
-function finiteOr$2(value, fallback) {
+function finiteOr$4(value, fallback) {
     return Number.isFinite(value) ? Number(value) : fallback;
 }
-function clamp$9(value, min, max) {
+function clamp$a(value, min, max) {
     return Math.min(max, Math.max(min, value));
 }
 function normalizeDpr(value) {
-    return clamp$9(finiteOr$2(value, 1), 1, 4);
+    return clamp$a(finiteOr$4(value, 1), 1, 4);
 }
 function roundedRect(ctx, x, y, width, height, radius = 0) {
-    const r = clamp$9(radius, 0, Math.min(width, height) / 2);
+    const r = clamp$a(radius, 0, Math.min(width, height) / 2);
     ctx.beginPath();
     ctx.moveTo(x + r, y);
     ctx.lineTo(x + width - r, y);
@@ -2143,7 +2313,7 @@ function roundedRect(ctx, x, y, width, height, radius = 0) {
 function createFont(layer) {
     const style = layer.fontStyle ?? "normal";
     const weight = layer.fontWeight ?? 500;
-    const size = finiteOr$2(layer.fontSize, 16);
+    const size = finiteOr$4(layer.fontSize, 16);
     const family = layer.fontFamily ?? "Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif";
     return `${style} ${weight} ${size}px ${family}`;
 }
@@ -2195,9 +2365,9 @@ class CanvasImageController {
         return {
             background: this.options.background ?? "transparent",
             dpr: normalizeDpr(this.options.dpr),
-            height: Math.max(1, finiteOr$2(this.options.height, 1)),
+            height: Math.max(1, finiteOr$4(this.options.height, 1)),
             layerCount: this.options.layers?.length ?? 0,
-            width: Math.max(1, finiteOr$2(this.options.width, 1))
+            width: Math.max(1, finiteOr$4(this.options.width, 1))
         };
     }
     async draw(canvas) {
@@ -2222,7 +2392,7 @@ class CanvasImageController {
     }
     async drawLayer(ctx, layer) {
         ctx.save();
-        ctx.globalAlpha = clamp$9(layer.opacity ?? 1, 0, 1);
+        ctx.globalAlpha = clamp$a(layer.opacity ?? 1, 0, 1);
         if (layer.rotate) {
             ctx.translate(layer.x, layer.y);
             ctx.rotate((layer.rotate * Math.PI) / 180);
@@ -2245,7 +2415,7 @@ class CanvasImageController {
             ctx.fillStyle = layer.color ?? "#111827";
             ctx.textAlign = layer.textAlign ?? "left";
             ctx.textBaseline = layer.textBaseline ?? "top";
-            const lineHeight = finiteOr$2(layer.lineHeight, finiteOr$2(layer.fontSize, 16) * 1.4);
+            const lineHeight = finiteOr$4(layer.lineHeight, finiteOr$4(layer.fontSize, 16) * 1.4);
             const lines = layer.wrap && layer.maxWidth
                 ? wrapText(ctx, layer.text, layer.maxWidth, layer.maxLines)
                 : layer.text.split("\n").slice(0, layer.maxLines ?? Number.MAX_SAFE_INTEGER);
@@ -2613,7 +2783,7 @@ function normalizeStepAnimationDuration(duration) {
         return DEFAULT_STEP_ANIMATION_DURATION;
     return Math.max(0, Math.floor(duration));
 }
-function normalizeItems(items) {
+function normalizeItems$1(items) {
     return items
         .map((item, index) => {
         if (typeof item === "object" && item !== null) {
@@ -2634,7 +2804,7 @@ function normalizeItems(items) {
 }
 class MarqueeController {
     constructor(items = [], options = {}) {
-        this.items = normalizeItems(items);
+        this.items = normalizeItems$1(items);
         this.direction = normalizeDirection$1(options.direction);
         this.duration = normalizeDuration$1(options.duration);
         this.gap = normalizeGap(options.gap);
@@ -2646,7 +2816,7 @@ class MarqueeController {
         this.verticalMode = normalizeVerticalMode(options.verticalMode);
     }
     update(items, options = {}) {
-        this.items = normalizeItems(items);
+        this.items = normalizeItems$1(items);
         this.direction = normalizeDirection$1(options.direction ?? this.direction);
         this.duration = normalizeDuration$1(options.duration ?? this.duration);
         this.gap = normalizeGap(options.gap ?? this.gap);
@@ -2677,23 +2847,23 @@ class MarqueeController {
     }
 }
 
-function clamp$8(value, min, max) {
+function clamp$9(value, min, max) {
     return Math.min(max, Math.max(min, value));
 }
-function finiteOr$1(value, fallback) {
+function finiteOr$3(value, fallback) {
     return typeof value === "number" && Number.isFinite(value) ? value : fallback;
 }
 function normalizeOptions$2(options = {}) {
     return {
         disabled: options.disabled ?? false,
-        enterTransitionDuration: clamp$8(finiteOr$1(options.enterTransitionDuration, 180), 0, 600),
+        enterTransitionDuration: clamp$9(finiteOr$3(options.enterTransitionDuration, 180), 0, 600),
         glare: options.glare ?? true,
-        maxTilt: clamp$8(finiteOr$1(options.maxTilt, 12), 0, 45),
-        moveTransitionDuration: clamp$8(finiteOr$1(options.moveTransitionDuration, 80), 0, 300),
-        perspective: clamp$8(finiteOr$1(options.perspective, 900), 240, 2400),
-        scale: clamp$8(finiteOr$1(options.scale, 1.02), 1, 1.18),
+        maxTilt: clamp$9(finiteOr$3(options.maxTilt, 12), 0, 45),
+        moveTransitionDuration: clamp$9(finiteOr$3(options.moveTransitionDuration, 80), 0, 300),
+        perspective: clamp$9(finiteOr$3(options.perspective, 900), 240, 2400),
+        scale: clamp$9(finiteOr$3(options.scale, 1.02), 1, 1.18),
         transitionEasing: options.transitionEasing ?? "cubic-bezier(0.2, 0.8, 0.2, 1)",
-        transitionDuration: clamp$8(finiteOr$1(options.transitionDuration, 180), 0, 1200)
+        transitionDuration: clamp$9(finiteOr$3(options.transitionDuration, 180), 0, 1200)
     };
 }
 function createTransform(rotateX, rotateY, scale, perspective) {
@@ -2708,18 +2878,18 @@ class TiltCardController {
         return this.reset();
     }
     move(input) {
-        const width = Math.max(1, finiteOr$1(input.width, 1));
-        const height = Math.max(1, finiteOr$1(input.height, 1));
+        const width = Math.max(1, finiteOr$3(input.width, 1));
+        const height = Math.max(1, finiteOr$3(input.height, 1));
         if (this.options.disabled) {
             return this.reset();
         }
-        const x = clamp$8(input.pointerX / width, 0, 1);
-        const y = clamp$8(input.pointerY / height, 0, 1);
+        const x = clamp$9(input.pointerX / width, 0, 1);
+        const y = clamp$9(input.pointerY / height, 0, 1);
         const rotateY = (x - 0.5) * this.options.maxTilt * 2;
         const rotateX = (0.5 - y) * this.options.maxTilt * 2;
         return {
             glare: this.options.glare,
-            glareOpacity: this.options.glare ? clamp$8(Math.abs(x - 0.5) + Math.abs(y - 0.5), 0.16, 0.58) : 0,
+            glareOpacity: this.options.glare ? clamp$9(Math.abs(x - 0.5) + Math.abs(y - 0.5), 0.16, 0.58) : 0,
             glareX: x * 100,
             glareY: y * 100,
             isActive: true,
@@ -2751,20 +2921,20 @@ class TiltCardController {
     }
 }
 
-function finiteOr(value, fallback) {
+function finiteOr$2(value, fallback) {
     return typeof value === "number" && Number.isFinite(value) ? value : fallback;
 }
-function clamp$7(value, min, max) {
+function clamp$8(value, min, max) {
     return Math.min(max, Math.max(min, value));
 }
 function normalizeOptions$1(options = {}) {
     return {
         cursor: options.cursor ?? true,
-        delay: clamp$7(finiteOr(options.delay, 0), 0, 60000),
+        delay: clamp$8(finiteOr$2(options.delay, 0), 0, 60000),
         disabled: options.disabled ?? false,
         loading: options.loading ?? false,
         loop: options.loop ?? false,
-        speed: clamp$7(finiteOr(options.speed, 36), 1, 5000),
+        speed: clamp$8(finiteOr$2(options.speed, 36), 1, 5000),
         startOnMount: options.startOnMount ?? true,
         text: options.text ?? ""
     };
@@ -2788,7 +2958,7 @@ class TypewriterTextController {
             this.running = this.options.startOnMount && this.options.text.length > 0;
         }
         else {
-            this.index = clamp$7(this.index, 0, this.options.text.length);
+            this.index = clamp$8(this.index, 0, this.options.text.length);
             if (this.index >= this.options.text.length)
                 this.running = false;
         }
@@ -2848,7 +3018,7 @@ class TypewriterTextController {
     }
 }
 
-const defaultColors = ["#7c3aed", "#ec4899", "#22d3ee"];
+const defaultColors = ["#722ed1", "#d64d8c", "#36bffb"];
 const cssColorPattern$1 = /^(#|rgb\(|rgba\(|hsl\(|hsla\(|color\(|color-mix\(|var\(|[a-zA-Z])/;
 function normalizeColors$1(colors) {
     const next = (colors ?? [])
@@ -2912,15 +3082,15 @@ const presetSet = new Set([
 ]);
 const toneSet = new Set(["accent", "cool", "danger", "neutral", "success", "warm"]);
 const toneColors = {
-    accent: ["#7c3aed", "#ec4899", "#22d3ee"],
-    cool: ["#0ea5e9", "#22d3ee", "#14b8a6"],
+    accent: ["#722ed1", "#d64d8c", "#36bffb"],
+    cool: ["#007aff", "#36bffb", "#00b42a"],
     danger: ["#ef4444", "#f97316", "#facc15"],
     neutral: ["#334155", "#94a3b8", "#e2e8f0"],
     success: ["#16a34a", "#22c55e", "#84cc16"],
     warm: ["#f59e0b", "#f97316", "#fb7185"]
 };
 const cssColorPattern = /^(#|rgb\(|rgba\(|hsl\(|hsla\(|color\(|color-mix\(|var\(|[a-zA-Z])/;
-function clamp$6(value, min, max) {
+function clamp$7(value, min, max) {
     return Math.min(max, Math.max(min, value));
 }
 function normalizePreset(preset) {
@@ -2942,7 +3112,7 @@ function normalizeColors(colors, tone) {
     return next.length >= 2 ? next : [...toneColors[tone]];
 }
 function normalizeIntensity(intensity) {
-    return clamp$6(Number.isFinite(intensity) ? Number(intensity) : 0.72, 0, 1);
+    return clamp$7(Number.isFinite(intensity) ? Number(intensity) : 0.72, 0, 1);
 }
 class DesignEffectController {
     constructor(options = {}) {
@@ -2988,13 +3158,13 @@ class DesignEffectController {
     }
 }
 
-function clamp$5(value, min, max) {
+function clamp$6(value, min, max) {
     return Math.min(max, Math.max(min, value));
 }
 class SwiperController {
     constructor(options) {
         this.count = Math.max(0, Math.floor(options.count));
-        this.current = clamp$5(Math.floor(options.current ?? 0), 0, Math.max(0, this.count - 1));
+        this.current = clamp$6(Math.floor(options.current ?? 0), 0, Math.max(0, this.count - 1));
         this.loop = options.loop ?? false;
         this.threshold = Math.max(1, options.threshold ?? 48);
     }
@@ -3006,9 +3176,9 @@ class SwiperController {
         if (options.threshold !== undefined)
             this.threshold = Math.max(1, options.threshold);
         if (options.current !== undefined)
-            this.current = clamp$5(Math.floor(options.current), 0, Math.max(0, this.count - 1));
+            this.current = clamp$6(Math.floor(options.current), 0, Math.max(0, this.count - 1));
         else
-            this.current = clamp$5(this.current, 0, Math.max(0, this.count - 1));
+            this.current = clamp$6(this.current, 0, Math.max(0, this.count - 1));
         return this.getState();
     }
     next() {
@@ -3029,7 +3199,7 @@ class SwiperController {
         return deltaX < 0 || velocityX < -360 ? this.next() : this.previous();
     }
     setCurrent(index) {
-        this.current = clamp$5(index, 0, Math.max(0, this.count - 1));
+        this.current = clamp$6(index, 0, Math.max(0, this.count - 1));
         return this.getState();
     }
     getState() {
@@ -3041,25 +3211,25 @@ class SwiperController {
     }
 }
 
-function clamp$4(value, min, max) {
+function clamp$5(value, min, max) {
     return Math.min(max, Math.max(min, value));
 }
 class ImagePreviewController {
     constructor(items = [], activeIndex = 0, open = false) {
         this.loading = false;
         this.items = items.filter((item) => item.src);
-        this.activeIndex = clamp$4(activeIndex, 0, Math.max(0, this.items.length - 1));
+        this.activeIndex = clamp$5(activeIndex, 0, Math.max(0, this.items.length - 1));
         this.openState = open;
     }
     updateItems(items, activeIndex = this.activeIndex) {
         this.items = items.filter((item) => item.src);
-        this.activeIndex = clamp$4(activeIndex, 0, Math.max(0, this.items.length - 1));
+        this.activeIndex = clamp$5(activeIndex, 0, Math.max(0, this.items.length - 1));
         this.loading = false;
         return this.getState();
     }
     open(index = this.activeIndex) {
         this.openState = true;
-        this.activeIndex = clamp$4(index, 0, Math.max(0, this.items.length - 1));
+        this.activeIndex = clamp$5(index, 0, Math.max(0, this.items.length - 1));
         return this.getState();
     }
     close() {
@@ -3079,7 +3249,7 @@ class ImagePreviewController {
         return this.getState();
     }
     setActiveIndex(index) {
-        this.activeIndex = clamp$4(index, 0, Math.max(0, this.items.length - 1));
+        this.activeIndex = clamp$5(index, 0, Math.max(0, this.items.length - 1));
         this.loading = true;
         return this.getState();
     }
@@ -3224,7 +3394,7 @@ const WORD_EXTENSIONS = new Set(["doc", "docx", "rtf"]);
 const EXCEL_EXTENSIONS = new Set(["csv", "xls", "xlsx"]);
 const PPT_EXTENSIONS = new Set(["ppt", "pptx"]);
 const DEFAULT_OFFICE_VIEWER = "https://view.officeapps.live.com/op/embed.aspx?src=";
-function clamp$3(value, min, max) {
+function clamp$4(value, min, max) {
     return Math.min(max, Math.max(min, value));
 }
 function getExtension(value) {
@@ -3288,7 +3458,7 @@ class FilePreviewController {
         const fileName = inferFileName(this.options.src, this.options.fileName);
         const type = this.options.type && this.options.type !== "unknown" ? this.options.type : inferType(this.options.src, fileName);
         const pageCount = this.options.pageCount && this.options.pageCount > 0 ? Math.floor(this.options.pageCount) : undefined;
-        const currentPage = clamp$3(Math.floor(this.options.currentPage ?? 1), 1, pageCount ?? Number.MAX_SAFE_INTEGER);
+        const currentPage = clamp$4(Math.floor(this.options.currentPage ?? 1), 1, pageCount ?? Number.MAX_SAFE_INTEGER);
         const mode = type === "pdf" ? "pdf" : type === "word" || type === "excel" || type === "ppt" ? "office" : "unsupported";
         const previewUrl = mode === "pdf"
             ? buildPdfUrl(this.options.src, currentPage)
@@ -3308,7 +3478,7 @@ class FilePreviewController {
     }
 }
 
-function clamp$2(value, min, max) {
+function clamp$3(value, min, max) {
     return Math.min(max, Math.max(min, value));
 }
 class ProgressController {
@@ -3338,7 +3508,7 @@ class ProgressController {
         return this.getState();
     }
     valueFromRatio(ratio) {
-        return this.setValue(this.min + clamp$2(ratio, 0, 1) * (this.max - this.min));
+        return this.setValue(this.min + clamp$3(ratio, 0, 1) * (this.max - this.min));
     }
     valueFromClientX(clientX, rect, thumbWidth = 0) {
         if (rect.width <= 0)
@@ -3359,7 +3529,7 @@ class ProgressController {
         };
     }
     normalizeValue(value) {
-        const clamped = clamp$2(Number.isFinite(value) ? value : this.min, this.min, this.max);
+        const clamped = clamp$3(Number.isFinite(value) ? value : this.min, this.min, this.max);
         if (this.step <= 0)
             return clamped;
         const precision = Math.max(0, String(this.step).split(".")[1]?.length ?? 0);
@@ -3367,20 +3537,20 @@ class ProgressController {
     }
 }
 
-function clamp$1(value, min, max) {
+function clamp$2(value, min, max) {
     return Math.min(max, Math.max(min, value));
 }
 function normalizeLineWidth(value) {
-    return clamp$1(Number.isFinite(value ?? NaN) ? Number(value) : 3, 0.5, 24);
+    return clamp$2(Number.isFinite(value ?? NaN) ? Number(value) : 3, 0.5, 24);
 }
 function normalizePoint(x, y, size, pressure = 0.5) {
     const width = Math.max(1, size.width);
     const height = Math.max(1, size.height);
     return {
-        pressure: clamp$1(Number.isFinite(pressure) ? pressure : 0.5, 0, 1),
+        pressure: clamp$2(Number.isFinite(pressure) ? pressure : 0.5, 0, 1),
         time: Date.now(),
-        x: clamp$1(x / width, 0, 1),
-        y: clamp$1(y / height, 0, 1)
+        x: clamp$2(x / width, 0, 1),
+        y: clamp$2(y / height, 0, 1)
     };
 }
 class SignatureController {
@@ -3445,10 +3615,10 @@ class SignatureController {
             color: stroke.color,
             lineWidth: normalizeLineWidth(stroke.lineWidth),
             points: stroke.points.map((point) => ({
-                pressure: clamp$1(point.pressure, 0, 1),
+                pressure: clamp$2(point.pressure, 0, 1),
                 time: point.time,
-                x: clamp$1(point.x, 0, 1),
-                y: clamp$1(point.y, 0, 1)
+                x: clamp$2(point.x, 0, 1),
+                y: clamp$2(point.y, 0, 1)
             }))
         }));
         this.isDrawing = false;
@@ -3472,6 +3642,305 @@ class SignatureController {
     }
 }
 
+function normalizePlacement(placement) {
+    return placement === "top" ||
+        placement === "right" ||
+        placement === "bottom" ||
+        placement === "left" ||
+        placement === "auto"
+        ? placement
+        : "auto";
+}
+function finiteOr$1(value, fallback) {
+    return Number.isFinite(value) ? value : fallback;
+}
+class CodePreviewController {
+    constructor(options = {}) {
+        this.state = {
+            code: options.code ?? "",
+            copied: false,
+            expanded: Boolean(options.defaultExpanded),
+            language: options.language ?? "Vue / TSX",
+            placement: normalizePlacement(options.placement),
+            resolvedPlacement: "bottom",
+            title: options.title ?? "示例源码",
+        };
+    }
+    close() {
+        this.state.expanded = false;
+        this.state.copied = false;
+        return this.getState();
+    }
+    copied() {
+        this.state.copied = true;
+        return this.getState();
+    }
+    resetCopied() {
+        this.state.copied = false;
+        return this.getState();
+    }
+    getState() {
+        return { ...this.state };
+    }
+    resolvePlacement(input) {
+        if (this.state.placement !== "auto") {
+            this.state.resolvedPlacement = this.state.placement;
+            return this.getState();
+        }
+        const viewportHeight = Math.max(0, finiteOr$1(input.viewportHeight, 0));
+        const viewportWidth = Math.max(0, finiteOr$1(input.viewportWidth ?? 0, 0));
+        const anchorBottom = Math.max(0, finiteOr$1(input.anchorBottom, 0));
+        const anchorLeft = Math.max(0, finiteOr$1(input.anchorLeft ?? 0, 0));
+        const anchorRight = Math.max(0, finiteOr$1(input.anchorRight ?? 0, 0));
+        const anchorTop = Math.max(0, finiteOr$1(input.anchorTop, 0));
+        const panelHeight = Math.max(0, finiteOr$1(input.panelHeight, 0));
+        const panelWidth = Math.max(0, finiteOr$1(input.panelWidth ?? 0, 0));
+        const candidates = [
+            {
+                placement: "bottom",
+                size: panelHeight,
+                space: Math.max(0, viewportHeight - anchorBottom),
+            },
+            { placement: "top", size: panelHeight, space: anchorTop },
+            {
+                placement: "right",
+                size: panelWidth,
+                space: Math.max(0, viewportWidth - anchorRight),
+            },
+            { placement: "left", size: panelWidth, space: anchorLeft },
+        ];
+        const fitting = candidates.find(({ size, space }) => space >= size + 10);
+        this.state.resolvedPlacement =
+            fitting?.placement ??
+                candidates.reduce((best, item) => (item.space > best.space ? item : best))
+                    .placement;
+        return this.getState();
+    }
+    toggle() {
+        this.state.expanded = !this.state.expanded;
+        if (!this.state.expanded)
+            this.state.copied = false;
+        return this.getState();
+    }
+    update(options = {}) {
+        if (options.code !== undefined)
+            this.state.code = options.code;
+        if (options.language !== undefined)
+            this.state.language = options.language;
+        if (options.placement !== undefined)
+            this.state.placement = normalizePlacement(options.placement);
+        if (options.title !== undefined)
+            this.state.title = options.title;
+        return this.getState();
+    }
+}
+
+function finiteOr(value, fallback) {
+    return typeof value === "number" && Number.isFinite(value) ? value : fallback;
+}
+function normalizeMode(mode) {
+    return mode === "auto" || mode === "grid" || mode === "flip" ? mode : "auto";
+}
+class HeightTransitionController {
+    constructor(options = {}) {
+        this.state = this.resolve(options);
+    }
+    getState() {
+        return { ...this.state };
+    }
+    update(options = {}) {
+        this.state = this.resolve({ ...this.state, ...options });
+        return this.getState();
+    }
+    resolve(options) {
+        return {
+            duration: Math.max(0, Math.min(1200, finiteOr(options.duration, 220))),
+            easing: options.easing || "cubic-bezier(0.22, 1, 0.36, 1)",
+            expanded: Boolean(options.expanded),
+            mode: normalizeMode(options.mode),
+        };
+    }
+}
+
+const defaultItems = [
+    { id: "docs", label: "Docs", tone: "primary" },
+    { id: "api", label: "API", tone: "neutral" },
+    { id: "theme", label: "Theme", tone: "accent" },
+    { id: "react", label: "React", tone: "cool" },
+    { id: "vue", label: "Vue", tone: "success" },
+    { id: "core", label: "Core", tone: "warm" },
+];
+function clamp$1(value, min, max) {
+    return Math.min(max, Math.max(min, value));
+}
+function normalizeCssSize(value, fallback) {
+    if (typeof value === "number" && Number.isFinite(value))
+        return `${Math.max(0, value)}px`;
+    const next = String(value ?? fallback).trim();
+    return next.length > 0 ? next : fallback;
+}
+function normalizeNumber(value, fallback, min, max) {
+    return clamp$1(Number.isFinite(value) ? Number(value) : fallback, min, max);
+}
+function normalizeItems(items) {
+    const source = items && items.length > 0 ? items : defaultItems;
+    return source
+        .map((item, index) => {
+        const id = String(item.id || `orbital-${index}`).trim() || `orbital-${index}`;
+        const label = String(item.label ?? item.content ?? id).trim() || id;
+        return {
+            content: String(item.content ?? label),
+            id,
+            label,
+            tone: String(item.tone ?? "neutral"),
+        };
+    })
+        .slice(0, 24);
+}
+function round(value) {
+    return value.toFixed(3).replace(/\.?0+$/, "");
+}
+function point(x, y) {
+    return {
+        x: clamp$1(x, 0, 1),
+        y: clamp$1(y, 0, 1),
+    };
+}
+function jitter(index, salt, range = 0.16) {
+    const raw = ((index * 37 + salt * 17) % 100) / 100;
+    return (raw - 0.5) * range;
+}
+function createMotionRoute(index, total, spread) {
+    const laneBase = total <= 1 ? 0.5 : index / Math.max(1, total - 1);
+    const lane = clamp$1(0.08 + laneBase * 0.84 + jitter(index, 1, 0.12), 0, 1);
+    const inverseLane = 1 - lane;
+    const loose = clamp$1(spread, 0.32, 1.12);
+    const bend = 0.18 * loose;
+    switch (index % 6) {
+        case 0:
+            return [
+                point(0, lane),
+                point(0.42, lane + bend),
+                point(1, lane - bend),
+                point(0.16, inverseLane),
+            ];
+        case 1:
+            return [
+                point(lane, 0),
+                point(lane + bend, 0.38),
+                point(lane - bend, 1),
+                point(inverseLane, 0.22),
+            ];
+        case 2:
+            return [
+                point(1, inverseLane),
+                point(0.58, inverseLane - bend),
+                point(0, inverseLane + bend),
+                point(0.84, lane),
+            ];
+        case 3:
+            return [
+                point(inverseLane, 1),
+                point(inverseLane - bend, 0.62),
+                point(inverseLane + bend, 0),
+                point(lane, 0.78),
+            ];
+        case 4:
+            return [
+                point(0.06, 0.08 + lane * 0.4),
+                point(0.52 + jitter(index, 3), 0.24 + inverseLane * 0.36),
+                point(0.94, 0.92 - lane * 0.42),
+                point(0.28 + inverseLane * 0.36, 0.84),
+            ];
+        default:
+            return [
+                point(0.94, 0.08 + inverseLane * 0.38),
+                point(0.46 + jitter(index, 5), 0.28 + lane * 0.34),
+                point(0.06, 0.88 - inverseLane * 0.42),
+                point(0.72 - lane * 0.34, 0.16),
+            ];
+    }
+}
+function createItemState(item, index, total, duration, spread, depth, cycleDuration) {
+    const [start, mid, end, alt] = createMotionRoute(index, total, spread);
+    const itemDuration = duration * (0.92 + ((index * 37) % 19) / 100);
+    const delay = -((index * 997) % Math.max(1, Math.floor(itemDuration)));
+    const presenceDelay = -((index * 1207) % Math.max(1, cycleDuration));
+    const scale = 0.88 + depth * 0.1 + ((index * 29) % 9) / 100;
+    return {
+        content: item.content ?? item.label ?? item.id,
+        id: item.id,
+        index,
+        label: item.label ?? item.id,
+        styleVars: {
+            "--cc-orbital-item-delay": `${delay}ms`,
+            "--cc-orbital-item-duration": `${Math.round(itemDuration)}ms`,
+            "--cc-orbital-item-alt-x": round(alt.x),
+            "--cc-orbital-item-alt-y": round(alt.y),
+            "--cc-orbital-item-end-x": round(end.x),
+            "--cc-orbital-item-end-y": round(end.y),
+            "--cc-orbital-item-mid-x": round(mid.x),
+            "--cc-orbital-item-mid-y": round(mid.y),
+            "--cc-orbital-item-presence-delay": `${presenceDelay}ms`,
+            "--cc-orbital-item-scale": round(scale),
+            "--cc-orbital-item-start-x": round(start.x),
+            "--cc-orbital-item-start-y": round(start.y),
+        },
+        tone: item.tone ?? "neutral",
+    };
+}
+class OrbitalSphereController {
+    constructor(options = {}) {
+        this.state = this.normalize(options);
+    }
+    getState() {
+        return {
+            ...this.state,
+            items: this.state.items.map((item) => ({
+                ...item,
+                styleVars: { ...item.styleVars },
+            })),
+            styleVars: { ...this.state.styleVars },
+        };
+    }
+    update(options = {}) {
+        this.state = this.normalize(options);
+        return this.getState();
+    }
+    normalize(options) {
+        const animated = options.animated ?? true;
+        const cycleDuration = normalizeNumber(options.cycleDuration, 12000, 10000, 60000);
+        const depth = normalizeNumber(options.depth, 0.72, 0, 1.4);
+        const duration = normalizeNumber(options.duration, 9000, 1200, 60000);
+        const itemSize = normalizeNumber(options.itemSize, 72, 36, 160);
+        const radius = normalizeCssSize(options.radius, "50%");
+        const size = normalizeCssSize(options.size, "360px");
+        const spread = normalizeNumber(options.spread, 0.86, 0.32, 1.12);
+        const sourceItems = normalizeItems(options.items);
+        const visibleCount = Math.round(normalizeNumber(options.visibleCount, 10, 2, 24));
+        return {
+            animated,
+            cycleDuration,
+            depth,
+            disabled: options.disabled ?? false,
+            duration,
+            itemSize,
+            items: sourceItems.map((item, index) => createItemState(item, index, sourceItems.length, duration, spread, depth, cycleDuration)),
+            radius,
+            size,
+            spread,
+            styleVars: {
+                "--cc-orbital-sphere-cycle-duration": `${Math.round(cycleDuration)}ms`,
+                "--cc-orbital-sphere-duration": `${Math.round(duration)}ms`,
+                "--cc-orbital-sphere-item-size": `${Math.round(itemSize)}px`,
+                "--cc-orbital-sphere-radius": radius,
+                "--cc-orbital-sphere-size": size,
+            },
+            visibleCount,
+        };
+    }
+}
+
 const DEFAULT_MIN_WIDTH = 32;
 const DEFAULT_MAX_WIDTH = 1000;
 function normalizeMinWidth(width) {
@@ -4620,5 +5089,5 @@ class MasonryVirtualListController {
     }
 }
 
-export { AffixController, BacktopController, BadgeController, BreadcrumbController, CalendarController, CanvasEditorController, CanvasImageController, ChatVirtualListController, ColorPickerController, ComicReaderController, CountdownController, DanmakuController, DatePickerController, DateRangePickerController, DesignEffectController, DragController, DropController, FieldController, FilePreviewController, FloatingBallController, FormController, GestureController, GradientTextController, ImagePreviewController, LazyImageController, LiveRoomController, MarqueeController, MasonryVirtualListController, ModalController, MultiColumnPickerController, NovelReaderController, PaginationController, PasswordInputController, PopupController, ProgressController, RollingNumberController, SignatureController, SkeletonController, SlideCaptchaController, StateEmitter, SwiperController, TableController, TabsController, TagController, TiltCardController, TimelineController, ToastManager, TooltipController, TypewriterTextController, UploadController, VerificationCodeController, VideoDetailTransitionController, VideoPlayerController, VirtualListController, VirtualSelectController, cloneValues, configureClassComponents, getByPath, getClassComponentsConfig, getClassComponentsLocale, getSafeTooltipPlacement, resetClassComponentsConfig, setByPath };
+export { AffixController, BacktopController, BadgeController, BreadcrumbController, CalendarController, CanvasEditorController, CanvasImageController, ChatTextareaController, ChatVirtualListController, CodePreviewController, ColorPickerController, ComicReaderController, CountdownController, DanmakuController, DatePickerController, DateRangePickerController, DesignEffectController, DragController, DropController, FieldController, FilePreviewController, FloatingBallController, FormController, GestureController, GradientTextController, HeightTransitionController, ImagePreviewController, LazyImageController, LiveRoomController, MarqueeController, MasonryVirtualListController, MenuController, ModalController, MultiColumnPickerController, NovelReaderController, OrbitalSphereController, PaginationController, PasswordInputController, PopupController, ProgressController, RollingNumberController, SignatureController, SkeletonController, SlideCaptchaController, StateEmitter, SwiperController, TableController, TabsController, TagController, TiltCardController, TimelineController, ToastManager, TooltipController, TypewriterTextController, UploadController, VerificationCodeController, VideoDetailTransitionController, VideoPlayerController, VirtualListController, VirtualSelectController, cloneValues, configureClassComponents, getByPath, getClassComponentsConfig, getClassComponentsLocale, getSafeTooltipPlacement, resetClassComponentsConfig, setByPath };
 //# sourceMappingURL=index.js.map