@neut/ui 0.0.15 → 0.0.17

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

@@ -0,0 +1,153 @@
+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 { 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";
+//#region src/components/number-input/NumberInput/NumberInput.tsx
+function h(h) {
+	let g = () => h.step ?? 1, _ = () => h.largeStep ?? g() * 10, v = (e) => (h.parse ?? c)(e), y = (e) => e === null ? "" : (h.format ?? s)(e), b = () => h.value !== void 0, [x, S] = f(h.defaultValue ?? null), C = () => b() ? h.value ?? null : x(), [w, T] = f(!1), [E, D] = f(y(C()));
+	d(() => {
+		let e = C();
+		w() || D(y(e));
+	});
+	let O = (e, t, n) => {
+		let r = a(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));
+	}, A = (e, t, n) => {
+		let r = C() ?? h.min ?? 0;
+		k(r + e, t, n);
+	}, j = (e) => {
+		D(e);
+		let t = v(e);
+		t !== null && O(t, "input");
+	}, M = () => {
+		T(!1);
+		let e = v(E());
+		if (e === null) {
+			C() !== null && O(null, "blur"), D(y(null));
+			return;
+		}
+		k(e, "blur");
+	}, N = (e) => {
+		if (!(h.disabled || h.readOnly)) switch (e.key) {
+			case "ArrowUp":
+				e.preventDefault(), A(g(), "keyboard", e);
+				break;
+			case "ArrowDown":
+				e.preventDefault(), A(-g(), "keyboard", e);
+				break;
+			case "PageUp":
+				e.preventDefault(), A(_(), "keyboard", e);
+				break;
+			case "PageDown":
+				e.preventDefault(), A(-_(), "keyboard", e);
+				break;
+			case "Home":
+				h.min !== void 0 && (e.preventDefault(), k(h.min, "keyboard", e));
+				break;
+			case "End":
+				h.max !== void 0 && (e.preventDefault(), k(h.max, "keyboard", e));
+				break;
+			case "Enter": {
+				e.preventDefault();
+				let t = v(E());
+				t !== null && k(t, "keyboard", e);
+				break;
+			}
+			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, {
+		get class() {
+			return e("w-32", h.class);
+		},
+		get children() {
+			return [
+				u(n, {
+					align: "inline-start",
+					get children() {
+						return u(r, {
+							get icon() {
+								return u(p, {});
+							},
+							"aria-label": "Decrease",
+							get disabled() {
+								return !P();
+							},
+							onClick: () => A(-g(), "button-press")
+						});
+					}
+				}),
+				u(i, {
+					get id() {
+						return h.id;
+					},
+					role: "spinbutton",
+					inputmode: "decimal",
+					autocomplete: "off",
+					get value() {
+						return E();
+					},
+					onInput: (e) => j(e),
+					onFocus: () => T(!0),
+					onBlur: M,
+					onKeyDown: N,
+					get disabled() {
+						return h.disabled;
+					},
+					get readOnly() {
+						return h.readOnly;
+					},
+					get required() {
+						return h.required;
+					},
+					get name() {
+						return h.name;
+					},
+					get placeholder() {
+						return h.placeholder;
+					},
+					get "aria-label"() {
+						return h["aria-label"];
+					},
+					get "aria-valuenow"() {
+						return C() ?? void 0;
+					},
+					get "aria-valuemin"() {
+						return h.min;
+					},
+					get "aria-valuemax"() {
+						return h.max;
+					}
+				}),
+				u(n, {
+					align: "inline-end",
+					get children() {
+						return u(r, {
+							get icon() {
+								return u(m, {});
+							},
+							"aria-label": "Increase",
+							get disabled() {
+								return !F();
+							},
+							onClick: () => A(g(), "button-press")
+						});
+					}
+				})
+			];
+		}
+	});
+}
+//#endregion
+export { h as NumberInput };
+
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,41 @@
+import { BaseProps } from '../../../types';
+export type NumberInputChangeReason = "input" | "button-press" | "keyboard" | "blur" | "none";
+/**
+ * onValueChange 的第二个参数,语义对齐仓库既有的 `ChangeEventDetails`。
+ *
+ * - `cancel()`:阻止组件提交本次变更(受控模式下状态由外部决定,组件本就不提交)
+ * - `allowPropagation()`:API 对齐保留;本实现不主动阻止事件传播,因此是空操作
+ */
+export interface NumberInputChangeEventDetails {
+    reason: NumberInputChangeReason;
+    event?: Event;
+    trigger?: Element;
+    cancel: () => void;
+    allowPropagation: () => void;
+    readonly isCanceled: boolean;
+    readonly isPropagationAllowed: boolean;
+}
+export interface NumberInputProps extends BaseProps {
+    /** 受控数值;不传则内部自管理(非受控模式)。null 表示空值 */
+    value?: number | null;
+    /** 非受控模式下的初始数值 */
+    defaultValue?: number | null;
+    onValueChange?: (value: number | null, details: NumberInputChangeEventDetails) => void;
+    min?: number;
+    max?: number;
+    /** 按钮/方向键步长,默认 1 */
+    step?: number;
+    /** PageUp/PageDown 步长,默认 step * 10 */
+    largeStep?: number;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    name?: string;
+    placeholder?: string;
+    id?: string;
+    "aria-label"?: string;
+    /** 自定义格式化(用于失焦/步进后回显),默认 String(value) */
+    format?: (value: number) => string;
+    /** 自定义解析;解析失败返回 null,默认接受十进制文本 */
+    parse?: (text: string) => number | null;
+}

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

@@ -0,0 +1,10 @@
+/** 限制到 [min, max]（两者都可缺省） */
+export declare function clamp(value: number, min?: number, max?: number): number;
+/** 一个数的小数位数 */
+export declare function decimalPlaces(value: number): number;
+/** 按步长的小数位数四舍五入,抵消浮点误差(如 0.1 + 0.2) */
+export declare function roundToStep(value: number, step: number): number;
+/** 默认解析:接受十进制文本(",",作小数点也接受);空/非法返回 null */
+export declare function defaultParseNumber(text: string): number | null;
+/** 默认格式化 */
+export declare function defaultFormatNumber(value: number): string;

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

@@ -0,0 +1,24 @@
+//#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;
+}
+function n(e, n) {
+	return Number(e.toFixed(t(n)));
+}
+function r(e) {
+	let t = e.trim().replace(/\s+/g, "").replace(/,/g, ".");
+	if (t === "" || t === "-" || t === "." || t === "-.") return null;
+	let n = Number(t);
+	return Number.isFinite(n) ? n : null;
+}
+function i(e) {
+	return String(e);
+}
+//#endregion
+export { e as clamp, t as decimalPlaces, i as defaultFormatNumber, r as defaultParseNumber, n as roundToStep };
+
+//# sourceMappingURL=NumberInput.utils.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,8 @@
+import { NumberInputChangeEventDetails, NumberInputChangeReason } from './NumberInput.types';
+/**
+ * 构造 onValueChange 的事件详情(对齐 base-ui 的 `ChangeEventDetails`)。
+ *
+ * `isCanceled` / `isPropagationAllowed` 用 getter 暴露:回调内部可以即时读到
+ * `cancel()` / `allowPropagation()` 之后的最新值,而不是创建时的快照。
+ */
+export declare function createNumberInputChangeEventDetails(reason: NumberInputChangeReason, event?: Event, trigger?: Element): NumberInputChangeEventDetails;

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

@@ -0,0 +1,25 @@
+//#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;
+		}
+	};
+}
+//#endregion
+export { e as createNumberInputChangeEventDetails };
+
+//# sourceMappingURL=create-change-event-details.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export { NumberInput } from './NumberInput';
+export type { NumberInputProps, NumberInputChangeReason, NumberInputChangeEventDetails, } from './NumberInput.types';

package/dist/components/number-input/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInput } from './NumberInput';
+export type { NumberInputProps, NumberInputChangeReason, NumberInputChangeEventDetails, } from './NumberInput';

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

@@ -0,0 +1,2 @@
+import { NumberInput as e } from "./NumberInput/NumberInput.js";
+export { e as NumberInput };

package/dist/components/pagination/Pagination/Pagination.d.ts

@@ -1,2 +1,2 @@
 import { PaginationProps } from './Pagination.types';
-export declare const Pagination: (props: PaginationProps) => import("solid-js").JSX.Element;
+export declare const Pagination: (props: PaginationProps) => import('solid-js').JSX.Element;

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"],"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,IAAA,QAAA;GAAA,OAIWR,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","_$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"}

package/dist/components/pagination/PaginationContent/PaginationContent.d.ts

@@ -1,2 +1,2 @@
 import { PaginationContentProps } from './PaginationContent.types';
-export declare const PaginationContent: (props: PaginationContentProps) => import("solid-js").JSX.Element;
+export declare const PaginationContent: (props: PaginationContentProps) => import('solid-js').JSX.Element;

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"],"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,IAAA,QAAA;GAAA,OAGWR,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","_$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"}

package/dist/components/pagination/PaginationEllipsis/PaginationEllipsis.d.ts

@@ -1,2 +1,2 @@
 import { PaginationEllipsisProps } from './PaginationEllipsis.types';
-export declare const PaginationEllipsis: (props: PaginationEllipsisProps) => import("solid-js").JSX.Element;
+export declare const PaginationEllipsis: (props: PaginationEllipsisProps) => import('solid-js').JSX.Element;

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"],"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,IAAA,QAAA;GAAA,OAIWX,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","_$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"}

package/dist/components/pagination/PaginationItem/PaginationItem.d.ts

@@ -1,2 +1,2 @@
 import { PaginationItemProps } from './PaginationItem.types';
-export declare const PaginationItem: (props: PaginationItemProps) => import("solid-js").JSX.Element;
+export declare const PaginationItem: (props: PaginationItemProps) => import('solid-js').JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationItem.js","names":["PaginationItemProps","PaginationItem","props","_el$","_tmpl$","_$spread"],"sources":["../../../../src/components/pagination/PaginationItem/PaginationItem.tsx"],"sourcesContent":["import type { PaginationItemProps } from \"./PaginationItem.types\";\n\nexport const PaginationItem = (props: PaginationItemProps) => {\n  return <li data-slot=\"pagination-item\" {...props} />;\n};\n"],"mappings":";;2DAEaC,KAAkBC,aAC7B;CAAA,IAAAC,IAAAC,EAAA;CAAgD,OAAhDC,EAAAF,GAA2CD,GAAK,IAAA,EAAA,GAAAC;AAAA,EAAA,CAAA"}
+{"version":3,"file":"PaginationItem.js","names":["PaginationItemProps","PaginationItem","props","_el$","_tmpl$","_$spread","_tmpl$","PaginationItem","_el$","spread","props"],"sources":["../../../../src/components/pagination/PaginationItem/PaginationItem.tsx"],"sourcesContent":["import type { PaginationItemProps } from \"./PaginationItem.types\";\n\nexport const PaginationItem = (props: PaginationItemProps) => {\n  return <li data-slot=\"pagination-item\" {...props} />;\n};\n"],"mappings":";;2DAEaC,KAAkBC,aAC7B;CAAA,IAAAC,IAAAC,EAAA;CAAgD,OAAhDC,EAAAF,GAA2CD,GAAK,IAAA,EAAA,GAAAC;AAAA,EAAA,CAAA"}

package/dist/components/pagination/PaginationLink/PaginationLink.d.ts

@@ -1,2 +1,2 @@
 import { PaginationLinkProps } from './PaginationLink.types';
-export declare const PaginationLink: (props: PaginationLinkProps) => import("solid-js").JSX.Element;
+export declare const PaginationLink: (props: PaginationLinkProps) => import('solid-js').JSX.Element;

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

@@ -34,7 +34,7 @@ var s = (s) => {
 			return l.page;
 		},
 		get "aria-label"() {
-			return r(() => l.page !== void 0 && !l.children)() ? `Page ${l.page}` : void 0;
+			return r(() => !(l.page === void 0 || l.children))() ? `Page ${l.page}` : void 0;
 		}
 	}, u, { get children() {
 		return r(() => l.page === void 0)() && l.children;

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"],"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,IAAA,QAAA;GAAA,OACpBb,EAAKO,EAAMU,KAAK;EAAC;EAAA,IACxBC,OAAI;GAAA,OAAEX,EAAMY;EAAI;EAAA,IAAA,eAAA;GAAA,OAEdE,QAAAd,EAAMY,SAASJ,KAAAA,KAAa,CAACR,EAAMe,QAAQ,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","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"}

package/dist/components/pagination/PaginationNext/PaginationNext.d.ts

@@ -1,2 +1,2 @@
 import { PaginationNextProps } from './PaginationNext.types';
-export declare const PaginationNext: (props: PaginationNextProps) => import("solid-js").JSX.Element;
+export declare const PaginationNext: (props: PaginationNextProps) => import('solid-js').JSX.Element;

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"],"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,IAAA,QAAA;GAAA,OACGV,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;GAAA,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","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"}

package/dist/components/pagination/PaginationPrevious/PaginationPrevious.d.ts

@@ -1,2 +1,2 @@
 import { PaginationPreviousProps } from './PaginationPrevious.types';
-export declare const PaginationPrevious: (props: PaginationPreviousProps) => import("solid-js").JSX.Element;
+export declare const PaginationPrevious: (props: PaginationPreviousProps) => import('solid-js').JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationPrevious.js","names":["mergeProps","splitProps","PaginationPreviousProps","PaginationLink","clsx","ChevronLeft","PaginationPrevious","props","merged","text","local","others","_$createComponent","_$mergeProps","size","class","children","_el$","_tmpl$","_$insert"],"sources":["../../../../src/components/pagination/PaginationPrevious/PaginationPrevious.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationPreviousProps } from \"./PaginationPrevious.types\";\nimport { PaginationLink } from \"../PaginationLink\";\nimport { clsx } from \"~/utils\";\nimport { ChevronLeft } from \"lucide-solid\";\n\nexport const PaginationPrevious = (props: PaginationPreviousProps) => {\n  const merged = mergeProps({ text: \"Previous\" }, props);\n\n  const [local, others] = splitProps(merged, [\"text\", \"class\", \"classList\"]);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"md\"\n      class={clsx(\"pl-1.5!\", local.class)}\n      {...others}\n    >\n      <ChevronLeft data-icon=\"inline-start\" class=\"cn-rtl-flip\" />\n      <span class=\"hidden sm:block\">{local.text}</span>\n    </PaginationLink>\n  );\n};\n"],"mappings":";;;;;;6DAMaM,KAAsBC,MAAmC;CACpE,IAAMC,IAASR,EAAW,EAAES,MAAM,WAAW,GAAGF,CAAK,GAE/C,CAACG,GAAOC,KAAUV,EAAWO,GAAQ;EAAC;EAAQ;EAAS;CAAW,CAAC;CAEzE,OAAAI,EACGT,GAAcU,EAAA;EAAA,cAAA;EAEbC,MAAI;EAAA,IAAA,QAAA;GAAA,OACGV,EAAK,WAAWM,EAAMK,KAAK;EAAC;CAAA,GAC/BJ,GAAM,EAAA,IAAAK,WAAA;EAAA,OAAA,CAAAJ,EAETP,GAAW;GAAA,aAAA;GAAA,OAAA;EAAA,CAAA,UAAA;GAAA,IAAAY,IAAAC,EAAA;GAC6B,OAD7BC,EAAAF,SACmBP,EAAMD,IAAI,GAAAQ;EAAA,EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAG/C"}
+{"version":3,"file":"PaginationPrevious.js","names":["mergeProps","splitProps","PaginationPreviousProps","PaginationLink","clsx","ChevronLeft","PaginationPrevious","props","merged","text","local","others","_$createComponent","_$mergeProps","size","class","children","_el$","_tmpl$","_$insert","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","PaginationPrevious","merged","props","local","others","splitProps","createComponent","PaginationLink","mergeProps","\"class\"","clsx","ChevronLeft","_el$","insert"],"sources":["../../../../src/components/pagination/PaginationPrevious/PaginationPrevious.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationPreviousProps } from \"./PaginationPrevious.types\";\nimport { PaginationLink } from \"../PaginationLink\";\nimport { clsx } from \"~/utils\";\nimport { ChevronLeft } from \"lucide-solid\";\n\nexport const PaginationPrevious = (props: PaginationPreviousProps) => {\n  const merged = mergeProps({ text: \"Previous\" }, props);\n\n  const [local, others] = splitProps(merged, [\"text\", \"class\", \"classList\"]);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"md\"\n      class={clsx(\"pl-1.5!\", local.class)}\n      {...others}\n    >\n      <ChevronLeft data-icon=\"inline-start\" class=\"cn-rtl-flip\" />\n      <span class=\"hidden sm:block\">{local.text}</span>\n    </PaginationLink>\n  );\n};\n"],"mappings":";;;;;;6DAMaM,KAAsBC,MAAmC;CACpE,IAAMC,IAASR,EAAW,EAAES,MAAM,WAAW,GAAGF,CAAK,GAE/C,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,CAAAJ,EAETP,GAAW;GAAA,aAAA;GAAA6B,OAAA;EAAA,CAAA,UAAA;GAAA,IAAAjB,IAAAC,EAAA;GAC6B,OAD7BC,EAAAF,SACmBP,EAAMD,IAAI,GAAAQ;EAAA,EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAG/C"}

package/dist/components/popover/Popover/Popover.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.context.js","names":[],"sources":["../../../../src/components/popover/Popover/Popover.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { PopoverContextValue } from \"./Popover.types\";\n\nexport const PopoverContext = createContext<PopoverContextValue>();\n\nexport function usePopoverContext(component: string): PopoverContextValue {\n  const ctx = useContext(PopoverContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <Popover> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAGA,IAAa,IAAiB,EAAmC;AAEjE,SAAgB,EAAkB,GAAwC;CACxE,IAAM,IAAM,EAAW,CAAc;CACrC,IAAI,CAAC,GACH,MAAU,MAAM,IAAI,EAAU,qBAAqB;CAErD,OAAO;AACT"}
+{"version":3,"file":"Popover.context.js","names":["PopoverContext","createContext","usePopoverContext","ctx","useContext","component"],"sources":["../../../../src/components/popover/Popover/Popover.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { PopoverContextValue } from \"./Popover.types\";\n\nexport const PopoverContext = createContext<PopoverContextValue>();\n\nexport function usePopoverContext(component: string): PopoverContextValue {\n  const ctx = useContext(PopoverContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <Popover> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAGA,IAAaA,IAAiBC,EAAmC;AAEjE,SAAgBC,EAAkB,GAAwC;CACxE,IAAMC,IAAMC,EAAWJ,CAAc;CACrC,IAAI,CAACG,GACH,MAAU,MAAM,IAAIE,EAAU,qBAAqB;CAErD,OAAOF;AACT"}

package/dist/components/popover/Popover/Popover.js

@@ -1,37 +1,40 @@
-import { PopoverContext as e } from "./Popover.context.js";
-import { createComponent as t } from "solid-js/web";
-import { createMemo as n, createSignal as r, createUniqueId as i } from "solid-js";
+import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
+import { PopoverContext as t } from "./Popover.context.js";
+import { createComponent as n } from "solid-js/web";
+import { createMemo as r, createSignal as i, createUniqueId as a } from "solid-js";
 //#region src/components/popover/Popover/Popover.tsx
-function a(a) {
-	let [o, s] = r(a.defaultOpen ?? !1), c = n(() => a.open === void 0 ? o() : a.open), l = n(() => !!a.disabled), u = n(() => !!a.modal), [d, f] = r(), [p, m] = r(), h = (e) => {
-		a.open === void 0 && s(e), a.onOpenChange?.(e);
-	}, g = {
-		open: c,
-		disabled: l,
-		modal: u,
-		contentId: `popover-${i()}`,
-		reference: d,
-		setReference: f,
-		floating: p,
-		setFloating: m,
+function o(o) {
+	let [s, c] = i(o.defaultOpen ?? !1), l = r(() => o.open === void 0 ? s() : o.open), u = r(() => !!o.disabled), d = r(() => !!o.modal), f = r(() => o.lockScroll ?? !0);
+	e(() => l() && f(), { allowedSelector: "[data-slot=\"popover-content\"]" });
+	let [p, m] = i(), [h, g] = i(), _ = (e) => {
+		o.open === void 0 && c(e), o.onOpenChange?.(e);
+	}, v = {
+		open: l,
+		disabled: u,
+		modal: d,
+		contentId: `popover-${a()}`,
+		reference: p,
+		setReference: m,
+		floating: h,
+		setFloating: g,
 		openPopover: () => {
-			l() || h(!0);
+			u() || _(!0);
 		},
 		closePopover: () => {
-			h(!1);
+			_(!1);
 		},
 		togglePopover: () => {
-			l() || h(!c());
+			u() || _(!l());
 		}
 	};
-	return t(e.Provider, {
-		value: g,
+	return n(t.Provider, {
+		value: v,
 		get children() {
-			return a.children;
+			return o.children;
 		}
 	});
 }
 //#endregion
-export { a as Popover };
+export { o as Popover };
 
 //# sourceMappingURL=Popover.js.map

package/dist/components/popover/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":["createMemo","createSignal","createUniqueId","JSX","PopoverContext","PopoverContextValue","PopoverProps","Popover","props","Element","internalOpen","setInternalOpen","defaultOpen","open","undefined","disabled","modal","reference","setReference","floating","setFloating","HTMLElement","commit","next","onOpenChange","openPopover","closePopover","togglePopover","contentId","ctx","_$createComponent","Provider","value","children"],"sources":["../../../../src/components/popover/Popover/Popover.tsx"],"sourcesContent":["import { createMemo, createSignal, createUniqueId, type JSX } from \"solid-js\";\nimport { PopoverContext } from \"./Popover.context\";\nimport type { PopoverContextValue, PopoverProps } from \"./Popover.types\";\n\n/**\n * Popover 根组件：不渲染任何 DOM，只负责状态管理 + 提供 context。\n * 真正的展示交给 <PopoverTrigger>/<PopoverContent>。\n *\n * 这是 shadcn Base UI 版本 Popover 的 SolidJS 移植：Base UI 的 Root 同样不渲染\n * 自己的 HTML 元素，只作为状态容器使用。\n *\n * @example\n * ```tsx\n * <Popover>\n *   <PopoverTrigger>打开</PopoverTrigger>\n *   <PopoverContent>内容</PopoverContent>\n * </Popover>\n * ```\n */\nexport function Popover(props: PopoverProps): JSX.Element {\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n  const modal = createMemo(() => !!props.modal);\n\n  const [reference, setReference] = createSignal<Element>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n\n  const commit = (next: boolean) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n\n  const openPopover = () => {\n    if (disabled()) return;\n    commit(true);\n  };\n\n  const closePopover = () => {\n    commit(false);\n  };\n\n  const togglePopover = () => {\n    if (disabled()) return;\n    commit(!open());\n  };\n\n  const contentId = `popover-${createUniqueId()}`;\n\n  const ctx: PopoverContextValue = {\n    open,\n    disabled,\n    modal,\n    contentId,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    openPopover,\n    closePopover,\n    togglePopover,\n  };\n\n  return (\n    <PopoverContext.Provider value={ctx}>\n      {props.children}\n    </PopoverContext.Provider>\n  );\n}\n"],"mappings":";;;;AAmBA,SAAgBO,EAAQC,GAAkC;CACxD,IAAM,CAACE,GAAcC,KAAmBV,EACtCO,EAAMI,eAAe,EACvB,GACMC,IAAOb,QACXQ,EAAMK,SAASC,KAAAA,IAAyBJ,EAAa,IAA1BF,EAAMK,IACnC,GACME,IAAWf,QAAiB,CAAC,CAACQ,EAAMO,QAAQ,GAC5CC,IAAQhB,QAAiB,CAAC,CAACQ,EAAMQ,KAAK,GAEtC,CAACC,GAAWC,KAAgBjB,EAAsB,GAClD,CAACkB,GAAUC,KAAenB,EAA0B,GAEpDqB,KAAUC,MAAkB;EAEhCf,AADIA,EAAMK,SAASC,KAAAA,KAAWH,EAAgBY,CAAI,GAClDf,EAAMgB,eAAeD,CAAI;CAC3B,GAkBMM,IAA2B;EAC/BhB;EACAE;EACAC;EACAY,WAAAA,WAN2B1B,EAAe;EAO1Ce;EACAC;EACAC;EACAC;EACAK,mBAzBwB;GACpBV,EAAS,KACbO,EAAO,EAAI;EACb;EAuBEI,oBArByB;GACzBJ,EAAO,EAAK;EACd;EAoBEK,qBAlB0B;GACtBZ,EAAS,KACbO,EAAO,CAACT,EAAK,CAAC;EAChB;CAgBA;CAEA,OAAAiB,EACG1B,EAAe2B,UAAQ;EAACC,OAAOH;EAAG,IAAAI,WAAA;GAAA,OAChCzB,EAAMyB;EAAQ;CAAA,CAAA;AAGrB"}
+{"version":3,"file":"Popover.js","names":["createMemo","createSignal","createUniqueId","JSX","useScrollLock","PopoverContext","PopoverContextValue","PopoverProps","Popover","props","Element","internalOpen","setInternalOpen","defaultOpen","open","undefined","disabled","modal","lockScroll","allowedSelector","reference","setReference","floating","setFloating","HTMLElement","commit","next","onOpenChange","openPopover","closePopover","togglePopover","contentId","ctx","_$createComponent","Provider","value","children","_$createComponent","Popover","internalOpen","setInternalOpen","createSignal","props","open","createMemo","disabled","modal","lockScroll","reference","setReference","floating","setFloating","commit","next","ctx","createUniqueId","createComponent","PopoverContext"],"sources":["../../../../src/components/popover/Popover/Popover.tsx"],"sourcesContent":["import { createMemo, createSignal, createUniqueId, type JSX } from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport { PopoverContext } from \"./Popover.context\";\nimport type { PopoverContextValue, PopoverProps } from \"./Popover.types\";\n\n/**\n * Popover 根组件：不渲染任何 DOM，只负责状态管理 + 提供 context。\n * 真正的展示交给 <PopoverTrigger>/<PopoverContent>。\n *\n * 这是 shadcn Base UI 版本 Popover 的 SolidJS 移植：Base UI 的 Root 同样不渲染\n * 自己的 HTML 元素，只作为状态容器使用。\n *\n * @example\n * ```tsx\n * <Popover>\n *   <PopoverTrigger>打开</PopoverTrigger>\n *   <PopoverContent>内容</PopoverContent>\n * </Popover>\n * ```\n */\nexport function Popover(props: PopoverProps): JSX.Element {\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n  const modal = createMemo(() => !!props.modal);\n  const lockScroll = createMemo(() => props.lockScroll ?? true);\n\n  // 打开期间默认锁定页面滚动:文档滚动被锁、浮层之外的滚轮/触摸被拦截,\n  // 但浮层自身仍可滚动。传 lockScroll={false} 可关闭该行为。\n  useScrollLock(() => open() && lockScroll(), {\n    allowedSelector: '[data-slot=\"popover-content\"]',\n  });\n\n  const [reference, setReference] = createSignal<Element>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n\n  const commit = (next: boolean) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n\n  const openPopover = () => {\n    if (disabled()) return;\n    commit(true);\n  };\n\n  const closePopover = () => {\n    commit(false);\n  };\n\n  const togglePopover = () => {\n    if (disabled()) return;\n    commit(!open());\n  };\n\n  const contentId = `popover-${createUniqueId()}`;\n\n  const ctx: PopoverContextValue = {\n    open,\n    disabled,\n    modal,\n    contentId,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    openPopover,\n    closePopover,\n    togglePopover,\n  };\n\n  return (\n    <PopoverContext.Provider value={ctx}>\n      {props.children}\n    </PopoverContext.Provider>\n  );\n}\n"],"mappings":";;;;;AAoBA,SAAgBQ,EAAQC,GAAkC;CACxD,IAAM,CAACE,GAAcC,KAAmBX,EACtCQ,EAAMI,eAAe,EACvB,GACMC,IAAOd,QACXS,EAAMK,SAASC,KAAAA,IAAyBJ,EAAa,IAA1BF,EAAMK,IACnC,GACME,IAAWhB,QAAiB,CAAC,CAACS,EAAMO,QAAQ,GAC5CC,IAAQjB,QAAiB,CAAC,CAACS,EAAMQ,KAAK,GACtCC,IAAalB,QAAiBS,EAAMS,cAAc,EAAI;CAI5Dd,QAAoBU,EAAK,KAAKI,EAAW,GAAG,EAC1CC,iBAAiB,kCACnB,CAAC;CAED,IAAM,CAACC,GAAWC,KAAgBpB,EAAsB,GAClD,CAACqB,GAAUC,KAAetB,EAA0B,GAEpDwB,KAAUC,MAAkB;EAEhCjB,AADIA,EAAMK,SAASC,KAAAA,KAAWH,EAAgBc,CAAI,GAClDjB,EAAMkB,eAAeD,CAAI;CAC3B,GAkBMM,IAA2B;EAC/BlB;EACAE;EACAC;EACAc,WAAAA,WAN2B7B,EAAe;EAO1CkB;EACAC;EACAC;EACAC;EACAK,mBAzBwB;GACxB,AAAIZ,EAAS,KACbS,EAAO,EAAI;EACb;EAuBEI,oBArByB;GACzBJ,EAAO,EAAK;EACd;EAoBEK,qBAlB0B;GAC1B,AAAId,EAAS,KACbS,EAAO,CAACX,EAAK,CAAC;EAChB;CAgBA;CAEA,OAAAmB,EACG5B,EAAe6B,UAAQ;EAACC,OAAOH;EAAG,IAAAI,WAAA;GAAA,OAChC3B,EAAM2B;EAAQ;CAAA,CAAA;AAGrB"}

package/dist/components/popover/Popover/Popover.types.d.ts

@@ -8,6 +8,11 @@ export interface PopoverProps extends ParentProps {
     disabled?: boolean;
     /** 是否启用 modal 模式（当前仅透传，不实现焦点陷阱） */
     modal?: boolean;
+    /**
+     * 打开时是否锁定页面滚动，默认 true：锁住文档滚动并拦截浮层之外的
+     * 滚轮/触摸滚动，避免浮层锚点随页面滚动而"飘移"；浮层内容自身仍可滚动。
+     */
+    lockScroll?: boolean;
 }
 export interface PopoverContextValue {
     open: Accessor<boolean>;

package/dist/components/popover/PopoverContent/PopoverContent.d.ts

@@ -3,4 +3,4 @@ import { PopoverContentProps } from './PopoverContent.types';
  * Popover 的浮层内容。挂 Portal 到 body，用 position:fixed 定位。
  * 当前实现打开时挂载、关闭时直接卸载；进场动画由 data-open + RAF 驱动。
  */
-export declare function PopoverContent(props: PopoverContentProps): import("solid-js").JSX.Element;
+export declare function PopoverContent(props: PopoverContentProps): import('solid-js').JSX.Element;

package/dist/components/popover/PopoverContent/PopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.js","names":["Show","onCleanup","splitProps","Portal","clsx","getAlignment","getSide","usePopoverContent","getPopoverTransformOrigin","PopoverContentProps","PopoverContent","props","ctx","pos","animationState","local","rest","_$createComponent","when","open","children","_el$","_tmpl$","_el$2","firstChild","_$use","el","setFloating","undefined","_$spread","_$mergeProps","id","contentId","data-open","data-closed","data-side","placement","data-align","style","class","_$insert","_$effect","_p$","_v$","_v$2","floatingStyles","opacity","isPositioned","e","_$setAttribute","t","_$style"],"sources":["../../../../src/components/popover/PopoverContent/PopoverContent.tsx"],"sourcesContent":["import { Show, onCleanup, splitProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { getAlignment, getSide } from \"~/lib\";\nimport { usePopoverContent } from \"./usePopoverContent\";\nimport { getPopoverTransformOrigin } from \"./PopoverContent.utils\";\nimport type { PopoverContentProps } from \"./PopoverContent.types\";\n\n/**\n * Popover 的浮层内容。挂 Portal 到 body，用 position:fixed 定位。\n * 当前实现打开时挂载、关闭时直接卸载；进场动画由 data-open + RAF 驱动。\n */\nexport function PopoverContent(props: PopoverContentProps) {\n  const { ctx, pos, animationState } = usePopoverContent(() => props);\n\n  const [local, rest] = splitProps(props, [\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"alignOffset\",\n    \"collisionPadding\",\n    \"class\",\n    \"classList\",\n    \"style\",\n    \"children\",\n  ]);\n\n  return (\n    <Show when={ctx.open()}>\n      <Portal>\n        {/*\n          外层：只负责定位（position:fixed 来自 floatingStyles），不参与动画。\n          内层：真正的视觉样式 + 进出场动画。分层的原因和 Select/Tooltip 相同：\n          同一个元素不能同时用 transform 做定位和做动画。\n        */}\n        <div\n          ref={(el) => {\n            ctx.setFloating(el);\n            onCleanup(() => ctx.setFloating(undefined));\n          }}\n          data-placement={pos.placement()}\n          style={{\n            ...pos.floatingStyles(),\n            \"z-index\": 50,\n            opacity: pos.isPositioned() ? 1 : 0,\n          }}\n        >\n          <div\n            id={ctx.contentId}\n            role=\"dialog\"\n            data-slot=\"popover-content\"\n            data-open={animationState() === \"open\" ? \"\" : undefined}\n            data-closed={animationState() === \"closed\" ? \"\" : undefined}\n            data-side={getSide(pos.placement())}\n            data-align={getAlignment(pos.placement()) ?? \"center\"}\n            style={{\n              \"transform-origin\": getPopoverTransformOrigin(pos.placement()),\n              ...(typeof local.style === \"object\" ? local.style : undefined),\n            }}\n            class={clsx(\n              \"z-50 flex w-72 flex-col gap-2.5 overflow-hidden rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100\",\n              \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n              \"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\",\n              \"data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n              local.class,\n            )}\n            {...rest}\n          >\n            {local.children}\n          </div>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgBU,EAAeC,GAA4B;CACzD,IAAM,EAAEC,QAAKC,QAAKC,sBAAmBP,QAAwBI,CAAK,GAE5D,CAACI,GAAOC,KAAQd,EAAWS,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAM,EACGjB,GAAI;EAAA,IAACkB,OAAI;GAAA,OAAEN,EAAIO,KAAK;EAAC;EAAA,IAAAC,WAAA;GAAA,OAAAH,EACnBd,GAAM,EAAA,IAAAiB,WAAA;IAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;IAgBF,OAhBEC,GAOGC,MAAO;KAEXzB,AADAW,EAAIe,YAAYD,CAAE,GAClBzB,QAAgBW,EAAIe,YAAYC,KAAAA,CAAS,CAAC;IAC5C,GAACP,CAAA,GAAAQ,EAAAN,GAAAO,EAAA;KAAA,IASCC,KAAE;MAAA,OAAEnB,EAAIoB;KAAS;KAAA,IAAA,cAAA;MAAA,OAGNlB,EAAe,MAAM,SAAS,KAAKc,KAAAA;KAAS;KAAA,IAAA,gBAAA;MAAA,OAC1Cd,EAAe,MAAM,WAAW,KAAKc,KAAAA;KAAS;KAAA,IAAA,cAAA;MAAA,OAChDtB,EAAQO,EAAIuB,UAAU,CAAC;KAAC;KAAA,IAAA,eAAA;MAAA,OACvB/B,EAAaQ,EAAIuB,UAAU,CAAC,KAAK;KAAQ;KAAA,IACrDE,QAAK;MAAA,OAAE;OACL,oBAAoB9B,EAA0BK,EAAIuB,UAAU,CAAC;OAC7D,GAAI,OAAOrB,EAAMuB,SAAU,WAAWvB,EAAMuB,QAAQV,KAAAA;MACtD;KAAC;KAAA,IAAA,QAAA;MAAA,OACMxB,EACL,+KACA,+JACA,iEACA,0EACAW,EAAMwB,KACR;KAAC;IAAA,GACGvB,CAAI,GAAA,IAAA,EAAA,GAAAwB,EAAAjB,SAEPR,EAAMK,QAAQ,GAAAqB,GAAAC,MAAA;KAAA,IAAAC,IA5BD9B,EAAIuB,UAAU,GAACQ,IACxB;MACL,GAAG/B,EAAIgC,eAAe;MAEtBC,SAASjC,KAAIkC,aAAa;KAC5B;KAAC,OAAAJ,MAAAD,EAAAM,KAAAC,EAAA5B,GAAA,kBAAAqB,EAAAM,IAAAL,CAAA,GAAAD,EAAAQ,IAAAC,EAAA9B,GAAAuB,GAAAF,EAAAQ,CAAA,GAAAR;IAAA,GAAA;KAAAM,GAAApB,KAAAA;KAAAsB,GAAAtB,KAAAA;IAAA,CAAA,GAAAP;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AA6BX"}
+{"version":3,"file":"PopoverContent.js","names":["Show","onCleanup","splitProps","Portal","clsx","getAlignment","getSide","usePopoverContent","getPopoverTransformOrigin","PopoverContentProps","PopoverContent","props","ctx","pos","animationState","local","rest","_$createComponent","when","open","children","_el$","_tmpl$","_el$2","firstChild","_$use","el","setFloating","undefined","_$spread","_$mergeProps","id","contentId","data-open","data-closed","data-side","placement","data-align","style","class","_$insert","_$effect","_p$","_v$","_v$2","floatingStyles","opacity","isPositioned","e","_$setAttribute","t","_$style","_$createComponent","_$mergeProps","_$setAttribute","_$style","_tmpl$","PopoverContent","usePopoverContent","props","local","rest","splitProps","createComponent","Show","ctx","Portal","_el$","_el$2","use","el","onCleanup","spread","mergeProps","animationState","getSide","pos","getAlignment","getPopoverTransformOrigin","\"class\"","clsx","insert","effect","_v$","_v$2","_p$","setAttribute","style"],"sources":["../../../../src/components/popover/PopoverContent/PopoverContent.tsx"],"sourcesContent":["import { Show, onCleanup, splitProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { getAlignment, getSide } from \"~/lib\";\nimport { usePopoverContent } from \"./usePopoverContent\";\nimport { getPopoverTransformOrigin } from \"./PopoverContent.utils\";\nimport type { PopoverContentProps } from \"./PopoverContent.types\";\n\n/**\n * Popover 的浮层内容。挂 Portal 到 body，用 position:fixed 定位。\n * 当前实现打开时挂载、关闭时直接卸载；进场动画由 data-open + RAF 驱动。\n */\nexport function PopoverContent(props: PopoverContentProps) {\n  const { ctx, pos, animationState } = usePopoverContent(() => props);\n\n  const [local, rest] = splitProps(props, [\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"alignOffset\",\n    \"collisionPadding\",\n    \"class\",\n    \"classList\",\n    \"style\",\n    \"children\",\n  ]);\n\n  return (\n    <Show when={ctx.open()}>\n      <Portal>\n        {/*\n          外层：只负责定位（position:fixed 来自 floatingStyles），不参与动画。\n          内层：真正的视觉样式 + 进出场动画。分层的原因和 Select/Tooltip 相同：\n          同一个元素不能同时用 transform 做定位和做动画。\n        */}\n        <div\n          ref={(el) => {\n            ctx.setFloating(el);\n            onCleanup(() => ctx.setFloating(undefined));\n          }}\n          data-placement={pos.placement()}\n          style={{\n            ...pos.floatingStyles(),\n            \"z-index\": 50,\n            opacity: pos.isPositioned() ? 1 : 0,\n          }}\n        >\n          <div\n            id={ctx.contentId}\n            role=\"dialog\"\n            data-slot=\"popover-content\"\n            data-open={animationState() === \"open\" ? \"\" : undefined}\n            data-closed={animationState() === \"closed\" ? \"\" : undefined}\n            data-side={getSide(pos.placement())}\n            data-align={getAlignment(pos.placement()) ?? \"center\"}\n            style={{\n              \"transform-origin\": getPopoverTransformOrigin(pos.placement()),\n              ...(typeof local.style === \"object\" ? local.style : undefined),\n            }}\n            class={clsx(\n              \"z-50 flex w-72 flex-col gap-2.5 overflow-hidden rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100\",\n              \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n              \"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\",\n              \"data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n              local.class,\n            )}\n            {...rest}\n          >\n            {local.children}\n          </div>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgBU,EAAeC,GAA4B;CACzD,IAAM,EAAEC,QAAKC,QAAKC,sBAAmBP,QAAwBI,CAAK,GAE5D,CAACI,GAAOC,KAAQd,EAAWS,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAM,EACGjB,GAAI;EAAA,IAACkB,OAAI;GAAA,OAAEN,EAAIO,KAAK;EAAC;EAAA,IAAAC,WAAA;GAAA,OAAAH,EACnBd,GAAM,EAAA,IAAAiB,WAAA;IAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;IAgBF,OAhBEC,GAOGC,MAAO;KAEXzB,AADAW,EAAIe,YAAYD,CAAE,GAClBzB,QAAgBW,EAAIe,YAAYC,KAAAA,CAAS,CAAC;IAC5C,GAACP,CAAA,GAAAQ,EAAAN,GAAAO,EAAA;KAAA,IASCC,KAAE;MAAA,OAAEnB,EAAIoB;KAAS;KAAA,IAAA,cAAA;MAAA,OAGNlB,EAAe,MAAM,SAAS,KAAKc,KAAAA;KAAS;KAAA,IAAA,gBAAA;MAAA,OAC1Cd,EAAe,MAAM,WAAW,KAAKc,KAAAA;KAAS;KAAA,IAAA,cAAA;MAAA,OAChDtB,EAAQO,EAAIuB,UAAU,CAAC;KAAC;KAAA,IAAA,eAAA;MAAA,OACvB/B,EAAaQ,EAAIuB,UAAU,CAAC,KAAK;KAAQ;KAAA,IACrDE,QAAK;MAAA,OAAE;OACL,oBAAoB9B,EAA0BK,EAAIuB,UAAU,CAAC;OAC7D,GAAI,OAAOrB,EAAMuB,SAAU,WAAWvB,EAAMuB,QAAQV,KAAAA;MACtD;KAAC;KAAA,IAAAmD,QAAA;MAAA,OACM3E,EACL,+KACA,+JACA,iEACA,0EACAW,EAAMwB,KACR;KAAC;IAAA,GACGvB,CAAI,GAAA,IAAA,EAAA,GAAAwB,EAAAjB,SAEPR,EAAMK,QAAQ,GAAAqB,GAAAC,MAAA;KAAA,IAAAC,IA5BD9B,EAAIuB,UAAU,GAACQ,IACxB;MACL,GAAG/B,EAAIgC,eAAe;MAEtBC,SAASjC,KAAIkC,aAAa;KAC5B;KAAC,OAAAJ,MAAAD,EAAAM,KAAAC,EAAA5B,GAAA,kBAAAqB,EAAAM,IAAAL,CAAA,GAAAD,EAAAQ,IAAAC,EAAA9B,GAAAuB,GAAAF,EAAAQ,CAAA,GAAAR;IAAA,GAAA;KAAAM,GAAApB,KAAAA;KAAAsB,GAAAtB,KAAAA;IAAA,CAAA,GAAAP;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AA6BX"}