@sdata/web-vue 3.26.0 → 3.27.0

package/es/_hooks/use-theme-mode.d.ts

@@ -1,3 +1,3 @@
 import { type Ref } from 'vue';
 export type ThemeMode = 'light' | 'dark';
-export declare function useThemeMode(target: Ref<HTMLElement | null>): Ref<ThemeMode>;
+export declare function useThemeMode<T extends HTMLElement = HTMLElement>(target: Ref<T | null>): Ref<ThemeMode>;

package/es/_utils/date.js

@@ -1,5 +1,6 @@
 import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { isArray, isDayjs, isQuarter } from "./is.js";
+import { DEFAULT_LOCALE_KEY } from "../locale/constant.js";
 import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/asyncToGenerator.js";
 import originDayjs from "dayjs";
 import AdvancedFormat from "dayjs/plugin/advancedFormat";
@@ -11,25 +12,7 @@ import utc from "dayjs/plugin/utc";
 import weekOfYear from "dayjs/plugin/weekOfYear";
 import weekYear from "dayjs/plugin/weekYear";
 //#region components/_utils/date.ts
-var localeLoaders = {
-	"ar": () => import("dayjs/locale/ar"),
-	"de": () => import("dayjs/locale/de"),
-	"es": () => import("dayjs/locale/es"),
-	"fr": () => import("dayjs/locale/fr"),
-	"id": () => import("dayjs/locale/id"),
-	"it": () => import("dayjs/locale/it"),
-	"ja": () => import("dayjs/locale/ja"),
-	"km": () => import("dayjs/locale/km"),
-	"ko": () => import("dayjs/locale/ko"),
-	"ms": () => import("dayjs/locale/ms"),
-	"nl": () => import("dayjs/locale/nl"),
-	"pt": () => import("dayjs/locale/pt"),
-	"ru": () => import("dayjs/locale/ru"),
-	"th": () => import("dayjs/locale/th"),
-	"vi": () => import("dayjs/locale/vi"),
-	"zh-cn": () => import("dayjs/locale/zh-cn"),
-	"zh-tw": () => import("dayjs/locale/zh-tw")
-};
+var localeLoaders = { [DEFAULT_LOCALE_KEY]: () => import("dayjs/locale/zh-cn") };
 var loadedLocales = /* @__PURE__ */ new Set();
 var overwriteIsDayjs = (_, Dayjs, dayjs) => {
 	dayjs = function(date, c) {
@@ -59,24 +42,9 @@ originDayjs.extend(utc);
 originDayjs.extend(timezone);
 var dayjs = originDayjs;
 var DAYJS_LOCALE_MAP = {
-	"ar-eg": "ar",
-	"de-de": "de",
+	"en": "en",
 	"en-us": "en",
-	"es-es": "es",
-	"fr-fr": "fr",
-	"id-id": "id",
-	"it-it": "it",
-	"ja-jp": "ja",
-	"km-kh": "km",
-	"ko-kr": "ko",
-	"ms-my": "ms",
-	"nl-nl": "nl",
-	"pt-pt": "pt",
-	"ru-ru": "ru",
-	"th-th": "th",
-	"vi-vn": "vi",
-	"zh-cn": "zh-cn",
-	"zh-tw": "zh-tw"
+	[DEFAULT_LOCALE_KEY]: DEFAULT_LOCALE_KEY
 };
 var methods = {
 	add(time, value, unit) {
@@ -178,8 +146,7 @@ function initializeDateLocale(_x, _x2) {
 function _initializeDateLocale() {
 	_initializeDateLocale = _asyncToGenerator(function* (localeName, weekStart) {
 		var _DAYJS_LOCALE_MAP$nor, _dayjs$Ls$dayjsLocale;
-		const normalizedLocale = localeName.toLowerCase();
-		const dayjsLocaleName = (_DAYJS_LOCALE_MAP$nor = DAYJS_LOCALE_MAP[normalizedLocale]) !== null && _DAYJS_LOCALE_MAP$nor !== void 0 ? _DAYJS_LOCALE_MAP$nor : normalizedLocale;
+		const dayjsLocaleName = (_DAYJS_LOCALE_MAP$nor = DAYJS_LOCALE_MAP[localeName.toLowerCase()]) !== null && _DAYJS_LOCALE_MAP$nor !== void 0 ? _DAYJS_LOCALE_MAP$nor : DEFAULT_LOCALE_KEY;
 		if (dayjsLocaleName !== "en" && !loadedLocales.has(dayjsLocaleName)) {
 			const loader = localeLoaders[dayjsLocaleName];
 			if (loader) yield loader();

package/es/components.d.ts

@@ -126,6 +126,7 @@ declare module 'vue' {
         SdSlider: SDVue['Slider'];
         SdSpace: SDVue['Space'];
         SdSpin: SDVue['Spin'];
+        SdThinkingOrb: SDVue['ThinkingOrb'];
         SdSplit: SDVue['Split'];
         SdStatistic: SDVue['Statistic'];
         SdCountdown: SDVue['Countdown'];

package/es/index.css

@@ -5168,6 +5168,10 @@ body.sd-tour-active .sd-tour-popover * {
   margin-left: auto;
 }
 
+.sd-thinking-orb {
+  display: block;
+}
+
 .sd-textarea-wrapper {
   display: inline-flex;
   box-sizing: border-box;

package/es/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference path="./components.d.ts" />
 export { default } from './sd-vue';
-export { addI18nMessages, useLocale, getLocale } from './locale';
+export { DEFAULT_LOCALE, DEFAULT_LOCALE_KEY, addI18nMessages, useLocale, getLocale, } from './locale';
 export type { Size, Status, MessageType, Direction } from './_utils/constant';
 export { default as Affix } from './affix';
 export type { AffixInstance } from './affix';
@@ -142,6 +142,8 @@ export { default as Space } from './space';
 export type { SpaceInstance } from './space';
 export { default as Spin } from './spin';
 export type { SpinInstance, SpinProps } from './spin';
+export { default as ThinkingOrb } from './thinking-orb';
+export type { ThinkingOrbInstance, ThinkingOrbProps, ThinkingOrbSize, ThinkingOrbState, ThinkingOrbTheme, } from './thinking-orb';
 export { default as Split } from './split';
 export type { SplitInstance } from './split';
 export { default as Statistic, Countdown } from './statistic';

package/es/index.js

@@ -1,6 +1,7 @@
 import { useFormItem } from "./_hooks/use-form-item.js";
 import { getCssVarToken } from "./_utils/global-config.js";
 import Affix from "./affix/index.js";
+import { DEFAULT_LOCALE, DEFAULT_LOCALE_KEY } from "./locale/constant.js";
 import { addI18nMessages, getLocale, useLocale } from "./locale/index.js";
 import Alert from "./alert/index.js";
 import anchor_link_default from "./anchor/anchor-link.js";
@@ -157,6 +158,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";
@@ -167,4 +169,4 @@ import Typography from "./typography/index.js";
 import Upload from "./upload/index.js";
 import Watermark from "./watermark/index.js";
 import SDVue from "./sd-vue.js";
-export { $createInlineComponentNode, $isInlineComponentNode, A2UI_0_9_1, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, BasicCrudTable, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, FilePreviewer, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, InlineComponentNode, Input, input_group_default as InputGroup, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, KvList, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, MODEL_SELECTOR_PROVIDERS, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, ModelSelector, model_selector_content_default as ModelSelectorContent, model_selector_dialog_default as ModelSelectorDialog, model_selector_empty_default as ModelSelectorEmpty, model_selector_group_default as ModelSelectorGroup, model_selector_input_default as ModelSelectorInput, model_selector_item_default as ModelSelectorItem, model_selector_list_default as ModelSelectorList, model_selector_logo_default as ModelSelectorLogo, model_selector_logo_group_default as ModelSelectorLogoGroup, model_selector_name_default as ModelSelectorName, model_selector_separator_default as ModelSelectorSeparator, model_selector_shortcut_default as ModelSelectorShortcut, model_selector_trigger_default as ModelSelectorTrigger, month_picker_default as MonthPicker, Notification, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, recorder_core_default as RecorderCore, ResizeBox, Result, RichTextEditor, grid_row_default as Row, Scrollbar, Secret, Select, SelectableCard, Sender, SenderHeader, SenderSwitch, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, TimePicker, Timeline, item_default$1 as TimelineItem, Toolbar, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, SDVue as default, defineJsonFormComponents, defineJsonFormSchemas, getCssVarToken, getLocale, useFormItem, useLocale };
+export { $createInlineComponentNode, $isInlineComponentNode, A2UI_0_9_1, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, BasicCrudTable, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DEFAULT_LOCALE, DEFAULT_LOCALE_KEY, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, FilePreviewer, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, InlineComponentNode, Input, input_group_default as InputGroup, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, KvList, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, MODEL_SELECTOR_PROVIDERS, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, ModelSelector, model_selector_content_default as ModelSelectorContent, model_selector_dialog_default as ModelSelectorDialog, model_selector_empty_default as ModelSelectorEmpty, model_selector_group_default as ModelSelectorGroup, model_selector_input_default as ModelSelectorInput, model_selector_item_default as ModelSelectorItem, model_selector_list_default as ModelSelectorList, model_selector_logo_default as ModelSelectorLogo, model_selector_logo_group_default as ModelSelectorLogoGroup, model_selector_name_default as ModelSelectorName, model_selector_separator_default as ModelSelectorSeparator, model_selector_shortcut_default as ModelSelectorShortcut, model_selector_trigger_default as ModelSelectorTrigger, month_picker_default as MonthPicker, Notification, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, recorder_core_default as RecorderCore, ResizeBox, Result, RichTextEditor, grid_row_default as Row, Scrollbar, Secret, Select, SelectableCard, Sender, SenderHeader, SenderSwitch, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, ThinkingOrb, TimePicker, Timeline, item_default$1 as TimelineItem, Toolbar, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, SDVue as default, defineJsonFormComponents, defineJsonFormSchemas, getCssVarToken, getLocale, useFormItem, useLocale };

package/es/index.scss

@@ -15,6 +15,7 @@
 @use '@components/tooltip/style/index.scss' as *;
 @use '@components/timeline/style/index.scss' as *;
 @use '@components/time-picker/style/index.scss' as *;
+@use '@components/thinking-orb/style/index.scss' as *;
 @use '@components/textarea/style/index.scss' as *;
 @use '@components/toolbar/style/index.scss' as *;
 @use '@components/tag/style/index.scss' as *;

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

@@ -139,6 +139,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";
@@ -221,6 +222,7 @@ var components = {
 	QrCode,
 	Result,
 	Spin,
+	ThinkingOrb,
 	Skeleton,
 	Breadcrumb,
 	Dropdown,

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;

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

@@ -0,0 +1,104 @@
+//#region components/thinking-orb/engine/core.ts
+function lerp(a, b, f) {
+	return a + (b - a) * f;
+}
+function frac(x) {
+	return x - Math.floor(x);
+}
+/** Value noise on a 2D lattice — smooth, deterministic, cheap. */
+function vnoise(x, y) {
+	const xi = Math.floor(x);
+	const yi = Math.floor(y);
+	let fx = x - xi;
+	let fy = y - yi;
+	fx = fx * fx * (3 - 2 * fx);
+	fy = fy * fy * (3 - 2 * fy);
+	const a = hashD(xi, yi);
+	const b = hashD(xi + 1, yi);
+	const c = hashD(xi, yi + 1);
+	const d = hashD(xi + 1, yi + 1);
+	return a + (b - a) * fx + (c - a) * fy + (a - b - c + d) * fx * fy;
+}
+/** Deterministic hash in [0, 1). */
+function hashD(a, b) {
+	const h = Math.sin(a * 12.9898 + b * 78.233) * 43758.5453;
+	return h - Math.floor(h);
+}
+/** Stable directions on a unit sphere (Fibonacci lattice). */
+function fibDir(i, n) {
+	const golden = Math.PI * (3 - Math.sqrt(5));
+	const y = 1 - 2 * (i + .5) / n;
+	const rad = Math.sqrt(1 - y * y);
+	const a = i * golden;
+	return [
+		rad * Math.cos(a),
+		y,
+		rad * Math.sin(a)
+	];
+}
+/** Shortest signed angular distance, wrapped to (-π, π]. */
+function angleDelta(a, b) {
+	return Math.atan2(Math.sin(a - b), Math.cos(a - b));
+}
+/** Shared spin + tilt + orthographic projection. */
+function makeProj(yaw, tilt, cx, cy, scale) {
+	const st = Math.sin(tilt);
+	const ct = Math.cos(tilt);
+	const sy = Math.sin(yaw);
+	const cyw = Math.cos(yaw);
+	return (x, y, z) => {
+		const x1 = x * cyw + z * sy;
+		const z1 = -x * sy + z * cyw;
+		const y1 = y * ct - z1 * st;
+		const z2 = y * st + z1 * ct;
+		return [
+			cx + x1 * scale,
+			cy - y1 * scale,
+			z2
+		];
+	};
+}
+/**
+* Painter: z-sort far→near, matte grayscale dots. On dark substrates the
+* ink value is mirrored (1 - white) so near dots read bright — the same
+* depth language on an inverted substrate.
+*/
+function paint(ctx, dots, dark, rMin = .3) {
+	dots.sort((a, b) => a.z - b.z);
+	for (const d of dots) {
+		var _d$a;
+		const alpha = (_d$a = d.a) !== null && _d$a !== void 0 ? _d$a : 1;
+		if (alpha < .02) continue;
+		const w = Math.min(1, Math.max(0, d.white));
+		const g = Math.round((dark ? 1 - w : w) * 255);
+		ctx.fillStyle = `rgba(${g},${g},${g},${alpha})`;
+		ctx.beginPath();
+		ctx.arc(d.x, d.y, Math.max(rMin, d.r), 0, Math.PI * 2);
+		ctx.fill();
+	}
+}
+/** Stroke pass for edge-based modes. Runs before `paint` so nodes sit on top. */
+function paintLines(ctx, lines, dark) {
+	for (const l of lines) {
+		var _l$a;
+		const alpha = (_l$a = l.a) !== null && _l$a !== void 0 ? _l$a : 1;
+		if (alpha < .02) continue;
+		const w = Math.min(1, Math.max(0, l.white));
+		const g = Math.round((dark ? 1 - w : w) * 255);
+		ctx.strokeStyle = `rgba(${g},${g},${g},${alpha})`;
+		ctx.lineWidth = l.w;
+		ctx.beginPath();
+		ctx.moveTo(l.x1, l.y1);
+		ctx.lineTo(l.x2, l.y2);
+		ctx.stroke();
+	}
+}
+/**
+* Dot radii were tuned for a 300pt frame; sub-linear scaling keeps small
+* spinners legible. Lower pow = radii shrink less with size.
+*/
+function radiusScale(size, pow) {
+	return Math.pow(size / 300, pow);
+}
+//#endregion
+export { angleDelta, fibDir, frac, hashD, lerp, makeProj, paint, paintLines, radiusScale, vnoise };

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

@@ -0,0 +1,4 @@
+import type { ModeDraw } from './types';
+export declare const drawGlobe: ModeDraw;
+export declare const drawRubik: ModeDraw;
+export declare const drawWave: ModeDraw;