@windrun-huaiin/third-ui 14.3.0 → 14.4.0

package/dist/fuma/mdx/toc-clerk-portable.mjs

@@ -0,0 +1,304 @@
+"use client";
+import { __rest } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.mjs';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as Primitive from 'fumadocs-core/toc';
+import { PageTOC, PageTOCTitle, PageTOCPopover, PageTOCPopoverTrigger, PageTOCPopoverContent } from 'fumadocs-ui/layouts/docs/page';
+import { useRef, useState, useMemo, useLayoutEffect } from 'react';
+import { themeSvgIconColor, themeIconColor } from '@windrun-huaiin/base-ui/lib';
+
+// Base stroke width for both the inactive rail and the active highlight path.
+const CLERK_PATH_STROKE_WIDTH = 1;
+// Radius of the moving endpoint dot that marks the latest active heading.
+const CLERK_ACTIVE_DOT_RADIUS = 2;
+// Max vertical space reserved for a turn inside the gap between two headings.
+const CLERK_TURN_CURVE_HEIGHT = 12;
+// Multiplier for bezier control points; higher values make the turn rounder.
+const CLERK_TURN_CONTROL_FACTOR = 0.68;
+// Safety margin that keeps turns away from the heading rows themselves.
+const CLERK_TURN_GAP_MARGIN = 7;
+function PortableClerkTOC({ toc, header, footer, title, emptyLabel = 'No headings', className, }) {
+    return (jsxs(PageTOC, { className: className, children: [header, title !== null && title !== void 0 ? title : jsx(PageTOCTitle, {}), jsx(PortableClerkTOCScrollArea, { children: jsx(PortableClerkTOCItems, { toc: toc, emptyLabel: emptyLabel }) }), footer] }));
+}
+function PortableClerkTOCPopover({ toc, header, footer, emptyLabel = 'No headings', }) {
+    return (jsxs(PageTOCPopover, { children: [jsx(PageTOCPopoverTrigger, {}), jsxs(PageTOCPopoverContent, { children: [header, jsx(PortableClerkTOCScrollArea, { children: jsx(PortableClerkTOCItems, { toc: toc, emptyLabel: emptyLabel }) }), footer] })] }));
+}
+function PortableClerkTOCScrollArea(_a) {
+    var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
+    const viewRef = useRef(null);
+    return (jsx("div", Object.assign({ ref: mergeRefs(viewRef, ref), className: cn('relative min-h-0 text-sm ms-px overflow-auto [scrollbar-width:none] mask-[linear-gradient(to_bottom,transparent,white_16px,white_calc(100%-16px),transparent)] py-3', className) }, props, { children: jsx(Primitive.ScrollProvider, { containerRef: viewRef, children: props.children }) })));
+}
+function PortableClerkTOCItems(_a) {
+    var { toc, emptyLabel = 'No headings', ref, className } = _a, props = __rest(_a, ["toc", "emptyLabel", "ref", "className"]);
+    const containerRef = useRef(null);
+    const activeAnchors = Primitive.useActiveAnchors();
+    const itemRefs = useRef([]);
+    const contentRefs = useRef([]);
+    const [layout, setLayout] = useState({
+        height: 0,
+        items: [],
+    });
+    const metas = useMemo(() => toc.map(resolveClerkItem), [toc]);
+    const outlinePath = useMemo(() => buildOutlinePath(layout.items), [layout.items]);
+    const activeItems = useMemo(() => getActiveItems(layout.items, activeAnchors), [activeAnchors, layout.items]);
+    const activePath = useMemo(() => buildOutlinePath(activeItems), [activeItems]);
+    const activeEndpoint = useMemo(() => getActiveEndpoint(activeItems), [activeItems]);
+    useLayoutEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        let frame = 0;
+        const updateLayout = () => {
+            frame = 0;
+            const nextItems = metas.flatMap((meta, index) => {
+                const element = itemRefs.current[index];
+                const content = contentRefs.current[index];
+                if (!element || !content)
+                    return [];
+                const y = measureItemLineY(element, content);
+                return [
+                    {
+                        url: meta.item.url,
+                        y,
+                        x: meta.lineOffset,
+                        stepNumber: meta.stepNumber,
+                    },
+                ];
+            });
+            setLayout((prev) => {
+                const next = {
+                    height: container.clientHeight,
+                    items: nextItems,
+                };
+                if (isSameLayout(prev, next))
+                    return prev;
+                return next;
+            });
+        };
+        const queueUpdate = () => {
+            if (frame !== 0)
+                cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(updateLayout);
+        };
+        queueUpdate();
+        const observer = new ResizeObserver(queueUpdate);
+        observer.observe(container);
+        for (const element of itemRefs.current) {
+            if (element)
+                observer.observe(element);
+        }
+        return () => {
+            if (frame !== 0)
+                cancelAnimationFrame(frame);
+            observer.disconnect();
+        };
+    }, [metas]);
+    if (toc.length === 0) {
+        return (jsx("div", { className: "rounded-lg border bg-fd-card p-3 text-xs text-fd-muted-foreground", children: emptyLabel }));
+    }
+    return (jsxs("div", Object.assign({ ref: mergeRefs(containerRef, ref), className: cn('relative flex flex-col', className) }, props, { children: [jsx(ClerkOutline, { path: outlinePath, items: layout.items, activePath: activePath, activeAnchors: activeAnchors, activeEndpoint: activeEndpoint }), metas.map((meta, i) => (jsx(PortableClerkTOCItem, { item: meta.item, isActive: activeAnchors.includes(meta.item.url.slice(1)), resolvedContent: meta.resolvedContent, itemPadding: meta.itemPadding, contentRef: (node) => {
+                    contentRefs.current[i] = node;
+                }, ref: (node) => {
+                    itemRefs.current[i] = node;
+                } }, meta.item.url)))] })));
+}
+function PortableClerkTOCItem({ item, isActive, resolvedContent, itemPadding, contentRef, ref, }) {
+    return (jsx(Primitive.TOCItem, { ref: ref, href: item.url, "data-clerk-item": "", style: {
+            paddingInlineStart: itemPadding,
+        }, className: cn('prose group relative py-1.5 text-sm transition-colors wrap-anywhere first:pt-0 last:pb-0 hover:text-fd-accent-foreground', isActive ? themeIconColor : 'text-fd-muted-foreground'), children: jsx("span", { ref: contentRef, className: "relative z-10", children: resolvedContent }) }));
+}
+function ClerkOutline({ path, items, activePath, activeAnchors, activeEndpoint, }) {
+    if (!path)
+        return null;
+    const activeSet = new Set(activeAnchors);
+    return (jsxs(Fragment, { children: [jsx("svg", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 z-0 overflow-visible", width: "100%", height: "100%", children: jsx("path", { d: path, className: "stroke-fd-foreground/15", fill: "none", strokeWidth: CLERK_PATH_STROKE_WIDTH, strokeLinecap: "round", strokeLinejoin: "round" }) }), jsx("svg", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 z-0 overflow-visible", width: "100%", height: "100%", children: activePath ? (jsx("path", { d: activePath, fill: "none", strokeWidth: CLERK_PATH_STROKE_WIDTH, strokeLinecap: "round", strokeLinejoin: "round", stroke: themeSvgIconColor })) : null }), jsx("svg", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 z-0 overflow-visible", width: "100%", height: "100%", children: activeEndpoint ? (jsx("circle", { cx: activeEndpoint.x, cy: activeEndpoint.y, r: CLERK_ACTIVE_DOT_RADIUS, fill: themeSvgIconColor })) : null }), jsx("svg", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 z-1 overflow-visible", width: "100%", height: "100%", children: items.map((item) => {
+                    if (!item.stepNumber)
+                        return null;
+                    const isActive = activeSet.has(item.url.slice(1));
+                    return (jsxs("g", { transform: `translate(${item.x}, ${item.y})`, children: [jsx("circle", { r: "7", fill: isActive ? themeSvgIconColor : undefined, className: cn(!isActive && 'fill-black dark:fill-white') }), jsx("text", { y: "0.5", textAnchor: "middle", dominantBaseline: "middle", className: "fill-white text-[9px] font-medium dark:fill-black", children: item.stepNumber })] }, item.url));
+                }) })] }));
+}
+function getItemOffset(depth) {
+    if (depth <= 2)
+        return 14;
+    if (depth === 3)
+        return 26;
+    return 36;
+}
+function getLineOffset(depth) {
+    return depth >= 3 ? 18 : 6;
+}
+function getVisualLinePosition(depth) {
+    return getLineOffset(depth);
+}
+function resolveClerkItem(item) {
+    const isH3 = item.depth === 3;
+    const rawTitle = typeof item.title === 'string' ? item.title : '';
+    const { isStep, displayStep, content } = getStepInfoFromTitle(rawTitle);
+    let stepNumber = isH3 && isStep ? String(displayStep) : null;
+    let resolvedContent = item.title;
+    if (isH3 && isStep) {
+        resolvedContent = content !== null && content !== void 0 ? content : item.title;
+    }
+    if (isH3 && !stepNumber) {
+        const urlNum = getDigitsFromUrl(item.url);
+        if (urlNum != null) {
+            const clamped = Math.max(0, Math.min(19, urlNum));
+            stepNumber = String(clamped);
+            if (typeof rawTitle === 'string') {
+                const match = rawTitle.match(/^(\d+(?:\.\d+)*\.?)\s+(.+)$/);
+                if (match === null || match === void 0 ? void 0 : match[2]) {
+                    resolvedContent = match[2];
+                }
+            }
+        }
+    }
+    return {
+        item,
+        resolvedContent,
+        stepNumber,
+        itemPadding: getItemOffset(item.depth),
+        lineOffset: getVisualLinePosition(item.depth),
+    };
+}
+function buildOutlinePath(items) {
+    if (items.length === 0)
+        return '';
+    const [first] = items;
+    const last = items.at(-1);
+    if (!last)
+        return '';
+    let path = `M ${round(first.x)} ${round(first.y)}`;
+    for (let i = 1; i < items.length; i++) {
+        path += ` ${buildTurnSegment(items[i - 1], items[i])}`;
+    }
+    return path;
+}
+function buildTurnSegment(previous, current) {
+    if (Math.abs(previous.x - current.x) <= 0.5) {
+        return `L ${round(current.x)} ${round(current.y)}`;
+    }
+    const distanceY = current.y - previous.y;
+    if (distanceY <= 0) {
+        return `L ${round(current.x)} ${round(current.y)}`;
+    }
+    const gapMidY = previous.y + distanceY / 2;
+    const maxCurveHeight = Math.max(distanceY - CLERK_TURN_GAP_MARGIN * 2, 0);
+    const curveHeight = Math.min(CLERK_TURN_CURVE_HEIGHT, Math.max(maxCurveHeight, 0));
+    if (curveHeight <= 0.5) {
+        return `L ${round(current.x)} ${round(current.y)}`;
+    }
+    const turnStartY = gapMidY - curveHeight / 2;
+    const turnEndY = gapMidY + curveHeight / 2;
+    const controlDelta = curveHeight * CLERK_TURN_CONTROL_FACTOR;
+    return [
+        `L ${round(previous.x)} ${round(turnStartY)}`,
+        `C ${round(previous.x)} ${round(turnStartY + controlDelta)} ${round(current.x)} ${round(turnEndY - controlDelta)} ${round(current.x)} ${round(turnEndY)}`,
+        `L ${round(current.x)} ${round(current.y)}`,
+    ].join(' ');
+}
+function getActiveItems(items, activeAnchors) {
+    if (items.length === 0 || activeAnchors.length === 0)
+        return [];
+    return items.filter((item) => activeAnchors.includes(item.url.slice(1)));
+}
+function getActiveEndpoint(items) {
+    if (items.length === 0)
+        return null;
+    const last = items.at(-1);
+    if (!last)
+        return null;
+    return {
+        x: last.x,
+        y: last.y,
+    };
+}
+function isSameLayout(previous, next) {
+    if (Math.abs(previous.height - next.height) > 0.5)
+        return false;
+    if (previous.items.length !== next.items.length)
+        return false;
+    for (let i = 0; i < previous.items.length; i++) {
+        const prev = previous.items[i];
+        const curr = next.items[i];
+        if (!prev || !curr)
+            return false;
+        if (prev.url !== curr.url || prev.stepNumber !== curr.stepNumber) {
+            return false;
+        }
+        if (Math.abs(prev.y - curr.y) > 0.5)
+            return false;
+        if (Math.abs(prev.x - curr.x) > 0.5)
+            return false;
+    }
+    return true;
+}
+function measureItemLineY(element, content) {
+    const anchorRect = element.getBoundingClientRect();
+    const lineRects = Array.from(content.getClientRects()).filter((rect) => rect.height > 0);
+    if (lineRects.length > 0) {
+        const lastRect = lineRects.at(-1);
+        if (lastRect) {
+            return (element.offsetTop +
+                (lastRect.top - anchorRect.top) +
+                lastRect.height / 2);
+        }
+    }
+    const styles = getComputedStyle(element);
+    const top = element.offsetTop + parseFloat(styles.paddingTop);
+    const bottom = element.offsetTop +
+        element.clientHeight -
+        parseFloat(styles.paddingBottom);
+    return (top + bottom) / 2;
+}
+function round(value) {
+    return Number(value.toFixed(2));
+}
+function getDigitsFromUrl(url) {
+    const match = /^#(\d+)-/.exec(url);
+    if (!match)
+        return null;
+    const value = Number.parseInt(match[1], 10);
+    return Number.isNaN(value) ? null : value;
+}
+function getStepInfoFromTitle(title) {
+    var _a;
+    const trimmed = title.trim();
+    const match = trimmed.match(/^(\d+(?:\.\d+)*\.?)\s+(.+)$/);
+    if (!match)
+        return { isStep: false, displayStep: null, content: null };
+    const content = ((_a = match[2]) !== null && _a !== void 0 ? _a : '').trim();
+    if (content.length === 0) {
+        return { isStep: false, displayStep: null, content: null };
+    }
+    const numericPart = match[1].replace(/\.$/, '');
+    const parts = numericPart.split('.').map((part) => Number.parseInt(part, 10));
+    const lastPart = parts.at(-1);
+    if (lastPart == null || Number.isNaN(lastPart)) {
+        return { isStep: false, displayStep: null, content: null };
+    }
+    const clamped = Math.max(0, Math.min(19, lastPart));
+    return { isStep: true, displayStep: clamped, content };
+}
+function cn(...inputs) {
+    return inputs.filter(Boolean).join(' ');
+}
+function mergeRefs(...refs) {
+    return (node) => {
+        for (const ref of refs) {
+            if (!ref)
+                continue;
+            if (typeof ref === 'function') {
+                ref(node);
+                continue;
+            }
+            try {
+                ref.current = node;
+            }
+            catch (_a) {
+                // ignore readonly refs
+            }
+        }
+    };
+}
+
+export { PortableClerkTOC, PortableClerkTOCItems, PortableClerkTOCPopover, PortableClerkTOCScrollArea };

package/dist/main/delayed-img.js

@@ -30,7 +30,7 @@ function DelayedImg(_a) {
         }, ENV_DELAY_MS);
         return () => window.clearTimeout(timer);
     }, [isMounted, shouldDelay]);
-    return (jsxRuntime.jsxs("div", { className: utils.cn("relative", wrapperClassName), children: [(!isMounted || !isLoaded) && (jsxRuntime.jsx(snakeLoadingFrame.SnakeLoadingFrame, { shape: "rounded-rect", loading: true, themeColor: lib.themeSvgIconColor, strokeWidth: 3, className: utils.cn("absolute inset-0 rounded-[inherit] border shadow-sm bg-white/70 dark:bg-white/5", lib.themeBgColor, placeholderClassName), contentClassName: "h-full w-full", children: jsxRuntime.jsx("div", { "aria-hidden": "true", className: "absolute inset-0 rounded-[inherit] bg-white/20 dark:bg-white/0" }) })), isMounted && (jsxRuntime.jsx(Image, Object.assign({}, imageProps, { alt: alt, onLoad: (event) => {
+    return (jsxRuntime.jsxs("div", { className: utils.cn("relative", wrapperClassName), children: [(!isMounted || !isLoaded) && (jsxRuntime.jsx(snakeLoadingFrame.SnakeLoadingFrame, { shape: "rounded-rect", loading: true, themeColor: lib.themeSvgIconColor, className: utils.cn("absolute inset-0 rounded-[inherit] border shadow-sm bg-white/70 dark:bg-white/5", lib.themeBgColor, placeholderClassName), contentClassName: "h-full w-full", children: jsxRuntime.jsx("div", { "aria-hidden": "true", className: "absolute inset-0 rounded-[inherit] bg-white/20 dark:bg-white/0" }) })), isMounted && (jsxRuntime.jsx(Image, Object.assign({}, imageProps, { alt: alt, onLoad: (event) => {
                     setIsLoaded(true);
                     onLoad === null || onLoad === void 0 ? void 0 : onLoad(event);
                 }, className: utils.cn("transition duration-300", isLoaded ? "opacity-100" : "opacity-0", className) })))] }));

package/dist/main/delayed-img.mjs

@@ -28,7 +28,7 @@ function DelayedImg(_a) {
         }, ENV_DELAY_MS);
         return () => window.clearTimeout(timer);
     }, [isMounted, shouldDelay]);
-    return (jsxs("div", { className: cn("relative", wrapperClassName), children: [(!isMounted || !isLoaded) && (jsx(SnakeLoadingFrame, { shape: "rounded-rect", loading: true, themeColor: themeSvgIconColor, strokeWidth: 3, className: cn("absolute inset-0 rounded-[inherit] border shadow-sm bg-white/70 dark:bg-white/5", themeBgColor, placeholderClassName), contentClassName: "h-full w-full", children: jsx("div", { "aria-hidden": "true", className: "absolute inset-0 rounded-[inherit] bg-white/20 dark:bg-white/0" }) })), isMounted && (jsx(Image, Object.assign({}, imageProps, { alt: alt, onLoad: (event) => {
+    return (jsxs("div", { className: cn("relative", wrapperClassName), children: [(!isMounted || !isLoaded) && (jsx(SnakeLoadingFrame, { shape: "rounded-rect", loading: true, themeColor: themeSvgIconColor, className: cn("absolute inset-0 rounded-[inherit] border shadow-sm bg-white/70 dark:bg-white/5", themeBgColor, placeholderClassName), contentClassName: "h-full w-full", children: jsx("div", { "aria-hidden": "true", className: "absolute inset-0 rounded-[inherit] bg-white/20 dark:bg-white/0" }) })), isMounted && (jsx(Image, Object.assign({}, imageProps, { alt: alt, onLoad: (event) => {
                     setIsLoaded(true);
                     onLoad === null || onLoad === void 0 ? void 0 : onLoad(event);
                 }, className: cn("transition duration-300", isLoaded ? "opacity-100" : "opacity-0", className) })))] }));

package/dist/main/gallery/gallery-mobile-swiper.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var swiperReact = require('../../node_modules/.pnpm/swiper@12.1.2/node_modules/swiper/swiper-react.js');
-var pagination = require('../../node_modules/.pnpm/swiper@12.1.2/node_modules/swiper/modules/pagination.js');
+var swiperReact = require('../../node_modules/.pnpm/swiper@12.1.3/node_modules/swiper/swiper-react.js');
+var pagination = require('../../node_modules/.pnpm/swiper@12.1.3/node_modules/swiper/modules/pagination.js');
 var Image = require('next/image');
 var lib = require('@windrun-huaiin/base-ui/lib');
 

package/dist/main/gallery/gallery-mobile-swiper.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Swiper, SwiperSlide } from '../../node_modules/.pnpm/swiper@12.1.2/node_modules/swiper/swiper-react.mjs';
-import Pagination from '../../node_modules/.pnpm/swiper@12.1.2/node_modules/swiper/modules/pagination.mjs';
+import { Swiper, SwiperSlide } from '../../node_modules/.pnpm/swiper@12.1.3/node_modules/swiper/swiper-react.mjs';
+import Pagination from '../../node_modules/.pnpm/swiper@12.1.3/node_modules/swiper/modules/pagination.mjs';
 import Image from 'next/image';
 import { themeSvgIconColor } from '@windrun-huaiin/base-ui/lib';
 

package/dist/main/index.js

@@ -22,6 +22,7 @@ var creditNavButton = require('./credit/credit-nav-button.js');
 
 exports.GoToTop = goToTop.GoToTop;
 exports.Loading = loading.Loading;
+exports.getLoadingCycleDurationMs = loading.getLoadingCycleDurationMs;
 exports.NProgressBar = nprogressBar.NProgressBar;
 exports.AdsAlertDialog = adsAlertDialog.AdsAlertDialog;
 exports.XButton = xButton.XButton;

package/dist/main/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 export { GoToTop } from './go-to-top.mjs';
-export { Loading } from './loading.mjs';
+export { Loading, getLoadingCycleDurationMs } from './loading.mjs';
 export { NProgressBar } from './nprogress-bar.mjs';
 export { AdsAlertDialog } from './ads-alert-dialog.mjs';
 export { XButton } from './x-button.mjs';

package/dist/main/loading.d.ts

@@ -1,3 +1,4 @@
+export declare function getLoadingCycleDurationMs(): number;
 interface LoadingProps {
     themeColor?: string;
     compact?: boolean;

package/dist/main/loading.js

@@ -11,6 +11,12 @@ const DOT_SIZE = 6; // px, dot diameter
 const SPACING = 12; // px, space between dot centers
 const ANIMATION_DURATION = 1.8; // seconds
 const STAGGER_DELAY_FACTOR = 0.08; // seconds, delay per unit of distance from center
+function getLoadingCycleDurationMs() {
+    const centerX = (NUM_COLS - 1) / 2;
+    const centerY = (NUM_ROWS - 1) / 2;
+    const furthestDistance = Math.sqrt(Math.pow(centerY, 2) + Math.pow(centerX, 2));
+    return (ANIMATION_DURATION + furthestDistance * STAGGER_DELAY_FACTOR) * 1000;
+}
 function clampChannel(value) {
     return Math.max(0, Math.min(255, Math.round(value)));
 }
@@ -95,3 +101,4 @@ function Loading({ themeColor = lib.themeSvgIconColor, compact = false, classNam
 }
 
 exports.Loading = Loading;
+exports.getLoadingCycleDurationMs = getLoadingCycleDurationMs;

package/dist/main/loading.mjs

@@ -9,6 +9,12 @@ const DOT_SIZE = 6; // px, dot diameter
 const SPACING = 12; // px, space between dot centers
 const ANIMATION_DURATION = 1.8; // seconds
 const STAGGER_DELAY_FACTOR = 0.08; // seconds, delay per unit of distance from center
+function getLoadingCycleDurationMs() {
+    const centerX = (NUM_COLS - 1) / 2;
+    const centerY = (NUM_ROWS - 1) / 2;
+    const furthestDistance = Math.sqrt(Math.pow(centerY, 2) + Math.pow(centerX, 2));
+    return (ANIMATION_DURATION + furthestDistance * STAGGER_DELAY_FACTOR) * 1000;
+}
 function clampChannel(value) {
     return Math.max(0, Math.min(255, Math.round(value)));
 }
@@ -92,4 +98,4 @@ function Loading({ themeColor = themeSvgIconColor, compact = false, className, l
                     } }, dot.id))), jsx("div", { className: "absolute inset-0 flex items-center justify-center", style: { pointerEvents: 'none' }, children: jsx("p", { className: cn('text-xl font-semibold text-white', labelClassName), children: label }) })] }) }));
 }
 
-export { Loading };
+export { Loading, getLoadingCycleDurationMs };

package/dist/main/snake-loading-frame.js

@@ -11,12 +11,12 @@ const TRACK_COLOR = 'rgba(148, 163, 184, 0.22)';
 const BODY_LENGTH_RATIO = 0.26;
 const EXIT_DURATION_MS = 260;
 const LOOP_DURATION_SECONDS = 1.85;
-const DEFAULT_CIRCLE_STROKE = 2;
-const DEFAULT_RECT_STROKE = 3;
+const DEFAULT_CIRCLE_STROKE = 0.5;
+const DEFAULT_RECT_STROKE = 1;
 const MIN_FRAME_SIZE = 2;
 const MIN_BODY_LENGTH = 24;
 const MAX_BODY_LENGTH_RATIO = 0.36;
-const RECT_MIN_STROKE_WIDTH = 3;
+const RECT_MIN_STROKE_WIDTH = 1;
 function clampProgress(progress) {
     if (!Number.isFinite(progress)) {
         return 0;

package/dist/main/snake-loading-frame.mjs

@@ -9,12 +9,12 @@ const TRACK_COLOR = 'rgba(148, 163, 184, 0.22)';
 const BODY_LENGTH_RATIO = 0.26;
 const EXIT_DURATION_MS = 260;
 const LOOP_DURATION_SECONDS = 1.85;
-const DEFAULT_CIRCLE_STROKE = 2;
-const DEFAULT_RECT_STROKE = 3;
+const DEFAULT_CIRCLE_STROKE = 0.5;
+const DEFAULT_RECT_STROKE = 1;
 const MIN_FRAME_SIZE = 2;
 const MIN_BODY_LENGTH = 24;
 const MAX_BODY_LENGTH_RATIO = 0.36;
-const RECT_MIN_STROKE_WIDTH = 3;
+const RECT_MIN_STROKE_WIDTH = 1;
 function clampProgress(progress) {
     if (!Number.isFinite(progress)) {
         return 0;

package/dist/node_modules/.pnpm/{katex@0.16.38 → katex@0.16.43}/node_modules/katex/dist/katex.js

@@ -673,6 +673,8 @@ var path = {
   // hook is from glyph U+21A9 in font KaTeX Main
   lefthook: "M400000 281 H103s-33-11.2-61-33.5S0 197.3 0 164s14.2-61.2 42.5\n-83.5C70.8 58.2 104 47 142 47 c16.7 0 25 6.7 25 20 0 12-8.7 18.7-26 20-40 3.3\n-68.7 15.7-86 37-10 12-15 25.3-15 40 0 22.7 9.8 40.7 29.5 54 19.7 13.3 43.5 21\n 71.5 23h399859zM103 281v-40h399897v40z",
   leftlinesegment: "M40 281 V428 H0 V94 H40 V241 H400000 v40z\nM40 281 V428 H0 V94 H40 V241 H400000 v40z",
+  leftbracketunder: "M0 0 h120 V290 H399995 v120 H0z\nM0 0 h120 V290 H399995 v120 H0z",
+  leftbracketover: "M0 440 h120 V150 H399995 v-120 H0z\nM0 440 h120 V150 H399995 v-120 H0z",
   leftmapsto: "M40 281 V448H0V74H40V241H400000v40z\nM40 281 V448H0V74H40V241H400000v40z",
   // tofrom is from glyph U+21C4 in font KaTeX AMS Regular
   leftToFrom: "M0 147h400000v40H0zm0 214c68 40 115.7 95.7 143 167h22c15.3 0 23\n-.3 23-1 0-1.3-5.3-13.7-16-37-18-35.3-41.3-69-70-101l-7-8h399905v-40H95l7-8\nc28.7-32 52-65.7 70-101 10.7-23.3 16-35.7 16-37 0-.7-7.7-1-23-1h-22C115.7 265.3\n 68 321 0 361zm0-174v-40h399900v40zm100 154v40h399900v-40z",
@@ -694,6 +696,8 @@ var path = {
   rightharpoondownplus: "M399747 705c0 7.3 6.7 11 20 11 8 0 13-.8\n 15-2.5s4.7-6.8 8-15.5c40-94 99.3-166.3 178-217 13.3-8 20.3-12.3 21-13 5.3-3.3\n 8.5-5.8 9.5-7.5 1-1.7 1.5-5.2 1.5-10.5s-2.3-10.3-7-15H0v40h399908c-34 25.3\n-64.7 57-92 95-27.3 38-48.7 77.7-64 119-3.3 8.7-5 14-5 16zM0 435v40h399900v-40z\nm0-194v40h400000v-40zm0 0v40h400000v-40z",
   righthook: "M399859 241c-764 0 0 0 0 0 40-3.3 68.7-15.7 86-37 10-12 15-25.3\n 15-40 0-22.7-9.8-40.7-29.5-54-19.7-13.3-43.5-21-71.5-23-17.3-1.3-26-8-26-20 0\n-13.3 8.7-20 26-20 38 0 71 11.2 99 33.5 0 0 7 5.6 21 16.7 14 11.2 21 33.5 21\n 66.8s-14 61.2-42 83.5c-28 22.3-61 33.5-99 33.5L0 241z M0 281v-40h399859v40z",
   rightlinesegment: "M399960 241 V94 h40 V428 h-40 V281 H0 v-40z\nM399960 241 V94 h40 V428 h-40 V281 H0 v-40z",
+  rightbracketunder: "M399995 0 h-120 V290 H0 v120 H400000z\nM399995 0 h-120 V290 H0 v120 H400000z",
+  rightbracketover: "M399995 440 h-120 V150 H0 v-120 H399995z\nM399995 440 h-120 V150 H0 v-120 H399995z",
   rightToFrom: "M400000 167c-70.7-42-118-97.7-142-167h-23c-15.3 0-23 .3-23\n 1 0 1.3 5.3 13.7 16 37 18 35.3 41.3 69 70 101l7 8H0v40h399905l-7 8c-28.7 32\n-52 65.7-70 101-10.7 23.3-16 35.7-16 37 0 .7 7.7 1 23 1h23c24-69.3 71.3-125 142\n-167z M100 147v40h399900v-40zM0 341v40h399900v-40z",
   // twoheadleftarrow is from glyph U+219E in font KaTeX AMS Regular
   twoheadleftarrow: "M0 167c68 40\n 115.7 95.7 143 167h22c15.3 0 23-.3 23-1 0-1.3-5.3-13.7-16-37-18-35.3-41.3-69\n-70-101l-7-8h125l9 7c50.7 39.3 85 86 103 140h46c0-4.7-6.3-18.7-19-42-18-35.3\n-40-67.3-66-96l-9-9h399716v-40H284l9-9c26-28.7 48-60.7 66-96 12.7-23.333 19\n-37.333 19-42h-46c-18 54-52.3 100.7-103 140l-9 7H95l7-8c28.7-32 52-65.7 70-101\n 10.7-23.333 16-35.7 16-37 0-.7-7.7-1-23-1h-22C115.7 71.3 68 127 0 167z",
@@ -1189,7 +1193,7 @@ class SymbolNode {
     }
     var styles = "";
     if (this.italic > 0) {
-      styles += "margin-right:" + this.italic + "em;";
+      styles += "margin-right:" + makeEm(this.italic) + ";";
     }
     for (var key of Object.keys(this.style)) {
       styles += hyphenate(key) + ":" + this.style[key] + ";";
@@ -3752,6 +3756,10 @@ defineSymbol(math, main, rel, "\u220b", "\\owns");
 // Punctuation
 defineSymbol(math, main, punct, "\u002e", "\\ldotp");
 defineSymbol(math, main, punct, "\u22c5", "\\cdotp");
+// The KaTeX fonts do not contain U+00B7. Use the centered dot glyph at U+22C5
+// in both modes, but keep math-mode punctuation spacing only in math mode.
+defineSymbol(math, main, punct, "\u22c5", "\u00b7");
+defineSymbol(text, main, textord, "\u22c5", "\u00b7");
 // Misc Symbols
 defineSymbol(math, main, textord, "\u0023", "\\#");
 defineSymbol(text, main, textord, "\u0023", "\\#");
@@ -6395,6 +6403,8 @@ var stretchyCodePoint = {
   xrightarrow: "\u2192",
   underbrace: "\u23df",
   overbrace: "\u23de",
+  underbracket: "\u23b5",
+  overbracket: "\u23b4",
   overgroup: "\u23e0",
   undergroup: "\u23e1",
   overleftrightarrow: "\u2194",
@@ -6505,6 +6515,8 @@ var katexImagesData = {
   xhookrightarrow: [["lefthook", "rightarrow"], 1.08, 522],
   overlinesegment: [["leftlinesegment", "rightlinesegment"], 0.888, 522],
   underlinesegment: [["leftlinesegment", "rightlinesegment"], 0.888, 522],
+  overbracket: [["leftbracketover", "rightbracketover"], 1.6, 440],
+  underbracket: [["leftbracketunder", "rightbracketunder"], 1.6, 410],
   overgroup: [["leftgroup", "rightgroup"], 0.888, 342],
   undergroup: [["leftgroupunder", "rightgroupunder"], 0.888, 342],
   xmapsto: [["leftmapsto", "rightarrow"], 1.5, 522],
@@ -8251,8 +8263,8 @@ var makeStackedDelim = function makeStackedDelim(delim, heightTotal, center, opt
     var viewBoxHeight = Math.round(realHeightTotal * 1000);
     var pathStr = tallDelim(svgLabel, Math.round(midHeight * 1000));
     var path = new PathNode(svgLabel, pathStr);
-    var width = (viewBoxWidth / 1000).toFixed(3) + "em";
-    var height = (viewBoxHeight / 1000).toFixed(3) + "em";
+    var width = makeEm(viewBoxWidth / 1000);
+    var height = makeEm(viewBoxHeight / 1000);
     var svg = new SvgNode([path], {
       "width": width,
       "height": height,
@@ -9073,7 +9085,7 @@ var mathmlBuilder$6 = (group, options) => {
         var thk = Math.max(options.fontMetrics().fboxrule,
         // default
         options.minRuleThickness);
-        node.setAttribute("style", "border: " + thk + "em solid " + String(group.borderColor));
+        node.setAttribute("style", "border: " + makeEm(thk) + " solid " + group.borderColor);
       }
       break;
     case "\\xcancel":
@@ -9161,7 +9173,7 @@ defineFunction({
 });
 defineFunction({
   type: "enclose",
-  names: ["\\cancel", "\\bcancel", "\\xcancel", "\\sout", "\\phase"],
+  names: ["\\cancel", "\\bcancel", "\\xcancel", "\\phase"],
   props: {
     numArgs: 1
   },
@@ -9181,6 +9193,32 @@ defineFunction({
   htmlBuilder: htmlBuilder$7,
   mathmlBuilder: mathmlBuilder$6
 });
+defineFunction({
+  type: "enclose",
+  names: ["\\sout"],
+  props: {
+    numArgs: 1,
+    allowedInText: true
+  },
+  handler(_ref5, args) {
+    var {
+      parser,
+      funcName
+    } = _ref5;
+    if (parser.mode === "math") {
+      parser.settings.reportNonstrict("mathVsSout", "LaTeX's \\sout works only in text mode");
+    }
+    var body = args[0];
+    return {
+      type: "enclose",
+      mode: parser.mode,
+      label: funcName,
+      body
+    };
+  },
+  htmlBuilder: htmlBuilder$7,
+  mathmlBuilder: mathmlBuilder$6
+});
 defineFunction({
   type: "enclose",
   names: ["\\angl"],
@@ -9189,10 +9227,10 @@ defineFunction({
     argTypes: ["hbox"],
     allowedInText: false
   },
-  handler(_ref5, args) {
+  handler(_ref6, args) {
     var {
       parser
-    } = _ref5;
+    } = _ref6;
     return {
       type: "enclose",
       mode: parser.mode,
@@ -10942,7 +10980,7 @@ var htmlBuilder$3 = (grp, options) => {
     //      note          long note           long note
     //   ┏━━━━━━━━┓   or    ┏━━━┓     not    ┏━━━━━━━━━┓
     //    equation           eqn                 eqn
-    var vSpan = makeSpan(["mord", group.isOver ? "mover" : "munder"], [vlist], options);
+    var vSpan = makeSpan(["minner", group.isOver ? "mover" : "munder"], [vlist], options);
     if (group.isOver) {
       vlist = makeVList({
         positionType: "firstBaseline",
@@ -10974,7 +11012,7 @@ var htmlBuilder$3 = (grp, options) => {
       });
     }
   }
-  return makeSpan(["mord", group.isOver ? "mover" : "munder"], [vlist], options);
+  return makeSpan(["minner", group.isOver ? "mover" : "munder"], [vlist], options);
 };
 var mathmlBuilder$2 = (group, options) => {
   var accentNode = stretchyMathML(group.label);
@@ -10983,7 +11021,7 @@ var mathmlBuilder$2 = (group, options) => {
 // Horizontal stretchy braces
 defineFunction({
   type: "horizBrace",
-  names: ["\\overbrace", "\\underbrace"],
+  names: ["\\overbrace", "\\underbrace", "\\overbracket", "\\underbracket"],
   props: {
     numArgs: 1
   },
@@ -10996,7 +11034,7 @@ defineFunction({
       type: "horizBrace",
       mode: parser.mode,
       label: funcName,
-      isOver: /^\\over/.test(funcName),
+      isOver: funcName.includes("\\over"),
       base: args[0]
     };
   },
@@ -13768,10 +13806,6 @@ defineMacro("\u210C", "\\mathfrak{H}");
 defineMacro("\u2128", "\\mathfrak{Z}");
 // Define \Bbbk with a macro that works in both HTML and MathML.
 defineMacro("\\Bbbk", "\\Bbb{k}");
-// Unicode middle dot
-// The KaTeX fonts do not contain U+00B7. Instead, \cdotp displays
-// the dot at U+22C5 and gives it punct spacing.
-defineMacro("\u00b7", "\\cdotp");
 // \llap and \rlap render their contents in text mode
 defineMacro("\\llap", "\\mathllap{\\textrm{#1}}");
 defineMacro("\\rlap", "\\mathrlap{\\textrm{#1}}");
@@ -16372,7 +16406,7 @@ var renderToHTMLTree = function renderToHTMLTree(expression, options) {
     return renderError(error, expression, settings);
   }
 };
-var version = "0.16.38";
+var version = "0.16.43";
 var __domTree = {
   Span,
   Anchor,