@neut/ui 0.0.16 → 0.0.18

package/dist/components/message-scroller/useMessageScrollerEngine.js

@@ -0,0 +1,125 @@
+import { createDomMeasure as e } from "./message-scroller.dom-measure.js";
+import { createAnchoring as t } from "./message-scroller.anchoring.js";
+import { createScrollCommands as n } from "./message-scroller.commands.js";
+import { createScrollState as r } from "./message-scroller.scroll-state.js";
+import { createVisibility as i } from "./message-scroller.visibility.js";
+import { createEffect as a, createSignal as o, onCleanup as s } from "solid-js";
+//#region src/components/message-scroller/useMessageScrollerEngine.ts
+var c = /* @__PURE__ */ new Set([
+	"ArrowDown",
+	"ArrowUp",
+	"End",
+	"Home",
+	"PageDown",
+	"PageUp",
+	" "
+]);
+function l(l) {
+	let [u, d] = o(), [f, p] = o(), [m, h] = o(), [g, _] = o(!0), v = /* @__PURE__ */ new Map(), y = e({
+		viewport: u,
+		content: f,
+		spacer: m
+	}), { items: b, contentBottom: x } = y, S = i({
+		viewport: u,
+		content: f,
+		items: b,
+		options: l,
+		registeredElements: () => v.values()
+	}), { currentAnchorId: C, visibleMessageIds: w, schedule: T } = S, E = r({
+		viewport: u,
+		options: l,
+		contentBottom: x
+	}), { scrollableStart: D, scrollableEnd: O, autoscrolling: k, commit: A, schedule: j, releaseFollow: M } = E, N = n({
+		viewport: u,
+		content: f,
+		spacer: m,
+		options: l,
+		measure: y,
+		state: E,
+		scheduleVisibility: T
+	}), P = t({
+		viewport: u,
+		content: f,
+		options: l,
+		measure: y,
+		commands: N,
+		state: E,
+		scheduleState: j,
+		commitState: A,
+		scheduleVisibility: T,
+		preserveScrollOnPrepend: g,
+		getMessageElement: (e) => v.get(e)
+	}), { pendingScroll: F, scrollToStart: I, scrollToEnd: L, scrollToMessage: R, handleContentChange: z, handleResize: B, syncAfterScroll: V } = P, H = (e, t, n) => {
+		if (t) {
+			v.set(e, t), S.observe(t), T(), P.notifyMessageRegistered(e);
+			return;
+		}
+		n && v.get(e) === n && (v.delete(e), S.unobserve(e, n), T());
+	};
+	return a(() => {
+		let e = f();
+		if (!e) return;
+		z();
+		let t = typeof MutationObserver < "u" ? new MutationObserver(() => z()) : null;
+		t?.observe(e, { childList: !0 });
+		let n = typeof MutationObserver < "u" ? new MutationObserver(() => z()) : null;
+		n?.observe(e, {
+			attributes: !0,
+			attributeFilter: ["data-scroll-anchor"],
+			subtree: !0
+		});
+		let r = 0, i = typeof ResizeObserver < "u" ? new ResizeObserver(() => {
+			window.cancelAnimationFrame(r), r = window.requestAnimationFrame(B);
+		}) : null;
+		i?.observe(e), s(() => {
+			t?.disconnect(), n?.disconnect(), i?.disconnect(), window.cancelAnimationFrame(r);
+		});
+	}), a(() => {
+		let e = u();
+		if (!e) return;
+		S.ensureObserver();
+		let t = () => V(), n = () => M(), r = (e) => {
+			c.has(e.key) && M();
+		};
+		e.addEventListener("scroll", t, { passive: !0 }), e.addEventListener("wheel", n, { passive: !0 }), e.addEventListener("touchmove", n, { passive: !0 }), e.addEventListener("keydown", r);
+		let i = 0, a = typeof ResizeObserver < "u" ? new ResizeObserver(() => {
+			window.cancelAnimationFrame(i), i = window.requestAnimationFrame(B);
+		}) : null;
+		a?.observe(e), s(() => {
+			e.removeEventListener("scroll", t), e.removeEventListener("wheel", n), e.removeEventListener("touchmove", n), e.removeEventListener("keydown", r), a?.disconnect(), window.cancelAnimationFrame(i);
+		});
+	}), s(() => {
+		P.dispose(), E.dispose(), S.dispose();
+	}), {
+		viewport: u,
+		setViewport: d,
+		content: f,
+		setContent: p,
+		setSpacer: (e) => {
+			h(e);
+		},
+		registerItem: (e) => {
+			let t = e.id;
+			return t && H(t, e.element), () => {
+				t && H(t, void 0, e.element);
+			};
+		},
+		preserveScrollOnPrepend: g,
+		setPreserveScrollOnPrepend: _,
+		scrollableStart: D,
+		scrollableEnd: O,
+		autoscrolling: k,
+		pendingScroll: F,
+		scrollToStart: I,
+		scrollToEnd: L,
+		scrollToMessage: R,
+		currentAnchorId: C,
+		visibleMessageIds: w,
+		subscribeVisibility: S.subscribe,
+		options: l
+	};
+}
+//#endregion
+export { l as useMessageScrollerEngine };
+
+//# sourceMappingURL=useMessageScrollerEngine.js.map

package/dist/components/message-scroller/useMessageScrollerEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessageScrollerEngine.js","names":["NAV_KEYS","useMessageScrollerEngine","viewport","setViewport","createSignal","content","setContent","spacer","setSpacerSignal","preserveScrollOnPrepend","setPreserveScrollOnPrepend","messageElements","measure","createDomMeasure","visibility","createVisibility","scheduleVisibilitySync","scrollState","createScrollState","commitScrollState","scheduleStateCommit","commands","createScrollCommands","anchoring","createAnchoring","id","registerMessage","element","previous","createEffect","root","mutation","handleContentChange","anchorMutation","frame","resize","handleResize","onCleanup","vp","onScroll","syncAfterScroll","onIntent","releaseFollow","onKeyDown","event","entry"],"sources":["../../../src/components/message-scroller/useMessageScrollerEngine.ts"],"sourcesContent":["import { createEffect, createSignal, onCleanup } from \"solid-js\";\nimport type {\n  MessageScrollerContextValue,\n  MessageScrollerItemEntry,\n  MessageScrollerProviderProps,\n} from \"./message-scroller.types\";\nimport { createDomMeasure } from \"./message-scroller.dom-measure\";\nimport { createAnchoring } from \"./message-scroller.anchoring\";\nimport { createScrollCommands } from \"./message-scroller.commands\";\nimport { createScrollState } from \"./message-scroller.scroll-state\";\nimport { createVisibility } from \"./message-scroller.visibility\";\n\n/** 会让界面「让位」的键盘滚动键 */\nconst NAV_KEYS = new Set([\n  \"ArrowDown\",\n  \"ArrowUp\",\n  \"End\",\n  \"Home\",\n  \"PageDown\",\n  \"PageUp\",\n  \" \",\n]);\n\n/**\n * MessageScroller 的滚动引擎（headless，行为对齐 `@shadcn/react`）：\n * - 滚动状态（能否向上/下）由 content 的**非 spacer** 内容底部计算，spacer 不计入；\n * - `autoScroll` 只在模式为 `following-bottom` 时跟随；滚轮/触摸/键盘滚动与显式跳转\n *   都会立刻让位（`free-scrolling`）；\n * - 新回合锚定：新增 scrollAnchor 行时用 `scrollToElement(keepPreviousPeek)` 将其放到\n *   顶部并保留上一项；同时把该行记为 `streamingTurn`，回复生长时原地重锚定；\n * - `scrollToElement` 会按需设置尾部 spacer，让目标行即使靠近会话末尾也能滚到顶部；\n * - `defaultScrollPosition`：首次非空渲染定位一次；`last-anchor` 无锚点或放得下时回退 end；\n * - `preserveScrollOnPrepend`：记录首个可见行及其视口位置，上方插入历史后按差值补偿；\n * - 可见性：IntersectionObserver 按需订阅（rootMargin 用 scrollMargin + peek），无 IO 时退化为\n *   逐帧测量；`currentAnchorId` 是阅读行之上最后一个锚点。\n */\nexport function useMessageScrollerEngine(\n  options: () => Required<Omit<MessageScrollerProviderProps, \"children\">>,\n): MessageScrollerContextValue {\n  const [viewport, setViewport] = createSignal<HTMLElement>();\n  const [content, setContent] = createSignal<HTMLElement>();\n  const [spacer, setSpacerSignal] = createSignal<HTMLElement>();\n  const [preserveScrollOnPrepend, setPreserveScrollOnPrepend] =\n    createSignal(true);\n\n  const messageElements = new Map<string, HTMLElement>();\n\n  const measure = createDomMeasure({ viewport, content, spacer });\n  const { items, contentBottom } = measure;\n\n  const visibility = createVisibility({\n    viewport,\n    content,\n    items,\n    options,\n    registeredElements: () => messageElements.values(),\n  });\n  const {\n    currentAnchorId,\n    visibleMessageIds,\n    schedule: scheduleVisibilitySync,\n  } = visibility;\n\n  const scrollState = createScrollState({ viewport, options, contentBottom });\n  const {\n    scrollableStart,\n    scrollableEnd,\n    autoscrolling,\n    commit: commitScrollState,\n    schedule: scheduleStateCommit,\n    releaseFollow,\n  } = scrollState;\n\n  const commands = createScrollCommands({\n    viewport,\n    content,\n    spacer,\n    options,\n    measure,\n    state: scrollState,\n    scheduleVisibility: scheduleVisibilitySync,\n  });\n\n  const anchoring = createAnchoring({\n    viewport,\n    content,\n    options,\n    measure,\n    commands,\n    state: scrollState,\n    scheduleState: scheduleStateCommit,\n    commitState: commitScrollState,\n    scheduleVisibility: scheduleVisibilitySync,\n    preserveScrollOnPrepend,\n    getMessageElement: (id) => messageElements.get(id),\n  });\n  const {\n    pendingScroll,\n    scrollToStart,\n    scrollToEnd,\n    scrollToMessage,\n    handleContentChange,\n    handleResize,\n    syncAfterScroll,\n  } = anchoring;\n\n  const registerMessage = (\n    id: string,\n    element: HTMLElement | undefined,\n    previous?: HTMLElement,\n  ) => {\n    if (element) {\n      messageElements.set(id, element);\n      visibility.observe(element);\n      scheduleVisibilitySync();\n      anchoring.notifyMessageRegistered(id);\n      return;\n    }\n    if (previous && messageElements.get(id) === previous) {\n      messageElements.delete(id);\n      visibility.unobserve(id, previous);\n      scheduleVisibilitySync();\n    }\n  };\n\n  const registerItem = (entry: MessageScrollerItemEntry) => {\n    const id = entry.id;\n    if (id) registerMessage(id, entry.element);\n    return () => {\n      if (id) registerMessage(id, undefined, entry.element);\n    };\n  };\n\n  /** 公共入口：挂上尾部 spacer 元素（行间距在真正写高度时才惰性读取） */\n  const attachSpacer = (element: HTMLElement | undefined) => {\n    setSpacerSignal(element);\n  };\n\n  // 内容观察：初次定位 / prepend 保位 / 新回合锚定 / 跟随 / 尺寸\n  createEffect(() => {\n    const root = content();\n    if (!root) return;\n    handleContentChange();\n\n    const mutation =\n      typeof MutationObserver !== \"undefined\"\n        ? new MutationObserver(() => handleContentChange())\n        : null;\n    mutation?.observe(root, { childList: true });\n\n    // 已有行切换 scrollAnchor（dataset 变化）也要重新锚定\n    const anchorMutation =\n      typeof MutationObserver !== \"undefined\"\n        ? new MutationObserver(() => handleContentChange())\n        : null;\n    anchorMutation?.observe(root, {\n      attributes: true,\n      attributeFilter: [\"data-scroll-anchor\"],\n      subtree: true,\n    });\n\n    let frame = 0;\n    const resize =\n      typeof ResizeObserver !== \"undefined\"\n        ? new ResizeObserver(() => {\n            window.cancelAnimationFrame(frame);\n            frame = window.requestAnimationFrame(handleResize);\n          })\n        : null;\n    resize?.observe(root);\n\n    onCleanup(() => {\n      mutation?.disconnect();\n      anchorMutation?.disconnect();\n      resize?.disconnect();\n      window.cancelAnimationFrame(frame);\n    });\n  });\n\n  // 视口：scroll / 用户滚动意图 / 尺寸\n  createEffect(() => {\n    const vp = viewport();\n    if (!vp) return;\n    visibility.ensureObserver();\n\n    const onScroll = () => syncAfterScroll();\n    const onIntent = () => releaseFollow();\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (NAV_KEYS.has(event.key)) releaseFollow();\n    };\n    vp.addEventListener(\"scroll\", onScroll, { passive: true });\n    vp.addEventListener(\"wheel\", onIntent, { passive: true });\n    vp.addEventListener(\"touchmove\", onIntent, { passive: true });\n    vp.addEventListener(\"keydown\", onKeyDown);\n\n    let frame = 0;\n    const resize =\n      typeof ResizeObserver !== \"undefined\"\n        ? new ResizeObserver(() => {\n            window.cancelAnimationFrame(frame);\n            frame = window.requestAnimationFrame(handleResize);\n          })\n        : null;\n    resize?.observe(vp);\n\n    onCleanup(() => {\n      vp.removeEventListener(\"scroll\", onScroll);\n      vp.removeEventListener(\"wheel\", onIntent);\n      vp.removeEventListener(\"touchmove\", onIntent);\n      vp.removeEventListener(\"keydown\", onKeyDown);\n      resize?.disconnect();\n      window.cancelAnimationFrame(frame);\n    });\n  });\n\n  onCleanup(() => {\n    anchoring.dispose();\n    scrollState.dispose();\n    visibility.dispose();\n  });\n\n  return {\n    viewport,\n    setViewport,\n    content,\n    setContent,\n    setSpacer: attachSpacer,\n    registerItem,\n    preserveScrollOnPrepend,\n    setPreserveScrollOnPrepend,\n    scrollableStart,\n    scrollableEnd,\n    autoscrolling,\n    pendingScroll,\n    scrollToStart,\n    scrollToEnd,\n    scrollToMessage,\n    currentAnchorId,\n    visibleMessageIds,\n    subscribeVisibility: visibility.subscribe,\n    options,\n  };\n}\n"],"mappings":"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"}

package/dist/components/message-scroller/useMessageScrollerScrollable.d.ts

@@ -0,0 +1,5 @@
+/** 读取视口还能向哪个方向滚动（"在起点/终点" 取其反） */
+export declare function useMessageScrollerScrollable(): {
+    start: import('solid-js').Accessor<boolean>;
+    end: import('solid-js').Accessor<boolean>;
+};

package/dist/components/message-scroller/useMessageScrollerScrollable.js

@@ -0,0 +1,13 @@
+import { useMessageScrollerContext as e } from "./message-scroller.context.js";
+//#region src/components/message-scroller/useMessageScrollerScrollable.ts
+function t() {
+	let t = e("useMessageScrollerScrollable");
+	return {
+		start: t.scrollableStart,
+		end: t.scrollableEnd
+	};
+}
+//#endregion
+export { t as useMessageScrollerScrollable };
+
+//# sourceMappingURL=useMessageScrollerScrollable.js.map

package/dist/components/message-scroller/useMessageScrollerScrollable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessageScrollerScrollable.js","names":["useMessageScrollerScrollable","ctx","useMessageScrollerContext"],"sources":["../../../src/components/message-scroller/useMessageScrollerScrollable.ts"],"sourcesContent":["import { useMessageScrollerContext } from \"./message-scroller.context\";\n\n/** 读取视口还能向哪个方向滚动（\"在起点/终点\" 取其反） */\nexport function useMessageScrollerScrollable() {\n  const ctx = useMessageScrollerContext(\"useMessageScrollerScrollable\");\n  return { start: ctx.scrollableStart, end: ctx.scrollableEnd };\n}\n"],"mappings":";;AAGA,SAAgBA,IAA+B;CAC7C,IAAMC,IAAMC,EAA0B,8BAA8B;CACpE,OAAO;EAAE,OAAOD,EAAI;EAAiB,KAAKA,EAAI;CAAc;AAC9D"}

package/dist/components/message-scroller/useMessageScrollerVisibility.d.ts

@@ -0,0 +1,7 @@
+import { MessageScrollerVisibilityValue } from './message-scroller.types';
+/**
+ * 跟踪读者在会话中的位置：`currentAnchorId` 是当前锚定的回合，
+ * `visibleMessageIds` 是屏幕上可见的消息（文档顺序）。
+ * 仅在有订阅者时才计算（pay-for-what-you-use）。
+ */
+export declare function useMessageScrollerVisibility(): MessageScrollerVisibilityValue;

package/dist/components/message-scroller/useMessageScrollerVisibility.js

@@ -0,0 +1,17 @@
+import { useMessageScrollerContext as e } from "./message-scroller.context.js";
+import { onCleanup as t, onMount as n } from "solid-js";
+//#region src/components/message-scroller/useMessageScrollerVisibility.ts
+function r() {
+	let r = e("useMessageScrollerVisibility");
+	return n(() => {
+		let e = r.subscribeVisibility();
+		t(e);
+	}), {
+		currentAnchorId: r.currentAnchorId,
+		visibleMessageIds: r.visibleMessageIds
+	};
+}
+//#endregion
+export { r as useMessageScrollerVisibility };
+
+//# sourceMappingURL=useMessageScrollerVisibility.js.map

package/dist/components/message-scroller/useMessageScrollerVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessageScrollerVisibility.js","names":["useMessageScrollerVisibility","ctx","useMessageScrollerContext","onMount","unsubscribe"],"sources":["../../../src/components/message-scroller/useMessageScrollerVisibility.ts"],"sourcesContent":["import { onCleanup, onMount } from \"solid-js\";\nimport { useMessageScrollerContext } from \"./message-scroller.context\";\nimport type { MessageScrollerVisibilityValue } from \"./message-scroller.types\";\n\n/**\n * 跟踪读者在会话中的位置：`currentAnchorId` 是当前锚定的回合，\n * `visibleMessageIds` 是屏幕上可见的消息（文档顺序）。\n * 仅在有订阅者时才计算（pay-for-what-you-use）。\n */\nexport function useMessageScrollerVisibility(): MessageScrollerVisibilityValue {\n  const ctx = useMessageScrollerContext(\"useMessageScrollerVisibility\");\n\n  onMount(() => {\n    const unsubscribe = ctx.subscribeVisibility();\n    onCleanup(unsubscribe);\n  });\n\n  return {\n    currentAnchorId: ctx.currentAnchorId,\n    visibleMessageIds: ctx.visibleMessageIds,\n  };\n}\n"],"mappings":";;;AASA,SAAgBA,IAA+D;CAC7E,IAAMC,IAAMC,EAA0B,8BAA8B;CAOpE,OALAC,QAAc;EACZ,IAAMC,IAAcH,EAAI,oBAAoB;EAC5C,EAAUG,CAAW;CACvB,CAAC,GAEM;EACL,iBAAiBH,EAAI;EACrB,mBAAmBA,EAAI;CACzB;AACF"}

package/dist/components/number-input/NumberInput/NumberInput.js

@@ -1,10 +1,11 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { InputGroup as t } from "../../input-group/InputGroup/InputGroup.js";
-import { InputGroupAddon as n } from "../../input-group/InputGroupAddon/InputGroupAddon.js";
-import { InputGroupButton as r } from "../../input-group/InputGroupButton/InputGroupButton.js";
-import { InputGroupInput as i } from "../../input-group/InputGroupInput/InputGroupInput.js";
-import { createNumberInputChangeEventDetails as a } from "./create-change-event-details.js";
-import { clamp as o, defaultFormatNumber as s, defaultParseNumber as c, roundToStep as l } from "./NumberInput.utils.js";
+import { clamp as t } from "../../../utils/number.js";
+import { InputGroup as n } from "../../input-group/InputGroup/InputGroup.js";
+import { InputGroupAddon as r } from "../../input-group/InputGroupAddon/InputGroupAddon.js";
+import { InputGroupButton as i } from "../../input-group/InputGroupButton/InputGroupButton.js";
+import { InputGroupInput as a } from "../../input-group/InputGroupInput/InputGroupInput.js";
+import { createNumberInputChangeEventDetails as o } from "./create-change-event-details.js";
+import { defaultFormatNumber as s, defaultParseNumber as c, roundToStep as l } from "./NumberInput.utils.js";
 import { createComponent as u } from "solid-js/web";
 import { createEffect as d, createSignal as f } from "solid-js";
 import { Minus as p, Plus as m } from "lucide-solid";
@@ -16,11 +17,11 @@ function h(h) {
 		w() || D(y(e));
 	});
 	let O = (e, t, n) => {
-		let r = a(t, n);
+		let r = o(t, n);
 		h.onValueChange?.(e, r), !r.isCanceled && (b() || S(e));
-	}, k = (e, t, n) => {
-		let r = o(l(e, g()), h.min, h.max);
-		O(r, t, n), D(y(r));
+	}, k = (e, n, r) => {
+		let i = t(l(e, g()), h.min, h.max);
+		O(i, n, r), b() || D(y(i));
 	}, A = (e, t, n) => {
 		let r = C() ?? h.min ?? 0;
 		k(r + e, t, n);
@@ -29,13 +30,14 @@ function h(h) {
 		let t = v(e);
 		t !== null && O(t, "input");
 	}, M = () => {
+		let e = E();
 		T(!1);
-		let e = v(E());
-		if (e === null) {
+		let t = v(e);
+		if (t === null) {
 			C() !== null && O(null, "blur"), D(y(null));
 			return;
 		}
-		k(e, "blur");
+		k(t, "blur");
 	}, N = (e) => {
 		if (!(h.disabled || h.readOnly)) switch (e.key) {
 			case "ArrowUp":
@@ -65,16 +67,16 @@ function h(h) {
 			case "Escape": e.preventDefault(), D(y(C()));
 		}
 	}, P = () => !h.disabled && !h.readOnly && !(C() !== null && h.min !== void 0 && C() <= h.min), F = () => !h.disabled && !h.readOnly && !(C() !== null && h.max !== void 0 && C() >= h.max);
-	return u(t, {
+	return u(n, {
 		get class() {
 			return e("w-32", h.class);
 		},
 		get children() {
 			return [
-				u(n, {
+				u(r, {
 					align: "inline-start",
 					get children() {
-						return u(r, {
+						return u(i, {
 							get icon() {
 								return u(p, {});
 							},
@@ -86,7 +88,7 @@ function h(h) {
 						});
 					}
 				}),
-				u(i, {
+				u(a, {
 					get id() {
 						return h.id;
 					},
@@ -128,10 +130,10 @@ function h(h) {
 						return h.max;
 					}
 				}),
-				u(n, {
+				u(r, {
 					align: "inline-end",
 					get children() {
-						return u(r, {
+						return u(i, {
 							get icon() {
 								return u(m, {});
 							},

package/dist/components/number-input/NumberInput/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","names":["createEffect","createSignal","JSX","Minus","Plus","InputGroup","InputGroupAddon","InputGroupButton","InputGroupInput","clsx","createNumberInputChangeEventDetails","clamp","defaultFormatNumber","defaultParseNumber","roundToStep","NumberInputChangeReason","NumberInputProps","NumberInput","props","Element","step","largeStep","parse","text","format","value","isControlled","undefined","internalValue","setInternalValue","defaultValue","focused","setFocused","setText","next","commit","reason","event","Event","details","onValueChange","isCanceled","commitClamped","clamped","min","max","stepBy","delta","base","handleInput","raw","parsed","handleBlur","handleKeyDown","KeyboardEvent","disabled","readOnly","key","preventDefault","canDecrement","canIncrement","_$createComponent","class","children","align","icon","onClick","id","role","inputmode","autocomplete","onInput","onFocus","onBlur","onKeyDown","required","name","placeholder","aria-label","aria-valuenow","aria-valuemin","aria-valuemax","_$createComponent","NumberInput","step","props","largeStep","parse","defaultParseNumber","text","format","value","defaultFormatNumber","isControlled","internalValue","setInternalValue","createSignal","focused","setFocused","setText","next","commit","details","createNumberInputChangeEventDetails","reason","event","commitClamped","clamped","clamp","roundToStep","stepBy","base","delta","handleInput","raw","parsed","handleBlur","handleKeyDown","canDecrement","canIncrement","createComponent","InputGroup","\"class\"","clsx","InputGroupAddon","InputGroupButton","Minus","InputGroupInput","Plus"],"sources":["../../../../src/components/number-input/NumberInput/NumberInput.tsx"],"sourcesContent":["import { createEffect, createSignal, type JSX } from \"solid-js\";\nimport { Minus, Plus } from \"lucide-solid\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from \"~/components/input-group\";\nimport { clsx } from \"~/utils\";\nimport { createNumberInputChangeEventDetails } from \"./create-change-event-details\";\nimport {\n  clamp,\n  defaultFormatNumber,\n  defaultParseNumber,\n  roundToStep,\n} from \"./NumberInput.utils\";\nimport type {\n  NumberInputChangeReason,\n  NumberInputProps,\n} from \"./NumberInput.types\";\n\n/**\n * NumberInput:数字输入框,带自定义的减/加按钮,避开原生 `type=\"number\"`\n * 在各浏览器里样式与行为都不一致的 spinner。\n *\n * 复用 `InputGroup` 系列(InputGroupAddon/InputGroupButton/InputGroupInput),\n * 输入框用 `type=\"text\"` + `inputmode=\"decimal\"` + `role=\"spinbutton\"`。\n *\n * 这是便捷封装;可组合的 parts(Increment/Decrement/ScrubArea 等)与更多能力\n * 见同目录的 DESIGN.md「后续待实现」。\n *\n * @example\n * ```tsx\n * const [qty, setQty] = createSignal<number | null>(1);\n * <NumberInput value={qty()} onValueChange={(v) => setQty(v)} min={1} max={99} />\n * ```\n */\nexport function NumberInput(props: NumberInputProps): JSX.Element {\n  const step = () => props.step ?? 1;\n  const largeStep = () => props.largeStep ?? step() * 10;\n  const parse = (text: string) => (props.parse ?? defaultParseNumber)(text);\n  const format = (value: number | null) =>\n    value === null ? \"\" : (props.format ?? defaultFormatNumber)(value);\n\n  const isControlled = () => props.value !== undefined;\n  const [internalValue, setInternalValue] = createSignal<number | null>(\n    props.defaultValue ?? null,\n  );\n  const value = (): number | null =>\n    isControlled() ? (props.value ?? null) : internalValue();\n\n  const [focused, setFocused] = createSignal(false);\n  const [text, setText] = createSignal(format(value()));\n\n  // 外部值变化时同步显示文本;正在输入时不要覆盖用户正在敲的内容\n  createEffect(() => {\n    const next = value();\n    if (focused()) return;\n    setText(format(next));\n  });\n\n  const commit = (\n    next: number | null,\n    reason: NumberInputChangeReason,\n    event?: Event,\n  ) => {\n    const details = createNumberInputChangeEventDetails(reason, event);\n    props.onValueChange?.(next, details);\n    if (details.isCanceled) return;\n    if (!isControlled()) setInternalValue(next);\n  };\n\n  const commitClamped = (\n    next: number,\n    reason: NumberInputChangeReason,\n    event?: Event,\n  ) => {\n    const clamped = clamp(roundToStep(next, step()), props.min, props.max);\n    commit(clamped, reason, event);\n    setText(format(clamped));\n  };\n\n  const stepBy = (\n    delta: number,\n    reason: NumberInputChangeReason,\n    event?: Event,\n  ) => {\n    const base = value() ?? props.min ?? 0;\n    commitClamped(base + delta, reason, event);\n  };\n\n  const handleInput = (raw: string) => {\n    setText(raw);\n    const parsed = parse(raw);\n    // 输入过程中不立即 clamp,否则无法敲入越界中间值;失焦/回车再收敛\n    if (parsed !== null) commit(parsed, \"input\");\n  };\n\n  const handleBlur = () => {\n    setFocused(false);\n    const parsed = parse(text());\n    if (parsed === null) {\n      if (value() !== null) commit(null, \"blur\");\n      setText(format(null));\n      return;\n    }\n    commitClamped(parsed, \"blur\");\n  };\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    switch (event.key) {\n      case \"ArrowUp\":\n        event.preventDefault();\n        stepBy(step(), \"keyboard\", event);\n        break;\n      case \"ArrowDown\":\n        event.preventDefault();\n        stepBy(-step(), \"keyboard\", event);\n        break;\n      case \"PageUp\":\n        event.preventDefault();\n        stepBy(largeStep(), \"keyboard\", event);\n        break;\n      case \"PageDown\":\n        event.preventDefault();\n        stepBy(-largeStep(), \"keyboard\", event);\n        break;\n      case \"Home\":\n        if (props.min !== undefined) {\n          event.preventDefault();\n          commitClamped(props.min, \"keyboard\", event);\n        }\n        break;\n      case \"End\":\n        if (props.max !== undefined) {\n          event.preventDefault();\n          commitClamped(props.max, \"keyboard\", event);\n        }\n        break;\n      case \"Enter\": {\n        event.preventDefault();\n        const parsed = parse(text());\n        if (parsed !== null) commitClamped(parsed, \"keyboard\", event);\n        break;\n      }\n      case \"Escape\":\n        event.preventDefault();\n        setText(format(value()));\n        break;\n      default:\n        break;\n    }\n  };\n\n  const canDecrement = () =>\n    !props.disabled &&\n    !props.readOnly &&\n    !(value() !== null && props.min !== undefined && value()! <= props.min);\n  const canIncrement = () =>\n    !props.disabled &&\n    !props.readOnly &&\n    !(value() !== null && props.max !== undefined && value()! >= props.max);\n\n  return (\n    <InputGroup class={clsx(\"w-32\", props.class)}>\n      <InputGroupAddon align=\"inline-start\">\n        <InputGroupButton\n          icon={<Minus />}\n          aria-label=\"Decrease\"\n          disabled={!canDecrement()}\n          onClick={() => stepBy(-step(), \"button-press\")}\n        />\n      </InputGroupAddon>\n      <InputGroupInput\n        id={props.id}\n        role=\"spinbutton\"\n        inputmode=\"decimal\"\n        autocomplete=\"off\"\n        value={text()}\n        onInput={(next: string) => handleInput(next)}\n        onFocus={() => setFocused(true)}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        disabled={props.disabled}\n        readOnly={props.readOnly}\n        required={props.required}\n        name={props.name}\n        placeholder={props.placeholder}\n        aria-label={props[\"aria-label\"]}\n        aria-valuenow={value() ?? undefined}\n        aria-valuemin={props.min}\n        aria-valuemax={props.max}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        <InputGroupButton\n          icon={<Plus />}\n          aria-label=\"Increase\"\n          disabled={!canIncrement()}\n          onClick={() => stepBy(step(), \"button-press\")}\n        />\n      </InputGroupAddon>\n    </InputGroup>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","names":["createEffect","createSignal","JSX","Minus","Plus","InputGroup","InputGroupAddon","InputGroupButton","InputGroupInput","clsx","createNumberInputChangeEventDetails","clamp","defaultFormatNumber","defaultParseNumber","roundToStep","NumberInputChangeReason","NumberInputProps","NumberInput","props","Element","step","largeStep","parse","text","format","value","isControlled","undefined","internalValue","setInternalValue","defaultValue","focused","setFocused","setText","next","commit","reason","event","Event","details","onValueChange","isCanceled","commitClamped","clamped","min","max","stepBy","delta","base","handleInput","raw","parsed","handleBlur","handleKeyDown","KeyboardEvent","disabled","readOnly","key","preventDefault","canDecrement","canIncrement","_$createComponent","class","children","align","icon","onClick","id","role","inputmode","autocomplete","onInput","onFocus","onBlur","onKeyDown","required","name","placeholder","aria-label","aria-valuenow","aria-valuemin","aria-valuemax","_$createComponent","NumberInput","step","props","largeStep","parse","defaultParseNumber","text","format","value","defaultFormatNumber","isControlled","internalValue","setInternalValue","createSignal","focused","setFocused","setText","next","commit","details","createNumberInputChangeEventDetails","reason","event","commitClamped","clamped","clamp","roundToStep","stepBy","base","delta","handleInput","raw","parsed","handleBlur","handleKeyDown","canDecrement","canIncrement","createComponent","InputGroup","\"class\"","clsx","InputGroupAddon","InputGroupButton","Minus","InputGroupInput","Plus"],"sources":["../../../../src/components/number-input/NumberInput/NumberInput.tsx"],"sourcesContent":["import { createEffect, createSignal, type JSX } from \"solid-js\";\nimport { Minus, Plus } from \"lucide-solid\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from \"~/components/input-group\";\nimport { clsx } from \"~/utils\";\nimport { createNumberInputChangeEventDetails } from \"./create-change-event-details\";\nimport {\n  clamp,\n  defaultFormatNumber,\n  defaultParseNumber,\n  roundToStep,\n} from \"./NumberInput.utils\";\nimport type {\n  NumberInputChangeReason,\n  NumberInputProps,\n} from \"./NumberInput.types\";\n\n/**\n * NumberInput:数字输入框,带自定义的减/加按钮,避开原生 `type=\"number\"`\n * 在各浏览器里样式与行为都不一致的 spinner。\n *\n * 复用 `InputGroup` 系列(InputGroupAddon/InputGroupButton/InputGroupInput),\n * 输入框用 `type=\"text\"` + `inputmode=\"decimal\"` + `role=\"spinbutton\"`。\n *\n * 这是便捷封装;可组合的 parts(Increment/Decrement/ScrubArea 等)与更多能力\n * 见同目录的 DESIGN.md「后续待实现」。\n *\n * @example\n * ```tsx\n * const [qty, setQty] = createSignal<number | null>(1);\n * <NumberInput value={qty()} onValueChange={(v) => setQty(v)} min={1} max={99} />\n * ```\n */\nexport function NumberInput(props: NumberInputProps): JSX.Element {\n  const step = () => props.step ?? 1;\n  const largeStep = () => props.largeStep ?? step() * 10;\n  const parse = (text: string) => (props.parse ?? defaultParseNumber)(text);\n  const format = (value: number | null) =>\n    value === null ? \"\" : (props.format ?? defaultFormatNumber)(value);\n\n  const isControlled = () => props.value !== undefined;\n  const [internalValue, setInternalValue] = createSignal<number | null>(\n    props.defaultValue ?? null,\n  );\n  const value = (): number | null =>\n    isControlled() ? (props.value ?? null) : internalValue();\n\n  const [focused, setFocused] = createSignal(false);\n  const [text, setText] = createSignal(format(value()));\n\n  // 外部值变化时同步显示文本;正在输入时不要覆盖用户正在敲的内容\n  createEffect(() => {\n    const next = value();\n    if (focused()) return;\n    setText(format(next));\n  });\n\n  const commit = (\n    next: number | null,\n    reason: NumberInputChangeReason,\n    event?: Event,\n  ) => {\n    const details = createNumberInputChangeEventDetails(reason, event);\n    props.onValueChange?.(next, details);\n    if (details.isCanceled) return;\n    if (!isControlled()) setInternalValue(next);\n  };\n\n  const commitClamped = (\n    next: number,\n    reason: NumberInputChangeReason,\n    event?: Event,\n  ) => {\n    const clamped = clamp(roundToStep(next, step()), props.min, props.max);\n    commit(clamped, reason, event);\n    // 受控模式下文本交给\"外部值变化\"的 effect 同步：调用方不回写时，\n    // 文本框就不该自作主张地显示一个并未被接受的值\n    if (!isControlled()) setText(format(clamped));\n  };\n\n  const stepBy = (\n    delta: number,\n    reason: NumberInputChangeReason,\n    event?: Event,\n  ) => {\n    const base = value() ?? props.min ?? 0;\n    commitClamped(base + delta, reason, event);\n  };\n\n  const handleInput = (raw: string) => {\n    setText(raw);\n    const parsed = parse(raw);\n    // 输入过程中不立即 clamp,否则无法敲入越界中间值;失焦/回车再收敛\n    if (parsed !== null) commit(parsed, \"input\");\n  };\n\n  const handleBlur = () => {\n    // 必须先取用户敲进去的文本再改 focused：置为 false 会让\"外部值变化则同步文本\"\n    // 的 effect 同步跑起来，把 text 改写成 format(value())，于是这里就会解析\n    // 一个被覆盖过的字符串（自定义 format 时甚至直接解析失败、把输入清空）\n    const raw = text();\n    setFocused(false);\n    const parsed = parse(raw);\n    if (parsed === null) {\n      if (value() !== null) commit(null, \"blur\");\n      setText(format(null));\n      return;\n    }\n    commitClamped(parsed, \"blur\");\n  };\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    switch (event.key) {\n      case \"ArrowUp\":\n        event.preventDefault();\n        stepBy(step(), \"keyboard\", event);\n        break;\n      case \"ArrowDown\":\n        event.preventDefault();\n        stepBy(-step(), \"keyboard\", event);\n        break;\n      case \"PageUp\":\n        event.preventDefault();\n        stepBy(largeStep(), \"keyboard\", event);\n        break;\n      case \"PageDown\":\n        event.preventDefault();\n        stepBy(-largeStep(), \"keyboard\", event);\n        break;\n      case \"Home\":\n        if (props.min !== undefined) {\n          event.preventDefault();\n          commitClamped(props.min, \"keyboard\", event);\n        }\n        break;\n      case \"End\":\n        if (props.max !== undefined) {\n          event.preventDefault();\n          commitClamped(props.max, \"keyboard\", event);\n        }\n        break;\n      case \"Enter\": {\n        event.preventDefault();\n        const parsed = parse(text());\n        if (parsed !== null) commitClamped(parsed, \"keyboard\", event);\n        break;\n      }\n      case \"Escape\":\n        event.preventDefault();\n        setText(format(value()));\n        break;\n      default:\n        break;\n    }\n  };\n\n  const canDecrement = () =>\n    !props.disabled &&\n    !props.readOnly &&\n    !(value() !== null && props.min !== undefined && value()! <= props.min);\n  const canIncrement = () =>\n    !props.disabled &&\n    !props.readOnly &&\n    !(value() !== null && props.max !== undefined && value()! >= props.max);\n\n  return (\n    <InputGroup class={clsx(\"w-32\", props.class)}>\n      <InputGroupAddon align=\"inline-start\">\n        <InputGroupButton\n          icon={<Minus />}\n          aria-label=\"Decrease\"\n          disabled={!canDecrement()}\n          onClick={() => stepBy(-step(), \"button-press\")}\n        />\n      </InputGroupAddon>\n      <InputGroupInput\n        id={props.id}\n        role=\"spinbutton\"\n        inputmode=\"decimal\"\n        autocomplete=\"off\"\n        value={text()}\n        onInput={(next: string) => handleInput(next)}\n        onFocus={() => setFocused(true)}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        disabled={props.disabled}\n        readOnly={props.readOnly}\n        required={props.required}\n        name={props.name}\n        placeholder={props.placeholder}\n        aria-label={props[\"aria-label\"]}\n        aria-valuenow={value() ?? undefined}\n        aria-valuemin={props.min}\n        aria-valuemax={props.max}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        <InputGroupButton\n          icon={<Plus />}\n          aria-label=\"Increase\"\n          disabled={!canIncrement()}\n          onClick={() => stepBy(step(), \"button-press\")}\n        />\n      </InputGroupAddon>\n    </InputGroup>\n  );\n}\n"],"mappings":"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"}

package/dist/components/number-input/NumberInput/NumberInput.utils.d.ts

@@ -1,5 +1,9 @@
-/** 限制到 [min, max]（两者都可缺省） */
-export declare function clamp(value: number, min?: number, max?: number): number;
+/**
+ * 限制到 [min, max]（两者都可缺省）。
+ *
+ * 实现复用 `~/utils` 的 `clamp`（与 resizable 共用同一份边界逻辑）。
+ */
+export { clamp } from '../../../utils';
 /** 一个数的小数位数 */
 export declare function decimalPlaces(value: number): number;
 /** 按步长的小数位数四舍五入,抵消浮点误差(如 0.1 + 0.2) */

package/dist/components/number-input/NumberInput/NumberInput.utils.js

@@ -1,7 +1,5 @@
+import { clamp as e } from "../../../utils/number.js";
 //#region src/components/number-input/NumberInput/NumberInput.utils.ts
-function e(e, t, n) {
-	return t !== void 0 && e < t ? t : n !== void 0 && e > n ? n : e;
-}
 function t(e) {
 	let t = String(e), n = t.indexOf(".");
 	return n === -1 ? 0 : t.length - n - 1;

package/dist/components/number-input/NumberInput/NumberInput.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.utils.js","names":["clamp","min","value","max","decimalPlaces","text","index","roundToStep","step","defaultParseNumber","normalized","defaultFormatNumber"],"sources":["../../../../src/components/number-input/NumberInput/NumberInput.utils.ts"],"sourcesContent":["/** 限制到 [min, max]（两者都可缺省） */\nexport function clamp(value: number, min?: number, max?: number): number {\n  if (min !== undefined && value < min) return min;\n  if (max !== undefined && value > max) return max;\n  return value;\n}\n\n/** 一个数的小数位数 */\nexport function decimalPlaces(value: number): number {\n  const text = String(value);\n  const index = text.indexOf(\".\");\n  return index === -1 ? 0 : text.length - index - 1;\n}\n\n/** 按步长的小数位数四舍五入,抵消浮点误差(如 0.1 + 0.2) */\nexport function roundToStep(value: number, step: number): number {\n  return Number(value.toFixed(decimalPlaces(step)));\n}\n\n/** 默认解析:接受十进制文本(\",\",作小数点也接受);空/非法返回 null */\nexport function defaultParseNumber(text: string): number | null {\n  const normalized = text.trim().replace(/\\s+/g, \"\").replace(/,/g, \".\");\n  if (\n    normalized === \"\" ||\n    normalized === \"-\" ||\n    normalized === \".\" ||\n    normalized === \"-.\"\n  ) {\n    return null;\n  }\n  const value = Number(normalized);\n  return Number.isFinite(value) ? value : null;\n}\n\n/** 默认格式化 */\nexport function defaultFormatNumber(value: number): string {\n  return String(value);\n}\n"],"mappings":";AACA,SAAgBA,EAAM,GAAe,GAAc,GAAsB;CAGvE,OAFIC,MAAQ,KAAA,KAAaC,IAAQD,IAAYA,IACzCE,MAAQ,KAAA,KAAaD,IAAQC,IAAYA,IACtCD;AACT;AAGA,SAAgBE,EAAc,GAAuB;CACnD,IAAMC,IAAO,OAAOH,CAAK,GACnBI,IAAQD,EAAK,QAAQ,GAAG;CAC9B,OAAOC,MAAU,KAAK,IAAID,EAAK,SAASC,IAAQ;AAClD;AAGA,SAAgBC,EAAY,GAAe,GAAsB;CAC/D,OAAO,OAAOL,EAAM,QAAQE,EAAcI,CAAI,CAAC,CAAC;AAClD;AAGA,SAAgBC,EAAmB,GAA6B;CAC9D,IAAMC,IAAaL,EAAK,KAAK,CAAC,CAAC,QAAQ,QAAQ,EAAE,CAAC,CAAC,QAAQ,MAAM,GAAG;CACpE,IACEK,MAAe,MACfA,MAAe,OACfA,MAAe,OACfA,MAAe,MAEf,OAAO;CAET,IAAMR,IAAQ,OAAOQ,CAAU;CAC/B,OAAO,OAAO,SAASR,CAAK,IAAIA,IAAQ;AAC1C;AAGA,SAAgBS,EAAoB,GAAuB;CACzD,OAAO,OAAOT,CAAK;AACrB"}
+{"version":3,"file":"NumberInput.utils.js","names":["decimalPlaces","text","value","index","roundToStep","step","defaultParseNumber","normalized","defaultFormatNumber","clamp"],"sources":["../../../../src/components/number-input/NumberInput/NumberInput.utils.ts"],"sourcesContent":["/**\n * 限制到 [min, max]（两者都可缺省）。\n *\n * 实现复用 `~/utils` 的 `clamp`（与 resizable 共用同一份边界逻辑）。\n */\nexport { clamp } from \"~/utils\";\n\n/** 一个数的小数位数 */\nexport function decimalPlaces(value: number): number {\n  const text = String(value);\n  const index = text.indexOf(\".\");\n  return index === -1 ? 0 : text.length - index - 1;\n}\n\n/** 按步长的小数位数四舍五入,抵消浮点误差(如 0.1 + 0.2) */\nexport function roundToStep(value: number, step: number): number {\n  return Number(value.toFixed(decimalPlaces(step)));\n}\n\n/** 默认解析:接受十进制文本(\",\",作小数点也接受);空/非法返回 null */\nexport function defaultParseNumber(text: string): number | null {\n  const normalized = text.trim().replace(/\\s+/g, \"\").replace(/,/g, \".\");\n  if (\n    normalized === \"\" ||\n    normalized === \"-\" ||\n    normalized === \".\" ||\n    normalized === \"-.\"\n  ) {\n    return null;\n  }\n  const value = Number(normalized);\n  return Number.isFinite(value) ? value : null;\n}\n\n/** 默认格式化 */\nexport function defaultFormatNumber(value: number): string {\n  return String(value);\n}\n"],"mappings":";;AAQA,SAAgBA,EAAc,GAAuB;CACnD,IAAMC,IAAO,OAAOC,CAAK,GACnBC,IAAQF,EAAK,QAAQ,GAAG;CAC9B,OAAOE,MAAU,KAAK,IAAIF,EAAK,SAASE,IAAQ;AAClD;AAGA,SAAgBC,EAAY,GAAe,GAAsB;CAC/D,OAAO,OAAOF,EAAM,QAAQF,EAAcK,CAAI,CAAC,CAAC;AAClD;AAGA,SAAgBC,EAAmB,GAA6B;CAC9D,IAAMC,IAAaN,EAAK,KAAK,CAAC,CAAC,QAAQ,QAAQ,EAAE,CAAC,CAAC,QAAQ,MAAM,GAAG;CACpE,IACEM,MAAe,MACfA,MAAe,OACfA,MAAe,OACfA,MAAe,MAEf,OAAO;CAET,IAAML,IAAQ,OAAOK,CAAU;CAC/B,OAAO,OAAO,SAASL,CAAK,IAAIA,IAAQ;AAC1C;AAGA,SAAgBM,EAAoB,GAAuB;CACzD,OAAO,OAAON,CAAK;AACrB"}

package/dist/components/number-input/NumberInput/create-change-event-details.d.ts

@@ -2,7 +2,6 @@ import { NumberInputChangeEventDetails, NumberInputChangeReason } from './Number
 /**
  * 构造 onValueChange 的事件详情(对齐 base-ui 的 `ChangeEventDetails`)。
  *
- * `isCanceled` / `isPropagationAllowed` 用 getter 暴露:回调内部可以即时读到
- * `cancel()` / `allowPropagation()` 之后的最新值,而不是创建时的快照。
+ * 实现在 `~/utils`,这里只固定 NumberInput 的 reason 类型。
  */
 export declare function createNumberInputChangeEventDetails(reason: NumberInputChangeReason, event?: Event, trigger?: Element): NumberInputChangeEventDetails;

package/dist/components/number-input/NumberInput/create-change-event-details.js

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

package/dist/components/number-input/NumberInput/create-change-event-details.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-change-event-details.js","names":["createNumberInputChangeEventDetails","canceled","propagationAllowed"],"sources":["../../../../src/components/number-input/NumberInput/create-change-event-details.ts"],"sourcesContent":["import type {\n  NumberInputChangeEventDetails,\n  NumberInputChangeReason,\n} from \"./NumberInput.types\";\n\n/**\n * 构造 onValueChange 的事件详情(对齐 base-ui 的 `ChangeEventDetails`)。\n *\n * `isCanceled` / `isPropagationAllowed` 用 getter 暴露:回调内部可以即时读到\n * `cancel()` / `allowPropagation()` 之后的最新值,而不是创建时的快照。\n */\nexport function createNumberInputChangeEventDetails(\n  reason: NumberInputChangeReason,\n  event?: Event,\n  trigger?: Element,\n): NumberInputChangeEventDetails {\n  let canceled = false;\n  let propagationAllowed = false;\n\n  return {\n    reason,\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":";AAWA,SAAgBA,EACd,GACA,GACA,GAC+B;CAC/B,IAAIC,IAAW,IACXC,IAAqB;CAEzB,OAAO;EACL;EACA;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":["createNumberInputChangeEventDetails","createChangeEventDetails","reason","event","trigger"],"sources":["../../../../src/components/number-input/NumberInput/create-change-event-details.ts"],"sourcesContent":["import { createChangeEventDetails } from \"~/utils\";\nimport type {\n  NumberInputChangeEventDetails,\n  NumberInputChangeReason,\n} from \"./NumberInput.types\";\n\n/**\n * 构造 onValueChange 的事件详情(对齐 base-ui 的 `ChangeEventDetails`)。\n *\n * 实现在 `~/utils`,这里只固定 NumberInput 的 reason 类型。\n */\nexport function createNumberInputChangeEventDetails(\n  reason: NumberInputChangeReason,\n  event?: Event,\n  trigger?: Element,\n): NumberInputChangeEventDetails {\n  return createChangeEventDetails(reason, event, trigger);\n}\n"],"mappings":";;AAWA,SAAgBA,EACd,GACA,GACA,GAC+B;CAC/B,OAAOC,EAAyBC,GAAQC,GAAOC,CAAO;AACxD"}

package/dist/components/pagination/Pagination/Pagination.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<nav aria-label=pagination data-slot=pagination>"), o =
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("mx-auto flex w-full justify-center", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("mx-auto flex w-full justify-center", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

package/dist/components/pagination/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["splitProps","PaginationProps","clsx","Pagination","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","Pagination","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/pagination/Pagination/Pagination.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { PaginationProps } from \"./Pagination.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Pagination = (props: PaginationProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <nav\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      class={clsx(\"mx-auto flex w-full justify-center\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6EAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EAAK,sCAAsCG,EAAMM,KAAK;EAAC,EAAA,GAC1DL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"Pagination.js","names":["splitProps","PaginationProps","clsx","Pagination","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","Pagination","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/pagination/Pagination/Pagination.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { PaginationProps } from \"./Pagination.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Pagination = (props: PaginationProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <nav\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      class={clsx(\"mx-auto flex w-full justify-center\", local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6EAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAIWrB,EAAK,sCAAsCG,EAAMM,KAAK;GAAC;GAAA,IAC9DC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/pagination/PaginationContent/PaginationContent.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<ul data-slot=pagination-content>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("flex items-center gap-0.5", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("flex items-center gap-0.5", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

package/dist/components/pagination/PaginationContent/PaginationContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationContent.js","names":["splitProps","PaginationContentProps","clsx","PaginationContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","PaginationContent","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/pagination/PaginationContent/PaginationContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { PaginationContentProps } from \"./PaginationContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const PaginationContent = (props: PaginationContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      class={clsx(\"flex items-center gap-0.5\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;8DAIaG,KAAqBC,MAAkC;CAClE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWpB,EAAK,6BAA6BG,EAAMM,KAAK;EAAC,EAAA,GACjDL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"PaginationContent.js","names":["splitProps","PaginationContentProps","clsx","PaginationContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","PaginationContent","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/pagination/PaginationContent/PaginationContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { PaginationContentProps } from \"./PaginationContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const PaginationContent = (props: PaginationContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      class={clsx(\"flex items-center gap-0.5\", local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;8DAIaG,KAAqBC,MAAkC;CAClE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWrB,EAAK,6BAA6BG,EAAMM,KAAK;GAAC;GAAA,IACrDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/pagination/PaginationEllipsis/PaginationEllipsis.js

@@ -7,9 +7,14 @@ var c = /*#__PURE__*/ a("<span aria-hidden data-slot=pagination-ellipsis><span c
 	let [l, u] = o(a, ["class", "classList"]);
 	return (() => {
 		var a = c(), o = a.firstChild;
-		return i(a, r({ get class() {
-			return e("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", l.class);
-		} }, u), !1, !0), n(a, t(s, {}), o), a;
+		return i(a, r({
+			get class() {
+				return e("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", l.class);
+			},
+			get classList() {
+				return l.classList;
+			}
+		}, u), !1, !0), n(a, t(s, {}), o), a;
 	})();
 };
 //#endregion

package/dist/components/pagination/PaginationEllipsis/PaginationEllipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationEllipsis.js","names":["splitProps","PaginationEllipsisProps","clsx","Ellipsis","PaginationEllipsis","props","local","others","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","_$insert","_$createComponent","_$mergeProps","_$createComponent","_tmpl$","PaginationEllipsis","local","others","splitProps","props","_el$","_el$2","spread","mergeProps","\"class\"","clsx","insert","createComponent","Ellipsis"],"sources":["../../../../src/components/pagination/PaginationEllipsis/PaginationEllipsis.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { PaginationEllipsisProps } from \"./PaginationEllipsis.types\";\nimport { clsx } from \"~/utils\";\nimport { Ellipsis } from \"lucide-solid\";\n\nexport const PaginationEllipsis = (props: PaginationEllipsisProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      class={clsx(\n        \"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n        local.class,\n      )}\n      {...others}\n    >\n      <Ellipsis />\n      <span class=\"sr-only\">More pages</span>\n    </span>\n  );\n};\n"],"mappings":";;;;;2GAKaI,KAAsBC,MAAmC;CACpE,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAUa,OAVbC,EAAAJ,GAAAK,EAAA,EAAA,IAAAgB,QAAA;GAAA,OAIW3B,EACL,gFACAI,EAAMQ,KACR;EAAC,EAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAQ,EAAAP,GAAAQ,EAETb,GAAQ,CAAA,CAAA,GAAAO,CAAA,GAAAF;CAAA,EAAA,CAAA;AAIf"}
+{"version":3,"file":"PaginationEllipsis.js","names":["splitProps","PaginationEllipsisProps","clsx","Ellipsis","PaginationEllipsis","props","local","others","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","classList","_$insert","_$createComponent","_$mergeProps","_$createComponent","_tmpl$","PaginationEllipsis","local","others","splitProps","props","_el$","_el$2","spread","mergeProps","\"class\"","clsx","insert","createComponent","Ellipsis"],"sources":["../../../../src/components/pagination/PaginationEllipsis/PaginationEllipsis.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { PaginationEllipsisProps } from \"./PaginationEllipsis.types\";\nimport { clsx } from \"~/utils\";\nimport { Ellipsis } from \"lucide-solid\";\n\nexport const PaginationEllipsis = (props: PaginationEllipsisProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      class={clsx(\n        \"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    >\n      <Ellipsis />\n      <span class=\"sr-only\">More pages</span>\n    </span>\n  );\n};\n"],"mappings":";;;;;2GAKaI,KAAsBC,MAAmC;CACpE,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAWa,OAXbC,EAAAJ,GAAAK,EAAA;GAAA,IAAAiB,QAAA;IAAA,OAIW5B,EACL,gFACAI,EAAMQ,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAS,EAAAR,GAAAS,EAETd,GAAQ,CAAA,CAAA,GAAAO,CAAA,GAAAF;CAAA,EAAA,CAAA;AAIf"}

package/dist/components/pagination/PaginationLink/PaginationLink.js

@@ -30,6 +30,9 @@ var s = (s) => {
 		get class() {
 			return e(l.class);
 		},
+		get classList() {
+			return l.classList;
+		},
 		get icon() {
 			return l.page;
 		},

package/dist/components/pagination/PaginationLink/PaginationLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationLink.js","names":["mergeProps","splitProps","PaginationLinkProps","clsx","Button","PaginationLink","props","merged","size","const","local","others","_$createComponent","_$mergeProps","component","variant","isActive","aria-current","undefined","data-active","class","icon","page","aria-label","_$memo","children","mergeProps","_$createComponent","_$mergeProps","_$memo","mergeProps$1","PaginationLink","merged","props","local","others","splitProps","createComponent","Button","mergeProps","\"class\"","clsx","memo"],"sources":["../../../../src/components/pagination/PaginationLink/PaginationLink.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationLinkProps } from \"./PaginationLink.types\";\nimport { clsx } from \"~/utils\";\nimport { Button } from \"~/components/button\";\n\nexport const PaginationLink = (props: PaginationLinkProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"size\",\n    \"isActive\",\n    \"class\",\n    \"classList\",\n    \"page\",\n    \"children\",\n  ]);\n\n  return (\n    <Button\n      component=\"a\"\n      variant={local.isActive ? \"outline\" : \"ghost\"}\n      size={local.size}\n      aria-current={local.isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={local.isActive}\n      class={clsx(local.class)}\n      icon={local.page}\n      aria-label={\n        local.page !== undefined && !local.children\n          ? `Page ${local.page}`\n          : undefined\n      }\n      {...others}\n    >\n      {local.page === undefined && local.children}\n    </Button>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaK,KAAkBC,MAA+B;CAC5D,IAAMC,IAASP,EAAW,EAAEQ,MAAM,KAAK,GAAYF,CAAK,GAElD,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAK,EACGR,GAAMS,EAAA;EACLC,WAAS;EAAA,IACTC,UAAO;GAAA,OAAEL,EAAMM,WAAW,YAAY;EAAO;EAAA,IAC7CR,OAAI;GAAA,OAAEE,EAAMF;EAAI;EAAA,IAAA,iBAAA;GAAA,OACFE,EAAMM,WAAW,SAASE,KAAAA;EAAS;EAAA,aAAA;EAAA,IAAA,gBAAA;GAAA,OAEpCR,EAAMM;EAAQ;EAAA,IAAAwB,QAAA;GAAA,OACpBrC,EAAKO,EAAMU,KAAK;EAAC;EAAA,IACxBC,OAAI;GAAA,OAAEX,EAAMY;EAAI;EAAA,IAAA,eAAA;GAAA,OAEdE,QAAA,EAAAd,EAAMY,SAASJ,KAAAA,KAAcR,EAAMe,SAAQ,CAAA,CAAA,IACvC,QAAQf,EAAMY,SACdJ,KAAAA;EAAS;CAAA,GAEXP,GAAM,EAAA,IAAAc,WAAA;EAAA,OAETD,QAAAd,EAAMY,SAASJ,KAAAA,CAAS,CAAA,CAAA,KAAIR,EAAMe;CAAQ,EAAA,CAAA,CAAA;AAGjD"}
+{"version":3,"file":"PaginationLink.js","names":["mergeProps","splitProps","PaginationLinkProps","clsx","Button","PaginationLink","props","merged","size","const","local","others","_$createComponent","_$mergeProps","component","variant","isActive","aria-current","undefined","data-active","class","classList","icon","page","aria-label","_$memo","children","mergeProps","_$createComponent","_$mergeProps","_$memo","mergeProps$1","PaginationLink","merged","props","local","others","splitProps","createComponent","Button","mergeProps","\"class\"","clsx","memo"],"sources":["../../../../src/components/pagination/PaginationLink/PaginationLink.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationLinkProps } from \"./PaginationLink.types\";\nimport { clsx } from \"~/utils\";\nimport { Button } from \"~/components/button\";\n\nexport const PaginationLink = (props: PaginationLinkProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"size\",\n    \"isActive\",\n    \"class\",\n    \"classList\",\n    \"page\",\n    \"children\",\n  ]);\n\n  return (\n    <Button\n      component=\"a\"\n      variant={local.isActive ? \"outline\" : \"ghost\"}\n      size={local.size}\n      aria-current={local.isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={local.isActive}\n      class={clsx(local.class)}\n      classList={local.classList}\n      icon={local.page}\n      aria-label={\n        local.page !== undefined && !local.children\n          ? `Page ${local.page}`\n          : undefined\n      }\n      {...others}\n    >\n      {local.page === undefined && local.children}\n    </Button>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaK,KAAkBC,MAA+B;CAC5D,IAAMC,IAASP,EAAW,EAAEQ,MAAM,KAAK,GAAYF,CAAK,GAElD,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAK,EACGR,GAAMS,EAAA;EACLC,WAAS;EAAA,IACTC,UAAO;GAAA,OAAEL,EAAMM,WAAW,YAAY;EAAO;EAAA,IAC7CR,OAAI;GAAA,OAAEE,EAAMF;EAAI;EAAA,IAAA,iBAAA;GAAA,OACFE,EAAMM,WAAW,SAASE,KAAAA;EAAS;EAAA,aAAA;EAAA,IAAA,gBAAA;GAAA,OAEpCR,EAAMM;EAAQ;EAAA,IAAAyB,QAAA;GAAA,OACpBtC,EAAKO,EAAMU,KAAK;EAAC;EAAA,IACxBC,YAAS;GAAA,OAAEX,EAAMW;EAAS;EAAA,IAC1BC,OAAI;GAAA,OAAEZ,EAAMa;EAAI;EAAA,IAAA,eAAA;GAAA,OAEdE,QAAA,EAAAf,EAAMa,SAASL,KAAAA,KAAcR,EAAMgB,SAAQ,CAAA,CAAA,IACvC,QAAQhB,EAAMa,SACdL,KAAAA;EAAS;CAAA,GAEXP,GAAM,EAAA,IAAAe,WAAA;EAAA,OAETD,QAAAf,EAAMa,SAASL,KAAAA,CAAS,CAAA,CAAA,KAAIR,EAAMgB;CAAQ,EAAA,CAAA,CAAA;AAGjD"}

package/dist/components/pagination/PaginationNext/PaginationNext.js

@@ -15,6 +15,9 @@ var l = /*#__PURE__*/ a("<span class=\"hidden sm:block\">"), u = (a) => {
 		size: "md",
 		get class() {
 			return e("pr-1.5!", d.class);
+		},
+		get classList() {
+			return d.classList;
 		}
 	}, f, { get children() {
 		return [(() => {

package/dist/components/pagination/PaginationNext/PaginationNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNext.js","names":["mergeProps","splitProps","PaginationNextProps","PaginationLink","clsx","ChevronRight","PaginationNext","props","merged","text","local","others","_$createComponent","_$mergeProps","size","class","children","_el$","_tmpl$","_$insert","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","PaginationNext","merged","props","local","others","splitProps","createComponent","PaginationLink","mergeProps","\"class\"","clsx","_el$","insert","ChevronRight"],"sources":["../../../../src/components/pagination/PaginationNext/PaginationNext.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationNextProps } from \"./PaginationNext.types\";\nimport { PaginationLink } from \"../PaginationLink\";\nimport { clsx } from \"~/utils\";\nimport { ChevronRight } from \"lucide-solid\";\n\nexport const PaginationNext = (props: PaginationNextProps) => {\n  const merged = mergeProps({ text: \"Next\" }, props);\n\n  const [local, others] = splitProps(merged, [\"text\", \"class\", \"classList\"]);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"md\"\n      class={clsx(\"pr-1.5!\", local.class)}\n      {...others}\n    >\n      <span class=\"hidden sm:block\">{local.text}</span>\n      <ChevronRight data-icon=\"inline-end\" class=\"cn-rtl-flip\" />\n    </PaginationLink>\n  );\n};\n"],"mappings":";;;;;;6DAMaM,KAAkBC,MAA+B;CAC5D,IAAMC,IAASR,EAAW,EAAES,MAAM,OAAO,GAAGF,CAAK,GAE3C,CAACG,GAAOC,KAAUV,EAAWO,GAAQ;EAAC;EAAQ;EAAS;CAAW,CAAC;CAEzE,OAAAI,EACGT,GAAcU,EAAA;EAAA,cAAA;EAEbC,MAAI;EAAA,IAAAoB,QAAA;GAAA,OACG9B,EAAK,WAAWM,EAAMK,KAAK;EAAC;CAAA,GAC/BJ,GAAM,EAAA,IAAAK,WAAA;EAAA,OAAA,QAAA;GAAA,IAAAC,IAAAC,EAAA;GAE+B,OAF/BC,EAAAF,SAEqBP,EAAMD,IAAI,GAAAQ;EAAA,EAAA,CAAA,GAAAL,EACxCP,GAAY;GAAA,aAAA;GAAA6B,OAAA;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAGnB"}
+{"version":3,"file":"PaginationNext.js","names":["mergeProps","splitProps","PaginationNextProps","PaginationLink","clsx","ChevronRight","PaginationNext","props","merged","text","local","others","_$createComponent","_$mergeProps","size","class","classList","children","_el$","_tmpl$","_$insert","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","PaginationNext","merged","props","local","others","splitProps","createComponent","PaginationLink","mergeProps","\"class\"","clsx","_el$","insert","ChevronRight"],"sources":["../../../../src/components/pagination/PaginationNext/PaginationNext.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationNextProps } from \"./PaginationNext.types\";\nimport { PaginationLink } from \"../PaginationLink\";\nimport { clsx } from \"~/utils\";\nimport { ChevronRight } from \"lucide-solid\";\n\nexport const PaginationNext = (props: PaginationNextProps) => {\n  const merged = mergeProps({ text: \"Next\" }, props);\n\n  const [local, others] = splitProps(merged, [\"text\", \"class\", \"classList\"]);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"md\"\n      class={clsx(\"pr-1.5!\", local.class)}\n      classList={local.classList}\n      {...others}\n    >\n      <span class=\"hidden sm:block\">{local.text}</span>\n      <ChevronRight data-icon=\"inline-end\" class=\"cn-rtl-flip\" />\n    </PaginationLink>\n  );\n};\n"],"mappings":";;;;;;6DAMaM,KAAkBC,MAA+B;CAC5D,IAAMC,IAASR,EAAW,EAAES,MAAM,OAAO,GAAGF,CAAK,GAE3C,CAACG,GAAOC,KAAUV,EAAWO,GAAQ;EAAC;EAAQ;EAAS;CAAW,CAAC;CAEzE,OAAAI,EACGT,GAAcU,EAAA;EAAA,cAAA;EAEbC,MAAI;EAAA,IAAAqB,QAAA;GAAA,OACG/B,EAAK,WAAWM,EAAMK,KAAK;EAAC;EAAA,IACnCC,YAAS;GAAA,OAAEN,EAAMM;EAAS;CAAA,GACtBL,GAAM,EAAA,IAAAM,WAAA;EAAA,OAAA,QAAA;GAAA,IAAAC,IAAAC,EAAA;GAE+B,OAF/BC,EAAAF,SAEqBR,EAAMD,IAAI,GAAAS;EAAA,EAAA,CAAA,GAAAN,EACxCP,GAAY;GAAA,aAAA;GAAA8B,OAAA;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAGnB"}