@neut/ui 0.0.17 → 0.0.18

package/dist/components/toast/Toaster/Toaster.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.utils.js","names":["VIEWPORT_OFFSET","MOBILE_VIEWPORT_OFFSET","getPositionClass","position","toPx","value","resolveOffsetStyle","style","y","x","normalize","fallback","desktop","offset","mobile","mobileOffset","getDocumentDirection","dir"],"sources":["../../../../src/components/toast/Toaster/Toaster.utils.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport type { Position, SwipeDirection } from \"../Toast/Toast.types\";\nimport type { Offset } from \"./Toaster.types\";\n\nconst VIEWPORT_OFFSET = \"24px\";\nconst MOBILE_VIEWPORT_OFFSET = \"16px\";\n\nexport function getPositionClass(position: Position): string {\n  switch (position) {\n    case \"top-left\":\n      return \"top-0 left-0\";\n    case \"top-right\":\n      return \"top-0 right-0\";\n    case \"top-center\":\n      return \"top-0 left-1/2 -translate-x-1/2\";\n    case \"bottom-left\":\n      return \"bottom-0 left-0\";\n    case \"bottom-right\":\n      return \"bottom-0 right-0\";\n    case \"bottom-center\":\n      return \"bottom-0 left-1/2 -translate-x-1/2\";\n  }\n}\n\nfunction toPx(value: string | number): string {\n  return typeof value === \"number\" ? `${value}px` : value;\n}\n\nexport function resolveOffsetStyle(\n  position: Position,\n  offset?: Offset,\n  mobileOffset?: Offset,\n): JSX.CSSProperties {\n  const style: JSX.CSSProperties = {};\n  const [y, x] = position.split(\"-\");\n\n  const normalize = (value: Offset | undefined, fallback: string) =>\n    typeof value === \"object\" && value !== null\n      ? value\n      : {\n          top: value ?? fallback,\n          right: value ?? fallback,\n          bottom: value ?? fallback,\n          left: value ?? fallback,\n        };\n\n  const desktop = normalize(offset, VIEWPORT_OFFSET);\n  const mobile = normalize(mobileOffset, MOBILE_VIEWPORT_OFFSET);\n\n  if (y === \"top\") {\n    style.top = toPx(desktop.top ?? VIEWPORT_OFFSET);\n    style[\"--mobile-offset-top\"] = toPx(mobile.top ?? MOBILE_VIEWPORT_OFFSET);\n  } else {\n    style.bottom = toPx(desktop.bottom ?? VIEWPORT_OFFSET);\n    style[\"--mobile-offset-bottom\"] = toPx(\n      mobile.bottom ?? MOBILE_VIEWPORT_OFFSET,\n    );\n  }\n\n  if (x === \"left\") {\n    style.left = toPx(desktop.left ?? VIEWPORT_OFFSET);\n    style[\"--mobile-offset-left\"] = toPx(mobile.left ?? MOBILE_VIEWPORT_OFFSET);\n  } else if (x === \"right\") {\n    style.right = toPx(desktop.right ?? VIEWPORT_OFFSET);\n    style[\"--mobile-offset-right\"] = toPx(\n      mobile.right ?? MOBILE_VIEWPORT_OFFSET,\n    );\n  }\n\n  return style;\n}\n\nexport function getDefaultSwipeDirections(\n  position: Position,\n): SwipeDirection[] {\n  const [y, x] = position.split(\"-\");\n  const directions: SwipeDirection[] = [];\n  if (y) directions.push(y as SwipeDirection);\n  if (x) directions.push(x as SwipeDirection);\n  return directions;\n}\n\nexport function getDocumentDirection(): \"rtl\" | \"ltr\" | \"auto\" {\n  if (typeof document === \"undefined\") return \"ltr\";\n  const dir = document.documentElement.getAttribute(\"dir\");\n  if (dir === \"auto\" || !dir) {\n    return getComputedStyle(document.documentElement).direction as\n      | \"rtl\"\n      | \"ltr\"\n      | \"auto\";\n  }\n  return dir as \"rtl\" | \"ltr\" | \"auto\";\n}\n"],"mappings":";AAIA,IAAMA,IAAkB,QAClBC,IAAyB;AAE/B,SAAgBC,EAAiB,GAA4B;CAC3D,QAAQC,GAAR;EACE,KAAK,YACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,KAAK,cACH,OAAO;EACT,KAAK,eACH,OAAO;EACT,KAAK,gBACH,OAAO;EACT,KAAK,iBACH,OAAO;CACX;AACF;AAEA,SAASC,EAAK,GAAgC;CAC5C,OAAO,OAAOC,KAAU,WAAW,GAAGA,EAAM,MAAMA;AACpD;AAEA,SAAgBC,EACd,GACA,GACA,GACmB;CACnB,IAAMC,IAA2B,CAAC,GAC5B,CAACC,GAAGC,KAAKN,EAAS,MAAM,GAAG,GAE3BO,KAAa,GAA2B,MAC5C,OAAOL,KAAU,YAAYA,IACzBA,IACA;EACE,KAAKA,KAASM;EACd,OAAON,KAASM;EAChB,QAAQN,KAASM;EACjB,MAAMN,KAASM;CACjB,GAEAC,IAAUF,EAAUG,GAAQb,CAAe,GAC3Cc,IAASJ,EAAUK,GAAcd,CAAsB;CAsB7D,OApBIO,MAAM,SACR,EAAM,MAAMJ,EAAKQ,EAAQ,OAAOZ,CAAe,GAC/C,EAAM,yBAAyBI,EAAKU,EAAO,OAAOb,CAAsB,MAExE,EAAM,SAASG,EAAKQ,EAAQ,UAAUZ,CAAe,GACrD,EAAM,4BAA4BI,EAChCU,EAAO,UAAUb,CACnB,IAGEQ,MAAM,UACR,EAAM,OAAOL,EAAKQ,EAAQ,QAAQZ,CAAe,GACjD,EAAM,0BAA0BI,EAAKU,EAAO,QAAQb,CAAsB,KACjEQ,MAAM,YACf,EAAM,QAAQL,EAAKQ,EAAQ,SAASZ,CAAe,GACnD,EAAM,2BAA2BI,EAC/BU,EAAO,SAASb,CAClB,IAGKM;AACT;AAYA,SAAgBS,IAA+C;CAC7D,IAAI,OAAO,WAAa,KAAa,OAAO;CAC5C,IAAMC,IAAM,SAAS,gBAAgB,aAAa,KAAK;CAOvD,OANIA,MAAQ,UAAU,CAACA,IACd,iBAAiB,SAAS,eAAe,CAAC,CAAC,YAK7CA;AACT"}
+{"version":3,"file":"Toaster.utils.js","names":["VIEWPORT_OFFSET","MOBILE_VIEWPORT_OFFSET","getPositionClass","position","toPx","value","resolveOffsetStyle","style","y","x","normalize","fallback","desktop","offset","mobile","mobileOffset","getDocumentDirection","dir","getViewportLayoutClass","expanded"],"sources":["../../../../src/components/toast/Toaster/Toaster.utils.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport type { Position, SwipeDirection } from \"../Toast/Toast.types\";\nimport type { Offset } from \"./Toaster.types\";\n\nconst VIEWPORT_OFFSET = \"24px\";\nconst MOBILE_VIEWPORT_OFFSET = \"16px\";\n\nexport function getPositionClass(position: Position): string {\n  switch (position) {\n    case \"top-left\":\n      return \"top-0 left-0\";\n    case \"top-right\":\n      return \"top-0 right-0\";\n    case \"top-center\":\n      return \"top-0 left-1/2 -translate-x-1/2\";\n    case \"bottom-left\":\n      return \"bottom-0 left-0\";\n    case \"bottom-right\":\n      return \"bottom-0 right-0\";\n    case \"bottom-center\":\n      return \"bottom-0 left-1/2 -translate-x-1/2\";\n  }\n}\n\nfunction toPx(value: string | number): string {\n  return typeof value === \"number\" ? `${value}px` : value;\n}\n\nexport function resolveOffsetStyle(\n  position: Position,\n  offset?: Offset,\n  mobileOffset?: Offset,\n): JSX.CSSProperties {\n  const style: JSX.CSSProperties = {};\n  const [y, x] = position.split(\"-\");\n\n  const normalize = (value: Offset | undefined, fallback: string) =>\n    typeof value === \"object\" && value !== null\n      ? value\n      : {\n          top: value ?? fallback,\n          right: value ?? fallback,\n          bottom: value ?? fallback,\n          left: value ?? fallback,\n        };\n\n  const desktop = normalize(offset, VIEWPORT_OFFSET);\n  const mobile = normalize(mobileOffset, MOBILE_VIEWPORT_OFFSET);\n\n  if (y === \"top\") {\n    style.top = toPx(desktop.top ?? VIEWPORT_OFFSET);\n    style[\"--mobile-offset-top\"] = toPx(mobile.top ?? MOBILE_VIEWPORT_OFFSET);\n  } else {\n    style.bottom = toPx(desktop.bottom ?? VIEWPORT_OFFSET);\n    style[\"--mobile-offset-bottom\"] = toPx(\n      mobile.bottom ?? MOBILE_VIEWPORT_OFFSET,\n    );\n  }\n\n  if (x === \"left\") {\n    style.left = toPx(desktop.left ?? VIEWPORT_OFFSET);\n    style[\"--mobile-offset-left\"] = toPx(mobile.left ?? MOBILE_VIEWPORT_OFFSET);\n  } else if (x === \"right\") {\n    style.right = toPx(desktop.right ?? VIEWPORT_OFFSET);\n    style[\"--mobile-offset-right\"] = toPx(\n      mobile.right ?? MOBILE_VIEWPORT_OFFSET,\n    );\n  }\n\n  return style;\n}\n\n/**\n * 根据位置推导默认的滑动关闭方向。\n *\n * `Position` 的第二段可能是 `\"center\"`，而它**不是**合法的 `SwipeDirection`\n * （只有 top/right/bottom/left）。之前实现直接把它 `as SwipeDirection` 塞进结果，\n * 导致 `top-center` 会产出 `[\"top\", \"center\"]` —— 调用方按方向匹配手势时\n * 永远命中不了 `\"center\"`，等于多了一个无效方向。\n * 这里按白名单过滤，保证返回的每一项都是真正可用的方向。\n */\nexport function getDefaultSwipeDirections(\n  position: Position,\n): SwipeDirection[] {\n  const [y, x] = position.split(\"-\");\n  const directions: SwipeDirection[] = [];\n  if (y === \"top\" || y === \"bottom\") directions.push(y);\n  // 只有 left / right 能滑动关闭；center 位置没有水平滑动方向\n  if (x === \"left\" || x === \"right\") directions.push(x);\n  return directions;\n}\n\nexport function getDocumentDirection(): \"rtl\" | \"ltr\" | \"auto\" {\n  if (typeof document === \"undefined\") return \"ltr\";\n  const dir = document.documentElement.getAttribute(\"dir\");\n  if (dir === \"auto\" || !dir) {\n    return getComputedStyle(document.documentElement).direction as\n      | \"rtl\"\n      | \"ltr\"\n      | \"auto\";\n  }\n  return dir as \"rtl\" | \"ltr\" | \"auto\";\n}\n\n/**\n * 视口的排布类名：收起时用 `grid` 把多层叠在同一格（靠 Toast 的 transform 错开），\n * 展开时按位置改成纵向 flex——顶部位置正向排、底部位置反向排，\n * 保证\"最新的一条永远靠近视口边缘\"。\n */\nexport function getViewportLayoutClass(\n  position: Position,\n  expanded: boolean,\n): string {\n  if (!expanded) return \"grid\";\n  return position.startsWith(\"top\") ? \"flex flex-col\" : \"flex flex-col-reverse\";\n}\n"],"mappings":";AAIA,IAAMA,IAAkB,QAClBC,IAAyB;AAE/B,SAAgBC,EAAiB,GAA4B;CAC3D,QAAQC,GAAR;EACE,KAAK,YACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,KAAK,cACH,OAAO;EACT,KAAK,eACH,OAAO;EACT,KAAK,gBACH,OAAO;EACT,KAAK,iBACH,OAAO;CACX;AACF;AAEA,SAASC,EAAK,GAAgC;CAC5C,OAAO,OAAOC,KAAU,WAAW,GAAGA,EAAM,MAAMA;AACpD;AAEA,SAAgBC,EACd,GACA,GACA,GACmB;CACnB,IAAMC,IAA2B,CAAC,GAC5B,CAACC,GAAGC,KAAKN,EAAS,MAAM,GAAG,GAE3BO,KAAa,GAA2B,MAC5C,OAAOL,KAAU,YAAYA,IACzBA,IACA;EACE,KAAKA,KAASM;EACd,OAAON,KAASM;EAChB,QAAQN,KAASM;EACjB,MAAMN,KAASM;CACjB,GAEAC,IAAUF,EAAUG,GAAQb,CAAe,GAC3Cc,IAASJ,EAAUK,GAAcd,CAAsB;CAsB7D,OApBIO,MAAM,SACR,EAAM,MAAMJ,EAAKQ,EAAQ,OAAOZ,CAAe,GAC/C,EAAM,yBAAyBI,EAAKU,EAAO,OAAOb,CAAsB,MAExE,EAAM,SAASG,EAAKQ,EAAQ,UAAUZ,CAAe,GACrD,EAAM,4BAA4BI,EAChCU,EAAO,UAAUb,CACnB,IAGEQ,MAAM,UACR,EAAM,OAAOL,EAAKQ,EAAQ,QAAQZ,CAAe,GACjD,EAAM,0BAA0BI,EAAKU,EAAO,QAAQb,CAAsB,KACjEQ,MAAM,YACf,EAAM,QAAQL,EAAKQ,EAAQ,SAASZ,CAAe,GACnD,EAAM,2BAA2BI,EAC/BU,EAAO,SAASb,CAClB,IAGKM;AACT;AAsBA,SAAgBS,IAA+C;CAC7D,IAAI,OAAO,WAAa,KAAa,OAAO;CAC5C,IAAMC,IAAM,SAAS,gBAAgB,aAAa,KAAK;CAOvD,OANIA,MAAQ,UAAU,CAACA,IACd,iBAAiB,SAAS,eAAe,CAAC,CAAC,YAK7CA;AACT;AAOA,SAAgBC,EACd,GACA,GACQ;CAER,OADKC,IACEhB,EAAS,WAAW,KAAK,IAAI,kBAAkB,0BADhC;AAExB"}

package/dist/components/toast/Toaster/useToaster.d.ts

@@ -0,0 +1,28 @@
+import { Accessor, Setter } from 'solid-js';
+import { Position, ToastT } from '../Toast/Toast.types';
+export interface UseToasterOptions {
+    /** 当前 Toaster 要展示的全部 toast（由 state 层提供，便于独立测试） */
+    toasts: Accessor<ToastT[]>;
+    /** 只展示属于该 toasterId 的 toast；缺省时展示无归属的 toast */
+    toasterId: Accessor<string | undefined>;
+    position: Accessor<Position>;
+    visibleToasts: Accessor<number>;
+    expand: Accessor<boolean | undefined>;
+    hotkey: Accessor<string[]>;
+}
+export interface ToasterState {
+    /** 展开态：悬停、热键或 `expand` 置位时为 true */
+    expanded: Accessor<boolean>;
+    setExpanded: Setter<boolean>;
+    /** 需要渲染的视口位置（默认位置 + toast 自带位置去重） */
+    possiblePositions: Accessor<Position[]>;
+    /** 某个视口下真正要渲染的 toast（含 visibleToasts 截断） */
+    visibleToastsForPosition: (position: Position) => ToastT[];
+}
+/**
+ * Toaster 的"选择与展开"算法：从一堆 toast 里挑出当前 Toaster 该渲染的那些、
+ * 归到各自的位置视口，并维护展开态（悬停由渲染层调用 `setExpanded`）。
+ *
+ * 这里不读全局 store —— `toasts` 由调用方注入，算法本身可以脱离 store 单独推理。
+ */
+export declare function useToaster(options: UseToasterOptions): ToasterState;

package/dist/components/toast/Toaster/useToaster.js

@@ -0,0 +1,26 @@
+import { createMemo as e, createSignal as t, onCleanup as n, onMount as r } from "solid-js";
+//#region src/components/toast/Toaster/useToaster.ts
+function i(i) {
+	let [a, o] = t(!1), s = e(() => {
+		let e = i.toasterId();
+		return e ? i.toasts().filter((t) => t.toasterId === e) : i.toasts().filter((e) => !e.toasterId);
+	}), c = e(() => Array.from(new Set([i.position()].concat(s().filter((e) => e.position).map((e) => e.position))))), l = (e) => s().filter((t) => t.position ? t.position === e : e === i.position());
+	return r(() => {
+		let e = (e) => {
+			i.hotkey().length > 0 && i.hotkey().every((t) => e[t] || e.code === t) && o(!0), e.code === "Escape" && o(!1);
+		};
+		document.addEventListener("keydown", e), n(() => document.removeEventListener("keydown", e));
+	}), {
+		expanded: a,
+		setExpanded: o,
+		possiblePositions: c,
+		visibleToastsForPosition: (e) => {
+			let t = l(e);
+			return i.expand() ? t : t.slice(0, i.visibleToasts());
+		}
+	};
+}
+//#endregion
+export { i as useToaster };
+
+//# sourceMappingURL=useToaster.js.map

package/dist/components/toast/Toaster/useToaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToaster.js","names":["useToaster","expanded","setExpanded","createSignal","filteredToasts","createMemo","id","options","toast","possiblePositions","toastsForPosition","position","onMount","onKeyDown","event","key","onCleanup","list"],"sources":["../../../../src/components/toast/Toaster/useToaster.ts"],"sourcesContent":["import {\n  type Accessor,\n  type Setter,\n  createMemo,\n  createSignal,\n  onCleanup,\n  onMount,\n} from \"solid-js\";\nimport type { Position, ToastT } from \"../Toast/Toast.types\";\n\nexport interface UseToasterOptions {\n  /** 当前 Toaster 要展示的全部 toast（由 state 层提供，便于独立测试） */\n  toasts: Accessor<ToastT[]>;\n  /** 只展示属于该 toasterId 的 toast；缺省时展示无归属的 toast */\n  toasterId: Accessor<string | undefined>;\n  position: Accessor<Position>;\n  visibleToasts: Accessor<number>;\n  expand: Accessor<boolean | undefined>;\n  hotkey: Accessor<string[]>;\n}\n\nexport interface ToasterState {\n  /** 展开态：悬停、热键或 `expand` 置位时为 true */\n  expanded: Accessor<boolean>;\n  setExpanded: Setter<boolean>;\n  /** 需要渲染的视口位置（默认位置 + toast 自带位置去重） */\n  possiblePositions: Accessor<Position[]>;\n  /** 某个视口下真正要渲染的 toast（含 visibleToasts 截断） */\n  visibleToastsForPosition: (position: Position) => ToastT[];\n}\n\n/**\n * Toaster 的\"选择与展开\"算法：从一堆 toast 里挑出当前 Toaster 该渲染的那些、\n * 归到各自的位置视口，并维护展开态（悬停由渲染层调用 `setExpanded`）。\n *\n * 这里不读全局 store —— `toasts` 由调用方注入，算法本身可以脱离 store 单独推理。\n */\nexport function useToaster(options: UseToasterOptions): ToasterState {\n  const [expanded, setExpanded] = createSignal(false);\n\n  const filteredToasts = createMemo(() => {\n    const id = options.toasterId();\n    return id\n      ? options.toasts().filter((toast) => toast.toasterId === id)\n      : options.toasts().filter((toast) => !toast.toasterId);\n  });\n\n  // 每个 toast 可以指定自己的位置，因此视口集合是\"默认位置 + 出现过的位置\"去重\n  const possiblePositions = createMemo(() =>\n    Array.from(\n      new Set(\n        [options.position()].concat(\n          filteredToasts()\n            .filter((toast) => toast.position)\n            .map((toast) => toast.position as Position),\n        ),\n      ),\n    ),\n  );\n\n  const toastsForPosition = (position: Position) =>\n    filteredToasts().filter((toast) => {\n      if (toast.position) return toast.position === position;\n      return position === options.position();\n    });\n\n  const visibleToastsForPosition = (position: Position) => {\n    const list = toastsForPosition(position);\n    if (options.expand()) return list;\n    return list.slice(0, options.visibleToasts());\n  };\n\n  onMount(() => {\n    const onKeyDown = (event: KeyboardEvent) => {\n      const hotkeyPressed =\n        options.hotkey().length > 0 &&\n        options\n          .hotkey()\n          .every((key) => (event as any)[key] || event.code === key);\n      if (hotkeyPressed) setExpanded(true);\n      if (event.code === \"Escape\") setExpanded(false);\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  return { expanded, setExpanded, possiblePositions, visibleToastsForPosition };\n}\n"],"mappings":";;AAqCA,SAAgBA,EAAW,GAA0C;CACnE,IAAM,CAACC,GAAUC,KAAeC,EAAa,EAAK,GAE5CC,IAAiBC,QAAiB;EACtC,IAAMC,IAAKC,EAAQ,UAAU;EAC7B,OAAOD,IACHC,EAAQ,OAAO,CAAC,CAAC,QAAQ,MAAUC,EAAM,cAAcF,CAAE,IACzDC,EAAQ,OAAO,CAAC,CAAC,QAAQ,MAAU,CAACC,EAAM,SAAS;CACzD,CAAC,GAGKC,IAAoBJ,QACxB,MAAM,KACJ,IAAI,IACF,CAACE,EAAQ,SAAS,CAAC,CAAC,CAAC,OACnBH,EAAe,CAAC,CACb,QAAQ,MAAUI,EAAM,QAAQ,CAAC,CACjC,KAAK,MAAUA,EAAM,QAAoB,CAC9C,CACF,CACF,CACF,GAEME,KAAqB,MACzBN,EAAe,CAAC,CAAC,QAAQ,MACnBI,EAAM,WAAiBA,EAAM,aAAaG,IACvCA,MAAaJ,EAAQ,SAAS,CACtC;CAuBH,OAfAK,QAAc;EACZ,IAAMC,KAAa,MAAyB;GAO1C,AALEN,EAAQ,OAAO,CAAC,CAAC,SAAS,KAC1BA,EACG,OAAO,CAAC,CACR,OAAO,MAASO,EAAcC,MAAQD,EAAM,SAASC,CAAG,KAC1Cb,EAAY,EAAI,GAC/BY,EAAM,SAAS,YAAUZ,EAAY,EAAK;EAChD;EAGA,AADA,SAAS,iBAAiB,WAAWW,CAAS,GAC9CG,QAAgB,SAAS,oBAAoB,WAAWH,CAAS,CAAC;CACpE,CAAC,GAEM;EAAE;EAAU;EAAa;EAAmB,2BArBjB,MAAuB;GACvD,IAAMI,IAAOP,EAAkBC,CAAQ;GAEvC,OADIJ,EAAQ,OAAO,IAAUU,IACtBA,EAAK,MAAM,GAAGV,EAAQ,cAAc,CAAC;EAC9C;CAiB4E;AAC9E"}

package/dist/components/toast/index.js

@@ -1,4 +1,5 @@
-import { Toast as e } from "./Toast/Toast.js";
-import { getHistory as t, getToasts as n, toast as r, useSonner as i } from "./state/toast.js";
+import { getHistory as e, getToasts as t, useSonner as n } from "./state/store.js";
+import { toast as r } from "./state/toast.js";
+import { Toast as i } from "./Toast/Toast.js";
 import { Toaster as a } from "./Toaster/Toaster.js";
-export { e as Toast, a as Toaster, t as getHistory, n as getToasts, r as toast, i as useSonner };
+export { i as Toast, a as Toaster, e as getHistory, t as getToasts, r as toast, n as useSonner };

package/dist/components/toast/state/promise-toast.d.ts

@@ -0,0 +1,17 @@
+import { PromiseData, PromiseT } from '../Toast/Toast.types';
+import { CreateToastInput } from './store';
+/** promise 编排需要的最小写入能力；测试可注入假实现，不必碰全局 store */
+export interface PromiseToastPorts {
+    show(data: CreateToastInput): string;
+    dismiss(id: string): void;
+}
+/**
+ * `toast.promise` 的编排：先按需挂一条 loading，再根据 settle 结果替换成
+ * success/error；resolver 返回 `undefined` 表示"不想留提示"，此时收起 loading。
+ *
+ * 成功与失败除"用哪个 resolver、报哪种 type"外完全一致，因此共用 `settle`。
+ *
+ * 返回 loading 那条 toast 的 id（没有 loading 时为 `undefined`；公开 API 的
+ * 返回类型仍按历史约定标成 `string`，故调用方做了断言）。
+ */
+export declare function createPromiseToast<Data = any>(promise: PromiseT<Data>, data: PromiseData<Data> | undefined, ports: PromiseToastPorts): string | undefined;

package/dist/components/toast/state/promise-toast.js

@@ -0,0 +1,33 @@
+//#region src/components/toast/state/promise-toast.ts
+async function e(e, t) {
+	return typeof e == "function" ? await e(t) : e;
+}
+function t(t, n, r) {
+	if (!n) return;
+	let i;
+	n.loading !== void 0 && (i = r.show({
+		...n,
+		type: "loading",
+		message: n.loading
+	}));
+	let a = async (t, a) => {
+		let o = await e(t === "success" ? n.success : n.error, a);
+		if (o === void 0) {
+			i !== void 0 && r.dismiss(i);
+			return;
+		}
+		r.show({
+			id: i,
+			type: t,
+			message: o,
+			description: await e(n.description, a)
+		});
+	};
+	return Promise.resolve(typeof t == "function" ? t() : t).then((e) => a("success", e)).catch((e) => a("error", e)).finally(() => {
+		n.finally?.();
+	}), i;
+}
+//#endregion
+export { t as createPromiseToast };
+
+//# sourceMappingURL=promise-toast.js.map

package/dist/components/toast/state/promise-toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"promise-toast.js","names":["resolveValue","resolver","value","createPromiseToast","data","id","ports","settle","message","type","outcome","promise","result","error"],"sources":["../../../../src/components/toast/state/promise-toast.ts"],"sourcesContent":["import type { JSXElement } from \"solid-js\";\nimport type { PromiseData, PromiseT } from \"../Toast/Toast.types\";\nimport type { CreateToastInput } from \"./store\";\n\n/** promise 编排需要的最小写入能力；测试可注入假实现，不必碰全局 store */\nexport interface PromiseToastPorts {\n  show(data: CreateToastInput): string;\n  dismiss(id: string): void;\n}\n\ntype PromiseOutcome = \"success\" | \"error\";\n\nasync function resolveValue(resolver: unknown, value: unknown) {\n  return typeof resolver === \"function\"\n    ? await (resolver as (input: unknown) => JSXElement | string)(value)\n    : resolver;\n}\n\n/**\n * `toast.promise` 的编排：先按需挂一条 loading，再根据 settle 结果替换成\n * success/error；resolver 返回 `undefined` 表示\"不想留提示\"，此时收起 loading。\n *\n * 成功与失败除\"用哪个 resolver、报哪种 type\"外完全一致，因此共用 `settle`。\n *\n * 返回 loading 那条 toast 的 id（没有 loading 时为 `undefined`；公开 API 的\n * 返回类型仍按历史约定标成 `string`，故调用方做了断言）。\n */\nexport function createPromiseToast<Data = any>(\n  promise: PromiseT<Data>,\n  data: PromiseData<Data> | undefined,\n  ports: PromiseToastPorts,\n): string | undefined {\n  if (!data) return undefined;\n\n  let id: string | undefined;\n  if (data.loading !== undefined) {\n    id = ports.show({\n      ...data,\n      type: \"loading\",\n      message: data.loading,\n    } as CreateToastInput);\n  }\n\n  const settle = async (type: PromiseOutcome, outcome: unknown) => {\n    const message = await resolveValue(\n      type === \"success\" ? data.success : data.error,\n      outcome,\n    );\n\n    if (message === undefined) {\n      if (id !== undefined) ports.dismiss(id);\n      return;\n    }\n\n    ports.show({\n      id,\n      type,\n      message: message as JSXElement,\n      description: (await resolveValue(\n        data.description,\n        outcome,\n      )) as JSXElement,\n    });\n  };\n\n  Promise.resolve(typeof promise === \"function\" ? promise() : promise)\n    .then((result) => settle(\"success\", result))\n    .catch((error) => settle(\"error\", error))\n    .finally(() => {\n      data.finally?.();\n    });\n\n  return id;\n}\n"],"mappings":";AAYA,eAAeA,EAAa,GAAmB,GAAgB;CAC7D,OAAO,OAAOC,KAAa,aACvB,MAAOA,EAAqDC,CAAK,IACjED;AACN;AAWA,SAAgBE,EACd,GACA,GACA,GACoB;CACpB,IAAI,CAACC,GAAM;CAEX,IAAIC;CACJ,AAAID,EAAK,YAAY,KAAA,MACnB,IAAKE,EAAM,KAAK;EACd,GAAGF;EACH,MAAM;EACN,SAASA,EAAK;CAChB,CAAqB;CAGvB,IAAMG,IAAS,OAAO,GAAsB,MAAqB;EAC/D,IAAMC,IAAU,MAAMR,EACpBS,MAAS,YAAYL,EAAK,UAAUA,EAAK,OACzCM,CACF;EAEA,IAAIF,MAAY,KAAA,GAAW;GACzB,AAAIH,MAAO,KAAA,KAAWC,EAAM,QAAQD,CAAE;GACtC;EACF;EAEA,EAAM,KAAK;GACT;GACA;GACS;GACT,aAAc,MAAML,EAClBI,EAAK,aACLM,CACF;EACF,CAAC;CACH;CASA,OAPA,QAAQ,QAAQ,OAAOC,KAAY,aAAaA,EAAQ,IAAIA,CAAO,CAAC,CACjE,MAAM,MAAWJ,EAAO,WAAWK,CAAM,CAAC,CAAC,CAC3C,OAAO,MAAUL,EAAO,SAASM,CAAK,CAAC,CAAC,CACxC,cAAc;EACb,EAAK,UAAU;CACjB,CAAC,GAEIR;AACT"}

package/dist/components/toast/state/store.d.ts

@@ -0,0 +1,21 @@
+import { JSXElement } from 'solid-js';
+import { ExternalToast, PromiseT, ToastT, ToastTypes } from '../Toast/Toast.types';
+export declare function useSonner(): {
+    toasts: ToastT[];
+};
+export declare function getToasts(): ToastT[];
+export declare function getHistory(): ToastT[];
+export type CreateToastInput = ExternalToast & {
+    message?: JSXElement;
+    type?: ToastTypes;
+    jsx?: JSXElement;
+    promise?: PromiseT;
+};
+/**
+ * 新建一条 toast；同 id 已存在时原地更新（`message` 缺省则保留原标题）。
+ * 新 toast 插到队首，因此列表顺序天然是"新 → 旧"。
+ */
+export declare function createToast(data: CreateToastInput): string;
+/** 标记退场：真正的移除发生在退场动画结束后（由 Toast 调 `removeToast`）。 */
+export declare function dismissToast(id?: string): string | undefined;
+export declare function removeToast(id: string): void;

package/dist/components/toast/state/store.js

@@ -0,0 +1,45 @@
+import { createUniqueId as e } from "solid-js";
+import { createStore as t, produce as n } from "solid-js/store";
+//#region src/components/toast/state/store.ts
+var [r, i] = t([]);
+function a() {
+	return { toasts: r };
+}
+function o() {
+	return r;
+}
+function s() {
+	return r;
+}
+function c(t) {
+	let r = t.id ?? e();
+	return i(n((e) => {
+		let n = e.find((e) => e.id === r), i = {
+			...t,
+			id: r,
+			title: t.message,
+			dismissible: t.dismissible ?? !0
+		};
+		n ? Object.assign(n, i, { title: t.message ?? n.title }) : e.unshift(i);
+	})), r;
+}
+function l(e) {
+	return i(n((t) => {
+		if (e !== void 0) {
+			let n = t.find((t) => t.id === e);
+			n && (n.delete = !0);
+			return;
+		}
+		for (let e of t) e.delete = !0;
+	})), e;
+}
+function u(e) {
+	i(n((t) => {
+		let n = t.findIndex((t) => t.id === e);
+		n !== -1 && t.splice(n, 1);
+	}));
+}
+//#endregion
+export { c as createToast, l as dismissToast, s as getHistory, o as getToasts, u as removeToast, a as useSonner };
+
+//# sourceMappingURL=store.js.map

package/dist/components/toast/state/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","names":["toasts","setToasts","createStore","useSonner","getToasts","getHistory","createToast","id","data","createUniqueId","produce","existing","list","toast","next","dismissToast","item","removeToast","index"],"sources":["../../../../src/components/toast/state/store.ts"],"sourcesContent":["import { createUniqueId, type JSXElement } from \"solid-js\";\nimport { createStore, produce } from \"solid-js/store\";\nimport type {\n  ExternalToast,\n  PromiseT,\n  ToastT,\n  ToastTypes,\n} from \"../Toast/Toast.types\";\n\n/**\n * 全部 toast 的单一数据源。\n *\n * 只在本模块内写入：外部通过 `useSonner()` 读取、通过下面三个原语修改，\n * 保证\"列表怎么变\"只有一处实现（更新同 id、标记删除、真正移除）。\n */\nconst [toasts, setToasts] = createStore<ToastT[]>([]);\n\nexport function useSonner() {\n  return { toasts };\n}\n\nexport function getToasts() {\n  return toasts;\n}\n\nexport function getHistory() {\n  return toasts;\n}\n\nexport type CreateToastInput = ExternalToast & {\n  message?: JSXElement;\n  type?: ToastTypes;\n  jsx?: JSXElement;\n  promise?: PromiseT;\n};\n\n/**\n * 新建一条 toast；同 id 已存在时原地更新（`message` 缺省则保留原标题）。\n * 新 toast 插到队首，因此列表顺序天然是\"新 → 旧\"。\n */\nexport function createToast(data: CreateToastInput): string {\n  const id = data.id ?? createUniqueId();\n\n  setToasts(\n    produce((list) => {\n      const existing = list.find((toast) => toast.id === id);\n      const next: ToastT = {\n        ...data,\n        id,\n        title: data.message,\n        dismissible: data.dismissible ?? true,\n      } as ToastT;\n\n      if (existing) {\n        Object.assign(existing, next, {\n          title: data.message ?? existing.title,\n        });\n      } else {\n        list.unshift(next);\n      }\n    }),\n  );\n\n  return id;\n}\n\n/** 标记退场：真正的移除发生在退场动画结束后（由 Toast 调 `removeToast`）。 */\nexport function dismissToast(id?: string) {\n  setToasts(\n    produce((list) => {\n      if (id !== undefined) {\n        const toast = list.find((item) => item.id === id);\n        if (toast) toast.delete = true;\n        return;\n      }\n      for (const toast of list) toast.delete = true;\n    }),\n  );\n\n  return id;\n}\n\nexport function removeToast(id: string) {\n  setToasts(\n    produce((list) => {\n      const index = list.findIndex((toast) => toast.id === id);\n      if (index !== -1) list.splice(index, 1);\n    }),\n  );\n}\n"],"mappings":";;;AAeA,IAAM,CAACA,GAAQC,KAAaC,EAAsB,CAAC,CAAC;AAEpD,SAAgBC,IAAY;CAC1B,OAAO,EAAE,UAAO;AAClB;AAEA,SAAgBC,IAAY;CAC1B,OAAOJ;AACT;AAEA,SAAgBK,IAAa;CAC3B,OAAOL;AACT;AAaA,SAAgBM,EAAY,GAAgC;CAC1D,IAAMC,IAAKC,EAAK,MAAMC,EAAe;CAsBrC,OApBAR,EACES,GAAS,MAAS;EAChB,IAAMC,IAAWC,EAAK,MAAM,MAAUC,EAAM,OAAON,CAAE,GAC/CO,IAAe;GACnB,GAAGN;GACH;GACA,OAAOA,EAAK;GACZ,aAAaA,EAAK,eAAe;EACnC;EAEA,AAAIG,IACF,OAAO,OAAOA,GAAUG,GAAM,EAC5B,OAAON,EAAK,WAAWG,EAAS,MAClC,CAAC,IAEDC,EAAK,QAAQE,CAAI;CAErB,CAAC,CACH,GAEOP;AACT;AAGA,SAAgBQ,EAAa,GAAa;CAYxC,OAXAd,EACES,GAAS,MAAS;EAChB,IAAIH,MAAO,KAAA,GAAW;GACpB,IAAMM,IAAQD,EAAK,MAAM,MAASI,EAAK,OAAOT,CAAE;GAChD,AAAIM,MAAO,EAAM,SAAS;GAC1B;EACF;EACA,KAAK,IAAMA,KAASD,GAAM,EAAM,SAAS;CAC3C,CAAC,CACH,GAEOL;AACT;AAEA,SAAgBU,EAAY,GAAY;CACtC,EACEP,GAAS,MAAS;EAChB,IAAMQ,IAAQN,EAAK,WAAW,MAAUC,EAAM,OAAON,CAAE;EACvD,AAAIW,MAAU,MAAIN,EAAK,OAAOM,GAAO,CAAC;CACxC,CAAC,CACH;AACF"}

package/dist/components/toast/state/toast.d.ts

@@ -1,12 +1,11 @@
 import { JSXElement } from 'solid-js';
-import { ExternalToast, PromiseData, PromiseT, ToastT } from '../Toast/Toast.types';
-export declare function useSonner(): {
-    toasts: ToastT[];
-};
-export declare function getToasts(): ToastT[];
-export declare function getHistory(): ToastT[];
-declare function dismissToast(id?: string): string | undefined;
-declare function removeToast(id: string): void;
+import { ExternalToast, PromiseData, PromiseT } from '../Toast/Toast.types';
+import { dismissToast, getHistory, getToasts, removeToast, useSonner } from './store';
+/**
+ * 公开 API：把 store 原语包装成"一条 toast 怎么发出去"的语义化入口。
+ * 这里只做参数装配，状态变更全部委托给 `store`，promise 编排委托给
+ * `promise-toast`。
+ */
 export declare const toast: ((message: JSXElement, data?: ExternalToast) => string) & {
     success: (message: JSXElement, data?: ExternalToast) => string;
     info: (message: JSXElement, data?: ExternalToast) => string;
@@ -16,9 +15,9 @@ export declare const toast: ((message: JSXElement, data?: ExternalToast) => stri
     message: (message: JSXElement, data?: ExternalToast) => string;
     custom: (jsx: (id: string) => JSXElement, data?: ExternalToast) => string;
     dismiss: typeof dismissToast;
-    promise: <Data = any>(promise: PromiseT<Data>, data?: PromiseData<Data>) => string | undefined;
+    promise: <Data = any>(promise: PromiseT<Data>, data?: PromiseData<Data>) => string;
     getToasts: typeof getToasts;
     getHistory: typeof getHistory;
     remove: typeof removeToast;
 };
-export { dismissToast, removeToast };
+export { dismissToast, getHistory, getToasts, removeToast, useSonner };

package/dist/components/toast/state/toast.js

@@ -1,116 +1,57 @@
-import { createUniqueId as e } from "solid-js";
-import { createStore as t, produce as n } from "solid-js/store";
-//#region src/components/toast/state/toast.ts
-var [r, i] = t([]);
-function a() {
-	return { toasts: r };
-}
-function o() {
-	return r;
-}
-function s() {
-	return r;
-}
-function c(t) {
-	let r = t.id ?? e();
-	return i(n((e) => {
-		let n = e.find((e) => e.id === r), i = {
-			...t,
-			id: r,
-			title: t.message,
-			dismissible: t.dismissible ?? !0
-		};
-		n ? Object.assign(n, i, { title: t.message ?? n.title }) : e.unshift(i);
-	})), r;
-}
-function l(e) {
-	return i(n(e === void 0 ? (e) => {
-		for (let t of e) t.delete = !0;
-	} : (t) => {
-		let n = t.find((t) => t.id === e);
-		n && (n.delete = !0);
-	})), e;
-}
-function u(e) {
-	i(n((t) => {
-		let n = t.findIndex((t) => t.id === e);
-		n !== -1 && t.splice(n, 1);
-	}));
-}
-var d = Object.assign((e, t) => c({
-	...t,
+import { createPromiseToast as e } from "./promise-toast.js";
+import { createToast as t, dismissToast as n, getHistory as r, getToasts as i, removeToast as a, useSonner as o } from "./store.js";
+import { createUniqueId as s } from "solid-js";
+var c = Object.assign((e, n) => t({
+	...n,
 	message: e
 }), {
-	success: (e, t) => c({
-		...t,
+	success: (e, n) => t({
+		...n,
 		type: "success",
 		message: e
 	}),
-	info: (e, t) => c({
-		...t,
+	info: (e, n) => t({
+		...n,
 		type: "info",
 		message: e
 	}),
-	warning: (e, t) => c({
-		...t,
+	warning: (e, n) => t({
+		...n,
 		type: "warning",
 		message: e
 	}),
-	error: (e, t) => c({
-		...t,
+	error: (e, n) => t({
+		...n,
 		type: "error",
 		message: e
 	}),
-	loading: (e, t) => c({
-		...t,
+	loading: (e, n) => t({
+		...n,
 		type: "loading",
 		message: e
 	}),
-	message: (e, t) => c({
-		...t,
+	message: (e, n) => t({
+		...n,
 		message: e
 	}),
-	custom: (t, n) => {
-		let r = n?.id ?? e();
-		return c({
+	custom: (e, n) => {
+		let r = n?.id ?? s();
+		return t({
 			...n,
 			id: r,
-			jsx: t(r)
+			jsx: e(r)
 		});
 	},
-	dismiss: l,
-	promise: (e, t) => {
-		if (!t) return;
-		let n;
-		return t.loading !== void 0 && (n = c({
-			...t,
-			type: "loading",
-			message: t.loading
-		})), Promise.resolve(typeof e == "function" ? e() : e).then(async (e) => {
-			let r = typeof t.success == "function" ? await t.success(e) : t.success;
-			r === void 0 ? n !== void 0 && l(n) : c({
-				id: n,
-				type: "success",
-				message: r,
-				description: typeof t.description == "function" ? await t.description(e) : t.description
-			});
-		}).catch(async (e) => {
-			let r = typeof t.error == "function" ? await t.error(e) : t.error;
-			r === void 0 ? n !== void 0 && l(n) : c({
-				id: n,
-				type: "error",
-				message: r,
-				description: typeof t.description == "function" ? await t.description(e) : t.description
-			});
-		}).finally(() => {
-			t.finally?.();
-		}), n;
-	},
-	getToasts: o,
-	getHistory: s,
-	remove: u
+	dismiss: n,
+	promise: (r, i) => e(r, i, {
+		show: t,
+		dismiss: n
+	}),
+	getToasts: i,
+	getHistory: r,
+	remove: a
 });
 //#endregion
-export { l as dismissToast, s as getHistory, o as getToasts, u as removeToast, d as toast, a as useSonner };
+export { n as dismissToast, r as getHistory, i as getToasts, a as removeToast, c as toast, o as useSonner };
 
 //# sourceMappingURL=toast.js.map

package/dist/components/toast/state/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":["toasts","setToasts","createStore","useSonner","getToasts","getHistory","createToast","id","data","createUniqueId","produce","existing","list","toast","next","dismissToast","item","removeToast","index","jsx","promise","message","result","error"],"sources":["../../../../src/components/toast/state/toast.ts"],"sourcesContent":["import { createUniqueId, type JSXElement } from \"solid-js\";\nimport { createStore, produce } from \"solid-js/store\";\nimport type {\n  ExternalToast,\n  PromiseData,\n  PromiseT,\n  ToastT,\n  ToastTypes,\n} from \"../Toast/Toast.types\";\n\nconst [toasts, setToasts] = createStore<ToastT[]>([]);\n\nexport function useSonner() {\n  return { toasts };\n}\n\nexport function getToasts() {\n  return toasts;\n}\n\nexport function getHistory() {\n  return toasts;\n}\n\nfunction createToast(\n  data: ExternalToast & {\n    message?: JSXElement;\n    type?: ToastTypes;\n    jsx?: JSXElement;\n    promise?: PromiseT;\n  },\n): string {\n  const id = data.id ?? createUniqueId();\n\n  setToasts(\n    produce((list) => {\n      const existing = list.find((toast) => toast.id === id);\n      const next: ToastT = {\n        ...data,\n        id,\n        title: data.message,\n        dismissible: data.dismissible ?? true,\n      } as ToastT;\n\n      if (existing) {\n        Object.assign(existing, next, {\n          title: data.message ?? existing.title,\n        });\n      } else {\n        list.unshift(next);\n      }\n    }),\n  );\n\n  return id;\n}\n\nfunction dismissToast(id?: string) {\n  if (id !== undefined) {\n    setToasts(\n      produce((list) => {\n        const toast = list.find((item) => item.id === id);\n        if (toast) toast.delete = true;\n      }),\n    );\n  } else {\n    setToasts(\n      produce((list) => {\n        for (const toast of list) toast.delete = true;\n      }),\n    );\n  }\n  return id;\n}\n\nfunction removeToast(id: string) {\n  setToasts(\n    produce((list) => {\n      const index = list.findIndex((toast) => toast.id === id);\n      if (index !== -1) list.splice(index, 1);\n    }),\n  );\n}\n\nconst toastFunction = (message: JSXElement, data?: ExternalToast) =>\n  createToast({ ...data, message });\n\nexport const toast = Object.assign(toastFunction, {\n  success: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, type: \"success\", message }),\n  info: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, type: \"info\", message }),\n  warning: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, type: \"warning\", message }),\n  error: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, type: \"error\", message }),\n  loading: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, type: \"loading\", message }),\n  message: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, message }),\n  custom: (jsx: (id: string) => JSXElement, data?: ExternalToast) => {\n    const id = data?.id ?? createUniqueId();\n    return createToast({ ...data, id, jsx: jsx(id) });\n  },\n  dismiss: dismissToast,\n  promise: <Data = any>(promise: PromiseT<Data>, data?: PromiseData<Data>) => {\n    if (!data) return;\n\n    let id: string | undefined;\n    if (data.loading !== undefined) {\n      id = createToast({\n        ...data,\n        type: \"loading\",\n        message: data.loading,\n      } as any);\n    }\n\n    Promise.resolve(typeof promise === \"function\" ? promise() : promise)\n      .then(async (result) => {\n        const message =\n          typeof data.success === \"function\"\n            ? await data.success(result)\n            : data.success;\n\n        if (message !== undefined) {\n          createToast({\n            id,\n            type: \"success\",\n            message: message as JSXElement,\n            description:\n              typeof data.description === \"function\"\n                ? await data.description(result)\n                : data.description,\n          } as any);\n        } else if (id !== undefined) {\n          dismissToast(id);\n        }\n      })\n      .catch(async (error) => {\n        const message =\n          typeof data.error === \"function\"\n            ? await data.error(error)\n            : data.error;\n\n        if (message !== undefined) {\n          createToast({\n            id,\n            type: \"error\",\n            message: message as JSXElement,\n            description:\n              typeof data.description === \"function\"\n                ? await data.description(error)\n                : data.description,\n          } as any);\n        } else if (id !== undefined) {\n          dismissToast(id);\n        }\n      })\n      .finally(() => {\n        data.finally?.();\n      });\n\n    return id as string;\n  },\n  getToasts,\n  getHistory,\n  remove: removeToast,\n});\n\nexport { dismissToast, removeToast };\n"],"mappings":";;;AAUA,IAAM,CAACA,GAAQC,KAAaC,EAAsB,CAAC,CAAC;AAEpD,SAAgBC,IAAY;CAC1B,OAAO,EAAE,UAAO;AAClB;AAEA,SAAgBC,IAAY;CAC1B,OAAOJ;AACT;AAEA,SAAgBK,IAAa;CAC3B,OAAOL;AACT;AAEA,SAASM,EACP,GAMQ;CACR,IAAMC,IAAKC,EAAK,MAAMC,EAAe;CAsBrC,OApBAR,EACES,GAAS,MAAS;EAChB,IAAMC,IAAWC,EAAK,MAAM,MAAUC,EAAM,OAAON,CAAE,GAC/CO,IAAe;GACnB,GAAGN;GACH;GACA,OAAOA,EAAK;GACZ,aAAaA,EAAK,eAAe;EACnC;EAEA,AAAIG,IACF,OAAO,OAAOA,GAAUG,GAAM,EAC5B,OAAON,EAAK,WAAWG,EAAS,MAClC,CAAC,IAEDC,EAAK,QAAQE,CAAI;CAErB,CAAC,CACH,GAEOP;AACT;AAEA,SAASQ,EAAa,GAAa;CAejC,OANEd,EACES,EATAH,MAAO,KAAA,KASE,MAAS;EAChB,KAAK,IAAMM,KAASD,GAAM,EAAM,SAAS;CAC3C,KATS,MAAS;EAChB,IAAMC,IAAQD,EAAK,MAAM,MAASI,EAAK,OAAOT,CAAE;EAChD,AAAIM,MAAO,EAAM,SAAS;CAC5B,CALO,CAYT,GAEKN;AACT;AAEA,SAASU,EAAY,GAAY;CAC/B,EACEP,GAAS,MAAS;EAChB,IAAMQ,IAAQN,EAAK,WAAW,MAAUC,EAAM,OAAON,CAAE;EACvD,AAAIW,MAAU,MAAIN,EAAK,OAAOM,GAAO,CAAC;CACxC,CAAC,CACH;AACF;AAKA,IAAaL,IAAQ,OAAO,QAHL,GAAqB,MAC1CP,EAAY;CAAE,GAAGE;CAAM;AAAQ,CAAC,GAEgB;CAChD,UAAU,GAAqB,MAC7BF,EAAY;EAAE,GAAGE;EAAM,MAAM;EAAW;CAAQ,CAAC;CACnD,OAAO,GAAqB,MAC1BF,EAAY;EAAE,GAAGE;EAAM,MAAM;EAAQ;CAAQ,CAAC;CAChD,UAAU,GAAqB,MAC7BF,EAAY;EAAE,GAAGE;EAAM,MAAM;EAAW;CAAQ,CAAC;CACnD,QAAQ,GAAqB,MAC3BF,EAAY;EAAE,GAAGE;EAAM,MAAM;EAAS;CAAQ,CAAC;CACjD,UAAU,GAAqB,MAC7BF,EAAY;EAAE,GAAGE;EAAM,MAAM;EAAW;CAAQ,CAAC;CACnD,UAAU,GAAqB,MAC7BF,EAAY;EAAE,GAAGE;EAAM;CAAQ,CAAC;CAClC,SAAS,GAAiC,MAAyB;EACjE,IAAMD,IAAKC,GAAM,MAAMC,EAAe;EACtC,OAAOH,EAAY;GAAE,GAAGE;GAAM;GAAI,KAAKW,EAAIZ,CAAE;EAAE,CAAC;CAClD;CACA,SAASQ;CACT,UAAsB,GAAyB,MAA6B;EAC1E,IAAI,CAACP,GAAM;EAEX,IAAID;EAsDJ,OArDIC,EAAK,YAAY,KAAA,MACnB,IAAKF,EAAY;GACf,GAAGE;GACH,MAAM;GACN,SAASA,EAAK;EAChB,CAAQ,IAGV,QAAQ,QAAQ,OAAOY,KAAY,aAAaA,EAAQ,IAAIA,CAAO,CAAC,CACjE,KAAK,OAAO,MAAW;GACtB,IAAMC,IACJ,OAAOb,EAAK,WAAY,aACpB,MAAMA,EAAK,QAAQc,CAAM,IACzBd,EAAK;GAEX,AAAIa,MAAY,KAAA,IAULd,MAAO,KAAA,KAChBQ,EAAaR,CAAE,IAVfD,EAAY;IACV;IACA,MAAM;IACG;IACT,aACE,OAAOE,EAAK,eAAgB,aACxB,MAAMA,EAAK,YAAYc,CAAM,IAC7Bd,EAAK;GACb,CAAQ;EAIZ,CAAC,CAAC,CACD,MAAM,OAAO,MAAU;GACtB,IAAMa,IACJ,OAAOb,EAAK,SAAU,aAClB,MAAMA,EAAK,MAAMe,CAAK,IACtBf,EAAK;GAEX,AAAIa,MAAY,KAAA,IAULd,MAAO,KAAA,KAChBQ,EAAaR,CAAE,IAVfD,EAAY;IACV;IACA,MAAM;IACG;IACT,aACE,OAAOE,EAAK,eAAgB,aACxB,MAAMA,EAAK,YAAYe,CAAK,IAC5Bf,EAAK;GACb,CAAQ;EAIZ,CAAC,CAAC,CACD,cAAc;GACb,EAAK,UAAU;EACjB,CAAC,GAEID;CACT;CACA;CACA;CACA,QAAQU;AACV,CAAC"}
+{"version":3,"file":"toast.js","names":["toast","createToast","data","id","createUniqueId","jsx","dismissToast","createPromiseToast","promise","removeToast","getHistory","getToasts","useSonner"],"sources":["../../../../src/components/toast/state/toast.ts"],"sourcesContent":["import { createUniqueId, type JSXElement } from \"solid-js\";\nimport type {\n  ExternalToast,\n  PromiseData,\n  PromiseT,\n} from \"../Toast/Toast.types\";\nimport { createPromiseToast } from \"./promise-toast\";\nimport {\n  createToast,\n  dismissToast,\n  getHistory,\n  getToasts,\n  removeToast,\n  useSonner,\n} from \"./store\";\n\nconst toastFunction = (message: JSXElement, data?: ExternalToast) =>\n  createToast({ ...data, message });\n\n/**\n * 公开 API：把 store 原语包装成\"一条 toast 怎么发出去\"的语义化入口。\n * 这里只做参数装配，状态变更全部委托给 `store`，promise 编排委托给\n * `promise-toast`。\n */\nexport const toast = Object.assign(toastFunction, {\n  success: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, type: \"success\", message }),\n  info: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, type: \"info\", message }),\n  warning: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, type: \"warning\", message }),\n  error: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, type: \"error\", message }),\n  loading: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, type: \"loading\", message }),\n  message: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, message }),\n  custom: (jsx: (id: string) => JSXElement, data?: ExternalToast) => {\n    const id = data?.id ?? createUniqueId();\n    return createToast({ ...data, id, jsx: jsx(id) });\n  },\n  dismiss: dismissToast,\n  promise: <Data = any>(promise: PromiseT<Data>, data?: PromiseData<Data>) =>\n    createPromiseToast(promise, data, {\n      show: createToast,\n      dismiss: dismissToast,\n    }) as string,\n  getToasts,\n  getHistory,\n  remove: removeToast,\n});\n\nexport { dismissToast, getHistory, getToasts, removeToast, useSonner };\n"],"mappings":";;;AAwBA,IAAaA,IAAQ,OAAO,QARL,GAAqB,MAC1CC,EAAY;CAAE,GAAGC;CAAM;AAAQ,CAAC,GAOgB;CAChD,UAAU,GAAqB,MAC7BD,EAAY;EAAE,GAAGC;EAAM,MAAM;EAAW;CAAQ,CAAC;CACnD,OAAO,GAAqB,MAC1BD,EAAY;EAAE,GAAGC;EAAM,MAAM;EAAQ;CAAQ,CAAC;CAChD,UAAU,GAAqB,MAC7BD,EAAY;EAAE,GAAGC;EAAM,MAAM;EAAW;CAAQ,CAAC;CACnD,QAAQ,GAAqB,MAC3BD,EAAY;EAAE,GAAGC;EAAM,MAAM;EAAS;CAAQ,CAAC;CACjD,UAAU,GAAqB,MAC7BD,EAAY;EAAE,GAAGC;EAAM,MAAM;EAAW;CAAQ,CAAC;CACnD,UAAU,GAAqB,MAC7BD,EAAY;EAAE,GAAGC;EAAM;CAAQ,CAAC;CAClC,SAAS,GAAiC,MAAyB;EACjE,IAAMC,IAAKD,GAAM,MAAME,EAAe;EACtC,OAAOH,EAAY;GAAE,GAAGC;GAAM;GAAI,KAAKG,EAAIF,CAAE;EAAE,CAAC;CAClD;CACA,SAASG;CACT,UAAsB,GAAyB,MAC7CC,EAAmBC,GAASN,GAAM;EAChC,MAAMD;EACN,SAASK;CACX,CAAC;CACH;CACA;CACA,QAAQG;AACV,CAAC"}

package/dist/components/toggle/Toggle/Toggle.js

@@ -21,7 +21,8 @@ function d(n) {
 	return (() => {
 		var n = u();
 		return n.$$click = (e) => {
-			d.onClick?.(e), e.defaultPrevented || g(!h());
+			let t = d.onClick;
+			Array.isArray(t) ? t[0](t[1], e) : t?.(e), e.defaultPrevented || g(!h());
 		}, i(n, r({
 			get type() {
 				return d.type;

package/dist/components/toggle/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","names":["createMemo","createSignal","mergeProps","splitProps","JSX","clsx","toggleVariants","ToggleProps","Toggle","props","Element","merged","type","const","local","rest","internalPressed","setInternalPressed","defaultPressed","pressed","undefined","setPressed","next","onPressedChange","_el$","_tmpl$","$$click","e","onClick","defaultPrevented","_$spread","_$mergeProps","data-state","aria-pressed","class","variant","size","_$delegateEvents","mergeProps","_$mergeProps","_$delegateEvents","mergeProps$1","_tmpl$","Toggle","merged","props","local","rest","splitProps","internalPressed","setInternalPressed","createSignal","pressed","createMemo","setPressed","next","_el$","spread","mergeProps","\"class\"","clsx","toggleVariants","delegateEvents"],"sources":["../../../../src/components/toggle/Toggle/Toggle.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n  type JSX,\n} from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { toggleVariants } from \"./Toggle.styles\";\nimport type { ToggleProps } from \"./Toggle.types\";\n\nexport function Toggle(props: ToggleProps): JSX.Element {\n  const merged = mergeProps({ type: \"button\" as const }, props);\n\n  const [local, rest] = splitProps(merged, [\n    \"pressed\",\n    \"defaultPressed\",\n    \"onPressedChange\",\n    \"variant\",\n    \"size\",\n    \"class\",\n    \"value\",\n    \"type\",\n    \"onClick\",\n  ]);\n\n  const [internalPressed, setInternalPressed] = createSignal(\n    local.defaultPressed ?? false,\n  );\n  const pressed = createMemo(() =>\n    local.pressed !== undefined ? local.pressed : internalPressed(),\n  );\n\n  const setPressed = (next: boolean) => {\n    if (local.pressed === undefined) setInternalPressed(next);\n    local.onPressedChange?.(next);\n  };\n\n  return (\n    <button\n      type={local.type as \"button\"}\n      data-slot=\"toggle\"\n      data-state={pressed() ? \"on\" : \"off\"}\n      aria-pressed={pressed()}\n      class={clsx(\n        toggleVariants({\n          variant: local.variant,\n          size: local.size,\n          class: local.class,\n        }),\n      )}\n      onClick={(e) => {\n        (local.onClick as any)?.(e);\n        if (!e.defaultPrevented) setPressed(!pressed());\n      }}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;;AAWA,SAAgBQ,EAAOC,GAAiC;CACtD,IAAME,IAAST,EAAW,EAAEU,MAAM,SAAkB,GAAGH,CAAK,GAEtD,CAACK,GAAOC,KAAQZ,EAAWQ,GAAQ;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAS,CACV,GAEK,CAACK,GAAiBC,KAAsBhB,EAC5Ca,EAAMI,kBAAkB,EAC1B,GACMC,IAAUnB,QACdc,EAAMK,YAAYC,KAAAA,IAA4BJ,EAAgB,IAAhCF,EAAMK,OACtC,GAEME,KAAcC,MAAkB;EAEpCR,AADIA,EAAMK,YAAYC,KAAAA,KAAWH,EAAmBK,CAAI,GACxDR,EAAMS,kBAAkBD,CAAI;CAC9B;CAEA,cAAA;EAAA,IAAAE,IAAAC,EAAA;EAiBY,OAjBZD,EAAAE,WAacC,MAAM;GAEd,AADAmB,EAAOlB,UAAkBD,CAAC,GACrBA,EAAEE,oBAAkBR,EAAW,CAACF,EAAQ,CAAC;EAChD,GAACW,EAAAN,GAAAO,EAAA;GAAA,IAdDnB,OAAI;IAAA,OAAEE,EAAMF;GAAgB;GAAA,IAAA,eAAA;IAAA,OAEhBO,EAAQ,IAAI,OAAO;GAAK;GAAA,IAAA,iBAAA;IAAA,OACtBA,EAAQ;GAAC;GAAA,IAAAwC,QAAA;IAAA,OAChBtD,EACLC,EAAe;KACb6B,SAASrB,EAAMqB;KACfC,MAAMtB,EAAMsB;KACZF,OAAOpB,EAAMoB;IACf,CAAC,CACH;GAAC;EAAA,GAKGnB,CAAI,GAAA,IAAA,EAAA,GAAAS;CAAA,EAAA,CAAA;AAGd;AAACa,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"Toggle.js","names":["createMemo","createSignal","mergeProps","splitProps","JSX","clsx","toggleVariants","ToggleProps","Toggle","props","Element","merged","type","const","local","rest","internalPressed","setInternalPressed","defaultPressed","pressed","undefined","setPressed","next","onPressedChange","_el$","_tmpl$","$$click","e","handler","onClick","MouseEvent","data","Array","isArray","defaultPrevented","_$spread","_$mergeProps","data-state","aria-pressed","class","variant","size","_$delegateEvents","mergeProps","_$mergeProps","_$delegateEvents","mergeProps$1","_tmpl$","Toggle","merged","props","local","rest","splitProps","internalPressed","setInternalPressed","createSignal","pressed","createMemo","setPressed","next","_el$","handler","spread","mergeProps","\"class\"","clsx","toggleVariants","delegateEvents"],"sources":["../../../../src/components/toggle/Toggle/Toggle.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n  type JSX,\n} from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { toggleVariants } from \"./Toggle.styles\";\nimport type { ToggleProps } from \"./Toggle.types\";\n\nexport function Toggle(props: ToggleProps): JSX.Element {\n  const merged = mergeProps({ type: \"button\" as const }, props);\n\n  const [local, rest] = splitProps(merged, [\n    \"pressed\",\n    \"defaultPressed\",\n    \"onPressedChange\",\n    \"variant\",\n    \"size\",\n    \"class\",\n    \"value\",\n    \"type\",\n    \"onClick\",\n  ]);\n\n  const [internalPressed, setInternalPressed] = createSignal(\n    local.defaultPressed ?? false,\n  );\n  const pressed = createMemo(() =>\n    local.pressed !== undefined ? local.pressed : internalPressed(),\n  );\n\n  const setPressed = (next: boolean) => {\n    if (local.pressed === undefined) setInternalPressed(next);\n    local.onPressedChange?.(next);\n  };\n\n  return (\n    <button\n      type={local.type as \"button\"}\n      data-slot=\"toggle\"\n      data-state={pressed() ? \"on\" : \"off\"}\n      aria-pressed={pressed()}\n      class={clsx(\n        toggleVariants({\n          variant: local.variant,\n          size: local.size,\n          class: local.class,\n        }),\n      )}\n      onClick={(e) => {\n        // onClick 的类型是 JSX.EventHandlerUnion，含 Solid 的 [handler, data] 形式；\n        // 直接 `.?(e)` 会让数组形式的 handler 静默失效（不抛错、状态也不翻转）\n        const handler = local.onClick as\n          | ((e: MouseEvent) => void)\n          | [(data: unknown, e: MouseEvent) => void, unknown]\n          | undefined;\n        if (Array.isArray(handler)) handler[0](handler[1], e);\n        else handler?.(e);\n        if (!e.defaultPrevented) setPressed(!pressed());\n      }}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;;AAWA,SAAgBQ,EAAOC,GAAiC;CACtD,IAAME,IAAST,EAAW,EAAEU,MAAM,SAAkB,GAAGH,CAAK,GAEtD,CAACK,GAAOC,KAAQZ,EAAWQ,GAAQ;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAS,CACV,GAEK,CAACK,GAAiBC,KAAsBhB,EAC5Ca,EAAMI,kBAAkB,EAC1B,GACMC,IAAUnB,QACdc,EAAMK,YAAYC,KAAAA,IAA4BJ,EAAgB,IAAhCF,EAAMK,OACtC,GAEME,KAAcC,MAAkB;EAEpCR,AADIA,EAAMK,YAAYC,KAAAA,KAAWH,EAAmBK,CAAI,GACxDR,EAAMS,kBAAkBD,CAAI;CAC9B;CAEA,cAAA;EAAA,IAAAE,IAAAC,EAAA;EAwBY,OAxBZD,EAAAE,WAacC,MAAM;GAGd,IAAMC,IAAUd,EAAMe;GAMtB,AAFIG,MAAMC,QAAQL,CAAO,IAAGA,EAAQ,EAAE,CAACA,EAAQ,IAAID,CAAC,IAC/CC,IAAUD,CAAC,GACXA,EAAEO,oBAAkBb,EAAW,CAACF,EAAQ,CAAC;EAChD,GAACgB,EAAAX,GAAAY,EAAA;GAAA,IArBDxB,OAAI;IAAA,OAAEE,EAAMF;GAAgB;GAAA,IAAA,eAAA;IAAA,OAEhBO,EAAQ,IAAI,OAAO;GAAK;GAAA,IAAA,iBAAA;IAAA,OACtBA,EAAQ;GAAC;GAAA,IAAA8C,QAAA;IAAA,OAChB5D,EACLC,EAAe;KACbkC,SAAS1B,EAAM0B;KACfC,MAAM3B,EAAM2B;KACZF,OAAOzB,EAAMyB;IACf,CAAC,CACH;GAAC;EAAA,GAYGxB,CAAI,GAAA,IAAA,EAAA,GAAAS;CAAA,EAAA,CAAA;AAGd;AAACkB,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/toggle-group/ToggleGroup/ToggleGroup.js

@@ -1,5 +1,5 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { callEventHandler as t } from "../call-event-handler.js";
+import { callEventHandler as t } from "../../../utils/call-event-handler.js";
 import { ToggleGroupContext as n, createToggleGroupState as r } from "./ToggleGroup.context.js";
 import { toggleGroupVariants as i } from "./ToggleGroup.styles.js";
 import { useToggleGroupKeyboard as a } from "./useToggleGroupKeyboard.js";

package/dist/components/toggle-group/ToggleGroup/ToggleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.js","names":["splitProps","JSX","clsx","callEventHandler","createToggleGroupState","ToggleGroupContext","toggleGroupVariants","ToggleGroupProps","ToggleGroupValue","useToggleGroupKeyboard","ToggleGroup","props","TValue","Element","local","rest","ctx","handleKeyDown","isVertical","orientation","_el$","_tmpl$","$$keydown","e","onKeyDown","defaultPrevented","_$spread","_$mergeProps","data-variant","variant","data-size","size","data-spacing","spacing","data-orientation","data-vertical","data-horizontal","data-multiple","multiple","data-disabled","disabled","aria-disabled","undefined","dir","style","CSSProperties","class","classList","_$insert","_$createComponent","Provider","value","children","_$delegateEvents","_$mergeProps","_$createComponent","_$delegateEvents","_tmpl$","ToggleGroup","local","rest","splitProps","props","ctx","createToggleGroupState","useToggleGroupKeyboard","isVertical","_el$","callEventHandler","handleKeyDown","spread","mergeProps","\"class\"","clsx","toggleGroupVariants","insert","createComponent","ToggleGroupContext","delegateEvents"],"sources":["../../../../src/components/toggle-group/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import { splitProps, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { callEventHandler } from \"../call-event-handler\";\nimport {\n  createToggleGroupState,\n  ToggleGroupContext,\n} from \"./ToggleGroup.context\";\nimport { toggleGroupVariants } from \"./ToggleGroup.styles\";\nimport type { ToggleGroupProps, ToggleGroupValue } from \"./ToggleGroup.types\";\nimport { useToggleGroupKeyboard } from \"./useToggleGroupKeyboard\";\n\n/**\n * ToggleGroup 根组件:渲染 `<div role=\"group\">`,输出样式与语义钩子\n * (`data-orientation` / `data-vertical` / `data-horizontal` / `data-multiple`\n * / `data-disabled` / `data-spacing` / `data-variant` / `data-size`),\n * 并挂载 roving focus 键盘导航。\n *\n * 单选模式(默认)的 value 是标量,多选模式(`multiple`)才是数组:\n *\n * @example\n * ```tsx\n * // 单选\n * <ToggleGroup defaultValue=\"bold\" onValueChange={(v) => ...}>\n *   <ToggleGroupItem value=\"bold\">Bold</ToggleGroupItem>\n * </ToggleGroup>\n *\n * // 多选\n * <ToggleGroup multiple value={[\"bold\"]} onValueChange={(v) => ...}>\n *   <ToggleGroupItem value=\"bold\">Bold</ToggleGroupItem>\n * </ToggleGroup>\n * ```\n */\nexport function ToggleGroup<TValue extends ToggleGroupValue = ToggleGroupValue>(\n  props: ToggleGroupProps<TValue>,\n): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"multiple\",\n    \"disabled\",\n    \"orientation\",\n    \"loopFocus\",\n    \"spacing\",\n    \"variant\",\n    \"size\",\n    \"class\",\n    \"classList\",\n    \"style\",\n    \"dir\",\n    \"onKeyDown\",\n    \"children\",\n  ]);\n\n  // 默认值与单选/多选的差异统一由状态层处理,渲染用 ctx 里的已解析值\n  const ctx = createToggleGroupState<TValue>(local);\n  const { handleKeyDown } = useToggleGroupKeyboard(ctx);\n  const isVertical = () => ctx.orientation() === \"vertical\";\n\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"toggle-group\"\n      data-variant={ctx.variant()}\n      data-size={ctx.size()}\n      data-spacing={ctx.spacing()}\n      data-orientation={ctx.orientation()}\n      // 拼接态样式依赖 data-vertical / data-horizontal(与 tabs 根保持一致)\n      data-vertical={isVertical() ? \"\" : null}\n      data-horizontal={isVertical() ? null : \"\"}\n      data-multiple={ctx.multiple() ? \"\" : null}\n      data-disabled={ctx.disabled() ? \"\" : null}\n      aria-disabled={ctx.disabled() ? \"true\" : undefined}\n      dir={local.dir}\n      // --gap 作为 spacing 的样式入口,用户 style 可覆盖\n      style={{ \"--gap\": ctx.spacing(), ...local.style } as JSX.CSSProperties}\n      class={clsx(toggleGroupVariants(), local.class)}\n      classList={local.classList}\n      onKeyDown={(e) => {\n        callEventHandler(local.onKeyDown, e);\n        if (!e.defaultPrevented) handleKeyDown(e);\n      }}\n      {...rest}\n    >\n      <ToggleGroupContext.Provider value={ctx}>\n        {local.children}\n      </ToggleGroupContext.Provider>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAgCA,SAAgBU,EACdC,GACa;CACb,IAAM,CAACG,GAAOC,KAAQf,EAAWW,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAGKK,IAAMZ,EAA+BU,CAAK,GAC1C,EAAEG,qBAAkBR,EAAuBO,CAAG,GAC9CE,UAAmBF,EAAIG,YAAY,MAAM;CAE/C,cAAA;EAAA,IAAAC,IAAAC,EAAA;EA0BqB,OA1BrBD,EAAAE,aAmBgBC,MAAM;GAEhB,AADApB,EAAiBW,EAAMU,WAAWD,CAAC,GAC9BA,EAAEE,oBAAkBR,EAAcM,CAAC;EAC1C,GAACG,EAAAN,GAAAO,EAAA;GAAA,IAAA,iBAAA;IAAA,OAlBaX,EAAIa,QAAQ;GAAC;GAAA,IAAA,cAAA;IAAA,OAChBb,EAAIe,KAAK;GAAC;GAAA,IAAA,iBAAA;IAAA,OACPf,EAAIiB,QAAQ;GAAC;GAAA,IAAA,qBAAA;IAAA,OACTjB,EAAIG,YAAY;GAAC;GAAA,IAAA,kBAAA;IAAA,OAEpBD,EAAW,IAAI,KAAK;GAAI;GAAA,IAAA,oBAAA;IAAA,OACtBA,EAAW,IAAI,OAAO;GAAE;GAAA,IAAA,kBAAA;IAAA,OAC1BF,EAAIsB,SAAS,IAAI,KAAK;GAAI;GAAA,IAAA,kBAAA;IAAA,OAC1BtB,EAAIwB,SAAS,IAAI,KAAK;GAAI;GAAA,IAAA,kBAAA;IAAA,OAC1BxB,EAAIwB,SAAS,IAAI,SAASE,KAAAA;GAAS;GAAA,IAClDC,MAAG;IAAA,OAAE7B,EAAM6B;GAAG;GAAA,IAEdC,QAAK;IAAA,OAAE;KAAE,SAAS5B,EAAIiB,QAAQ;KAAG,GAAGnB,EAAM8B;IAAM;GAAsB;GAAA,IAAA4B,QAAA;IAAA,OAC/DtE,EAAKI,EAAoB,GAAGQ,EAAMgC,KAAK;GAAC;GAAA,IAC/CC,YAAS;IAAA,OAAEjC,EAAMiC;GAAS;EAAA,GAKtBhC,CAAI,GAAA,IAAA,EAAA,GAAAiC,EAAA5B,GAAA6B,EAEP5C,EAAmB6C,UAAQ;GAACC,OAAOnC;GAAG,IAAAoC,WAAA;IAAA,OACpCtC,EAAMsC;GAAQ;EAAA,CAAA,CAAA,GAAAhC;CAAA,EAAA,CAAA;AAIvB;AAACiC,EAAA,CAAA,SAAA,CAAA"}
+{"version":3,"file":"ToggleGroup.js","names":["splitProps","JSX","clsx","callEventHandler","createToggleGroupState","ToggleGroupContext","toggleGroupVariants","ToggleGroupProps","ToggleGroupValue","useToggleGroupKeyboard","ToggleGroup","props","TValue","Element","local","rest","ctx","handleKeyDown","isVertical","orientation","_el$","_tmpl$","$$keydown","e","onKeyDown","defaultPrevented","_$spread","_$mergeProps","data-variant","variant","data-size","size","data-spacing","spacing","data-orientation","data-vertical","data-horizontal","data-multiple","multiple","data-disabled","disabled","aria-disabled","undefined","dir","style","CSSProperties","class","classList","_$insert","_$createComponent","Provider","value","children","_$delegateEvents","_$mergeProps","_$createComponent","_$delegateEvents","_tmpl$","ToggleGroup","local","rest","splitProps","props","ctx","createToggleGroupState","useToggleGroupKeyboard","isVertical","_el$","callEventHandler","handleKeyDown","spread","mergeProps","\"class\"","clsx","toggleGroupVariants","insert","createComponent","ToggleGroupContext","delegateEvents"],"sources":["../../../../src/components/toggle-group/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import { splitProps, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { callEventHandler } from \"~/utils\";\nimport {\n  createToggleGroupState,\n  ToggleGroupContext,\n} from \"./ToggleGroup.context\";\nimport { toggleGroupVariants } from \"./ToggleGroup.styles\";\nimport type { ToggleGroupProps, ToggleGroupValue } from \"./ToggleGroup.types\";\nimport { useToggleGroupKeyboard } from \"./useToggleGroupKeyboard\";\n\n/**\n * ToggleGroup 根组件:渲染 `<div role=\"group\">`,输出样式与语义钩子\n * (`data-orientation` / `data-vertical` / `data-horizontal` / `data-multiple`\n * / `data-disabled` / `data-spacing` / `data-variant` / `data-size`),\n * 并挂载 roving focus 键盘导航。\n *\n * 单选模式(默认)的 value 是标量,多选模式(`multiple`)才是数组:\n *\n * @example\n * ```tsx\n * // 单选\n * <ToggleGroup defaultValue=\"bold\" onValueChange={(v) => ...}>\n *   <ToggleGroupItem value=\"bold\">Bold</ToggleGroupItem>\n * </ToggleGroup>\n *\n * // 多选\n * <ToggleGroup multiple value={[\"bold\"]} onValueChange={(v) => ...}>\n *   <ToggleGroupItem value=\"bold\">Bold</ToggleGroupItem>\n * </ToggleGroup>\n * ```\n */\nexport function ToggleGroup<TValue extends ToggleGroupValue = ToggleGroupValue>(\n  props: ToggleGroupProps<TValue>,\n): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"multiple\",\n    \"disabled\",\n    \"orientation\",\n    \"loopFocus\",\n    \"spacing\",\n    \"variant\",\n    \"size\",\n    \"class\",\n    \"classList\",\n    \"style\",\n    \"dir\",\n    \"onKeyDown\",\n    \"children\",\n  ]);\n\n  // 默认值与单选/多选的差异统一由状态层处理,渲染用 ctx 里的已解析值\n  const ctx = createToggleGroupState<TValue>(local);\n  const { handleKeyDown } = useToggleGroupKeyboard(ctx);\n  const isVertical = () => ctx.orientation() === \"vertical\";\n\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"toggle-group\"\n      data-variant={ctx.variant()}\n      data-size={ctx.size()}\n      data-spacing={ctx.spacing()}\n      data-orientation={ctx.orientation()}\n      // 拼接态样式依赖 data-vertical / data-horizontal(与 tabs 根保持一致)\n      data-vertical={isVertical() ? \"\" : null}\n      data-horizontal={isVertical() ? null : \"\"}\n      data-multiple={ctx.multiple() ? \"\" : null}\n      data-disabled={ctx.disabled() ? \"\" : null}\n      aria-disabled={ctx.disabled() ? \"true\" : undefined}\n      dir={local.dir}\n      // --gap 作为 spacing 的样式入口,用户 style 可覆盖\n      style={{ \"--gap\": ctx.spacing(), ...local.style } as JSX.CSSProperties}\n      class={clsx(toggleGroupVariants(), local.class)}\n      classList={local.classList}\n      onKeyDown={(e) => {\n        callEventHandler(local.onKeyDown, e);\n        if (!e.defaultPrevented) handleKeyDown(e);\n      }}\n      {...rest}\n    >\n      <ToggleGroupContext.Provider value={ctx}>\n        {local.children}\n      </ToggleGroupContext.Provider>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAgCA,SAAgBU,EACdC,GACa;CACb,IAAM,CAACG,GAAOC,KAAQf,EAAWW,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAGKK,IAAMZ,EAA+BU,CAAK,GAC1C,EAAEG,qBAAkBR,EAAuBO,CAAG,GAC9CE,UAAmBF,EAAIG,YAAY,MAAM;CAE/C,cAAA;EAAA,IAAAC,IAAAC,EAAA;EA0BqB,OA1BrBD,EAAAE,aAmBgBC,MAAM;GAEhB,AADApB,EAAiBW,EAAMU,WAAWD,CAAC,GAC9BA,EAAEE,oBAAkBR,EAAcM,CAAC;EAC1C,GAACG,EAAAN,GAAAO,EAAA;GAAA,IAAA,iBAAA;IAAA,OAlBaX,EAAIa,QAAQ;GAAC;GAAA,IAAA,cAAA;IAAA,OAChBb,EAAIe,KAAK;GAAC;GAAA,IAAA,iBAAA;IAAA,OACPf,EAAIiB,QAAQ;GAAC;GAAA,IAAA,qBAAA;IAAA,OACTjB,EAAIG,YAAY;GAAC;GAAA,IAAA,kBAAA;IAAA,OAEpBD,EAAW,IAAI,KAAK;GAAI;GAAA,IAAA,oBAAA;IAAA,OACtBA,EAAW,IAAI,OAAO;GAAE;GAAA,IAAA,kBAAA;IAAA,OAC1BF,EAAIsB,SAAS,IAAI,KAAK;GAAI;GAAA,IAAA,kBAAA;IAAA,OAC1BtB,EAAIwB,SAAS,IAAI,KAAK;GAAI;GAAA,IAAA,kBAAA;IAAA,OAC1BxB,EAAIwB,SAAS,IAAI,SAASE,KAAAA;GAAS;GAAA,IAClDC,MAAG;IAAA,OAAE7B,EAAM6B;GAAG;GAAA,IAEdC,QAAK;IAAA,OAAE;KAAE,SAAS5B,EAAIiB,QAAQ;KAAG,GAAGnB,EAAM8B;IAAM;GAAsB;GAAA,IAAA4B,QAAA;IAAA,OAC/DtE,EAAKI,EAAoB,GAAGQ,EAAMgC,KAAK;GAAC;GAAA,IAC/CC,YAAS;IAAA,OAAEjC,EAAMiC;GAAS;EAAA,GAKtBhC,CAAI,GAAA,IAAA,EAAA,GAAAiC,EAAA5B,GAAA6B,EAEP5C,EAAmB6C,UAAQ;GAACC,OAAOnC;GAAG,IAAAoC,WAAA;IAAA,OACpCtC,EAAMsC;GAAQ;EAAA,CAAA,CAAA,GAAAhC;CAAA,EAAA,CAAA;AAIvB;AAACiC,EAAA,CAAA,SAAA,CAAA"}

package/dist/components/toggle-group/ToggleGroup/create-change-event-details.d.ts

@@ -2,7 +2,11 @@ import { ToggleGroupChangeEventDetails } from './ToggleGroup.types';
 /**
  * 构造 onValueChange 的事件详情(对齐 base-ui 的 `ChangeEventDetails`)。
  *
- * `isCanceled` / `isPropagationAllowed` 用 getter 暴露:回调内部可以即时读到
- * `cancel()` / `allowPropagation()` 之后的最新值,而不是创建时的快照。
+ * 实现已抽到 `~/utils` 的 `createChangeEventDetails`——`isCanceled` /
+ * `isPropagationAllowed` 的 getter 语义是所有组件共用的关键细节,
+ * 这里只做「补上 ToggleGroup 的 reason 类型」这一层。
+ *
+ * ToggleGroup 的 `event` 是必填(调用方 `toggleItem` 一定拿得到事件),
+ * 而共享工厂的签名是可选,因此这里显式断言回必填类型,不放宽对外契约。
  */
 export declare function createChangeEventDetails(event: Event, trigger?: Element): ToggleGroupChangeEventDetails;

package/dist/components/toggle-group/ToggleGroup/create-change-event-details.js

@@ -1,25 +1,9 @@
+import { createChangeEventDetails as e } from "../../../utils/create-change-event-details.js";
 //#region src/components/toggle-group/ToggleGroup/create-change-event-details.ts
-function e(e, t) {
-	let n = !1, r = !1;
-	return {
-		reason: "none",
-		event: e,
-		trigger: t,
-		cancel: () => {
-			n = !0;
-		},
-		allowPropagation: () => {
-			r = !0;
-		},
-		get isCanceled() {
-			return n;
-		},
-		get isPropagationAllowed() {
-			return r;
-		}
-	};
+function t(t, n) {
+	return e("none", t, n);
 }
 //#endregion
-export { e as createChangeEventDetails };
+export { t as createChangeEventDetails };
 
 //# sourceMappingURL=create-change-event-details.js.map

package/dist/components/toggle-group/ToggleGroup/create-change-event-details.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-change-event-details.js","names":["createChangeEventDetails","canceled","propagationAllowed"],"sources":["../../../../src/components/toggle-group/ToggleGroup/create-change-event-details.ts"],"sourcesContent":["import type { ToggleGroupChangeEventDetails } from \"./ToggleGroup.types\";\n\n/**\n * 构造 onValueChange 的事件详情(对齐 base-ui 的 `ChangeEventDetails`)。\n *\n * `isCanceled` / `isPropagationAllowed` 用 getter 暴露:回调内部可以即时读到\n * `cancel()` / `allowPropagation()` 之后的最新值,而不是创建时的快照。\n */\nexport function createChangeEventDetails(\n  event: Event,\n  trigger?: Element,\n): ToggleGroupChangeEventDetails {\n  let canceled = false;\n  let propagationAllowed = false;\n\n  return {\n    reason: \"none\",\n    event,\n    trigger,\n    cancel: () => {\n      canceled = true;\n    },\n    allowPropagation: () => {\n      propagationAllowed = true;\n    },\n    get isCanceled() {\n      return canceled;\n    },\n    get isPropagationAllowed() {\n      return propagationAllowed;\n    },\n  };\n}\n"],"mappings":";AAQA,SAAgBA,EACd,GACA,GAC+B;CAC/B,IAAIC,IAAW,IACXC,IAAqB;CAEzB,OAAO;EACL,QAAQ;EACR;EACA;EACA,cAAc;GACZ,IAAW;EACb;EACA,wBAAwB;GACtB,IAAqB;EACvB;EACA,IAAI,aAAa;GACf,OAAOD;EACT;EACA,IAAI,uBAAuB;GACzB,OAAOC;EACT;CACF;AACF"}
+{"version":3,"file":"create-change-event-details.js","names":["createSharedDetails","createChangeEventDetails$1","createChangeEventDetails","event","trigger"],"sources":["../../../../src/components/toggle-group/ToggleGroup/create-change-event-details.ts"],"sourcesContent":["import { createChangeEventDetails as createSharedDetails } from \"~/utils\";\nimport type { ToggleGroupChangeEventDetails } from \"./ToggleGroup.types\";\n\n/**\n * 构造 onValueChange 的事件详情(对齐 base-ui 的 `ChangeEventDetails`)。\n *\n * 实现已抽到 `~/utils` 的 `createChangeEventDetails`——`isCanceled` /\n * `isPropagationAllowed` 的 getter 语义是所有组件共用的关键细节,\n * 这里只做「补上 ToggleGroup 的 reason 类型」这一层。\n *\n * ToggleGroup 的 `event` 是必填(调用方 `toggleItem` 一定拿得到事件),\n * 而共享工厂的签名是可选,因此这里显式断言回必填类型,不放宽对外契约。\n */\nexport function createChangeEventDetails(\n  event: Event,\n  trigger?: Element,\n): ToggleGroupChangeEventDetails {\n  // ToggleGroup 的 reason 目前只有 \"none\"\n  return createSharedDetails(\n    \"none\",\n    event,\n    trigger,\n  ) as ToggleGroupChangeEventDetails;\n}\n"],"mappings":";;AAaA,SAAgBE,EACd,GACA,GAC+B;CAE/B,OAAOF,EACL,QACAG,GACAC,CACF;AACF"}

package/dist/components/toggle-group/ToggleGroup/useToggleGroupKeyboard.d.ts

@@ -1,17 +1,14 @@
 import { ToggleGroupContextValue, ToggleGroupValue } from './ToggleGroup.types';
 /**
- * ToggleGroup 的 roving focus 键盘导航(纯逻辑,可独立单测)。
+ * ToggleGroup 的 roving focus 键盘导航。
  *
- * 方向映射:
- * - horizontal + ltr: ArrowRight → next, ArrowLeft → prev
- * - horizontal + rtl: 左右反转
- * - vertical:          ArrowDown → next, ArrowUp → prev
- * - Home → 第一个,End → 最后一个
- * - loopFocus=true 环绕,false 边界停止;跳过 disabled 的 item
+ * 通用算法已抽到 `~/utils/roving-navigation`(与 Tabs 共用同一份),
+ * 这里只接上 context,并补两处 ToggleGroup 特有语义:
  *
- * 只有焦点已经在某个 item 上时才接管按键,避免影响外部其它元素;
- * 移动焦点后由 item 的 onFocus 更新高亮。
+ * - 整组 `disabled` 时不接管任何按键;
+ * - 判断书写方向时用 `event.currentTarget` 的实际 computed direction,
+ *   这样祖先节点上的 `dir="rtl"` 也能被正确识别(对齐 base-ui)。
  */
 export declare function useToggleGroupKeyboard<TValue extends ToggleGroupValue = ToggleGroupValue>(ctx: ToggleGroupContextValue<TValue>): {
-    handleKeyDown: (e: KeyboardEvent) => void;
+    handleKeyDown: (event: KeyboardEvent) => void;
 };