@neut/ui 0.0.16 → 0.0.17

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/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,11 @@
+import { DrawerContextValue } from '../Drawer/Drawer.types';
+/**
+ * 基础拖拽关闭：pointerdown 起手 → 记录位移 → 抬起时超过阈值则关闭，否则回弹。
+ * 从可交互元素起手、或内容还能继续滚动时不触发。
+ */
+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,56 @@
+import { isHorizontal as e } from "./DrawerContent.styles.js";
+import { createSignal as t, onCleanup as n } from "solid-js";
+//#region src/components/drawer/DrawerContent/useDrawerSwipe.ts
+var r = .3, i = 80;
+function a(e) {
+	return !!e.closest("button, a, input, textarea, select, [role=button], [contenteditable], [data-drawer-no-swipe]");
+}
+function o(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 s(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 c(c) {
+	let [l, u] = t(!1), [d, f] = t(0), [p, m] = t(0), h = () => c.swipeDirection(), g = () => e(h()), _ = (e, t) => {
+		if (a(e)) return !1;
+		if (e.closest("[data-slot=\"drawer-swipe-handle\"]")) return !0;
+		let n = o(e, t, g());
+		return !n || s(n, g(), h());
+	};
+	return {
+		dragging: l,
+		dragX: d,
+		dragY: p,
+		attach: (e) => {
+			let t = 0, a = 0, o = () => {
+				u(!1), f(0), m(0);
+			}, s = (t) => {
+				if (window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y), !l()) return;
+				let n = h(), a = g() ? e.offsetWidth : e.offsetHeight, s = Math.max(i, a * r), _ = g() ? d() : p();
+				n === "down" && _ > s || n === "up" && -_ > s || n === "left" && -_ > s || n === "right" && _ > s ? (u(!1), f(0), m(0), c.setOpen(!1, "swipe", t)) : o();
+			}, v = (e) => {
+				if (!l()) return;
+				let n = e.clientX - t, r = e.clientY - a, i = h();
+				g() ? f(i === "left" ? Math.min(0, n) : Math.max(0, n)) : m(i === "up" ? Math.min(0, r) : Math.max(0, r));
+			}, y = (e) => s(e), b = (n) => {
+				if (n.button !== 0) return;
+				let r = n.target;
+				r && _(r, e) && (t = n.clientX, a = n.clientY, u(!0), window.addEventListener("pointermove", v), window.addEventListener("pointerup", y), window.addEventListener("pointercancel", y));
+			};
+			e.addEventListener("pointerdown", b), n(() => {
+				e.removeEventListener("pointerdown", b), window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y);
+			});
+		}
+	};
+}
+//#endregion
+export { c as useDrawerSwipe };
+
+//# sourceMappingURL=useDrawerSwipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawerSwipe.js","names":["DISMISS_RATIO","DISMISS_MIN_PX","isInteractive","target","findScroller","node","popup","style","overflow","horizontal","canDragFromScroller","dir","scroller","useDrawerSwipe","dragging","setDragging","createSignal","dragX","setDragX","dragY","setDragY","direction","ctx","isHorizontal","canStart","startX","startY","reset","finish","onMove","onUp","panelSize","threshold","delta","event","dx","dy","onPointerDown","onCleanup"],"sources":["../../../../src/components/drawer/DrawerContent/useDrawerSwipe.ts"],"sourcesContent":["import { createSignal, onCleanup } from \"solid-js\";\nimport { isHorizontal } from \"./DrawerContent.styles\";\nimport type {\n  DrawerContextValue,\n  DrawerSwipeDirection,\n} from \"../Drawer/Drawer.types\";\n\n/** 触发拖拽关闭的位移占面板尺寸的比例阈值 */\nconst DISMISS_RATIO = 0.3;\nconst DISMISS_MIN_PX = 80;\n\nfunction 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 之间最近的纵向/横向滚动容器 */\nfunction 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/** 面板是否已经贴住\"允许拖拽关闭\"的那一侧 */\nfunction 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 * 基础拖拽关闭：pointerdown 起手 → 记录位移 → 抬起时超过阈值则关闭，否则回弹。\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 canStart = (target: Element, popup: HTMLElement) => {\n    if (isInteractive(target)) return false;\n    if (target.closest('[data-slot=\"drawer-swipe-handle\"]')) return true;\n    const scroller = findScroller(target, popup, horizontal());\n    if (!scroller) return true;\n    return canDragFromScroller(scroller, horizontal(), direction());\n  };\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 = Math.max(DISMISS_MIN_PX, panelSize * DISMISS_RATIO);\n      const delta = horizontal() ? dragX() : dragY();\n\n      // 只有沿\"关闭方向\"的位移才算关闭\n      const closing =\n        (dir === \"down\" && delta > threshold) ||\n        (dir === \"up\" && -delta > threshold) ||\n        (dir === \"left\" && -delta > threshold) ||\n        (dir === \"right\" && delta > threshold);\n\n      if (closing) {\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 dx = event.clientX - startX;\n      const dy = event.clientY - startY;\n      const dir = direction();\n      if (horizontal()) {\n        setDragX(dir === \"left\" ? Math.min(0, dx) : Math.max(0, dx));\n      } else {\n        setDragY(dir === \"up\" ? Math.min(0, dy) : Math.max(0, dy));\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 || !canStart(target, popup)) return;\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":"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"}

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), s.disablePointerDismissal() || s.setOpen(!1, "outside-press", 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","disablePointerDismissal","setOpen","_$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        const userOnClick = local.onClick as\n          | ((e: typeof event) => void)\n          | undefined;\n        userOnClick?.(event);\n        if (!ctx.disablePointerDismissal()) {\n          ctx.setOpen(false, \"outside-press\", event);\n        }\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;EA4BK,OA5BLC,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,IAAA0B,QAAA;IAAA,OACM1C,EACL,kGACAM,EAAMW,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEZ,EAAMY;GAAS;GAAA0B,UAExBxB,MAIG;IACH,IAAMM,IAAcpB,EAAMa;IAI1B,AADAO,IAAcN,CAAK,GACdf,EAAIuB,wBAAwB,KAC/BvB,EAAIwB,QAAQ,IAAO,iBAAiBT,CAAK;GAE7C;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';

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

@@ -0,0 +1,6 @@
+import { DrawerSwipeHandleProps } from './DrawerSwipeHandle.types';
+/**
+ * 拖拽把手。横向抽屉在侧边显示竖条，纵向抽屉在顶部显示横条；
+ * 具体方向样式由 Content 上的 data-swipe-axis / direction 通过组选择器驱动。
+ */
+export declare function DrawerSwipeHandle(props: DrawerSwipeHandleProps): import('solid-js').JSX.Element;

package/dist/components/drawer/DrawerSwipeHandle/DrawerSwipeHandle.js

@@ -0,0 +1,27 @@
+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/DrawerSwipeHandle/DrawerSwipeHandle.tsx
+var o = /*#__PURE__*/ i("<div>");
+function s(i) {
+	t("DrawerSwipeHandle");
+	let [s, c] = a(i, ["class", "classList"]);
+	return (() => {
+		var t = o();
+		return r(t, n(c, {
+			"data-slot": "drawer-swipe-handle",
+			"aria-hidden": "true",
+			get class() {
+				return e("relative z-10 flex shrink-0 cursor-grab active:cursor-grabbing", "group-data-[swipe-axis=x]/drawer-popup:h-full group-data-[swipe-axis=x]/drawer-popup:w-3 group-data-[swipe-axis=x]/drawer-popup:items-center", "group-data-[swipe-axis=y]/drawer-popup:h-3 group-data-[swipe-axis=y]/drawer-popup:w-full group-data-[swipe-axis=y]/drawer-popup:justify-center", "group-data-[swipe-direction=down]/drawer-popup:items-end", "group-data-[swipe-direction=left]/drawer-popup:order-last group-data-[swipe-direction=left]/drawer-popup:justify-start", "group-data-[swipe-direction=right]/drawer-popup:justify-end", "group-data-[swipe-direction=up]/drawer-popup:order-last group-data-[swipe-direction=up]/drawer-popup:items-start", "after:block after:shrink-0 after:rounded-full after:bg-muted", "group-data-[swipe-axis=x]/drawer-popup:after:h-24 group-data-[swipe-axis=x]/drawer-popup:after:w-1", "group-data-[swipe-axis=y]/drawer-popup:after:h-1 group-data-[swipe-axis=y]/drawer-popup:after:w-24", s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}), !1, !1), t;
+	})();
+}
+//#endregion
+export { s as DrawerSwipeHandle };
+
+//# sourceMappingURL=DrawerSwipeHandle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSwipeHandle.js","names":["splitProps","clsx","useDrawerContext","DrawerSwipeHandleProps","DrawerSwipeHandle","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","DrawerSwipeHandle","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/drawer/DrawerSwipeHandle/DrawerSwipeHandle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useDrawerContext } from \"../Drawer/Drawer.context\";\nimport type { DrawerSwipeHandleProps } from \"./DrawerSwipeHandle.types\";\n\n/**\n * 拖拽把手。横向抽屉在侧边显示竖条，纵向抽屉在顶部显示横条；\n * 具体方向样式由 Content 上的 data-swipe-axis / direction 通过组选择器驱动。\n */\nexport function DrawerSwipeHandle(props: DrawerSwipeHandleProps) {\n  useDrawerContext(\"DrawerSwipeHandle\");\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      {...rest}\n      data-slot=\"drawer-swipe-handle\"\n      aria-hidden=\"true\"\n      class={clsx(\n        \"relative z-10 flex shrink-0 cursor-grab active:cursor-grabbing\",\n        // 轴向：x 轴是整列的竖条，y 轴是整行的横条\n        \"group-data-[swipe-axis=x]/drawer-popup:h-full group-data-[swipe-axis=x]/drawer-popup:w-3 group-data-[swipe-axis=x]/drawer-popup:items-center\",\n        \"group-data-[swipe-axis=y]/drawer-popup:h-3 group-data-[swipe-axis=y]/drawer-popup:w-full group-data-[swipe-axis=y]/drawer-popup:justify-center\",\n        // 方向：决定把手贴在面板哪条边、以及在行/列中的顺序\n        \"group-data-[swipe-direction=down]/drawer-popup:items-end\",\n        \"group-data-[swipe-direction=left]/drawer-popup:order-last group-data-[swipe-direction=left]/drawer-popup:justify-start\",\n        \"group-data-[swipe-direction=right]/drawer-popup:justify-end\",\n        \"group-data-[swipe-direction=up]/drawer-popup:order-last group-data-[swipe-direction=up]/drawer-popup:items-start\",\n        \"after:block after:shrink-0 after:rounded-full after:bg-muted\",\n        \"group-data-[swipe-axis=x]/drawer-popup:after:h-24 group-data-[swipe-axis=x]/drawer-popup:after:w-1\",\n        \"group-data-[swipe-axis=y]/drawer-popup:after:h-1 group-data-[swipe-axis=y]/drawer-popup:after:w-24\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgBI,EAAkBC,GAA+B;CAC/DH,EAAiB,mBAAmB;CACpC,IAAM,CAACI,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAoB8B,OApB9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAqB,eACnB;GAAM,IAAAiB,QAAA;IAAA,OACXvB,EACL,kEAEA,gJACA,kJAEA,4DACA,0HACA,+DACA,oHACA,gEACA,sGACA,sGACAK,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

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

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

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

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

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

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

package/dist/components/drawer/DrawerTitle/DrawerTitle.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/DrawerTitle/DrawerTitle.tsx
+var l = /*#__PURE__*/ i("<h2>");
+function u(i) {
+	let u = t("DrawerTitle"), [d, f] = c(i, ["class", "classList"]), p = `drawer-title-${a()}`;
+	return s(() => {
+		u.setTitleId(p), o(() => u.setTitleId(void 0));
+	}), (() => {
+		var t = l();
+		return r(t, n(f, {
+			id: p,
+			"data-slot": "drawer-title",
+			get class() {
+				return e("cn-font-heading text-base font-medium text-foreground", d.class);
+			},
+			get classList() {
+				return d.classList;
+			}
+		}), !1, !1), t;
+	})();
+}
+//#endregion
+export { u as DrawerTitle };
+
+//# sourceMappingURL=DrawerTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTitle.js","names":["createUniqueId","onCleanup","onMount","splitProps","clsx","useDrawerContext","DrawerTitleProps","DrawerTitle","props","ctx","local","rest","id","setTitleId","undefined","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","DrawerTitle","ctx","useDrawerContext","local","rest","splitProps","props","id","createUniqueId","onMount","onCleanup","_el$","spread","mergeProps","\"id\"","\"class\"","clsx"],"sources":["../../../../src/components/drawer/DrawerTitle/DrawerTitle.tsx"],"sourcesContent":["import { createUniqueId, onCleanup, onMount, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useDrawerContext } from \"../Drawer/Drawer.context\";\nimport type { DrawerTitleProps } from \"./DrawerTitle.types\";\n\nexport function DrawerTitle(props: DrawerTitleProps) {\n  const ctx = useDrawerContext(\"DrawerTitle\");\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  const id = `drawer-title-${createUniqueId()}`;\n\n  onMount(() => {\n    ctx.setTitleId(id);\n    onCleanup(() => ctx.setTitleId(undefined));\n  });\n\n  return (\n    <h2\n      {...rest}\n      id={id}\n      data-slot=\"drawer-title\"\n      class={clsx(\n        \"cn-font-heading text-base font-medium text-foreground\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgBO,EAAYC,GAAyB;CACnD,IAAMC,IAAMJ,EAAiB,aAAa,GACpC,CAACK,GAAOC,KAAQR,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC,GACxDI,IAAK,gBAAgBZ,EAAe;CAO1C,OALAE,QAAc;EAEZD,AADAQ,EAAII,WAAWD,CAAE,GACjBX,QAAgBQ,EAAII,WAAWC,KAAAA,CAAS,CAAC;CAC3C,CAAC,UAED;EAAA,IAAAC,IAAAC,EAAA;EAS8B,OAT9BC,EAAAF,GAAAG,EAEQP,GAAI;GAAA0B,IACJzB;GAAE,aACI;GAAc,IAAA0B,QAAA;IAAA,OACjBlC,EACL,yDACAM,EAAMS,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEV,EAAMU;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

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

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

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

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