@trustbaseai/shop-ui 0.1.0

package/dist/register.js

@@ -0,0 +1,49 @@
+"use strict";
+/**
+ * 注册四个自定义元素。
+ *
+ * 单独一个入口（`@trustbase/shop-ui/register`）的原因：**注册是有副作用的一步**
+ * （`customElements.define`），而组件类本身可以安全地被 import（SSR / 测试 / 只取类型）。
+ * 宿主想控制注册时机（例如等 tokens 主题就绪、或只想注册用到的那几个）时，
+ * 引 `index` 而不调 `registerShopUi()` 即可。
+ *
+ * `registerShopUi()` 是**幂等**的：重复调用不会抛 `already defined`。
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TbElement = exports.SHOP_UI_ELEMENTS = void 0;
+exports.registerShopUi = registerShopUi;
+exports.shopUiElementNames = shopUiElementNames;
+const account_panel_js_1 = require("./components/account-panel.js");
+const goods_detail_js_1 = require("./components/goods-detail.js");
+const goods_list_js_1 = require("./components/goods-list.js");
+const order_form_js_1 = require("./components/order-form.js");
+const base_js_1 = require("./base.js");
+Object.defineProperty(exports, "TbElement", { enumerable: true, get: function () { return base_js_1.TbElement; } });
+/** 元素名 → 组件类（元素名是**冻结的契约**：改名字等于破坏宿主的 HTML） */
+exports.SHOP_UI_ELEMENTS = Object.freeze({
+    'tb-goods-list': goods_list_js_1.TbGoodsList,
+    'tb-goods-detail': goods_detail_js_1.TbGoodsDetail,
+    'tb-order-form': order_form_js_1.TbOrderForm,
+    'tb-account-panel': account_panel_js_1.TbAccountPanel,
+});
+/**
+ * 注册全部自定义元素（浏览器环境）。
+ * 在 Node/SSR 里调用是**安全空操作**（没有 `customElements` 就直接返回），
+ * 这样宿主可以无脑在最外层调一次。
+ */
+function registerShopUi() {
+    const registry = globalThis
+        .customElements;
+    if (registry === undefined)
+        return;
+    for (const [tag, ctor] of Object.entries(exports.SHOP_UI_ELEMENTS)) {
+        if (registry.get(tag) === undefined) {
+            registry.define(tag, ctor);
+        }
+    }
+}
+/** 已注册的元素名清单（宿主做能力探测/文档用） */
+function shopUiElementNames() {
+    return Object.keys(exports.SHOP_UI_ELEMENTS);
+}
+//# sourceMappingURL=register.js.map

package/dist/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;;;AAuBH,wCASC;AAGD,gDAEC;AAnCD,oEAA+D;AAC/D,kEAA6D;AAC7D,8DAAyD;AACzD,8DAAyD;AACzD,uCAAsC;AAiC7B,0FAjCA,mBAAS,OAiCA;AA/BlB,+CAA+C;AAClC,QAAA,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC;IAC5C,eAAe,EAAE,2BAAW;IAC5B,iBAAiB,EAAE,+BAAa;IAChC,eAAe,EAAE,2BAAW;IAC5B,kBAAkB,EAAE,iCAAc;CACnC,CAAC,CAAC;AAIH;;;;GAIG;AACH,SAAgB,cAAc;IAC5B,MAAM,QAAQ,GAAuC,UAAyD;SAC3G,cAAc,CAAC;IAClB,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO;IACnC,KAAK,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,wBAAgB,CAAC,EAAE,CAAC;QAC3D,IAAI,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,SAAS,EAAE,CAAC;YACpC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,IAA2C,CAAC,CAAC;QACpE,CAAC;IACH,CAAC;AACH,CAAC;AAED,6BAA6B;AAC7B,SAAgB,kBAAkB;IAChC,OAAO,MAAM,CAAC,IAAI,CAAC,wBAAgB,CAAgB,CAAC;AACtD,CAAC"}

package/dist/tokens.d.ts

@@ -0,0 +1,124 @@
+/**
+ * Design tokens —— 本包**唯一允许出现视觉字面量的地方**。
+ *
+ * ## 出处
+ *
+ * 《TrustBase-设计风格规范-2026-09-22》§1「视觉 tokens（只允许用这些值，禁止魔法值）」：
+ *
+ * | 类别 | 规范要求 | 本文件对应 |
+ * |---|---|---|
+ * | 主色 | 1 个（默认 `#1D1D1F` 文字 / `#FFFFFF` 底 / `#F5F5F7` 分区底） | `color.text/background/surface` |
+ * | 强调色 | 1 个，只用于主操作与选中态（如 `#C4633C`） | `color.accent` |
+ * | 语义色 | 成功/警告/错误各 1 个，**只用于状态**不做装饰 | `color.success/warning/danger` |
+ * | 灰阶 | ≤ 5 级（`1D1D1F / 6E6E73 / 8E8E93 / C7C7CC / E5E5EA`） | `gray` |
+ * | 字号 | ≤ 5 级：34 / 22 / 17 / 15 / 13（正文 17，次要 15，注释 13） | `fontSize` |
+ * | 字重 | 只用 400 / 600 | `fontWeight` |
+ * | 行高 | 固定 1.5（标题 1.2） | `lineHeight` |
+ * | 圆角 | 只用 3 种：卡片 16 / 控件 10 / 小标签 6 | `radius` |
+ * | 间距 | 8pt 栅格：4 / 8 / 12 / 16 / 24 / 32 / 48 | `space` |
+ * | 描边或阴影 | **二选一，绝不叠加**；阴影只用一层极淡 | `border.width` / `shadow.card` |
+ * | 动效 | ≤ 200ms，`ease-out`，只用于状态变化 | `motion` |
+ *
+ * ## 落地方式（规范 §1「tokens 必须是代码里的唯一来源」）
+ *
+ * - `TOKENS` 是**扁平的 CSS 变量表**（`--tb-*` → 值），组件样式只能写 `var(--tb-*)`。
+ * - 每个组件把 tokens 注入自己的 shadow root（`:host{...}`），所以组件是**自带主题**的，
+ *   不依赖宿主页面先引一份全局 CSS。
+ * - `test/tokens.test.ts` 逐条断言上表的数字；`test/styles.test.ts` 断言组件样式里
+ *   **没有** `#hex` / `rgb()` / `13px` / `200ms` 这类字面量，且用到的变量都已定义。
+ *
+ * ⚠️ 规范里没写死的两处（本文件是唯一来源，改这里就是改全套界面）：
+ * 1. **语义色具体色值**（规范只要求"各 1 个、只用于状态"）—— v0 取值见 `color.success/warning/danger`；
+ * 2. **描边宽度 1px**（规范说了"描边或阴影二选一"，没给宽度）。
+ */
+/** 灰阶（**恰好 5 级**，值与规范逐一相同；多一级就会被 tokens 测试拦下） */
+export declare const gray: {
+    readonly 900: "#1D1D1F";
+    readonly 700: "#6E6E73";
+    readonly 500: "#8E8E93";
+    readonly 300: "#C7C7CC";
+    readonly 100: "#E5E5EA";
+};
+/** 颜色：1 主色系 + 1 强调色 + 3 语义色 */
+export declare const color: {
+    readonly text: "#1D1D1F";
+    readonly textSecondary: "#6E6E73";
+    readonly textTertiary: "#8E8E93";
+    readonly border: "#C7C7CC";
+    readonly divider: "#E5E5EA";
+    readonly background: "#FFFFFF";
+    readonly surface: "#F5F5F7";
+    readonly accent: "#C4633C";
+    readonly onAccent: "#FFFFFF";
+    readonly success: "#1D8A5B";
+    readonly warning: "#B26A00";
+    readonly danger: "#C0392B";
+};
+/** 字号（**恰好 5 级**：标题 34 / 段落标题 22 / 正文 17 / 次要 15 / 注释 13） */
+export declare const fontSize: {
+    readonly title: "34px";
+    readonly heading: "22px";
+    readonly body: "17px";
+    readonly secondary: "15px";
+    readonly caption: "13px";
+};
+/** 字重（只用两级） */
+export declare const fontWeight: {
+    readonly regular: "400";
+    readonly semibold: "600";
+};
+/** 行高（固定 1.5，标题 1.2） */
+export declare const lineHeight: {
+    readonly title: "1.2";
+    readonly body: "1.5";
+};
+/** 圆角（**只用 3 种**） */
+export declare const radius: {
+    readonly card: "16px";
+    readonly control: "10px";
+    readonly tag: "6px";
+};
+/** 间距（8pt 栅格 + 4 的半步） */
+export declare const space: {
+    readonly xxs: "4px";
+    readonly xs: "8px";
+    readonly sm: "12px";
+    readonly md: "16px";
+    readonly lg: "24px";
+    readonly xl: "32px";
+    readonly xxl: "48px";
+};
+/** 描边（与阴影**二选一**，不叠加） */
+export declare const border: {
+    readonly width: "1px";
+};
+/** 阴影（只有一层，极淡） */
+export declare const shadow: {
+    readonly card: "0 2px 8px rgba(0,0,0,.06)";
+};
+/** 动效（≤200ms，ease-out，只用于状态变化） */
+export declare const motion: {
+    readonly fast: "120ms";
+    readonly base: "200ms";
+    readonly easing: "ease-out";
+};
+/** 字体（规范未指定字体族；数字与金额走等宽，见规范 §2.5） */
+export declare const font: {
+    readonly family: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Noto Sans SC\", sans-serif";
+    readonly mono: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
+};
+/**
+ * 扁平 CSS 变量表（`--tb-*` → 值）。**唯一来源**：组件只允许引用这里的键。
+ */
+export declare const TOKENS: Readonly<Record<string, string>>;
+/**
+ * tokens → CSS 文本。默认选择器 `:root`（宿主页面全局引一次）；
+ * 组件内用 `tokensCss(':host')` 注入自己的 shadow root（组件自带主题，互不依赖）。
+ */
+export declare function tokensCss(selector?: string): string;
+/** tokens 的 `:root` 版本（宿主页面想在自己的壳层样式里用同一套变量时引它） */
+export declare const TOKENS_CSS: string;
+/** 组件 shadow root 用的 tokens（`:host` + 基础排版重置） */ export declare const HOST_STYLE: string;
+/** 数字与金额用等宽字体（规范 §2.5：数字与金额右对齐、等宽、永远带单位） */
+export declare const AMOUNT_STYLE = "font-family:var(--tb-font-mono);font-variant-numeric:tabular-nums;";
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,iDAAiD;AACjD,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AAEX,+BAA+B;AAC/B,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAaR,CAAC;AAEX,6DAA6D;AAC7D,eAAO,MAAM,QAAQ;;;;;;CAMX,CAAC;AAEX,eAAe;AACf,eAAO,MAAM,UAAU;;;CAGb,CAAC;AAEX,wBAAwB;AACxB,eAAO,MAAM,UAAU;;;CAGb,CAAC;AAEX,qBAAqB;AACrB,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX,yBAAyB;AACzB,eAAO,MAAM,KAAK;;;;;;;;CAQR,CAAC;AAEX,yBAAyB;AACzB,eAAO,MAAM,MAAM;;CAET,CAAC;AAEX,kBAAkB;AAClB,eAAO,MAAM,MAAM;;CAET,CAAC;AAEX,kCAAkC;AAClC,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX,qCAAqC;AACrC,eAAO,MAAM,IAAI;;;CAGP,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAiDlD,CAAC;AAEH;;;GAGG;AACH,wBAAgB,SAAS,CAAC,QAAQ,SAAU,GAAG,MAAM,CAKpD;AAED,mDAAmD;AACnD,eAAO,MAAM,UAAU,QAAqB,CAAC;AAE7C,iDAAiD,CAAA,eAAO,MAAM,UAAU,QAW9D,CAAC;AAEX,4CAA4C;AAC5C,eAAO,MAAM,YAAY,uEAAuE,CAAC"}

package/dist/tokens.js

@@ -0,0 +1,188 @@
+"use strict";
+/**
+ * Design tokens —— 本包**唯一允许出现视觉字面量的地方**。
+ *
+ * ## 出处
+ *
+ * 《TrustBase-设计风格规范-2026-09-22》§1「视觉 tokens（只允许用这些值，禁止魔法值）」：
+ *
+ * | 类别 | 规范要求 | 本文件对应 |
+ * |---|---|---|
+ * | 主色 | 1 个（默认 `#1D1D1F` 文字 / `#FFFFFF` 底 / `#F5F5F7` 分区底） | `color.text/background/surface` |
+ * | 强调色 | 1 个，只用于主操作与选中态（如 `#C4633C`） | `color.accent` |
+ * | 语义色 | 成功/警告/错误各 1 个，**只用于状态**不做装饰 | `color.success/warning/danger` |
+ * | 灰阶 | ≤ 5 级（`1D1D1F / 6E6E73 / 8E8E93 / C7C7CC / E5E5EA`） | `gray` |
+ * | 字号 | ≤ 5 级：34 / 22 / 17 / 15 / 13（正文 17，次要 15，注释 13） | `fontSize` |
+ * | 字重 | 只用 400 / 600 | `fontWeight` |
+ * | 行高 | 固定 1.5（标题 1.2） | `lineHeight` |
+ * | 圆角 | 只用 3 种：卡片 16 / 控件 10 / 小标签 6 | `radius` |
+ * | 间距 | 8pt 栅格：4 / 8 / 12 / 16 / 24 / 32 / 48 | `space` |
+ * | 描边或阴影 | **二选一，绝不叠加**；阴影只用一层极淡 | `border.width` / `shadow.card` |
+ * | 动效 | ≤ 200ms，`ease-out`，只用于状态变化 | `motion` |
+ *
+ * ## 落地方式（规范 §1「tokens 必须是代码里的唯一来源」）
+ *
+ * - `TOKENS` 是**扁平的 CSS 变量表**（`--tb-*` → 值），组件样式只能写 `var(--tb-*)`。
+ * - 每个组件把 tokens 注入自己的 shadow root（`:host{...}`），所以组件是**自带主题**的，
+ *   不依赖宿主页面先引一份全局 CSS。
+ * - `test/tokens.test.ts` 逐条断言上表的数字；`test/styles.test.ts` 断言组件样式里
+ *   **没有** `#hex` / `rgb()` / `13px` / `200ms` 这类字面量，且用到的变量都已定义。
+ *
+ * ⚠️ 规范里没写死的两处（本文件是唯一来源，改这里就是改全套界面）：
+ * 1. **语义色具体色值**（规范只要求"各 1 个、只用于状态"）—— v0 取值见 `color.success/warning/danger`；
+ * 2. **描边宽度 1px**（规范说了"描边或阴影二选一"，没给宽度）。
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AMOUNT_STYLE = exports.HOST_STYLE = exports.TOKENS_CSS = exports.TOKENS = exports.font = exports.motion = exports.shadow = exports.border = exports.space = exports.radius = exports.lineHeight = exports.fontWeight = exports.fontSize = exports.color = exports.gray = void 0;
+exports.tokensCss = tokensCss;
+/** 灰阶（**恰好 5 级**，值与规范逐一相同；多一级就会被 tokens 测试拦下） */
+exports.gray = {
+    900: '#1D1D1F',
+    700: '#6E6E73',
+    500: '#8E8E93',
+    300: '#C7C7CC',
+    100: '#E5E5EA',
+};
+/** 颜色：1 主色系 + 1 强调色 + 3 语义色 */
+exports.color = {
+    text: exports.gray[900],
+    textSecondary: exports.gray[700],
+    textTertiary: exports.gray[500],
+    border: exports.gray[300],
+    divider: exports.gray[100],
+    background: '#FFFFFF',
+    surface: '#F5F5F7',
+    accent: '#C4633C',
+    onAccent: '#FFFFFF',
+    success: '#1D8A5B',
+    warning: '#B26A00',
+    danger: '#C0392B',
+};
+/** 字号（**恰好 5 级**：标题 34 / 段落标题 22 / 正文 17 / 次要 15 / 注释 13） */
+exports.fontSize = {
+    title: '34px',
+    heading: '22px',
+    body: '17px',
+    secondary: '15px',
+    caption: '13px',
+};
+/** 字重（只用两级） */
+exports.fontWeight = {
+    regular: '400',
+    semibold: '600',
+};
+/** 行高（固定 1.5，标题 1.2） */
+exports.lineHeight = {
+    title: '1.2',
+    body: '1.5',
+};
+/** 圆角（**只用 3 种**） */
+exports.radius = {
+    card: '16px',
+    control: '10px',
+    tag: '6px',
+};
+/** 间距（8pt 栅格 + 4 的半步） */
+exports.space = {
+    xxs: '4px',
+    xs: '8px',
+    sm: '12px',
+    md: '16px',
+    lg: '24px',
+    xl: '32px',
+    xxl: '48px',
+};
+/** 描边（与阴影**二选一**，不叠加） */
+exports.border = {
+    width: '1px',
+};
+/** 阴影（只有一层，极淡） */
+exports.shadow = {
+    card: '0 2px 8px rgba(0,0,0,.06)',
+};
+/** 动效（≤200ms，ease-out，只用于状态变化） */
+exports.motion = {
+    fast: '120ms',
+    base: '200ms',
+    easing: 'ease-out',
+};
+/** 字体（规范未指定字体族；数字与金额走等宽，见规范 §2.5） */
+exports.font = {
+    family: '-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Noto Sans SC", sans-serif',
+    mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',
+};
+/**
+ * 扁平 CSS 变量表（`--tb-*` → 值）。**唯一来源**：组件只允许引用这里的键。
+ */
+exports.TOKENS = Object.freeze({
+    '--tb-gray-900': exports.gray[900],
+    '--tb-gray-700': exports.gray[700],
+    '--tb-gray-500': exports.gray[500],
+    '--tb-gray-300': exports.gray[300],
+    '--tb-gray-100': exports.gray[100],
+    '--tb-color-text': exports.color.text,
+    '--tb-color-text-secondary': exports.color.textSecondary,
+    '--tb-color-text-tertiary': exports.color.textTertiary,
+    '--tb-color-border': exports.color.border,
+    '--tb-color-divider': exports.color.divider,
+    '--tb-color-background': exports.color.background,
+    '--tb-color-surface': exports.color.surface,
+    '--tb-color-accent': exports.color.accent,
+    '--tb-color-on-accent': exports.color.onAccent,
+    '--tb-color-success': exports.color.success,
+    '--tb-color-warning': exports.color.warning,
+    '--tb-color-danger': exports.color.danger,
+    '--tb-font-family': exports.font.family,
+    '--tb-font-mono': exports.font.mono,
+    '--tb-font-size-title': exports.fontSize.title,
+    '--tb-font-size-heading': exports.fontSize.heading,
+    '--tb-font-size-body': exports.fontSize.body,
+    '--tb-font-size-secondary': exports.fontSize.secondary,
+    '--tb-font-size-caption': exports.fontSize.caption,
+    '--tb-font-weight-regular': exports.fontWeight.regular,
+    '--tb-font-weight-semibold': exports.fontWeight.semibold,
+    '--tb-line-height-title': exports.lineHeight.title,
+    '--tb-line-height-body': exports.lineHeight.body,
+    '--tb-radius-card': exports.radius.card,
+    '--tb-radius-control': exports.radius.control,
+    '--tb-radius-tag': exports.radius.tag,
+    '--tb-space-xxs': exports.space.xxs,
+    '--tb-space-xs': exports.space.xs,
+    '--tb-space-sm': exports.space.sm,
+    '--tb-space-md': exports.space.md,
+    '--tb-space-lg': exports.space.lg,
+    '--tb-space-xl': exports.space.xl,
+    '--tb-space-xxl': exports.space.xxl,
+    '--tb-border-width': exports.border.width,
+    '--tb-shadow-card': exports.shadow.card,
+    '--tb-motion-fast': exports.motion.fast,
+    '--tb-motion-base': exports.motion.base,
+    '--tb-motion-easing': exports.motion.easing,
+});
+/**
+ * tokens → CSS 文本。默认选择器 `:root`（宿主页面全局引一次）；
+ * 组件内用 `tokensCss(':host')` 注入自己的 shadow root（组件自带主题，互不依赖）。
+ */
+function tokensCss(selector = ':root') {
+    const declarations = Object.entries(exports.TOKENS)
+        .map(([name, value]) => `${name}:${value};`)
+        .join('');
+    return `${selector}{${declarations}}`;
+}
+/** tokens 的 `:root` 版本（宿主页面想在自己的壳层样式里用同一套变量时引它） */
+exports.TOKENS_CSS = tokensCss(':root');
+/** 组件 shadow root 用的 tokens（`:host` + 基础排版重置） */ exports.HOST_STYLE = [
+    tokensCss(':host'),
+    ':host{display:block;color:var(--tb-color-text);background:var(--tb-color-background);',
+    'font-family:var(--tb-font-family);font-size:var(--tb-font-size-body);',
+    'line-height:var(--tb-line-height-body);font-weight:var(--tb-font-weight-regular);',
+    '-webkit-font-smoothing:antialiased;}',
+    '*,*::before,*::after{box-sizing:border-box;}',
+    'button{font:inherit;color:inherit;cursor:pointer;}',
+    'input,textarea,select{font:inherit;color:inherit;}',
+    'ul{margin:0;padding:0;list-style:none;}',
+    'p{margin:0;}',
+].join('');
+/** 数字与金额用等宽字体（规范 §2.5：数字与金额右对齐、等宽、永远带单位） */
+exports.AMOUNT_STYLE = 'font-family:var(--tb-font-mono);font-variant-numeric:tabular-nums;';
+//# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@trustbaseai/shop-ui",
+  "version": "0.1.0",
+  "description": "TrustBase 店铺界面组件（框架无关 Web Components）：商品列表 / 商品详情与规格选择 / 下单表单 / 我的账户；样式只引用 design tokens，零运行时依赖，不持私钥不签名",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": [
+    "./dist/register.js",
+    "./src/register.ts"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "trustbase",
+    "shop",
+    "web-components",
+    "custom-elements",
+    "design-tokens",
+    "pwa"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json && tsc -p tsconfig.build.esm.json && node tools/write-esm-package.cjs",
+    "test": "jest",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "serve:demo": "node tools/serve-demo.cjs",
+    "clean": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\""
+  },
+  "devDependencies": {
+    "jest-environment-jsdom": "^30.5.2"
+  }
+}