@sdata/web-vue 3.26.0 → 3.28.0

package/es/input-mask/presets.js

@@ -0,0 +1,220 @@
+//#region components/input-mask/presets.ts
+var testPattern = (pattern, value) => {
+	pattern.lastIndex = 0;
+	return pattern.test(value);
+};
+var filterCharacters = (pattern) => (value) => Array.from(value).filter((character) => testPattern(pattern, character)).join("");
+var acceptsIpv4 = (value) => {
+	if (!/^\d*(?:\.\d*){0,3}$/.test(value)) return false;
+	return value.split(".").every((part) => part.length <= 3 && (!part || Number(part) <= 255));
+};
+var acceptsIpv6 = (value) => {
+	var _value$match, _value$match2;
+	if (!/^[0-9A-Fa-f:]*$/.test(value)) return false;
+	if (value.includes(":::")) return false;
+	if (((_value$match = value.match(/::/g)) !== null && _value$match !== void 0 ? _value$match : []).length > 1) return false;
+	if (((_value$match2 = value.match(/:/g)) !== null && _value$match2 !== void 0 ? _value$match2 : []).length > 7) return false;
+	return value.split(":").every((part) => part.length <= 4);
+};
+var formatDateTimeDigits = (digits, dateTimeSeparator) => {
+	const value = digits.slice(0, 14);
+	let result = value.slice(0, 4);
+	if (value.length >= 4) result += "-";
+	result += value.slice(4, 6);
+	if (value.length >= 6) result += "-";
+	result += value.slice(6, 8);
+	if (value.length >= 8) result += dateTimeSeparator;
+	result += value.slice(8, 10);
+	if (value.length >= 10) result += ":";
+	result += value.slice(10, 12);
+	if (value.length >= 12) result += ":";
+	result += value.slice(12, 14);
+	return result;
+};
+var normalizeDateTime = (dateTimeSeparator) => (value) => {
+	const normalized = filterCharacters(/[0-9TtZz:+\-. ]/)(value);
+	const suffix = normalized.slice(19);
+	if (normalized.includes(".") || /[Zz+]/.test(normalized) || suffix.includes("-")) return normalized;
+	return formatDateTimeDigits(normalized.replace(/\D/g, ""), dateTimeSeparator);
+};
+var normalizeIban = (value) => filterCharacters(/[A-Za-z0-9]/)(value).toUpperCase().slice(0, 34).replace(/(.{4})(?=.)/g, "$1 ");
+var looseUriCharacters = /[^\s]/u;
+var inputMaskPresets = {
+	"date": {
+		placeholder: "YYYY-MM-DD",
+		inputMode: "numeric",
+		mask: "9999-99-99"
+	},
+	"time": {
+		placeholder: "HH:MM:SS",
+		inputMode: "numeric",
+		mask: "99:99:99"
+	},
+	"datetime": {
+		placeholder: "2026-08-06 10:30:00",
+		inputMode: "text",
+		normalize: normalizeDateTime(" "),
+		accepts: (value) => /^\d{0,4}(?:-\d{0,2}(?:-\d{0,2}(?:[Tt ]\d{0,2}(?::\d{0,2}(?::\d{0,2}(?:\.\d{0,6})?(?:[Zz]|[+-]\d{0,2}(?::\d{0,2})?)?)?)?)?)?)?$/.test(value)
+	},
+	"rfc3339": {
+		placeholder: "2026-08-06T10:30:00+08:00",
+		inputMode: "text",
+		normalize: normalizeDateTime("T"),
+		accepts: (value) => /^\d{0,4}(?:-\d{0,2}(?:-\d{0,2}(?:[Tt]\d{0,2}(?::\d{0,2}(?::\d{0,2}(?:\.\d{0,6})?(?:[Zz]|[+-]\d{0,2}(?::\d{0,2})?)?)?)?)?)?)?$/.test(value)
+	},
+	"ip": {
+		placeholder: "192.168.1.1 或 2001:db8::1",
+		inputMode: "text",
+		normalize: filterCharacters(/[0-9A-Fa-f:.]/),
+		accepts: (value) => acceptsIpv4(value) || acceptsIpv6(value)
+	},
+	"ipv4": {
+		placeholder: "192.168.1.1",
+		inputMode: "decimal",
+		normalize: filterCharacters(/[0-9.]/),
+		accepts: acceptsIpv4
+	},
+	"ipv6": {
+		placeholder: "2001:db8::1",
+		inputMode: "text",
+		normalize: filterCharacters(/[0-9A-Fa-f:]/),
+		accepts: acceptsIpv6
+	},
+	"ip-range": {
+		placeholder: "192.168.1.0/24",
+		inputMode: "text",
+		normalize: filterCharacters(/[0-9A-Fa-f:./]/),
+		accepts: (value) => {
+			const slash = value.lastIndexOf("/");
+			if (slash === -1) return acceptsIpv4(value) || acceptsIpv6(value);
+			const ip = value.slice(0, slash);
+			const prefix = value.slice(slash + 1);
+			if (!(acceptsIpv4(ip) || acceptsIpv6(ip))) return false;
+			if (prefix === "") return true;
+			if (!/^\d{0,3}$/.test(prefix)) return false;
+			const prefixNum = Number(prefix);
+			if (prefixNum > 128) return false;
+			if (ip.includes(".") && !ip.includes(":") && prefixNum > 32) return false;
+			return true;
+		}
+	},
+	"url": {
+		placeholder: "https://example.com/path",
+		inputMode: "url",
+		normalize: filterCharacters(/[A-Za-z0-9:/?#@!$&'()*+,;=._~%\u005B\u005D-]/),
+		accepts: (value) => /^(?:[A-Za-z][A-Za-z\d+.-]*:\/{0,2})?[A-Za-z0-9:/?#@!$&'()*+,;=._~%\u005B\u005D-]*$/.test(value)
+	},
+	"email": {
+		placeholder: "name@example.com",
+		inputMode: "email",
+		normalize: filterCharacters(looseUriCharacters),
+		accepts: (value) => /^[^\s@]*(?:@[^\s@]*)?$/u.test(value)
+	},
+	"fqdn": {
+		placeholder: "example.com",
+		inputMode: "url",
+		normalize: filterCharacters(/* @__PURE__ */ new RegExp("[\\p{Letter}\\p{Number}._*-]", "u")),
+		accepts: (value) => !value.includes("..")
+	},
+	"semver": {
+		placeholder: "1.2.3-beta.1+build.7",
+		inputMode: "text",
+		normalize: filterCharacters(/[0-9A-Za-z.+-]/),
+		accepts: (value) => /^(?:0|[1-9]\d*)?(?:\.(?:0|[1-9]\d*)?)?(?:\.(?:0|[1-9]\d*)?)?(?:-[0-9A-Za-z-]*(?:\.[0-9A-Za-z-]*)*)?(?:\+[0-9A-Za-z-]*(?:\.[0-9A-Za-z-]*)*)?$/.test(value)
+	},
+	"uuid": {
+		placeholder: "550e8400-e29b-41d4-a716-446655440000",
+		inputMode: "text",
+		mask: "hhhhhhhh-hhhh-hhhh-hhhh-hhhhhhhhhhhh",
+		formatChars: { h: /[0-9A-Fa-f]/ }
+	},
+	"mac-address": {
+		placeholder: "01:23:45:67:89:ab",
+		inputMode: "text",
+		mask: "hh:hh:hh:hh:hh:hh",
+		formatChars: { h: /[0-9A-Fa-f]/ }
+	},
+	"lat-long": {
+		placeholder: "31.2304, 121.4737",
+		inputMode: "text",
+		normalize: filterCharacters(/[-0-9+., ]/),
+		accepts: (value) => /^[-+]?\d*(?:\.\d*)?(?:, ?[-+]?\d*(?:\.\d*)?)?$/.test(value)
+	},
+	"hex-color": {
+		placeholder: "#1677ff",
+		inputMode: "text",
+		normalize: filterCharacters(/[0-9A-Fa-f#]/),
+		accepts: (value) => /^#?[0-9A-Fa-f]{0,8}$/.test(value)
+	},
+	"rgb-color": {
+		placeholder: "rgb(22, 119, 255)",
+		inputMode: "text",
+		normalize: filterCharacters(/[0-9a-zA-Z().,% ]/),
+		accepts: (value) => /^r(?:g(?:b(?:a)?)?)?\(?(?:\d{0,3}(?:, ?\d{0,3}(?:, ?\d{0,3}(?:, ?(?:\d{0,3}(?:\.\d{0,3})?%?)?)?)?)?)?\)?$/i.test(value)
+	},
+	"hsl": {
+		placeholder: "hsl(210, 100%, 50%)",
+		inputMode: "text",
+		normalize: filterCharacters(/[0-9a-zA-Z().,% ]/),
+		accepts: (value) => /^h(?:s(?:l(?:a)?)?)?\(?(?:\d{0,3}(?:, ?\d{0,3}%?(?:, ?\d{0,3}%?(?:, ?(?:\d{0,3}(?:\.\d{0,3})?%?)?)?)?)?)?\)?$/i.test(value)
+	},
+	"imei": {
+		placeholder: "12-345678-901234-5",
+		inputMode: "numeric",
+		mask: "99-999999-999999-9"
+	},
+	"issn": {
+		placeholder: "1234-567X",
+		inputMode: "text",
+		mask: "9999-999x",
+		formatChars: { x: /[0-9Xx]/ }
+	},
+	"isrc": {
+		placeholder: "US-AAA-26-12345",
+		inputMode: "text",
+		mask: "aa-aaa-99-99999"
+	},
+	"iso6346": {
+		placeholder: "MSCU 123456 7",
+		inputMode: "text",
+		mask: "aaaa 999999 9"
+	},
+	"jwt": {
+		placeholder: "header.payload.signature",
+		inputMode: "text",
+		normalize: filterCharacters(/[0-9A-Za-z._-]/),
+		accepts: (value) => /^[0-9A-Za-z_-]*(?:\.[0-9A-Za-z_-]*){0,2}$/.test(value)
+	},
+	"mime-type": {
+		placeholder: "application/json",
+		inputMode: "text",
+		normalize: filterCharacters(/[0-9A-Za-z!#$&^_.+/-]/),
+		accepts: (value) => /^[^/\s]*(?:\/[^/\s]*)?$/.test(value)
+	},
+	"mailto-uri": {
+		placeholder: "mailto:name@example.com",
+		inputMode: "email",
+		normalize: filterCharacters(looseUriCharacters),
+		accepts: (value) => /^(?:mailto:?)?[^\s]*$/i.test(value)
+	},
+	"data-uri": {
+		placeholder: "data:text/plain;base64,...",
+		inputMode: "text",
+		normalize: filterCharacters(looseUriCharacters),
+		accepts: (value) => /^(?:data:?)?[^\s]*$/i.test(value)
+	},
+	"magnet-uri": {
+		placeholder: "magnet:?xt=urn:btih:...",
+		inputMode: "text",
+		normalize: filterCharacters(looseUriCharacters),
+		accepts: (value) => /^(?:magnet:?)?[^\s]*$/i.test(value)
+	},
+	"iban": {
+		placeholder: "GB82 WEST 1234 5698 7654 32",
+		inputMode: "text",
+		normalize: normalizeIban,
+		accepts: (value) => /^[A-Z0-9 ]{0,42}$/.test(value)
+	}
+};
+//#endregion
+export { inputMaskPresets };

package/es/input-mask/style/css.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/input-mask/style/index.css

@@ -0,0 +1,20 @@
+/******** borderSize *******/
+/******** borderStyle *******/
+/******** radius *******/
+/******** shadow distance *******/
+/******** size *******/
+/******** spacing *******/
+/******** shadow *******/
+/******** opacity *******/
+/******** fontSize *******/
+/******** fontWeight ********/
+/******** Primary *******/
+/******** success *******/
+/******** warning *******/
+/******** danger *******/
+/******** link *******/
+/******** radius *******/
+/********* icon hover *********/
+.sd-input-mask .sd-input {
+  font-variant-numeric: tabular-nums;
+}

package/es/input-mask/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../input/style';
+import './index.scss';

package/es/input-mask/style/index.js

@@ -0,0 +1 @@
+import "./index.scss";

package/es/input-mask/style/index.scss

@@ -0,0 +1,10 @@
+@use '@style/theme/index.scss' as theme;
+@use '@components/input-mask/style/token.scss' as *;
+@use 'sass:string';
+
+$input-mask-prefix-cls: string.unquote('#{theme.$prefix}-input-mask');
+$input-prefix-cls: string.unquote('#{theme.$prefix}-input');
+
+.#{$input-mask-prefix-cls} .#{$input-prefix-cls} {
+  font-variant-numeric: $input-mask-font-variant-numeric;
+}

package/es/input-mask/style/token.scss

@@ -0,0 +1,5 @@
+@use '@style/theme/index.scss' as global;
+
+@forward '@style/theme/index.scss';
+
+$input-mask-font-variant-numeric: tabular-nums;

package/es/input-mask/types.d.ts

@@ -0,0 +1,49 @@
+export type InputMaskSize = 'mini' | 'small' | 'medium' | 'large';
+export type InputMaskToken = string | RegExp;
+export type InputMaskPattern = string | readonly InputMaskToken[];
+export interface InputMaskSelection {
+    start: number;
+    end: number;
+}
+export interface InputMaskState {
+    value: string;
+    selection: InputMaskSelection | null;
+}
+export type InputMaskBeforeChange = (nextState: InputMaskState, previousState: InputMaskState) => InputMaskState;
+export interface InputMaskPresetDefinition {
+    placeholder: string;
+    inputMode?: 'decimal' | 'email' | 'numeric' | 'search' | 'tel' | 'text' | 'url';
+    mask?: InputMaskPattern;
+    formatChars?: Readonly<Record<string, RegExp>>;
+    normalize?: (value: string) => string;
+    accepts?: (value: string) => boolean;
+}
+export interface InputMaskProps {
+    modelValue?: string;
+    defaultValue?: string;
+    mask?: InputMaskPattern;
+    preset?: InputMaskPresetName;
+    maskChar?: string | null;
+    formatChars?: Readonly<Record<string, RegExp>>;
+    alwaysShowMask?: boolean;
+    beforeMaskedValueChange?: InputMaskBeforeChange;
+    size?: InputMaskSize;
+    allowClear?: boolean;
+    disabled?: boolean;
+    readonly?: boolean | string;
+    error?: boolean;
+    placeholder?: string;
+    fitWidth?: boolean;
+    maxWFull?: boolean;
+    showWordLimit?: boolean;
+    maxLength?: number | {
+        length: number;
+        errorOnly?: boolean;
+    };
+    wordLength?: (value: string) => number;
+    wordSlice?: (value: string, maxLength: number) => string;
+    inputAttrs?: Record<string, unknown>;
+    prepend?: string;
+    append?: string;
+}
+export type InputMaskPresetName = 'data-uri' | 'date' | 'datetime' | 'email' | 'fqdn' | 'hex-color' | 'hsl' | 'iban' | 'imei' | 'ip' | 'ip-range' | 'ipv4' | 'ipv6' | 'isrc' | 'iso6346' | 'issn' | 'jwt' | 'lat-long' | 'mac-address' | 'magnet-uri' | 'mailto-uri' | 'mime-type' | 'rgb-color' | 'rfc3339' | 'semver' | 'time' | 'url' | 'uuid';

package/es/locale/constant.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_LOCALE = "zh-CN";
+export declare const DEFAULT_LOCALE_KEY: string;

package/es/locale/constant.js

@@ -0,0 +1,5 @@
+//#region components/locale/constant.ts
+var DEFAULT_LOCALE = "zh-CN";
+var DEFAULT_LOCALE_KEY = DEFAULT_LOCALE.toLowerCase();
+//#endregion
+export { DEFAULT_LOCALE, DEFAULT_LOCALE_KEY };

package/es/locale/index.d.ts

@@ -1,4 +1,5 @@
 import type { SdI18nMessages, SdLang } from './interface';
+export { DEFAULT_LOCALE, DEFAULT_LOCALE_KEY } from './constant';
 export declare const addI18nMessages: (messages: SdI18nMessages, options?: {
     overwrite?: boolean;
 }) => void;

package/es/locale/index.js

@@ -1,10 +1,11 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
 import { isString } from "../_utils/is.js";
+import { DEFAULT_LOCALE, DEFAULT_LOCALE_KEY } from "./constant.js";
 import lang from "./lang/zh-cn.js";
 import { computed, inject, reactive, ref } from "vue";
 //#region components/locale/index.ts
-var LOCALE = ref("zh-CN");
-var I18N_MESSAGES = reactive({ "zh-CN": lang });
+var LOCALE = ref(DEFAULT_LOCALE);
+var I18N_MESSAGES = reactive({ [DEFAULT_LOCALE]: lang });
 /**
 * 添加地区语言包。添加过后的语言包可以通过 `useLocale` 使用
 * @param messages 需要添加的地区语言数据
@@ -33,8 +34,8 @@ var getLocale = () => {
 var useI18n = () => {
 	const configProvider = inject(configProviderInjectionKey, void 0);
 	const i18nMessage = computed(() => {
-		var _configProvider$local;
-		return (_configProvider$local = configProvider === null || configProvider === void 0 ? void 0 : configProvider.locale) !== null && _configProvider$local !== void 0 ? _configProvider$local : I18N_MESSAGES[LOCALE.value];
+		var _ref, _configProvider$local;
+		return (_ref = (_configProvider$local = configProvider === null || configProvider === void 0 ? void 0 : configProvider.locale) !== null && _configProvider$local !== void 0 ? _configProvider$local : I18N_MESSAGES[LOCALE.value]) !== null && _ref !== void 0 ? _ref : I18N_MESSAGES[DEFAULT_LOCALE];
 	});
 	const locale = computed(() => i18nMessage.value.locale);
 	const transform = (key, ...args) => {
@@ -60,4 +61,4 @@ var useI18n = () => {
 	};
 };
 //#endregion
-export { addI18nMessages, getLocale, useI18n, useLocale };
+export { DEFAULT_LOCALE, DEFAULT_LOCALE_KEY, addI18nMessages, getLocale, useI18n, useLocale };

package/es/locale/interface.d.ts

@@ -151,6 +151,17 @@ export interface SdA11yLang {
     goToSlide: string;
     characterOf: string;
     qrCode: string;
+    thinkingOrb: {
+        working: string;
+        searching: string;
+        solving: string;
+        listening: string;
+        connecting: string;
+        weaving: string;
+        composing: string;
+        breathing: string;
+        shaping: string;
+    };
 }
 export interface SdLang {
     locale: string;

package/es/locale/lang/en-us.js

@@ -192,7 +192,18 @@ var lang = {
 		slideOf: "Slide {0} of {1}",
 		goToSlide: "Go to slide {0}",
 		characterOf: "Character {0} of {1}",
-		qrCode: "QR code: {0}"
+		qrCode: "QR code: {0}",
+		thinkingOrb: {
+			working: "Working…",
+			searching: "Searching…",
+			solving: "Solving…",
+			listening: "Listening…",
+			connecting: "Connecting…",
+			weaving: "Weaving…",
+			composing: "Composing…",
+			breathing: "Thinking…",
+			shaping: "Shaping…"
+		}
 	},
 	sender: {
 		messageInput: "Message input",

package/es/locale/lang/zh-cn.js

@@ -1,3 +1,4 @@
+import { DEFAULT_LOCALE } from "../constant.js";
 //#region components/locale/lang/zh-cn.ts
 var calendarLang = {
 	formatYear: "YYYY 年",
@@ -69,7 +70,7 @@ var calendarLang = {
 	}
 };
 var lang = {
-	locale: "zh-CN",
+	locale: DEFAULT_LOCALE,
 	readonlyTip: "当前为只读模式",
 	empty: { description: "暂无数据" },
 	drawer: {
@@ -245,7 +246,18 @@ var lang = {
 		slideOf: "第 {0} 张,共 {1} 张",
 		goToSlide: "跳转到第 {0} 张",
 		characterOf: "第 {0} 个字符,共 {1} 个",
-		qrCode: "二维码:{0}"
+		qrCode: "二维码:{0}",
+		thinkingOrb: {
+			working: "正在工作",
+			searching: "正在搜索",
+			solving: "正在求解",
+			listening: "正在聆听",
+			connecting: "正在连接",
+			weaving: "正在编织",
+			composing: "正在组织内容",
+			breathing: "正在思考",
+			shaping: "正在塑形"
+		}
 	},
 	sender: {
 		messageInput: "消息输入",

package/es/sd-vue.js

@@ -105,6 +105,7 @@ import preview_group_default from "./image/preview-group.js";
 import Image from "./image/index.js";
 import FilePreviewer from "./file-previewer/index.js";
 import Icon from "./icon-component/index.js";
+import InputMask from "./input-mask/index.js";
 import KvList from "./kv-list/index.js";
 import content_default from "./layout/content.js";
 import footer_default from "./layout/footer.js";
@@ -139,6 +140,7 @@ import tab_pane_default from "./tabs/tab-pane.js";
 import Tabs from "./tabs/index.js";
 import TagGroup from "./tag-group/index.js";
 import ThemeProvider from "./theme-provider/index.js";
+import ThinkingOrb from "./thinking-orb/index.js";
 import item_default$1 from "./timeline/item.js";
 import Timeline from "./timeline/index.js";
 import Tour from "./tour/index.js";
@@ -193,6 +195,7 @@ var components = {
 	JsonForm,
 	KvList,
 	Input,
+	InputMask,
 	InputNumber,
 	InputTag,
 	Mention,
@@ -221,6 +224,7 @@ var components = {
 	QrCode,
 	Result,
 	Spin,
+	ThinkingOrb,
 	Skeleton,
 	Breadcrumb,
 	Dropdown,

package/es/textarea/textarea.vue_vue_type_script_setup_true_lang.js

@@ -12,6 +12,7 @@ import { useCursor } from "../_hooks/use-cursor.js";
 import { useFitWidth } from "../_hooks/use-fit-width.js";
 import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import { INPUT_EVENTS } from "../_utils/constant.js";
+import { countGraphemes, sliceGraphemes } from "../_utils/grapheme.js";
 import { omit } from "../_utils/omit.js";
 import pick from "../_utils/pick.js";
 import Tooltip from "../tooltip/index.js";
@@ -191,9 +192,8 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			return props.maxLength;
 		});
 		const getValueLength = (value) => {
-			var _value$length;
 			if (isFunction(props.wordLength)) return props.wordLength(value);
-			return (_value$length = value.length) !== null && _value$length !== void 0 ? _value$length : 0;
+			return countGraphemes(value);
 		};
 		const valueLength = computed(() => getValueLength(computedValue.value));
 		const mergedError = computed(() => _mergedError.value || Boolean(computedMaxLength.value && maxLengthErrorOnly.value && valueLength.value > computedMaxLength.value));
@@ -214,10 +214,9 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			});
 		};
 		const updateValue = (value, inner = true) => {
-			if (computedMaxLength.value && !maxLengthErrorOnly.value && getValueLength(value) > computedMaxLength.value) {
-				var _props$wordSlice, _props$wordSlice2;
-				value = (_props$wordSlice = (_props$wordSlice2 = props.wordSlice) === null || _props$wordSlice2 === void 0 ? void 0 : _props$wordSlice2.call(props, value, computedMaxLength.value)) !== null && _props$wordSlice !== void 0 ? _props$wordSlice : value.slice(0, computedMaxLength.value);
-			}
+			if (computedMaxLength.value && !maxLengthErrorOnly.value && getValueLength(value) > computedMaxLength.value) if (isFunction(props.wordSlice)) value = props.wordSlice(value, computedMaxLength.value);
+			else if (isFunction(props.wordLength)) value = value.slice(0, computedMaxLength.value);
+			else value = sliceGraphemes(value, computedMaxLength.value);
 			_value.value = value;
 			if (inner) emit("update:modelValue", value);
 			keepControl();

package/es/thinking-orb/engine/braid.d.ts

@@ -0,0 +1,2 @@
+import type { ModeDraw } from './types';
+export declare const drawBraid: ModeDraw;

package/es/thinking-orb/engine/braid.js

@@ -0,0 +1,52 @@
+import { fibDir, frac, makeProj, paint, radiusScale } from "./core.js";
+//#region components/thinking-orb/engine/braid.ts
+var drawBraid = (ctx, size, t, dark, o) => {
+	var _o$rsPow, _o$ghostN, _o$strandN, _o$turns;
+	const cx = size / 2;
+	const cy = size / 2;
+	const R = size / 2 * .76;
+	const pt = makeProj(t * .4, .3, cx, cy, 1);
+	const rs = radiusScale(size, (_o$rsPow = o.rsPow) !== null && _o$rsPow !== void 0 ? _o$rsPow : .6);
+	const dots = [];
+	const ghostN = (_o$ghostN = o.ghostN) !== null && _o$ghostN !== void 0 ? _o$ghostN : 150;
+	for (let i = 0; i < ghostN; i++) {
+		const d = fibDir(i, ghostN);
+		const [px, py, z] = pt(d[0] * R, d[1] * R, d[2] * R);
+		const depth = (z / R + 1) / 2;
+		dots.push({
+			x: px,
+			y: py,
+			z,
+			r: .8 * rs,
+			white: .78,
+			a: .1 + .22 * depth
+		});
+	}
+	const strandN = (_o$strandN = o.strandN) !== null && _o$strandN !== void 0 ? _o$strandN : 52;
+	const turns = (_o$turns = o.turns) !== null && _o$turns !== void 0 ? _o$turns : 3;
+	for (let s = 0; s < 3; s++) {
+		const phase = s / 3 * 2 * Math.PI;
+		for (let i = 0; i < strandN; i++) {
+			var _o$rBase, _o$rDepth;
+			const u = (frac(i / strandN + t * .045) * 2 - 1) * .96;
+			const surf = Math.sqrt(Math.max(0, 1 - u * u));
+			const endFade = Math.min(1, (1 - Math.abs(u)) / .1);
+			const a = u * Math.PI * turns + phase;
+			const weave = 1 + .075 * Math.sin(u * Math.PI * turns * 2 + phase * 2 + t * .8);
+			const rr = surf * R * weave;
+			const [px, py, zr] = pt(Math.cos(a) * rr, u * R * weave, Math.sin(a) * rr);
+			const depth = (zr / R + 1) / 2;
+			dots.push({
+				x: px,
+				y: py,
+				z: zr,
+				r: (((_o$rBase = o.rBase) !== null && _o$rBase !== void 0 ? _o$rBase : 1.2) + ((_o$rDepth = o.rDepth) !== null && _o$rDepth !== void 0 ? _o$rDepth : 1.8) * depth) * rs,
+				white: .55 - .45 * depth,
+				a: endFade * (.45 + .55 * depth)
+			});
+		}
+	}
+	paint(ctx, dots, dark, o.rMin);
+};
+//#endregion
+export { drawBraid };

package/es/thinking-orb/engine/core.d.ts

@@ -0,0 +1,28 @@
+export interface Dot {
+    x: number;
+    y: number;
+    z: number;
+    r: number;
+    white: number;
+    a?: number;
+}
+export interface Line {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    white: number;
+    a?: number;
+    w: number;
+}
+export type Projector = (x: number, y: number, z: number) => [number, number, number];
+export declare function lerp(a: number, b: number, f: number): number;
+export declare function frac(x: number): number;
+export declare function vnoise(x: number, y: number): number;
+export declare function hashD(a: number, b: number): number;
+export declare function fibDir(i: number, n: number): [number, number, number];
+export declare function angleDelta(a: number, b: number): number;
+export declare function makeProj(yaw: number, tilt: number, cx: number, cy: number, scale: number): Projector;
+export declare function paint(ctx: CanvasRenderingContext2D, dots: Dot[], dark: boolean, rMin?: number): void;
+export declare function paintLines(ctx: CanvasRenderingContext2D, lines: Line[], dark: boolean): void;
+export declare function radiusScale(size: number, pow: number): number;