@neut/ui 0.0.16 → 0.0.18

package/dist/components/drawer/DrawerClose/DrawerClose.js

@@ -0,0 +1,26 @@
+import { mergeRefs as e } from "../../../utils/ref.js";
+import { Button as t } from "../../button/Button.js";
+import { useDrawerContext as n } from "../Drawer/Drawer.context.js";
+import { Dynamic as r, createComponent as i, mergeProps as a } from "solid-js/web";
+import { onCleanup as o } from "solid-js";
+//#region src/components/drawer/DrawerClose/DrawerClose.tsx
+var s = (s) => {
+	let c = n("DrawerClose"), l = (e) => {
+		let t = () => c.setOpen(!1, "close-press");
+		e.addEventListener("click", t), o(() => e.removeEventListener("click", t));
+	};
+	return i(r, a(s, {
+		get component() {
+			return s.component ?? t;
+		},
+		ref(t) {
+			var n = e(s.ref, l);
+			typeof n == "function" && n(t);
+		},
+		"data-slot": "drawer-close"
+	}));
+};
+//#endregion
+export { s as DrawerClose };
+
+//# sourceMappingURL=DrawerClose.js.map

package/dist/components/drawer/DrawerClose/DrawerClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerClose.js","names":["onCleanup","ValidComponent","Dynamic","Button","mergeRefs","useDrawerContext","DrawerCloseProps","DrawerClose","props","T","ctx","attach","el","Element","onClick","setOpen","addEventListener","removeEventListener","_$createComponent","_$mergeProps","component","ref","r$","_ref$","_$createComponent","_$mergeProps","DrawerClose","ctx","useDrawerContext","attach","onClick","el","onCleanup","createComponent","Dynamic","mergeProps","props","Button","_ref$","mergeRefs","r$"],"sources":["../../../../src/components/drawer/DrawerClose/DrawerClose.tsx"],"sourcesContent":["import { onCleanup, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { Button } from \"~/components/button\";\nimport { mergeRefs } from \"~/utils\";\nimport { useDrawerContext } from \"../Drawer/Drawer.context\";\nimport type { DrawerCloseProps } from \"../Drawer/Drawer.types\";\n\n/** 关闭抽屉的按钮，默认渲染 Button */\nexport const DrawerClose = <T extends ValidComponent = typeof Button<\"button\">>(\n  props: DrawerCloseProps<T>,\n) => {\n  const ctx = useDrawerContext(\"DrawerClose\");\n\n  const attach = (el: Element) => {\n    const onClick = () => ctx.setOpen(false, \"close-press\");\n    el.addEventListener(\"click\", onClick);\n    onCleanup(() => el.removeEventListener(\"click\", onClick));\n  };\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(props.ref, attach)}\n      data-slot=\"drawer-close\"\n    />\n  );\n};\n"],"mappings":";;;;;;AAQA,IAAaO,KACXC,MACG;CACH,IAAME,IAAML,EAAiB,aAAa,GAEpCM,KAAUC,MAAgB;EAC9B,IAAME,UAAgBJ,EAAIK,QAAQ,IAAO,aAAa;EAEtDf,AADAY,EAAGI,iBAAiB,SAASF,CAAO,GACpCd,QAAgBY,EAAGK,oBAAoB,SAASH,CAAO,CAAC;CAC1D;CAEA,OAAAI,EACGhB,GAAOiB,EACFX,GAAK;EAAA,IACTY,YAAS;GAAA,OAAGZ,EAAMY,aAAgCjB;EAAgB;EAAAkB,IAAAC,GAAA;GAAA,IAAAC,IAC7DnB,EAAUI,EAAMa,KAAKV,CAAM;GAAC,OAAAY,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,aAAA;CAAA,CAAA,CAAA;AAIvC"}

package/dist/components/drawer/DrawerClose/index.d.ts

@@ -0,0 +1 @@
+export { DrawerClose } from './DrawerClose';

package/dist/components/drawer/DrawerContent/DrawerContent.d.ts

@@ -0,0 +1,6 @@
+import { DrawerContentProps } from './DrawerContent.types';
+/**
+ * DrawerContent：组合 Portal + Overlay + Viewport + Popup + Content。
+ * 打开/关闭用 transform 过渡（按方向把面板移出视口），拖拽期间改用位移。
+ */
+export declare function DrawerContent(props: DrawerContentProps): import('solid-js').JSX.Element;

package/dist/components/drawer/DrawerContent/DrawerContent.js

@@ -0,0 +1,103 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useDrawerContext as t } from "../Drawer/Drawer.context.js";
+import { DrawerOverlay as n } from "../DrawerOverlay/DrawerOverlay.js";
+import { DrawerSwipeHandle as r } from "../DrawerSwipeHandle/DrawerSwipeHandle.js";
+import { closedTransform as i, drawerPopupBase as a, drawerPopupDirectionClass as o, isHorizontal as s } from "./DrawerContent.styles.js";
+import { useDrawerSwipe as c } from "./useDrawerSwipe.js";
+import { Portal as l, createComponent as u, effect as d, insert as f, mergeProps as p, setAttribute as m, spread as h, template as g, use as _ } from "solid-js/web";
+import { Show as v, createEffect as y, createSignal as b, onCleanup as x, splitProps as S } from "solid-js";
+//#region src/components/drawer/DrawerContent/DrawerContent.tsx
+var C = /*#__PURE__*/ g("<div data-slot=drawer-viewport class=\"pointer-events-none fixed inset-0 z-50 select-none data-[modal=true]:pointer-events-auto\"><div><div data-slot=drawer-content class=\"flex min-h-0 flex-1 flex-col overflow-hidden overscroll-contain\">");
+function w(g) {
+	let w = t("DrawerContent"), [T, E] = S(g, [
+		"class",
+		"classList",
+		"children"
+	]), D = c(w), [O, k] = b(!1), A = () => w.swipeDirection(), j = () => s(A()), M = () => j() ? "x" : "y", N = () => w.open() && O();
+	y(() => {
+		if (w.show()) {
+			k(!1);
+			let e = requestAnimationFrame(() => k(!0));
+			x(() => cancelAnimationFrame(e));
+		} else k(!1);
+	}), y(() => {
+		N() && w.popup()?.focus({ preventScroll: !0 });
+	});
+	let P = () => D.dragging() ? `translate3d(${D.dragX()}px, ${D.dragY()}px, 0)` : N() ? "translate3d(0, 0, 0)" : i(A());
+	return u(v, {
+		get when() {
+			return w.show();
+		},
+		get children() {
+			return u(l, { get children() {
+				return [u(v, {
+					get when() {
+						return w.modal();
+					},
+					get children() {
+						return u(n, {});
+					}
+				}), (() => {
+					var t = C(), n = t.firstChild, i = n.firstChild;
+					return _((e) => {
+						w.setPopup(e), D.attach(e);
+					}, n), h(n, p(E, {
+						get id() {
+							return w.contentId;
+						},
+						role: "dialog",
+						get "aria-modal"() {
+							return w.modal() ? "true" : void 0;
+						},
+						get "aria-labelledby"() {
+							return w.titleId();
+						},
+						get "aria-describedby"() {
+							return w.descriptionId();
+						},
+						tabindex: -1,
+						"data-slot": "drawer-popup",
+						get "data-state"() {
+							return w.open() ? "open" : "closed";
+						},
+						get "data-swipe-axis"() {
+							return M();
+						},
+						get "data-swipe-direction"() {
+							return A();
+						},
+						get "data-swiping"() {
+							return D.dragging() ? "" : void 0;
+						},
+						get style() {
+							return {
+								transform: P(),
+								transition: D.dragging() ? "none" : "transform 450ms cubic-bezier(0.32, 0.72, 0, 1)"
+							};
+						},
+						get class() {
+							return e(a, o(A()), T.class);
+						},
+						get classList() {
+							return T.classList;
+						},
+						onTransitionEnd: (e) => {
+							e.target === e.currentTarget && (w.open() || (w.restoreFocus(), w.setShow(!1)));
+						}
+					}), !1, !0), f(n, u(v, {
+						get when() {
+							return w.showSwipeHandle();
+						},
+						get children() {
+							return u(r, {});
+						}
+					}), i), f(i, () => T.children), d(() => m(t, "data-modal", w.modal() ? "true" : "false")), t;
+				})()];
+			} });
+		}
+	});
+}
+//#endregion
+export { w as DrawerContent };
+
+//# sourceMappingURL=DrawerContent.js.map

package/dist/components/drawer/DrawerContent/DrawerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.js","names":["Show","createEffect","createSignal","onCleanup","splitProps","Portal","clsx","useDrawerContext","DrawerOverlay","DrawerSwipeHandle","closedTransform","drawerPopupBase","drawerPopupDirectionClass","isHorizontal","DrawerContentProps","useDrawerSwipe","DrawerContent","props","ctx","local","rest","swipe","entered","setEntered","direction","swipeDirection","horizontal","axis","visible","open","show","raf","requestAnimationFrame","cancelAnimationFrame","popup","focus","preventScroll","transform","dragging","dragX","dragY","_$createComponent","when","children","modal","_el$","_tmpl$","_el$2","firstChild","_el$3","_$use","el","setPopup","attach","_$spread","_$mergeProps","id","contentId","aria-modal","undefined","aria-labelledby","titleId","aria-describedby","descriptionId","data-state","data-swipe-axis","data-swipe-direction","data-swiping","style","transition","class","classList","event","target","currentTarget","restoreFocus","setShow","_$insert","showSwipeHandle","_$effect","_$setAttribute","_$createComponent","_$mergeProps","_$setAttribute","_tmpl$","DrawerContent","ctx","useDrawerContext","local","rest","splitProps","props","swipe","useDrawerSwipe","entered","setEntered","createSignal","direction","horizontal","isHorizontal","axis","visible","createEffect","raf","transform","closedTransform","createComponent","Show","Portal","DrawerOverlay","_el$","_el$2","_el$3","use","el","spread","mergeProps","\"role\"","\"tabindex\"","\"class\"","clsx","drawerPopupBase","drawerPopupDirectionClass","\"onTransitionEnd\"","event","insert","DrawerSwipeHandle","effect","setAttribute"],"sources":["../../../../src/components/drawer/DrawerContent/DrawerContent.tsx"],"sourcesContent":["import {\n  Show,\n  createEffect,\n  createSignal,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { useDrawerContext } from \"../Drawer/Drawer.context\";\nimport { DrawerOverlay } from \"../DrawerOverlay\";\nimport { DrawerSwipeHandle } from \"../DrawerSwipeHandle\";\nimport {\n  closedTransform,\n  drawerPopupBase,\n  drawerPopupDirectionClass,\n  isHorizontal,\n} from \"./DrawerContent.styles\";\nimport type { DrawerContentProps } from \"./DrawerContent.types\";\nimport { useDrawerSwipe } from \"./useDrawerSwipe\";\n\n/**\n * DrawerContent：组合 Portal + Overlay + Viewport + Popup + Content。\n * 打开/关闭用 transform 过渡（按方向把面板移出视口），拖拽期间改用位移。\n */\nexport function DrawerContent(props: DrawerContentProps) {\n  const ctx = useDrawerContext(\"DrawerContent\");\n  const [local, rest] = splitProps(props, [\"class\", \"classList\", \"children\"]);\n  const swipe = useDrawerSwipe(ctx);\n  const [entered, setEntered] = createSignal(false);\n\n  const direction = () => ctx.swipeDirection();\n  const horizontal = () => isHorizontal(direction());\n  const axis = () => (horizontal() ? \"x\" : \"y\");\n  const visible = () => ctx.open() && entered();\n\n  // 每次打开：先以\"关闭\"位置挂载，rAF 后切到打开位置，触发出场过渡\n  createEffect(() => {\n    if (ctx.show()) {\n      setEntered(false);\n      const raf = requestAnimationFrame(() => setEntered(true));\n      onCleanup(() => cancelAnimationFrame(raf));\n    } else {\n      setEntered(false);\n    }\n  });\n\n  // 打开后聚焦面板（键盘事件依赖它）\n  createEffect(() => {\n    if (visible()) ctx.popup()?.focus({ preventScroll: true });\n  });\n\n  const transform = () => {\n    if (swipe.dragging()) {\n      return `translate3d(${swipe.dragX()}px, ${swipe.dragY()}px, 0)`;\n    }\n    return visible() ? \"translate3d(0, 0, 0)\" : closedTransform(direction());\n  };\n\n  return (\n    <Show when={ctx.show()}>\n      <Portal>\n        <Show when={ctx.modal()}>\n          <DrawerOverlay />\n        </Show>\n        <div\n          data-slot=\"drawer-viewport\"\n          data-modal={ctx.modal() ? \"true\" : \"false\"}\n          class=\"pointer-events-none fixed inset-0 z-50 select-none data-[modal=true]:pointer-events-auto\"\n        >\n          <div\n            {...rest}\n            ref={(el) => {\n              ctx.setPopup(el);\n              swipe.attach(el);\n            }}\n            id={ctx.contentId}\n            role=\"dialog\"\n            aria-modal={ctx.modal() ? \"true\" : undefined}\n            aria-labelledby={ctx.titleId()}\n            aria-describedby={ctx.descriptionId()}\n            tabindex={-1}\n            data-slot=\"drawer-popup\"\n            data-state={ctx.open() ? \"open\" : \"closed\"}\n            data-swipe-axis={axis()}\n            data-swipe-direction={direction()}\n            data-swiping={swipe.dragging() ? \"\" : undefined}\n            style={{\n              transform: transform(),\n              transition: swipe.dragging()\n                ? \"none\"\n                : \"transform 450ms cubic-bezier(0.32, 0.72, 0, 1)\",\n            }}\n            class={clsx(\n              drawerPopupBase,\n              drawerPopupDirectionClass(direction()),\n              local.class,\n            )}\n            classList={local.classList}\n            onTransitionEnd={(event) => {\n              if (event.target !== event.currentTarget) return;\n              if (!ctx.open()) {\n                ctx.restoreFocus();\n                ctx.setShow(false);\n              }\n            }}\n          >\n            <Show when={ctx.showSwipeHandle()}>\n              <DrawerSwipeHandle />\n            </Show>\n            <div\n              data-slot=\"drawer-content\"\n              class=\"flex min-h-0 flex-1 flex-col overflow-hidden overscroll-contain\"\n            >\n              {local.children}\n            </div>\n          </div>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n"],"mappings":"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"}

package/dist/components/drawer/DrawerContent/DrawerContent.styles.d.ts

@@ -0,0 +1,10 @@
+import { DrawerSwipeDirection } from '../Drawer/Drawer.types';
+/** 关闭时把面板移出视口的方向 */
+export declare function closedTransform(direction: DrawerSwipeDirection): string;
+export declare function isHorizontal(direction: DrawerSwipeDirection): boolean;
+/**
+ * 面板默认在四周留白（`--drawer-inset`，默认 0.75rem），四角圆角 + 完整描边。
+ * 想要 shadcn 那种贴边形态，传 `class="[--drawer-inset:0px]"` 并把对应边圆角置 0 即可。
+ */
+export declare const drawerPopupBase = "group/drawer-popup pointer-events-auto fixed z-50 m-(--drawer-inset,0.75rem) flex flex-col rounded-xl border bg-popover text-sm text-popover-foreground shadow-lg outline-none select-none data-[swipe-axis=x]:flex-row";
+export declare function drawerPopupDirectionClass(direction: DrawerSwipeDirection): string;

package/dist/components/drawer/DrawerContent/DrawerContent.styles.js

@@ -0,0 +1,25 @@
+//#region src/components/drawer/DrawerContent/DrawerContent.styles.ts
+function e(e) {
+	switch (e) {
+		case "down": return "translate3d(0, 100%, 0)";
+		case "up": return "translate3d(0, -100%, 0)";
+		case "left": return "translate3d(-100%, 0, 0)";
+		case "right": return "translate3d(100%, 0, 0)";
+	}
+}
+function t(e) {
+	return e === "left" || e === "right";
+}
+var n = {
+	down: "inset-x-0 bottom-0 max-h-[calc(100dvh-6rem)]",
+	up: "inset-x-0 top-0 max-h-[calc(100dvh-6rem)]",
+	left: "inset-y-0 left-0 w-3/4 sm:w-96",
+	right: "inset-y-0 right-0 w-3/4 sm:w-96"
+}, r = "group/drawer-popup pointer-events-auto fixed z-50 m-(--drawer-inset,0.75rem) flex flex-col rounded-xl border bg-popover text-sm text-popover-foreground shadow-lg outline-none select-none data-[swipe-axis=x]:flex-row";
+function i(e) {
+	return n[e];
+}
+//#endregion
+export { e as closedTransform, r as drawerPopupBase, i as drawerPopupDirectionClass, t as isHorizontal };
+
+//# sourceMappingURL=DrawerContent.styles.js.map

package/dist/components/drawer/DrawerContent/DrawerContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.styles.js","names":["closedTransform","direction","isHorizontal","axisStyles","drawerPopupBase","drawerPopupDirectionClass"],"sources":["../../../../src/components/drawer/DrawerContent/DrawerContent.styles.ts"],"sourcesContent":["import type { DrawerSwipeDirection } from \"../Drawer/Drawer.types\";\n\n/** 关闭时把面板移出视口的方向 */\nexport function closedTransform(direction: DrawerSwipeDirection): string {\n  switch (direction) {\n    case \"down\":\n      return \"translate3d(0, 100%, 0)\";\n    case \"up\":\n      return \"translate3d(0, -100%, 0)\";\n    case \"left\":\n      return \"translate3d(-100%, 0, 0)\";\n    case \"right\":\n      return \"translate3d(100%, 0, 0)\";\n  }\n}\n\nexport function isHorizontal(direction: DrawerSwipeDirection): boolean {\n  return direction === \"left\" || direction === \"right\";\n}\n\nconst axisStyles: Record<DrawerSwipeDirection, string> = {\n  down: \"inset-x-0 bottom-0 max-h-[calc(100dvh-6rem)]\",\n  up: \"inset-x-0 top-0 max-h-[calc(100dvh-6rem)]\",\n  left: \"inset-y-0 left-0 w-3/4 sm:w-96\",\n  right: \"inset-y-0 right-0 w-3/4 sm:w-96\",\n};\n\n/**\n * 面板默认在四周留白（`--drawer-inset`，默认 0.75rem），四角圆角 + 完整描边。\n * 想要 shadcn 那种贴边形态，传 `class=\"[--drawer-inset:0px]\"` 并把对应边圆角置 0 即可。\n */\nexport const drawerPopupBase =\n  \"group/drawer-popup pointer-events-auto fixed z-50 m-(--drawer-inset,0.75rem) flex flex-col rounded-xl border bg-popover text-sm text-popover-foreground shadow-lg outline-none select-none data-[swipe-axis=x]:flex-row\";\n\nexport function drawerPopupDirectionClass(direction: DrawerSwipeDirection) {\n  return axisStyles[direction];\n}\n"],"mappings":";AAGA,SAAgBA,EAAgB,GAAyC;CACvE,QAAQC,GAAR;EACE,KAAK,QACH,OAAO;EACT,KAAK,MACH,OAAO;EACT,KAAK,QACH,OAAO;EACT,KAAK,SACH,OAAO;CACX;AACF;AAEA,SAAgBC,EAAa,GAA0C;CACrE,OAAOD,MAAc,UAAUA,MAAc;AAC/C;AAEA,IAAME,IAAmD;CACvD,MAAM;CACN,IAAI;CACJ,MAAM;CACN,OAAO;AACT,GAMaC,IACX;AAEF,SAAgBC,EAA0B,GAAiC;CACzE,OAAOF,EAAWF;AACpB"}

package/dist/components/drawer/DrawerContent/DrawerContent.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DrawerContentProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/drawer/DrawerContent/drawer-swipe.utils.d.ts

@@ -0,0 +1,32 @@
+import { DrawerSwipeDirection } from '../Drawer/Drawer.types';
+/** 触发拖拽关闭的位移占面板尺寸的比例阈值 */
+export declare const DISMISS_RATIO = 0.3;
+/** 阈值下限：面板很小时也要拖够这么多像素 */
+export declare const DISMISS_MIN_PX = 80;
+/**
+ * 抽屉滑动关闭的判定与几何计算。
+ *
+ * 单一职责：只回答"能不能从这里起手""拖到多少算关闭""位移该被夹到哪个方向"。
+ * 全部是纯函数或只读 DOM 的判定，不持有手势状态、不注册事件，
+ * 因此可以用人造 DOM 精确驱动每个分支。
+ */
+/** 起手点是否落在可交互元素上（这些元素自己的指针行为不该被拖拽抢走） */
+export declare function isInteractive(target: Element): boolean;
+/** 找到 target 到 popup 之间最近的可滚动容器（沿拖拽轴判定） */
+export declare function findScroller(target: Element, popup: HTMLElement, horizontal: boolean): HTMLElement | null;
+/** 滚动容器是否已经贴住"允许拖拽关闭"的那一侧 */
+export declare function canDragFromScroller(scroller: HTMLElement, horizontal: boolean, dir: DrawerSwipeDirection): boolean;
+/**
+ * 手势能否从该起手点开始：
+ * - 可交互元素上不起手；
+ * - 显式的拖拽把手永远可以；
+ * - 起手点在滚动容器内时，只有容器已经贴边才起手（否则让内容先滚）；
+ * - 没有滚动容器则直接可以。
+ */
+export declare function canSwipeFrom(target: Element, popup: HTMLElement, horizontal: boolean, dir: DrawerSwipeDirection): boolean;
+/** 关闭阈值：面板尺寸的比例，但不低于 DISMISS_MIN_PX */
+export declare function resolveDismissThreshold(panelSize: number): number;
+/** 只允许沿"关闭方向"的位移：left/up 取负数侧，right/down 取正数侧 */
+export declare function clampSwipeOffset(dir: DrawerSwipeDirection, delta: number): number;
+/** 位移是否足以关闭：必须沿关闭方向且超过阈值 */
+export declare function isClosingSwipe(dir: DrawerSwipeDirection, delta: number, threshold: number): boolean;

package/dist/components/drawer/DrawerContent/drawer-swipe.utils.js

@@ -0,0 +1,36 @@
+//#region src/components/drawer/DrawerContent/drawer-swipe.utils.ts
+var e = .3;
+function t(e) {
+	return !!e.closest("button, a, input, textarea, select, [role=button], [contenteditable], [data-drawer-no-swipe]");
+}
+function n(e, t, n) {
+	let r = e;
+	for (; r && r !== t;) {
+		let e = getComputedStyle(r), t = n ? e.overflowX : e.overflowY;
+		if (/auto|scroll/.test(t) && (n ? r.scrollWidth > r.clientWidth : r.scrollHeight > r.clientHeight)) return r;
+		r = r.parentElement;
+	}
+	return null;
+}
+function r(e, t, n) {
+	return t ? n === "left" ? e.scrollLeft + e.clientWidth >= e.scrollWidth - 1 : e.scrollLeft <= 0 : n === "down" ? e.scrollTop <= 0 : e.scrollTop + e.clientHeight >= e.scrollHeight - 1;
+}
+function i(e, i, a, o) {
+	if (t(e)) return !1;
+	if (e.closest("[data-slot=\"drawer-swipe-handle\"]")) return !0;
+	let s = n(e, i, a);
+	return !s || r(s, a, o);
+}
+function a(t) {
+	return Math.max(80, t * e);
+}
+function o(e, t) {
+	return e === "left" || e === "up" ? Math.min(0, t) : Math.max(0, t);
+}
+function s(e, t, n) {
+	return e === "down" && t > n || e === "up" && -t > n || e === "left" && -t > n || e === "right" && t > n;
+}
+//#endregion
+export { e as DISMISS_RATIO, r as canDragFromScroller, i as canSwipeFrom, o as clampSwipeOffset, n as findScroller, s as isClosingSwipe, t as isInteractive, a as resolveDismissThreshold };
+
+//# sourceMappingURL=drawer-swipe.utils.js.map

package/dist/components/drawer/DrawerContent/drawer-swipe.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-swipe.utils.js","names":["DISMISS_RATIO","isInteractive","target","findScroller","node","popup","style","overflow","horizontal","canDragFromScroller","dir","scroller","canSwipeFrom","resolveDismissThreshold","panelSize","clampSwipeOffset","delta","isClosingSwipe","threshold"],"sources":["../../../../src/components/drawer/DrawerContent/drawer-swipe.utils.ts"],"sourcesContent":["import type { DrawerSwipeDirection } from \"../Drawer/Drawer.types\";\n\n/** 触发拖拽关闭的位移占面板尺寸的比例阈值 */\nexport const DISMISS_RATIO = 0.3;\n/** 阈值下限：面板很小时也要拖够这么多像素 */\nexport const DISMISS_MIN_PX = 80;\n\n/**\n * 抽屉滑动关闭的判定与几何计算。\n *\n * 单一职责：只回答\"能不能从这里起手\"\"拖到多少算关闭\"\"位移该被夹到哪个方向\"。\n * 全部是纯函数或只读 DOM 的判定，不持有手势状态、不注册事件，\n * 因此可以用人造 DOM 精确驱动每个分支。\n */\n\n/** 起手点是否落在可交互元素上（这些元素自己的指针行为不该被拖拽抢走） */\nexport function isInteractive(target: Element): boolean {\n  return !!target.closest(\n    \"button, a, input, textarea, select, [role=button], [contenteditable], [data-drawer-no-swipe]\",\n  );\n}\n\n/** 找到 target 到 popup 之间最近的可滚动容器（沿拖拽轴判定） */\nexport function findScroller(\n  target: Element,\n  popup: HTMLElement,\n  horizontal: boolean,\n): HTMLElement | null {\n  let node: Element | null = target;\n  while (node && node !== popup) {\n    const style = getComputedStyle(node);\n    const overflow = horizontal ? style.overflowX : style.overflowY;\n    const scrollable =\n      /auto|scroll/.test(overflow) &&\n      (horizontal\n        ? node.scrollWidth > node.clientWidth\n        : node.scrollHeight > node.clientHeight);\n    if (scrollable) return node as HTMLElement;\n    node = node.parentElement;\n  }\n  return null;\n}\n\n/** 滚动容器是否已经贴住\"允许拖拽关闭\"的那一侧 */\nexport function canDragFromScroller(\n  scroller: HTMLElement,\n  horizontal: boolean,\n  dir: DrawerSwipeDirection,\n): boolean {\n  if (horizontal) {\n    if (dir === \"left\") {\n      return (\n        scroller.scrollLeft + scroller.clientWidth >= scroller.scrollWidth - 1\n      );\n    }\n    return scroller.scrollLeft <= 0;\n  }\n  if (dir === \"down\") return scroller.scrollTop <= 0;\n  return (\n    scroller.scrollTop + scroller.clientHeight >= scroller.scrollHeight - 1\n  );\n}\n\n/**\n * 手势能否从该起手点开始：\n * - 可交互元素上不起手；\n * - 显式的拖拽把手永远可以；\n * - 起手点在滚动容器内时，只有容器已经贴边才起手（否则让内容先滚）；\n * - 没有滚动容器则直接可以。\n */\nexport function canSwipeFrom(\n  target: Element,\n  popup: HTMLElement,\n  horizontal: boolean,\n  dir: DrawerSwipeDirection,\n): boolean {\n  if (isInteractive(target)) return false;\n  if (target.closest('[data-slot=\"drawer-swipe-handle\"]')) return true;\n\n  const scroller = findScroller(target, popup, horizontal);\n  if (!scroller) return true;\n  return canDragFromScroller(scroller, horizontal, dir);\n}\n\n/** 关闭阈值：面板尺寸的比例，但不低于 DISMISS_MIN_PX */\nexport function resolveDismissThreshold(panelSize: number): number {\n  return Math.max(DISMISS_MIN_PX, panelSize * DISMISS_RATIO);\n}\n\n/** 只允许沿\"关闭方向\"的位移：left/up 取负数侧，right/down 取正数侧 */\nexport function clampSwipeOffset(\n  dir: DrawerSwipeDirection,\n  delta: number,\n): number {\n  return dir === \"left\" || dir === \"up\"\n    ? Math.min(0, delta)\n    : Math.max(0, delta);\n}\n\n/** 位移是否足以关闭：必须沿关闭方向且超过阈值 */\nexport function isClosingSwipe(\n  dir: DrawerSwipeDirection,\n  delta: number,\n  threshold: number,\n): boolean {\n  return (\n    (dir === \"down\" && delta > threshold) ||\n    (dir === \"up\" && -delta > threshold) ||\n    (dir === \"left\" && -delta > threshold) ||\n    (dir === \"right\" && delta > threshold)\n  );\n}\n"],"mappings":";AAGA,IAAaA,IAAgB;AAa7B,SAAgBC,EAAc,GAA0B;CACtD,OAAO,CAAC,CAACC,EAAO,QACd,8FACF;AACF;AAGA,SAAgBC,EACd,GACA,GACA,GACoB;CACpB,IAAIC,IAAuBF;CAC3B,OAAOE,KAAQA,MAASC,IAAO;EAC7B,IAAMC,IAAQ,iBAAiBF,CAAI,GAC7BG,IAAWC,IAAaF,EAAM,YAAYA,EAAM;EAMtD,IAJE,cAAc,KAAKC,CAAQ,MAC1BC,IACGJ,EAAK,cAAcA,EAAK,cACxBA,EAAK,eAAeA,EAAK,eACf,OAAOA;EACvB,IAAOA,EAAK;CACd;CACA,OAAO;AACT;AAGA,SAAgBK,EACd,GACA,GACA,GACS;CAUT,OATID,IACEE,MAAQ,SAERC,EAAS,aAAaA,EAAS,eAAeA,EAAS,cAAc,IAGlEA,EAAS,cAAc,IAE5BD,MAAQ,SAAeC,EAAS,aAAa,IAE/CA,EAAS,YAAYA,EAAS,gBAAgBA,EAAS,eAAe;AAE1E;AASA,SAAgBC,EACd,GACA,GACA,GACA,GACS;CACT,IAAIX,EAAcC,CAAM,GAAG,OAAO;CAClC,IAAIA,EAAO,QAAQ,qCAAmC,GAAG,OAAO;CAEhE,IAAMS,IAAWR,EAAaD,GAAQG,GAAOG,CAAU;CAEvD,OADA,CAAKG,KACEF,EAAoBE,GAAUH,GAAYE,CAAG;AACtD;AAGA,SAAgBG,EAAwB,GAA2B;CACjE,OAAO,KAAK,IAAA,IAAoBC,IAAYd,CAAa;AAC3D;AAGA,SAAgBe,EACd,GACA,GACQ;CACR,OAAOL,MAAQ,UAAUA,MAAQ,OAC7B,KAAK,IAAI,GAAGM,CAAK,IACjB,KAAK,IAAI,GAAGA,CAAK;AACvB;AAGA,SAAgBC,EACd,GACA,GACA,GACS;CACT,OACGP,MAAQ,UAAUM,IAAQE,KAC1BR,MAAQ,QAAQ,CAACM,IAAQE,KACzBR,MAAQ,UAAU,CAACM,IAAQE,KAC3BR,MAAQ,WAAWM,IAAQE;AAEhC"}

package/dist/components/drawer/DrawerContent/index.d.ts

@@ -0,0 +1,2 @@
+export { DrawerContent } from './DrawerContent';
+export type { DrawerContentProps } from './DrawerContent.types';

package/dist/components/drawer/DrawerContent/useDrawerSwipe.d.ts

@@ -0,0 +1,14 @@
+import { DrawerContextValue } from '../Drawer/Drawer.types';
+/**
+ * 基础拖拽关闭：pointerdown 起手 → 记录位移 → 抬起时超过阈值则关闭，否则回弹。
+ * 从可交互元素起手、或内容还能继续滚动时不触发。
+ *
+ * 起手判定、阈值与位移夹取都在 `drawer-swipe.utils`，本 hook 只负责
+ * 信号、事件接线与生命周期清理。
+ */
+export declare function useDrawerSwipe(ctx: DrawerContextValue): {
+    dragging: import('solid-js').Accessor<boolean>;
+    dragX: import('solid-js').Accessor<number>;
+    dragY: import('solid-js').Accessor<number>;
+    attach: (popup: HTMLElement) => void;
+};

package/dist/components/drawer/DrawerContent/useDrawerSwipe.js

@@ -0,0 +1,36 @@
+import { isHorizontal as e } from "./DrawerContent.styles.js";
+import { canSwipeFrom as t, clampSwipeOffset as n, isClosingSwipe as r, resolveDismissThreshold as i } from "./drawer-swipe.utils.js";
+import { createSignal as a, onCleanup as o } from "solid-js";
+//#region src/components/drawer/DrawerContent/useDrawerSwipe.ts
+function s(s) {
+	let [c, l] = a(!1), [u, d] = a(0), [f, p] = a(0), m = () => s.swipeDirection(), h = () => e(m());
+	return {
+		dragging: c,
+		dragX: u,
+		dragY: f,
+		attach: (e) => {
+			let a = 0, g = 0, _ = () => {
+				l(!1), d(0), p(0);
+			}, v = (t) => {
+				if (window.removeEventListener("pointermove", y), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b), !c()) return;
+				let n = m(), a = h() ? e.offsetWidth : e.offsetHeight, o = i(a), g = h() ? u() : f();
+				r(n, g, o) ? (l(!1), d(0), p(0), s.setOpen(!1, "swipe", t)) : _();
+			}, y = (e) => {
+				if (!c()) return;
+				let t = m();
+				h() ? d(n(t, e.clientX - a)) : p(n(t, e.clientY - g));
+			}, b = (e) => v(e), x = (n) => {
+				if (n.button !== 0) return;
+				let r = n.target;
+				r && t(r, e, h(), m()) && (a = n.clientX, g = n.clientY, l(!0), window.addEventListener("pointermove", y), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b));
+			};
+			e.addEventListener("pointerdown", x), o(() => {
+				e.removeEventListener("pointerdown", x), window.removeEventListener("pointermove", y), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
+			});
+		}
+	};
+}
+//#endregion
+export { s as useDrawerSwipe };
+
+//# sourceMappingURL=useDrawerSwipe.js.map

package/dist/components/drawer/DrawerContent/useDrawerSwipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawerSwipe.js","names":["useDrawerSwipe","dragging","setDragging","createSignal","dragX","setDragX","dragY","setDragY","direction","ctx","horizontal","isHorizontal","startX","startY","reset","finish","onMove","onUp","dir","panelSize","popup","threshold","resolveDismissThreshold","delta","isClosingSwipe","event","clampSwipeOffset","onPointerDown","target","canSwipeFrom","onCleanup"],"sources":["../../../../src/components/drawer/DrawerContent/useDrawerSwipe.ts"],"sourcesContent":["import { createSignal, onCleanup } from \"solid-js\";\nimport { isHorizontal } from \"./DrawerContent.styles\";\nimport {\n  canSwipeFrom,\n  clampSwipeOffset,\n  isClosingSwipe,\n  resolveDismissThreshold,\n} from \"./drawer-swipe.utils\";\nimport type { DrawerContextValue } from \"../Drawer/Drawer.types\";\n\n/**\n * 基础拖拽关闭：pointerdown 起手 → 记录位移 → 抬起时超过阈值则关闭，否则回弹。\n * 从可交互元素起手、或内容还能继续滚动时不触发。\n *\n * 起手判定、阈值与位移夹取都在 `drawer-swipe.utils`，本 hook 只负责\n * 信号、事件接线与生命周期清理。\n */\nexport function useDrawerSwipe(ctx: DrawerContextValue) {\n  const [dragging, setDragging] = createSignal(false);\n  const [dragX, setDragX] = createSignal(0);\n  const [dragY, setDragY] = createSignal(0);\n\n  const direction = () => ctx.swipeDirection();\n  const horizontal = () => isHorizontal(direction());\n\n  const attach = (popup: HTMLElement) => {\n    let startX = 0;\n    let startY = 0;\n\n    const reset = () => {\n      setDragging(false);\n      setDragX(0);\n      setDragY(0);\n    };\n\n    const finish = (event: PointerEvent) => {\n      window.removeEventListener(\"pointermove\", onMove);\n      window.removeEventListener(\"pointerup\", onUp);\n      window.removeEventListener(\"pointercancel\", onUp);\n      if (!dragging()) return;\n\n      const dir = direction();\n      const panelSize = horizontal() ? popup.offsetWidth : popup.offsetHeight;\n      const threshold = resolveDismissThreshold(panelSize);\n      const delta = horizontal() ? dragX() : dragY();\n\n      // 只有沿\"关闭方向\"的位移才算关闭\n      if (isClosingSwipe(dir, delta, threshold)) {\n        setDragging(false);\n        setDragX(0);\n        setDragY(0);\n        ctx.setOpen(false, \"swipe\", event);\n      } else {\n        reset();\n      }\n    };\n\n    const onMove = (event: PointerEvent) => {\n      if (!dragging()) return;\n      const dir = direction();\n      if (horizontal()) {\n        setDragX(clampSwipeOffset(dir, event.clientX - startX));\n      } else {\n        setDragY(clampSwipeOffset(dir, event.clientY - startY));\n      }\n    };\n\n    const onUp = (event: PointerEvent) => finish(event);\n\n    const onPointerDown = (event: PointerEvent) => {\n      if (event.button !== 0) return;\n      const target = event.target as Element | null;\n      if (!target || !canSwipeFrom(target, popup, horizontal(), direction())) {\n        return;\n      }\n      startX = event.clientX;\n      startY = event.clientY;\n      setDragging(true);\n      window.addEventListener(\"pointermove\", onMove);\n      window.addEventListener(\"pointerup\", onUp);\n      window.addEventListener(\"pointercancel\", onUp);\n    };\n\n    popup.addEventListener(\"pointerdown\", onPointerDown);\n    onCleanup(() => {\n      popup.removeEventListener(\"pointerdown\", onPointerDown);\n      window.removeEventListener(\"pointermove\", onMove);\n      window.removeEventListener(\"pointerup\", onUp);\n      window.removeEventListener(\"pointercancel\", onUp);\n    });\n  };\n\n  return { dragging, dragX, dragY, attach };\n}\n"],"mappings":";;;;AAiBA,SAAgBA,EAAe,GAAyB;CACtD,IAAM,CAACC,GAAUC,KAAeC,EAAa,EAAK,GAC5C,CAACC,GAAOC,KAAYF,EAAa,CAAC,GAClC,CAACG,GAAOC,KAAYJ,EAAa,CAAC,GAElCK,UAAkBC,EAAI,eAAe,GACrCC,UAAmBC,EAAaH,EAAU,CAAC;CAqEjD,OAAO;EAAE;EAAU;EAAO;EAAO,SAnEjB,MAAuB;GACrC,IAAII,IAAS,GACTC,IAAS,GAEPC,UAAc;IAGlB,AAFAZ,EAAY,EAAK,GACjBG,EAAS,CAAC,GACVE,EAAS,CAAC;GACZ,GAEMQ,KAAU,MAAwB;IAItC,IAHA,OAAO,oBAAoB,eAAeC,CAAM,GAChD,OAAO,oBAAoB,aAAaC,CAAI,GAC5C,OAAO,oBAAoB,iBAAiBA,CAAI,GAC5C,CAAChB,EAAS,GAAG;IAEjB,IAAMiB,IAAMV,EAAU,GAChBW,IAAYT,EAAW,IAAIU,EAAM,cAAcA,EAAM,cACrDC,IAAYC,EAAwBH,CAAS,GAC7CI,IAAQb,EAAW,IAAIN,EAAM,IAAIE,EAAM;IAG7C,AAAIkB,EAAeN,GAAKK,GAAOF,CAAS,KACtCnB,EAAY,EAAK,GACjBG,EAAS,CAAC,GACVE,EAAS,CAAC,GACVE,EAAI,QAAQ,IAAO,SAASgB,CAAK,KAEjCX,EAAM;GAEV,GAEME,KAAU,MAAwB;IACtC,IAAI,CAACf,EAAS,GAAG;IACjB,IAAMiB,IAAMV,EAAU;IACtB,AAAIE,EAAW,IACbL,EAASqB,EAAiBR,GAAKO,EAAM,UAAUb,CAAM,CAAC,IAEtDL,EAASmB,EAAiBR,GAAKO,EAAM,UAAUZ,CAAM,CAAC;GAE1D,GAEMI,KAAQ,MAAwBF,EAAOU,CAAK,GAE5CE,KAAiB,MAAwB;IAC7C,IAAIF,EAAM,WAAW,GAAG;IACxB,IAAMG,IAASH,EAAM;IACrB,AAAKG,KAAWC,EAAaD,GAAQR,GAAOV,EAAW,GAAGF,EAAU,CAAC,MAGrE,IAASiB,EAAM,SACf,IAASA,EAAM,SACfvB,EAAY,EAAI,GAChB,OAAO,iBAAiB,eAAec,CAAM,GAC7C,OAAO,iBAAiB,aAAaC,CAAI,GACzC,OAAO,iBAAiB,iBAAiBA,CAAI;GAC/C;GAGA,AADAG,EAAM,iBAAiB,eAAeO,CAAa,GACnDG,QAAgB;IAId,AAHAV,EAAM,oBAAoB,eAAeO,CAAa,GACtD,OAAO,oBAAoB,eAAeX,CAAM,GAChD,OAAO,oBAAoB,aAAaC,CAAI,GAC5C,OAAO,oBAAoB,iBAAiBA,CAAI;GAClD,CAAC;EACH;CAEwC;AAC1C"}

package/dist/components/drawer/DrawerDescription/DrawerDescription.d.ts

@@ -0,0 +1,2 @@
+import { DrawerDescriptionProps } from './DrawerDescription.types';
+export declare function DrawerDescription(props: DrawerDescriptionProps): import('solid-js').JSX.Element;

package/dist/components/drawer/DrawerDescription/DrawerDescription.js

@@ -0,0 +1,28 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useDrawerContext as t } from "../Drawer/Drawer.context.js";
+import { mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { createUniqueId as a, onCleanup as o, onMount as s, splitProps as c } from "solid-js";
+//#region src/components/drawer/DrawerDescription/DrawerDescription.tsx
+var l = /*#__PURE__*/ i("<p>");
+function u(i) {
+	let u = t("DrawerDescription"), [d, f] = c(i, ["class", "classList"]), p = `drawer-description-${a()}`;
+	return s(() => {
+		u.setDescriptionId(p), o(() => u.setDescriptionId(void 0));
+	}), (() => {
+		var t = l();
+		return r(t, n(f, {
+			id: p,
+			"data-slot": "drawer-description",
+			get class() {
+				return e("text-sm text-balance text-muted-foreground", d.class);
+			},
+			get classList() {
+				return d.classList;
+			}
+		}), !1, !1), t;
+	})();
+}
+//#endregion
+export { u as DrawerDescription };
+
+//# sourceMappingURL=DrawerDescription.js.map

package/dist/components/drawer/DrawerDescription/DrawerDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerDescription.js","names":["createUniqueId","onCleanup","onMount","splitProps","clsx","useDrawerContext","DrawerDescriptionProps","DrawerDescription","props","ctx","local","rest","id","setDescriptionId","undefined","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","DrawerDescription","ctx","useDrawerContext","local","rest","splitProps","props","id","createUniqueId","onMount","onCleanup","_el$","spread","mergeProps","\"id\"","\"class\"","clsx"],"sources":["../../../../src/components/drawer/DrawerDescription/DrawerDescription.tsx"],"sourcesContent":["import { createUniqueId, onCleanup, onMount, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useDrawerContext } from \"../Drawer/Drawer.context\";\nimport type { DrawerDescriptionProps } from \"./DrawerDescription.types\";\n\nexport function DrawerDescription(props: DrawerDescriptionProps) {\n  const ctx = useDrawerContext(\"DrawerDescription\");\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  const id = `drawer-description-${createUniqueId()}`;\n\n  onMount(() => {\n    ctx.setDescriptionId(id);\n    onCleanup(() => ctx.setDescriptionId(undefined));\n  });\n\n  return (\n    <p\n      {...rest}\n      id={id}\n      data-slot=\"drawer-description\"\n      class={clsx(\"text-sm text-balance text-muted-foreground\", local.class)}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgBO,EAAkBC,GAA+B;CAC/D,IAAMC,IAAMJ,EAAiB,mBAAmB,GAC1C,CAACK,GAAOC,KAAQR,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC,GACxDI,IAAK,sBAAsBZ,EAAe;CAOhD,OALAE,QAAc;EAEZD,AADAQ,EAAII,iBAAiBD,CAAE,GACvBX,QAAgBQ,EAAII,iBAAiBC,KAAAA,CAAS,CAAC;CACjD,CAAC,UAED;EAAA,IAAAC,IAAAC,EAAA;EAM8B,OAN9BC,EAAAF,GAAAG,EAEQP,GAAI;GAAA0B,IACJzB;GAAE,aACI;GAAoB,IAAA0B,QAAA;IAAA,OACvBlC,EAAK,8CAA8CM,EAAMS,KAAK;GAAC;GAAA,IACtEC,YAAS;IAAA,OAAEV,EAAMU;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/drawer/DrawerDescription/DrawerDescription.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DrawerDescriptionProps = PolymorphicProps<"p", BaseProps, false>;

package/dist/components/drawer/DrawerDescription/index.d.ts

@@ -0,0 +1,2 @@
+export { DrawerDescription } from './DrawerDescription';
+export type { DrawerDescriptionProps } from './DrawerDescription.types';

package/dist/components/drawer/DrawerFooter/DrawerFooter.d.ts

@@ -0,0 +1,2 @@
+import { DrawerFooterProps } from './DrawerFooter.types';
+export declare function DrawerFooter(props: DrawerFooterProps): import('solid-js').JSX.Element;

package/dist/components/drawer/DrawerFooter/DrawerFooter.js

@@ -0,0 +1,24 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/drawer/DrawerFooter/DrawerFooter.tsx
+var a = /*#__PURE__*/ r("<div>");
+function o(r) {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t(s, {
+			"data-slot": "drawer-footer",
+			get class() {
+				return e("mt-auto flex shrink-0 flex-col gap-2 p-4 pt-0", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as DrawerFooter };
+
+//# sourceMappingURL=DrawerFooter.js.map

package/dist/components/drawer/DrawerFooter/DrawerFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerFooter.js","names":["splitProps","clsx","DrawerFooterProps","DrawerFooter","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","DrawerFooter","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/drawer/DrawerFooter/DrawerFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { DrawerFooterProps } from \"./DrawerFooter.types\";\n\nexport function DrawerFooter(props: DrawerFooterProps) {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...rest}\n      data-slot=\"drawer-footer\"\n      class={clsx(\"mt-auto flex shrink-0 flex-col gap-2 p-4 pt-0\", local.class)}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAaC,GAA0B;CACrD,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAC9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAK8B,OAL9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAe,IAAAiB,QAAA;IAAA,OAClBtB,EAAK,iDAAiDI,EAAMM,KAAK;GAAC;GAAA,IACzEC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/drawer/DrawerFooter/DrawerFooter.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DrawerFooterProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/drawer/DrawerFooter/index.d.ts

@@ -0,0 +1,2 @@
+export { DrawerFooter } from './DrawerFooter';
+export type { DrawerFooterProps } from './DrawerFooter.types';

package/dist/components/drawer/DrawerHeader/DrawerHeader.d.ts

@@ -0,0 +1,2 @@
+import { DrawerHeaderProps } from './DrawerHeader.types';
+export declare function DrawerHeader(props: DrawerHeaderProps): import('solid-js').JSX.Element;

package/dist/components/drawer/DrawerHeader/DrawerHeader.js

@@ -0,0 +1,24 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/drawer/DrawerHeader/DrawerHeader.tsx
+var a = /*#__PURE__*/ r("<div>");
+function o(r) {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t(s, {
+			"data-slot": "drawer-header",
+			get class() {
+				return e("flex shrink-0 flex-col gap-0.5 p-4 pb-0 group-data-[swipe-axis=y]/drawer-popup:text-center md:text-left", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as DrawerHeader };
+
+//# sourceMappingURL=DrawerHeader.js.map

package/dist/components/drawer/DrawerHeader/DrawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.js","names":["splitProps","clsx","DrawerHeaderProps","DrawerHeader","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","DrawerHeader","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/drawer/DrawerHeader/DrawerHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { DrawerHeaderProps } from \"./DrawerHeader.types\";\n\nexport function DrawerHeader(props: DrawerHeaderProps) {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...rest}\n      data-slot=\"drawer-header\"\n      class={clsx(\n        \"flex shrink-0 flex-col gap-0.5 p-4 pb-0 group-data-[swipe-axis=y]/drawer-popup:text-center md:text-left\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAaC,GAA0B;CACrD,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAC9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQ8B,OAR9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAe,IAAAiB,QAAA;IAAA,OAClBtB,EACL,2GACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/drawer/DrawerHeader/DrawerHeader.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DrawerHeaderProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/drawer/DrawerHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { DrawerHeader } from './DrawerHeader';
+export type { DrawerHeaderProps } from './DrawerHeader.types';

package/dist/components/drawer/DrawerOverlay/DrawerOverlay.d.ts

@@ -0,0 +1,3 @@
+import { DrawerOverlayProps } from './DrawerOverlay.types';
+/** 遮罩：点击关闭（disablePointerDismissal 时除外），随开关淡入淡出 */
+export declare function DrawerOverlay(props: DrawerOverlayProps): import('solid-js').JSX.Element;

package/dist/components/drawer/DrawerOverlay/DrawerOverlay.js

@@ -0,0 +1,43 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useDrawerContext as t } from "../Drawer/Drawer.context.js";
+import { mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { splitProps as a } from "solid-js";
+//#region src/components/drawer/DrawerOverlay/DrawerOverlay.tsx
+var o = /*#__PURE__*/ i("<div>");
+function s(i) {
+	let s = t("DrawerOverlay"), [c, l] = a(i, [
+		"class",
+		"classList",
+		"onClick"
+	]);
+	return (() => {
+		var t = o();
+		return r(t, n(l, {
+			"data-slot": "drawer-overlay",
+			get "data-state"() {
+				return s.open() ? "open" : "closed";
+			},
+			"aria-hidden": "true",
+			get style() {
+				return {
+					opacity: +!!s.open(),
+					transition: "opacity 450ms cubic-bezier(0.32, 0.72, 0, 1)"
+				};
+			},
+			get class() {
+				return e("fixed inset-0 z-50 min-h-dvh bg-black/10 select-none supports-backdrop-filter:backdrop-blur-xs", c.class);
+			},
+			get classList() {
+				return c.classList;
+			},
+			onClick: (e) => {
+				let t = c.onClick;
+				t?.(e);
+			}
+		}), !1, !1), t;
+	})();
+}
+//#endregion
+export { s as DrawerOverlay };
+
+//# sourceMappingURL=DrawerOverlay.js.map

package/dist/components/drawer/DrawerOverlay/DrawerOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerOverlay.js","names":["splitProps","clsx","useDrawerContext","DrawerOverlayProps","DrawerOverlay","props","ctx","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","data-state","open","style","opacity","transition","class","classList","onClick","event","MouseEvent","currentTarget","HTMLDivElement","target","Element","userOnClick","e","_$mergeProps","_tmpl$","DrawerOverlay","ctx","useDrawerContext","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","\"onClick\"","userOnClick","event"],"sources":["../../../../src/components/drawer/DrawerOverlay/DrawerOverlay.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useDrawerContext } from \"../Drawer/Drawer.context\";\nimport type { DrawerOverlayProps } from \"./DrawerOverlay.types\";\n\n/** 遮罩：点击关闭（disablePointerDismissal 时除外），随开关淡入淡出 */\nexport function DrawerOverlay(props: DrawerOverlayProps) {\n  const ctx = useDrawerContext(\"DrawerOverlay\");\n  const [local, rest] = splitProps(props, [\"class\", \"classList\", \"onClick\"]);\n\n  return (\n    <div\n      {...rest}\n      data-slot=\"drawer-overlay\"\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      aria-hidden=\"true\"\n      style={{\n        opacity: ctx.open() ? 1 : 0,\n        transition: \"opacity 450ms cubic-bezier(0.32, 0.72, 0, 1)\",\n      }}\n      class={clsx(\n        \"fixed inset-0 z-50 min-h-dvh bg-black/10 select-none supports-backdrop-filter:backdrop-blur-xs\",\n        local.class,\n      )}\n      classList={local.classList}\n      onClick={(\n        event: MouseEvent & {\n          currentTarget: HTMLDivElement;\n          target: Element;\n        },\n      ) => {\n        // 只转发调用方的 onClick。\n        // 「点遮罩关闭」由 Drawer 根组件在 document 上的 pointerdown 捕获统一处理——\n        // 这里再关一次会让一次真实点击产生两次 onOpenChange（pointerdown + click），\n        // 而且第二次是在已经关闭之后重复回调。\n        const userOnClick = local.onClick as\n          | ((e: typeof event) => void)\n          | undefined;\n        userOnClick?.(event);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgBI,EAAcC,GAA2B;CACvD,IAAMC,IAAMJ,EAAiB,eAAe,GACtC,CAACK,GAAOC,KAAQR,EAAWK,GAAO;EAAC;EAAS;EAAa;CAAS,CAAC;CAEzE,cAAA;EAAA,IAAAI,IAAAC,EAAA;EA6BK,OA7BLC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAgB,IAAA,eAAA;IAAA,OACdF,EAAIQ,KAAK,IAAI,SAAS;GAAQ;GAAA,eAC9B;GAAM,IAClBC,QAAK;IAAA,OAAE;KACLC,SAASV,KAAIQ,KAAK;KAClBG,YAAY;IACd;GAAC;GAAA,IAAAwB,QAAA;IAAA,OACMxC,EACL,kGACAM,EAAMW,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEZ,EAAMY;GAAS;GAAAwB,UAExBtB,MAIG;IAKH,IAAMM,IAAcpB,EAAMa;IAG1BO,IAAcN,CAAK;GACrB;EAAC,CAAA,GAAA,IAAA,EAAA,GAAAZ;CAAA,EAAA,CAAA;AAGP"}

package/dist/components/drawer/DrawerOverlay/DrawerOverlay.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DrawerOverlayProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/drawer/DrawerOverlay/index.d.ts

@@ -0,0 +1,2 @@
+export { DrawerOverlay } from './DrawerOverlay';
+export type { DrawerOverlayProps } from './DrawerOverlay.types';

package/dist/components/drawer/DrawerPortal/DrawerPortal.d.ts

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

package/dist/components/drawer/DrawerPortal/DrawerPortal.js

@@ -0,0 +1,10 @@
+import { Portal as e, createComponent as t, spread as n, template as r } from "solid-js/web";
+//#region src/components/drawer/DrawerPortal/DrawerPortal.tsx
+var i = /*#__PURE__*/ r("<div data-slot=drawer-portal>"), a = (r) => t(e, { get children() {
+	var e = i();
+	return n(e, r, !1, !1), e;
+} });
+//#endregion
+export { a as DrawerPortal };
+
+//# sourceMappingURL=DrawerPortal.js.map

package/dist/components/drawer/DrawerPortal/DrawerPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerPortal.js","names":["Portal","DrawerPortalProps","DrawerPortal","props","_$createComponent","children","_el$","_tmpl$","_$spread","_$createComponent","_tmpl$","DrawerPortal","createComponent","Portal","_el$","spread","props"],"sources":["../../../../src/components/drawer/DrawerPortal/DrawerPortal.tsx"],"sourcesContent":["import { Portal } from \"solid-js/web\";\nimport type { DrawerPortalProps } from \"./DrawerPortal.types\";\n\nexport const DrawerPortal = (props: DrawerPortalProps) => (\n  <Portal>\n    <div data-slot=\"drawer-portal\" {...props} />\n  </Portal>\n);\n"],"mappings":";;0DAGaE,KAAgBC,MAAwBC,EAClDJ,GAAM,EAAA,IAAAK,WAAA;CAAA,IAAAC,IAAAC,EAAA;CACmC,OADnCC,EAAAF,GAC8BH,GAAK,IAAA,EAAA,GAAAG;AAAA,EAAA,CAAA"}

package/dist/components/drawer/DrawerPortal/DrawerPortal.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DrawerPortalProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/drawer/DrawerPortal/index.d.ts

@@ -0,0 +1,2 @@
+export { DrawerPortal } from './DrawerPortal';
+export type { DrawerPortalProps } from './DrawerPortal.types';