@neut/ui 0.0.15 → 0.0.17

package/dist/components/dialog/DialogHeader/DialogHeader.d.ts

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

package/dist/components/dialog/DialogHeader/DialogHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.js","names":["splitProps","DialogHeaderProps","clsx","classes","DialogHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/dialog/DialogHeader/DialogHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { DialogHeaderProps } from \"./DialogHeader.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogHeader.styles\";\n\nexport const DialogHeader = (props: DialogHeaderProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;0DAKaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWT,EAAKC,GAASG,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"DialogHeader.js","names":["splitProps","DialogHeaderProps","clsx","classes","DialogHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","DialogHeader","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/dialog/DialogHeader/DialogHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { DialogHeaderProps } from \"./DialogHeader.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogHeader.styles\";\n\nexport const DialogHeader = (props: DialogHeaderProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;0DAKaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EAAKC,GAASG,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/dialog/DialogHeader/DialogHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogHeader/DialogHeader.styles.ts"],"sourcesContent":["export const classes = \"flex flex-col gap-2\";\n"],"mappings":";AAAA,IAAa,IAAU"}
+{"version":3,"file":"DialogHeader.styles.js","names":["classes"],"sources":["../../../../src/components/dialog/DialogHeader/DialogHeader.styles.ts"],"sourcesContent":["export const classes = \"flex flex-col gap-2\";\n"],"mappings":";AAAA,IAAaA,IAAU"}

package/dist/components/dialog/DialogOverlay/DialogOverlay.d.ts

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

package/dist/components/dialog/DialogOverlay/DialogOverlay.js

@@ -2,26 +2,34 @@ import { clsx as e } from "../../../utils/clsx.js";
 import { useDialogContext as t } from "../Dialog/Dialog.context.js";
 import { classes as n } from "./DialogOverlay.styles.js";
 import { delegateEvents as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
-import { splitProps as s } from "solid-js";
+import { mergeProps as s, splitProps as c } from "solid-js";
 //#region src/components/dialog/DialogOverlay/DialogOverlay.tsx
-var c = /*#__PURE__*/ o("<div data-slot=dialog-overlay role=presentation aria-hidden=true>"), l = (r) => {
-	let { open: o, setShow: l, setOpen: u } = t(), [d, f] = s(r, ["class", "classList"]);
+var l = /*#__PURE__*/ o("<div data-slot=dialog-overlay role=presentation aria-hidden=true>"), u = (r) => {
+	let o = s({ dismissOnOverlayClick: !0 }, r), [u, d] = c(o, [
+		"class",
+		"classList",
+		"dismissOnOverlayClick",
+		"onClick"
+	]), { open: f, setShow: p, setOpen: m } = t();
 	return (() => {
-		var t = c();
+		var t = l();
 		return t.addEventListener("animationend", () => {
-			o() || l(!1);
-		}), t.$$click = () => u(!1), a(t, i({
+			f() || p(!1);
+		}), t.$$click = (e) => {
+			let t = u.onClick;
+			t?.(e), u.dismissOnOverlayClick && m(!1);
+		}, a(t, i({
 			get "data-open"() {
-				return o();
+				return f();
 			},
 			get class() {
-				return e(n, d.class);
+				return e(n, u.class);
 			}
-		}, f), !1, !1), t;
+		}, d), !1, !1), t;
 	})();
 };
 r(["click"]);
 //#endregion
-export { l as DialogOverlay };
+export { u as DialogOverlay };
 
 //# sourceMappingURL=DialogOverlay.js.map

package/dist/components/dialog/DialogOverlay/DialogOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogOverlay.js","names":["splitProps","DialogOverlayProps","clsx","classes","useDialogContext","DialogOverlay","props","open","setShow","setOpen","local","others","_el$","_tmpl$","addEventListener","$$click","_$spread","_$mergeProps","data-open","class","_$delegateEvents"],"sources":["../../../../src/components/dialog/DialogOverlay/DialogOverlay.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { DialogOverlayProps } from \"./DialogOverlay.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogOverlay.styles\";\nimport { useDialogContext } from \"../Dialog\";\n\nexport const DialogOverlay = (props: DialogOverlayProps) => {\n  const { open, setShow, setOpen } = useDialogContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"dialog-overlay\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-open={open()}\n      class={clsx(classes, local.class)}\n      onClick={() => setOpen(false)}\n      onAnimationEnd={() => {\n        if (open()) return;\n        setShow(false);\n      }}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;8FAMaK,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,SAAMC,YAASC,eAAYL,EAAiB,GAE9C,CAACM,GAAOC,KAAUX,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAM,IAAAC,EAAA;EAYc,OAZdD,EAAAE,iBAAA,sBAQ0B;GAChBP,EAAK,KACTC,EAAQ,EAAK;EACf,CAAC,GAAAI,EAAAG,gBAJcN,EAAQ,EAAK,GAACO,EAAAJ,GAAAK,EAAA;GAAA,IAAA,cAAA;IAAA,OAFlBV,EAAK;GAAC;GAAA,IAAA,QAAA;IAAA,OACVL,EAAKC,GAASO,EAAMS,KAAK;GAAC;EAAA,GAM7BR,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB;AAAEQ,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"DialogOverlay.js","names":["mergeProps","splitProps","DialogOverlayProps","clsx","classes","useDialogContext","DialogOverlay","props","merged","dismissOnOverlayClick","const","local","others","open","setShow","setOpen","_el$","_tmpl$","addEventListener","$$click","event","MouseEvent","currentTarget","HTMLDivElement","target","Element","userOnClick","onClick","e","_$spread","_$mergeProps","data-open","class","_$delegateEvents","mergeProps","_$mergeProps","_$delegateEvents","mergeProps$1","_tmpl$","DialogOverlay","merged","props","local","others","splitProps","useDialogContext","_el$","open","setShow","userOnClick","event","setOpen","spread","mergeProps","\"class\"","clsx","classes","delegateEvents"],"sources":["../../../../src/components/dialog/DialogOverlay/DialogOverlay.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { DialogOverlayProps } from \"./DialogOverlay.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogOverlay.styles\";\nimport { useDialogContext } from \"../Dialog\";\n\nexport const DialogOverlay = (props: DialogOverlayProps) => {\n  const merged = mergeProps({ dismissOnOverlayClick: true } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"class\",\n    \"classList\",\n    \"dismissOnOverlayClick\",\n    \"onClick\",\n  ]);\n\n  const { open, setShow, setOpen } = useDialogContext();\n\n  return (\n    <div\n      data-slot=\"dialog-overlay\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-open={open()}\n      class={clsx(classes, local.class)}\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 (local.dismissOnOverlayClick) setOpen(false);\n      }}\n      onAnimationEnd={() => {\n        if (open()) return;\n        setShow(false);\n      }}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;8FAMaM,KAAiBC,MAA8B;CAC1D,IAAMC,IAASR,EAAW,EAAES,uBAAuB,GAAK,GAAYF,CAAK,GAEnE,CAACI,GAAOC,KAAUX,EAAWO,GAAQ;EACzC;EACA;EACA;EACA;CAAS,CACV,GAEK,EAAEK,SAAMC,YAASC,eAAYV,EAAiB;CAEpD,cAAA;EAAA,IAAAW,IAAAC,EAAA;EAuBc,OAvBdD,EAAAE,iBAAA,sBAmB0B;GACpB,AAAIL,EAAK,KACTC,EAAQ,EAAK;EACf,CAAC,GAAAE,EAAAG,WAdCC,MAIG;GACH,IAAMM,IAAcf,EAAMgB;GAI1B,AADAD,IAAcN,CAAK,GACfT,EAAMF,yBAAuBM,EAAQ,EAAK;EAChD,GAACc,EAAAb,GAAAc,EAAA;GAAA,IAAA,cAAA;IAAA,OAbUjB,EAAK;GAAC;GAAA,IAAAyC,QAAA;IAAA,OACVnD,EAAKC,GAASO,EAAMqB,KAAK;GAAC;EAAA,GAiB7BpB,CAAM,GAAA,IAAA,EAAA,GAAAI;CAAA,EAAA,CAAA;AAGhB;AAAEiB,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/dialog/DialogOverlay/DialogOverlay.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogOverlay.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogOverlay/DialogOverlay.styles.ts"],"sourcesContent":["export const classes =\n  \"fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=false]:animate-out data-[open=false]:fade-out-0 select-none\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"DialogOverlay.styles.js","names":["classes"],"sources":["../../../../src/components/dialog/DialogOverlay/DialogOverlay.styles.ts"],"sourcesContent":["export const classes =\n  \"fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=false]:animate-out data-[open=false]:fade-out-0 select-none\";\n"],"mappings":";AAAA,IAAaA,IACX"}

package/dist/components/dialog/DialogOverlay/DialogOverlay.types.d.ts

@@ -1,2 +1,5 @@
 import { BaseProps, PolymorphicProps } from '../../../types';
-export type DialogOverlayProps = PolymorphicProps<"div", BaseProps, false>;
+export type DialogOverlayProps = PolymorphicProps<"div", BaseProps & {
+    /** 点击 Overlay 是否关闭，默认 true */
+    dismissOnOverlayClick?: boolean;
+}, false>;

package/dist/components/dialog/DialogPortal/DialogPortal.d.ts

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

package/dist/components/dialog/DialogPortal/DialogPortal.js.map

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

package/dist/components/dialog/DialogSurface/DialogSurface.d.ts

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

package/dist/components/dialog/DialogSurface/DialogSurface.js

@@ -0,0 +1,77 @@
+import { useDialogContext as e } from "../Dialog/Dialog.context.js";
+import { DialogPortal as t } from "../DialogPortal/DialogPortal.js";
+import { DialogOverlay as n } from "../DialogOverlay/DialogOverlay.js";
+import { DialogContentContext as r } from "../DialogContent/DialogContent.context.js";
+import { createComponent as i, insert as a, mergeProps as o, spread as s, template as c } from "solid-js/web";
+import { Show as l, createSignal as u, splitProps as d } from "solid-js";
+//#region src/components/dialog/DialogSurface/DialogSurface.tsx
+var f = /*#__PURE__*/ c("<div role=presentation class=\"fixed inset-0 select-none\"aria-hidden=true>"), p = /*#__PURE__*/ c("<span data-type=inside class=sr-only aria-hidden=true>"), m = /*#__PURE__*/ c("<div data-dialog-surface>");
+function h(c) {
+	let { show: h, open: g, setShow: _ } = e(), [v, y] = d(c, [
+		"role",
+		"dismissOnOverlayClick",
+		"overlayClass",
+		"class",
+		"classList",
+		"children"
+	]), [b, x] = u(), [S, C] = u();
+	return i(l, {
+		get when() {
+			return h();
+		},
+		get children() {
+			return i(r.Provider, {
+				value: {
+					setTitleID: x,
+					setDescriptionID: C
+				},
+				get children() {
+					return i(t, { get children() {
+						return [
+							f(),
+							i(n, {
+								get dismissOnOverlayClick() {
+									return v.dismissOnOverlayClick;
+								},
+								get class() {
+									return v.overlayClass;
+								}
+							}),
+							p(),
+							(() => {
+								var e = m();
+								return e.addEventListener("animationend", () => {
+									g() || _(!1);
+								}), s(e, o({
+									get role() {
+										return v.role ?? "dialog";
+									},
+									get "data-open"() {
+										return g();
+									},
+									get class() {
+										return v.class;
+									},
+									get classList() {
+										return v.classList;
+									},
+									get "aria-labelledby"() {
+										return b();
+									},
+									get "aria-describedby"() {
+										return S();
+									}
+								}, y), !1, !0), a(e, () => v.children), e;
+							})(),
+							p()
+						];
+					} });
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { h as DialogSurface };
+
+//# sourceMappingURL=DialogSurface.js.map

package/dist/components/dialog/DialogSurface/DialogSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogSurface.js","names":["Show","createSignal","splitProps","DialogSurfaceProps","DialogPortal","DialogOverlay","DialogContentContext","useDialogContext","DialogSurface","props","show","open","setShow","local","others","titleID","setTitleID","descriptionID","setDescriptionID","_$createComponent","when","children","Provider","value","_tmpl$","dismissOnOverlayClick","class","overlayClass","_tmpl$2","_el$3","_tmpl$3","addEventListener","_$spread","_$mergeProps","role","data-open","classList","aria-labelledby","aria-describedby","_$insert","_$createComponent","_$mergeProps","_tmpl$","_tmpl$2","_tmpl$3","DialogSurface","useDialogContext","local","others","splitProps","props","titleID","setTitleID","createSignal","descriptionID","setDescriptionID","createComponent","Show","show","DialogContentContext","DialogPortal","DialogOverlay","\"class\"","_el$3","open","setShow","spread","mergeProps","insert"],"sources":["../../../../src/components/dialog/DialogSurface/DialogSurface.tsx"],"sourcesContent":["import { Show, createSignal, splitProps } from \"solid-js\";\nimport type { DialogSurfaceProps } from \"./DialogSurface.types\";\nimport { DialogPortal } from \"../DialogPortal\";\nimport { DialogOverlay } from \"../DialogOverlay\";\nimport { DialogContentContext } from \"../DialogContent/DialogContent.context\";\nimport { useDialogContext } from \"../Dialog\";\n\nexport function DialogSurface(props: DialogSurfaceProps) {\n  const { show, open, setShow } = useDialogContext();\n\n  const [local, others] = splitProps(props, [\n    \"role\",\n    \"dismissOnOverlayClick\",\n    \"overlayClass\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const [titleID, setTitleID] = createSignal<string>();\n  const [descriptionID, setDescriptionID] = createSignal<string>();\n\n  return (\n    <Show when={show()}>\n      <DialogContentContext.Provider value={{ setTitleID, setDescriptionID }}>\n        <DialogPortal>\n          <div\n            role=\"presentation\"\n            class=\"fixed inset-0 select-none\"\n            aria-hidden=\"true\"\n          />\n          <DialogOverlay\n            dismissOnOverlayClick={local.dismissOnOverlayClick}\n            class={local.overlayClass}\n          />\n          <span data-type=\"inside\" class=\"sr-only\" aria-hidden=\"true\" />\n          {/* biome-ignore lint/a11y/useAriaPropsSupportedByRole: role 为 dialog/alertdialog，二者都支持 aria-labelledby/aria-describedby */}\n          <div\n            role={local.role ?? \"dialog\"}\n            data-dialog-surface=\"\"\n            data-open={open()}\n            class={local.class}\n            classList={local.classList}\n            aria-labelledby={titleID()}\n            aria-describedby={descriptionID()}\n            onAnimationEnd={() => {\n              if (open()) return;\n              setShow(false);\n            }}\n            {...others}\n          >\n            {local.children}\n          </div>\n          <span data-type=\"inside\" class=\"sr-only\" aria-hidden=\"true\" />\n        </DialogPortal>\n      </DialogContentContext.Provider>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgBQ,EAAcC,GAA2B;CACvD,IAAM,EAAEC,SAAMC,SAAMC,eAAYL,EAAiB,GAE3C,CAACM,GAAOC,KAAUZ,EAAWO,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACM,GAASC,KAAcf,EAAqB,GAC7C,CAACgB,GAAeC,KAAoBjB,EAAqB;CAE/D,OAAAkB,EACGnB,GAAI;EAAA,IAACoB,OAAI;GAAA,OAAEV,EAAK;EAAC;EAAA,IAAAW,WAAA;GAAA,OAAAF,EACfb,EAAqBgB,UAAQ;IAACC,OAAO;KAAEP;KAAYE;IAAiB;IAAC,IAAAG,WAAA;KAAA,OAAAF,EACnEf,GAAY,EAAA,IAAAiB,WAAA;MAAA,OAAA;OAAAG,EAAA;OAAAL,EAMVd,GAAa;QAAA,IACZoB,wBAAqB;SAAA,OAAEZ,EAAMY;QAAqB;QAAA,IAAAqC,QAAA;SAAA,OAC3CjD,EAAMc;QAAY;OAAA,CAAA;OAAAC,EAAA;cAAA;QAAA,IAAAC,IAAAC,EAAA;QAkBV,OAlBUD,EAAAE,iBAAA,sBAYH;SACpB,AAAIpB,EAAK,KACTC,EAAQ,EAAK;QACf,CAAC,GAAAoB,EAAAH,GAAAI,EAAA;SAAA,IAVDC,OAAI;UAAA,OAAErB,EAAMqB,QAAQ;SAAQ;SAAA,IAAA,cAAA;UAAA,OAEjBvB,EAAK;SAAC;SAAA,IAAAmD,QAAA;UAAA,OACVjD,EAAMa;SAAK;SAAA,IAClBU,YAAS;UAAA,OAAEvB,EAAMuB;SAAS;SAAA,IAAA,oBAAA;UAAA,OACTrB,EAAQ;SAAC;SAAA,IAAA,qBAAA;UAAA,OACRE,EAAc;SAAC;QAAA,GAK7BH,CAAM,GAAA,IAAA,EAAA,GAAAyB,EAAAV,SAEThB,EAAMQ,QAAQ,GAAAQ;OAAA,EAAA,CAAA;OAAAD,EAAA;MAAA;KAAA,EAAA,CAAA;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAO3B"}

package/dist/components/dialog/DialogSurface/DialogSurface.types.d.ts

@@ -0,0 +1,15 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+/**
+ * DialogSurface 是 Dialog / AlertDialog 共用的「行为外壳」：
+ * 负责 Portal、Overlay、隐藏哨兵节点、挂载/卸载动画，以及 Title/Description
+ * 的 id 注入(通过 DialogContentContext)。视觉样式完全由调用方通过 class 提供，
+ * 因此 DialogContent 与 AlertDialogContent 可以各自维护样式而不互相污染。
+ */
+export type DialogSurfaceProps = PolymorphicProps<"div", BaseProps & {
+    /** 内容区 role，默认 "dialog"；AlertDialog 传 "alertdialog" */
+    role?: "dialog" | "alertdialog";
+    /** 点击 Overlay 是否关闭，默认 true；AlertDialog 传 false */
+    dismissOnOverlayClick?: boolean;
+    /** Overlay 的额外 class */
+    overlayClass?: string;
+}, false>;

package/dist/components/dialog/DialogSurface/index.d.ts

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

package/dist/components/dialog/DialogTitle/DialogTitle.d.ts

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

package/dist/components/dialog/DialogTitle/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.js","names":["createUniqueId","onMount","splitProps","DialogTitleProps","clsx","classes","useDialogContentContext","DialogTitle","props","setTitleID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/dialog/DialogTitle/DialogTitle.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { DialogTitleProps } from \"./DialogTitle.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogTitle.styles\";\nimport { useDialogContentContext } from \"../DialogContent\";\n\nexport const DialogTitle = (props: DialogTitleProps) => {\n  const { setTitleID } = useDialogContentContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const id = createUniqueId();\n\n  onMount(() => {\n    setTitleID(id);\n  });\n\n  return (\n    <h2\n      id={id}\n      data-slot=\"dialog-title\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;wDAMaO,KAAeC,MAA4B;CACtD,IAAM,EAAEC,kBAAeH,EAAwB,GAEzC,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAE1DI,IAAKZ,EAAe;CAM1B,OAJAC,QAAc;EACZQ,EAAWG,CAAE;CACf,CAAC,UAED;EAAA,IAAAC,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAA,MAEQD,CAAE,GAAAI,EAAAH,GAAAI,EAAA,EAAA,IAAA,QAAA;GAAA,OAECb,EAAKC,GAASK,EAAMQ,KAAK;EAAC,EAAA,GAC7BP,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"DialogTitle.js","names":["createUniqueId","onMount","splitProps","DialogTitleProps","clsx","classes","useDialogContentContext","DialogTitle","props","setTitleID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","DialogTitle","useDialogContentContext","local","others","splitProps","props","id","createUniqueId","onMount","_el$","setAttribute","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/dialog/DialogTitle/DialogTitle.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { DialogTitleProps } from \"./DialogTitle.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogTitle.styles\";\nimport { useDialogContentContext } from \"../DialogContent\";\n\nexport const DialogTitle = (props: DialogTitleProps) => {\n  const { setTitleID } = useDialogContentContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const id = createUniqueId();\n\n  onMount(() => {\n    setTitleID(id);\n  });\n\n  return (\n    <h2\n      id={id}\n      data-slot=\"dialog-title\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;wDAMaO,KAAeC,MAA4B;CACtD,IAAM,EAAEC,kBAAeH,EAAwB,GAEzC,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAE1DI,IAAKZ,EAAe;CAM1B,OAJAC,QAAc;EACZQ,EAAWG,CAAE;CACf,CAAC,UAED;EAAA,IAAAC,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAA,MAEQD,CAAE,GAAAI,EAAAH,GAAAI,EAAA,EAAA,IAAAiB,QAAA;GAAA,OAEC9B,EAAKC,GAASK,EAAMQ,KAAK;EAAC,EAAA,GAC7BP,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/dialog/DialogTitle/DialogTitle.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogTitle/DialogTitle.styles.ts"],"sourcesContent":["export const classes = \"cn-font-heading text-base leading-none font-medium\";\n"],"mappings":";AAAA,IAAa,IAAU"}
+{"version":3,"file":"DialogTitle.styles.js","names":["classes"],"sources":["../../../../src/components/dialog/DialogTitle/DialogTitle.styles.ts"],"sourcesContent":["export const classes = \"cn-font-heading text-base leading-none font-medium\";\n"],"mappings":";AAAA,IAAaA,IAAU"}

package/dist/components/dialog/DialogTrigger/DialogTrigger.d.ts

@@ -1,4 +1,4 @@
 import { ValidComponent } from 'solid-js';
 import { DialogTriggerProps } from './DialogTrigger.types';
 import { Button } from '../../button';
-export declare const DialogTrigger: <T extends ValidComponent = typeof Button<"button">>(props: DialogTriggerProps<T>) => import("solid-js").JSX.Element;
+export declare const DialogTrigger: <T extends ValidComponent = typeof Button<"button">>(props: DialogTriggerProps<T>) => import('solid-js').JSX.Element;

package/dist/components/dialog/DialogTrigger/DialogTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTrigger.js","names":["ValidComponent","Dynamic","useDialogTrigger","DialogTriggerProps","Button","mergeRefs","DialogTrigger","props","T","open","isDisabled","attachListeners","_$createComponent","_$mergeProps","component","ref","r$","_ref$","disabled","aria-expanded","data-state"],"sources":["../../../../src/components/dialog/DialogTrigger/DialogTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\n\nimport { useDialogTrigger } from \"./useDialogTrigger\";\nimport type { DialogTriggerProps } from \"./DialogTrigger.types\";\n\nimport { Button } from \"~/components/button\";\nimport { mergeRefs } from \"~/utils\";\n\nexport const DialogTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: DialogTriggerProps<T>,\n) => {\n  const { open, isDisabled, attachListeners } = useDialogTrigger(() => props);\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(props.ref, attachListeners)}\n      disabled={isDisabled()}\n      data-slot=\"dialog-trigger\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={open()}\n      data-state={open() ? \"open\" : \"closed\"}\n    />\n  );\n};\n"],"mappings":";;;;;AASA,IAAaM,KAGXC,MACG;CACH,IAAM,EAAEE,SAAMC,eAAYC,uBAAoBT,QAAuBK,CAAK;CAE1E,OAAAK,EACGX,GAAOY,EACFN,GAAK;EAAA,IACTO,YAAS;GAAA,OAAGP,EAAMO,aAAgCV;EAAgB;EAAAW,IAAAC,GAAA;GAAA,IAAAC,IAC7DZ,EAAUE,EAAMQ,KAAKJ,CAAe;GAAC,OAAAM,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,IAC1CE,WAAQ;GAAA,OAAER,EAAW;EAAC;EAAA,aAAA;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAGPD,EAAK;EAAC;EAAA,IAAA,eAAA;GAAA,OACTA,EAAK,IAAI,SAAS;EAAQ;CAAA,CAAA,CAAA;AAG5C"}
+{"version":3,"file":"DialogTrigger.js","names":["ValidComponent","Dynamic","useDialogTrigger","DialogTriggerProps","Button","mergeRefs","DialogTrigger","props","T","open","isDisabled","attachListeners","_$createComponent","_$mergeProps","component","ref","r$","_ref$","disabled","aria-expanded","data-state","_$createComponent","_$mergeProps","DialogTrigger","useDialogTrigger","props","createComponent","Dynamic","mergeProps","Button","_ref$","mergeRefs","attachListeners","r$","isDisabled","open"],"sources":["../../../../src/components/dialog/DialogTrigger/DialogTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\n\nimport { useDialogTrigger } from \"./useDialogTrigger\";\nimport type { DialogTriggerProps } from \"./DialogTrigger.types\";\n\nimport { Button } from \"~/components/button\";\nimport { mergeRefs } from \"~/utils\";\n\nexport const DialogTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: DialogTriggerProps<T>,\n) => {\n  const { open, isDisabled, attachListeners } = useDialogTrigger(() => props);\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(props.ref, attachListeners)}\n      disabled={isDisabled()}\n      data-slot=\"dialog-trigger\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={open()}\n      data-state={open() ? \"open\" : \"closed\"}\n    />\n  );\n};\n"],"mappings":";;;;;AASA,IAAaM,KAGXC,MACG;CACH,IAAM,EAAEE,SAAMC,eAAYC,uBAAoBT,QAAuBK,CAAK;CAE1E,OAAAK,EACGX,GAAOY,EACFN,GAAK;EAAA,IACTO,YAAS;GAAA,OAAGP,EAAMO,aAAgCV;EAAgB;EAAAW,IAAAC,GAAA;GAAA,IAAAC,IAC7DZ,EAAUE,EAAMQ,KAAKJ,CAAe;GAAC,OAAAM,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,IAC1CE,WAAQ;GAAA,OAAER,EAAW;EAAC;EAAA,aAAA;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAGPD,EAAK;EAAC;EAAA,IAAA,eAAA;GAAA,OACTA,EAAK,IAAI,SAAS;EAAQ;CAAA,CAAA,CAAA;AAG5C"}

package/dist/components/dialog/DialogTrigger/useDialogTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDialogTrigger.js","names":[],"sources":["../../../../src/components/dialog/DialogTrigger/useDialogTrigger.ts"],"sourcesContent":["import { onCleanup, type ValidComponent } from \"solid-js\";\nimport { useDialogContext } from \"../Dialog\";\nimport type { DialogTriggerProps } from \"./DialogTrigger.types\";\n\nexport interface UseDialogTriggerResult {\n  open: () => boolean;\n  isDisabled: () => boolean;\n  /**\n   * 把打开 Dialog 的 click 监听器绑定到真正的 DOM 元素上（通过 ref 调用）。\n   * 使用 addEventListener 而不是 JSX 的 onClick prop，是为了不占用 onClick——\n   * 调用方自己传的 onClick 不会被覆盖，两者都会触发。\n   */\n  attachListeners: (el: Element) => void;\n}\n\nexport function useDialogTrigger<T extends ValidComponent>(\n  props: () => DialogTriggerProps<T>,\n): UseDialogTriggerResult {\n  const { open, setOpen } = useDialogContext();\n\n  const isDisabled = () => !!props().disabled;\n\n  const attachListeners = (el: Element) => {\n    const onClick = () => {\n      if (isDisabled()) return;\n      if (open()) return;\n      setOpen(true);\n    };\n\n    el.addEventListener(\"click\", onClick);\n\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n    });\n  };\n\n  return { open, isDisabled, attachListeners };\n}\n"],"mappings":";;;AAeA,SAAgB,EACd,GACwB;CACxB,IAAM,EAAE,SAAM,eAAY,EAAiB,GAErC,UAAmB,CAAC,CAAC,EAAM,CAAC,CAAC;CAgBnC,OAAO;EAAE;EAAM;EAAY,kBAdF,MAAgB;GACvC,IAAM,UAAgB;IAChB,EAAW,KACX,EAAK,KACT,EAAQ,EAAI;GACd;GAIA,AAFA,EAAG,iBAAiB,SAAS,CAAO,GAEpC,QAAgB;IACd,EAAG,oBAAoB,SAAS,CAAO;GACzC,CAAC;EACH;CAE2C;AAC7C"}
+{"version":3,"file":"useDialogTrigger.js","names":["useDialogTrigger","useDialogContext","isDisabled","props","onClick","open","setOpen","el","onCleanup"],"sources":["../../../../src/components/dialog/DialogTrigger/useDialogTrigger.ts"],"sourcesContent":["import { onCleanup, type ValidComponent } from \"solid-js\";\nimport { useDialogContext } from \"../Dialog\";\nimport type { DialogTriggerProps } from \"./DialogTrigger.types\";\n\nexport interface UseDialogTriggerResult {\n  open: () => boolean;\n  isDisabled: () => boolean;\n  /**\n   * 把打开 Dialog 的 click 监听器绑定到真正的 DOM 元素上（通过 ref 调用）。\n   * 使用 addEventListener 而不是 JSX 的 onClick prop，是为了不占用 onClick——\n   * 调用方自己传的 onClick 不会被覆盖，两者都会触发。\n   */\n  attachListeners: (el: Element) => void;\n}\n\nexport function useDialogTrigger<T extends ValidComponent>(\n  props: () => DialogTriggerProps<T>,\n): UseDialogTriggerResult {\n  const { open, setOpen } = useDialogContext();\n\n  const isDisabled = () => !!props().disabled;\n\n  const attachListeners = (el: Element) => {\n    const onClick = () => {\n      if (isDisabled()) return;\n      if (open()) return;\n      setOpen(true);\n    };\n\n    el.addEventListener(\"click\", onClick);\n\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n    });\n  };\n\n  return { open, isDisabled, attachListeners };\n}\n"],"mappings":";;;AAeA,SAAgBA,EACd,GACwB;CACxB,IAAM,EAAE,SAAM,eAAYC,EAAiB,GAErCC,UAAmB,CAAC,CAACC,EAAM,CAAC,CAAC;CAgBnC,OAAO;EAAE;EAAM;EAAY,kBAdF,MAAgB;GACvC,IAAMC,UAAgB;IACpB,AAAIF,EAAW,KACXG,EAAK,KACTC,EAAQ,EAAI;GACd;GAIA,AAFAC,EAAG,iBAAiB,SAASH,CAAO,GAEpCI,QAAgB;IACd,EAAG,oBAAoB,SAASJ,CAAO;GACzC,CAAC;EACH;CAE2C;AAC7C"}

package/dist/components/dialog/index.d.ts

@@ -1,6 +1,7 @@
 export * from './Dialog';
 export * from './DialogClose';
 export * from './DialogContent';
+export * from './DialogSurface';
 export * from './DialogDescription';
 export * from './DialogFooter';
 export * from './DialogHeader';

package/dist/components/dialog/index.js

@@ -4,11 +4,12 @@ import { DialogClose as n } from "./DialogClose/DialogClose.js";
 import { DialogPortal as r } from "./DialogPortal/DialogPortal.js";
 import { DialogOverlay as i } from "./DialogOverlay/DialogOverlay.js";
 import { useDialogContentContext as a } from "./DialogContent/DialogContent.context.js";
-import { DialogContent as o } from "./DialogContent/DialogContent.js";
-import { DialogDescription as s } from "./DialogDescription/DialogDescription.js";
-import { DialogFooter as c } from "./DialogFooter/DialogFooter.js";
-import { DialogHeader as l } from "./DialogHeader/DialogHeader.js";
-import { DialogTitle as u } from "./DialogTitle/DialogTitle.js";
-import { useDialogTrigger as d } from "./DialogTrigger/useDialogTrigger.js";
-import { DialogTrigger as f } from "./DialogTrigger/DialogTrigger.js";
-export { t as Dialog, n as DialogClose, o as DialogContent, s as DialogDescription, c as DialogFooter, l as DialogHeader, i as DialogOverlay, r as DialogPortal, u as DialogTitle, f as DialogTrigger, a as useDialogContentContext, e as useDialogContext, d as useDialogTrigger };
+import { DialogSurface as o } from "./DialogSurface/DialogSurface.js";
+import { DialogContent as s } from "./DialogContent/DialogContent.js";
+import { DialogDescription as c } from "./DialogDescription/DialogDescription.js";
+import { DialogFooter as l } from "./DialogFooter/DialogFooter.js";
+import { DialogHeader as u } from "./DialogHeader/DialogHeader.js";
+import { DialogTitle as d } from "./DialogTitle/DialogTitle.js";
+import { useDialogTrigger as f } from "./DialogTrigger/useDialogTrigger.js";
+import { DialogTrigger as p } from "./DialogTrigger/DialogTrigger.js";
+export { t as Dialog, n as DialogClose, s as DialogContent, c as DialogDescription, l as DialogFooter, u as DialogHeader, i as DialogOverlay, r as DialogPortal, o as DialogSurface, d as DialogTitle, p as DialogTrigger, a as useDialogContentContext, e as useDialogContext, f as useDialogTrigger };

package/dist/components/drawer/Drawer/Drawer.context.d.ts

@@ -0,0 +1,3 @@
+import { DrawerContextValue } from './Drawer.types';
+export declare const DrawerContext: import('solid-js').Context<DrawerContextValue | undefined>;
+export declare function useDrawerContext(component: string): DrawerContextValue;

package/dist/components/drawer/Drawer/Drawer.context.js

@@ -0,0 +1,12 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/drawer/Drawer/Drawer.context.ts
+var n = e();
+function r(e) {
+	let r = t(n);
+	if (!r) throw Error(`<${e}> 必须渲染在 <Drawer> 内部`);
+	return r;
+}
+//#endregion
+export { n as DrawerContext, r as useDrawerContext };
+
+//# sourceMappingURL=Drawer.context.js.map

package/dist/components/drawer/Drawer/Drawer.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.context.js","names":["DrawerContext","createContext","useDrawerContext","ctx","useContext","component"],"sources":["../../../../src/components/drawer/Drawer/Drawer.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { DrawerContextValue } from \"./Drawer.types\";\n\nexport const DrawerContext = createContext<DrawerContextValue>();\n\nexport function useDrawerContext(component: string): DrawerContextValue {\n  const ctx = useContext(DrawerContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <Drawer> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAGA,IAAaA,IAAgBC,EAAkC;AAE/D,SAAgBC,EAAiB,GAAuC;CACtE,IAAMC,IAAMC,EAAWJ,CAAa;CACpC,IAAI,CAACG,GACH,MAAU,MAAM,IAAIE,EAAU,oBAAoB;CAEpD,OAAOF;AACT"}

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

@@ -0,0 +1,7 @@
+import { JSX } from 'solid-js';
+import { DrawerProps } from './Drawer.types';
+/**
+ * Drawer 根组件：不渲染 DOM，负责开关状态、modal 锁滚动与外部交互，
+ * 通过 context 驱动 Trigger/Content 等子部件。
+ */
+export declare function Drawer(props: DrawerProps): JSX.Element;

package/dist/components/drawer/Drawer/Drawer.js

@@ -0,0 +1,63 @@
+import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
+import { DrawerContext as t } from "./Drawer.context.js";
+import { createDrawerChangeEventDetails as n } from "./create-change-event-details.js";
+import { createComponent as r } from "solid-js/web";
+import { createEffect as i, createMemo as a, createSignal as o, createUniqueId as s, onCleanup as c } from "solid-js";
+//#region src/components/drawer/Drawer/Drawer.tsx
+function l(l) {
+	let [u, d] = o(l.defaultOpen ?? !1), f = a(() => l.open === void 0 ? u() : l.open), [p, m] = o(f()), h = a(() => l.modal ?? !0), g = a(() => l.swipeDirection ?? "down"), _ = a(() => l.showSwipeHandle === !0), v = a(() => l.disablePointerDismissal === !0), [y, b] = o(), [x, S] = o(), [C, w] = o(), [T, E] = o(), D = `drawer-content-${s()}`;
+	i(() => {
+		f() && m(!0);
+	});
+	let O = () => {
+		let e = y();
+		e && typeof e.focus == "function" && e.focus({ preventScroll: !0 });
+	}, k = (e, t, r) => {
+		if (e === f() && e) return;
+		let i = n(t, r, y());
+		l.open === void 0 && d(e), l.onOpenChange?.(e, i);
+	};
+	e(() => f() && h(), { allowedSelector: "[data-slot=\"drawer-popup\"]" }), i(() => {
+		if (!f()) return;
+		let e = (e) => {
+			e.defaultPrevented || e.key === "Escape" && (e.preventDefault(), k(!1, "escape-key", e));
+		}, t = (e) => {
+			if (v()) return;
+			let t = e.target;
+			x()?.contains(t) || y()?.contains(t) || k(!1, "outside-press", e);
+		};
+		document.addEventListener("keydown", e), document.addEventListener("pointerdown", t, !0), c(() => {
+			document.removeEventListener("keydown", e), document.removeEventListener("pointerdown", t, !0);
+		});
+	});
+	let A = {
+		open: f,
+		setOpen: k,
+		show: p,
+		setShow: m,
+		modal: h,
+		swipeDirection: g,
+		showSwipeHandle: _,
+		disablePointerDismissal: v,
+		trigger: y,
+		setTrigger: b,
+		popup: x,
+		setPopup: S,
+		contentId: D,
+		titleId: C,
+		setTitleId: w,
+		descriptionId: T,
+		setDescriptionId: E,
+		restoreFocus: O
+	};
+	return r(t.Provider, {
+		value: A,
+		get children() {
+			return l.children;
+		}
+	});
+}
+//#endregion
+export { l as Drawer };
+
+//# sourceMappingURL=Drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","names":["createEffect","createMemo","createSignal","createUniqueId","onCleanup","JSX","useScrollLock","DrawerContext","createDrawerChangeEventDetails","DrawerProps","Drawer","props","Element","internalOpen","setInternalOpen","defaultOpen","open","undefined","show","setShow","modal","swipeDirection","showSwipeHandle","disablePointerDismissal","trigger","setTrigger","HTMLElement","popup","setPopup","titleId","setTitleId","descriptionId","setDescriptionId","contentId","restoreFocus","el","focus","preventScroll","setOpen","next","reason","Parameters","event","Event","details","onOpenChange","allowedSelector","onKeyDown","e","KeyboardEvent","defaultPrevented","key","preventDefault","onPointerDown","PointerEvent","target","Node","contains","document","addEventListener","removeEventListener","ctx","_$createComponent","Provider","value","children","_$createComponent","Drawer","internalOpen","setInternalOpen","createSignal","props","open","createMemo","show","setShow","modal","swipeDirection","showSwipeHandle","disablePointerDismissal","trigger","setTrigger","popup","setPopup","titleId","setTitleId","descriptionId","setDescriptionId","contentId","createUniqueId","restoreFocus","el","setOpen","next","details","createDrawerChangeEventDetails","reason","event","useScrollLock","createEffect","onKeyDown","onPointerDown","target","onCleanup","ctx","createComponent","DrawerContext"],"sources":["../../../../src/components/drawer/Drawer/Drawer.tsx"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  type JSX,\n} from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport { DrawerContext } from \"./Drawer.context\";\nimport { createDrawerChangeEventDetails } from \"./create-change-event-details\";\nimport type { DrawerProps } from \"./Drawer.types\";\n\n/**\n * Drawer 根组件：不渲染 DOM，负责开关状态、modal 锁滚动与外部交互，\n * 通过 context 驱动 Trigger/Content 等子部件。\n */\nexport function Drawer(props: DrawerProps): JSX.Element {\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const [show, setShow] = createSignal(open());\n\n  const modal = createMemo(() => props.modal ?? true);\n  const swipeDirection = createMemo(() => props.swipeDirection ?? \"down\");\n  const showSwipeHandle = createMemo(() => props.showSwipeHandle === true);\n  const disablePointerDismissal = createMemo(\n    () => props.disablePointerDismissal === true,\n  );\n\n  const [trigger, setTrigger] = createSignal<HTMLElement>();\n  const [popup, setPopup] = createSignal<HTMLElement>();\n  const [titleId, setTitleId] = createSignal<string>();\n  const [descriptionId, setDescriptionId] = createSignal<string>();\n  const contentId = `drawer-content-${createUniqueId()}`;\n\n  // 打开时立刻挂载；关闭时保留到退场动画结束（由 Content 的 transitionend 收尾）\n  createEffect(() => {\n    if (open()) setShow(true);\n  });\n\n  const restoreFocus = () => {\n    const el = trigger();\n    if (el && typeof el.focus === \"function\") {\n      el.focus({ preventScroll: true });\n    }\n  };\n\n  const setOpen = (\n    next: boolean,\n    reason: Parameters<typeof createDrawerChangeEventDetails>[0],\n    event?: Event,\n  ) => {\n    if (next === open() && next) return;\n    const details = createDrawerChangeEventDetails(reason, event, trigger());\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next, details);\n  };\n\n  // Modal 打开时锁定页面滚动，浮层内部仍可滚动\n  useScrollLock(() => open() && modal(), {\n    allowedSelector: '[data-slot=\"drawer-popup\"]',\n  });\n\n  // 打开期间：Esc 关闭 +（非 disablePointerDismissal）点击外部关闭\n  createEffect(() => {\n    if (!open()) return;\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.defaultPrevented) return;\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        setOpen(false, \"escape-key\", e);\n      }\n    };\n\n    const onPointerDown = (e: PointerEvent) => {\n      if (disablePointerDismissal()) return;\n      const target = e.target as Node | null;\n      if (popup()?.contains(target)) return;\n      if (trigger()?.contains(target)) return;\n      setOpen(false, \"outside-press\", e);\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    document.addEventListener(\"pointerdown\", onPointerDown, true);\n    onCleanup(() => {\n      document.removeEventListener(\"keydown\", onKeyDown);\n      document.removeEventListener(\"pointerdown\", onPointerDown, true);\n    });\n  });\n\n  const ctx = {\n    open,\n    setOpen,\n    show,\n    setShow,\n    modal,\n    swipeDirection,\n    showSwipeHandle,\n    disablePointerDismissal,\n    trigger,\n    setTrigger,\n    popup,\n    setPopup,\n    contentId,\n    titleId,\n    setTitleId,\n    descriptionId,\n    setDescriptionId,\n    restoreFocus,\n  };\n\n  return (\n    <DrawerContext.Provider value={ctx}>\n      {props.children}\n    </DrawerContext.Provider>\n  );\n}\n"],"mappings":";;;;;;AAiBA,SAAgBU,EAAOC,GAAiC;CACtD,IAAM,CAACE,GAAcC,KAAmBZ,EACtCS,EAAMI,eAAe,EACvB,GACMC,IAAOf,QACXU,EAAMK,SAASC,KAAAA,IAAyBJ,EAAa,IAA1BF,EAAMK,IACnC,GACM,CAACE,GAAMC,KAAWjB,EAAac,EAAK,CAAC,GAErCI,IAAQnB,QAAiBU,EAAMS,SAAS,EAAI,GAC5CC,IAAiBpB,QAAiBU,EAAMU,kBAAkB,MAAM,GAChEC,IAAkBrB,QAAiBU,EAAMW,oBAAoB,EAAI,GACjEC,IAA0BtB,QACxBU,EAAMY,4BAA4B,EAC1C,GAEM,CAACC,GAASC,KAAcvB,EAA0B,GAClD,CAACyB,GAAOC,KAAY1B,EAA0B,GAC9C,CAAC2B,GAASC,KAAc5B,EAAqB,GAC7C,CAAC6B,GAAeC,KAAoB9B,EAAqB,GACzD+B,IAAY,kBAAkB9B,EAAe;CAGnDH,QAAmB;EACjB,AAAIgB,EAAK,KAAGG,EAAQ,EAAI;CAC1B,CAAC;CAED,IAAMe,UAAqB;EACzB,IAAMC,IAAKX,EAAQ;EACnB,AAAIW,KAAM,OAAOA,EAAGC,SAAU,cAC5BD,EAAGC,MAAM,EAAEC,eAAe,GAAK,CAAC;CAEpC,GAEMC,KACJC,GACAC,GACAE,MACG;EACH,IAAIH,MAASvB,EAAK,KAAKuB,GAAM;EAC7B,IAAMK,IAAUpC,EAA+BgC,GAAQE,GAAOlB,EAAQ,CAAC;EAEvEb,AADIA,EAAMK,SAASC,KAAAA,KAAWH,EAAgByB,CAAI,GAClD5B,EAAMkC,eAAeN,GAAMK,CAAO;CACpC;CAQA5C,AALAM,QAAoBU,EAAK,KAAKI,EAAM,GAAG,EACrC0B,iBAAiB,+BACnB,CAAC,GAGD9C,QAAmB;EACjB,IAAI,CAACgB,EAAK,GAAG;EAEb,IAAM+B,KAAaC,MAAqB;GACtC,AAAIA,EAAEE,oBACFF,EAAEG,QAAQ,aACZH,EAAEI,eAAe,GACjBd,EAAQ,IAAO,cAAcU,CAAC;EAElC,GAEMK,KAAiBL,MAAoB;GACzC,IAAIzB,EAAwB,GAAG;GAC/B,IAAMgC,IAASP,EAAEO;GACjB,AAAI5B,EAAM,CAAC,EAAE8B,SAASF,CAAM,KACxB/B,EAAQ,CAAC,EAAEiC,SAASF,CAAM,KAC9BjB,EAAQ,IAAO,iBAAiBU,CAAC;EACnC;EAIA5C,AAFAsD,SAASC,iBAAiB,WAAWZ,CAAS,GAC9CW,SAASC,iBAAiB,eAAeN,GAAe,EAAI,GAC5DjD,QAAgB;GAEdsD,AADAA,SAASE,oBAAoB,WAAWb,CAAS,GACjDW,SAASE,oBAAoB,eAAeP,GAAe,EAAI;EACjE,CAAC;CACH,CAAC;CAED,IAAMQ,IAAM;EACV7C;EACAsB;EACApB;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAE;EACAC;EACAK;EACAJ;EACAC;EACAC;EACAC;EACAE;CACF;CAEA,OAAA4B,EACGvD,EAAcwD,UAAQ;EAACC,OAAOH;EAAG,IAAAI,WAAA;GAAA,OAC/BtD,EAAMsD;EAAQ;CAAA,CAAA;AAGrB"}

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

@@ -0,0 +1,50 @@
+import { Accessor, ParentProps } from 'solid-js';
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DrawerSwipeDirection = "up" | "down" | "left" | "right";
+export type DrawerChangeReason = "trigger-press" | "close-press" | "outside-press" | "escape-key" | "swipe" | "none";
+export interface DrawerChangeEventDetails {
+    reason: DrawerChangeReason;
+    event?: Event;
+    trigger?: Element;
+    cancel: () => void;
+    allowPropagation: () => void;
+    readonly isCanceled: boolean;
+    readonly isPropagationAllowed: boolean;
+}
+export interface DrawerProps extends ParentProps {
+    /** 受控打开状态；不传则内部自管理 */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean, eventDetails: DrawerChangeEventDetails) => void;
+    /** 是否模态：显示遮罩、锁滚动、点击外部关闭，默认 true */
+    modal?: boolean;
+    /** 从哪一侧滑出，默认 down */
+    swipeDirection?: DrawerSwipeDirection;
+    /** 是否显示顶部的拖拽把手，默认 false */
+    showSwipeHandle?: boolean;
+    /** 是否禁止点击遮罩/外部关闭，默认 false */
+    disablePointerDismissal?: boolean;
+}
+export interface DrawerContextValue {
+    open: Accessor<boolean>;
+    setOpen: (open: boolean, reason: DrawerChangeReason, event?: Event) => void;
+    /** 关闭时保留挂载直到退场动画结束 */
+    show: Accessor<boolean>;
+    setShow: (show: boolean) => void;
+    modal: Accessor<boolean>;
+    swipeDirection: Accessor<DrawerSwipeDirection>;
+    showSwipeHandle: Accessor<boolean>;
+    disablePointerDismissal: Accessor<boolean>;
+    trigger: Accessor<HTMLElement | undefined>;
+    setTrigger: (el: HTMLElement | undefined) => void;
+    popup: Accessor<HTMLElement | undefined>;
+    setPopup: (el: HTMLElement | undefined) => void;
+    contentId: string;
+    titleId: Accessor<string | undefined>;
+    setTitleId: (id: string | undefined) => void;
+    descriptionId: Accessor<string | undefined>;
+    setDescriptionId: (id: string | undefined) => void;
+    restoreFocus: () => void;
+}
+export type DrawerTriggerProps<T extends import('solid-js').ValidComponent = "button"> = PolymorphicProps<T, BaseProps>;
+export type DrawerCloseProps<T extends import('solid-js').ValidComponent = "button"> = PolymorphicProps<T, BaseProps>;

package/dist/components/drawer/Drawer/create-change-event-details.d.ts

@@ -0,0 +1,3 @@
+import { DrawerChangeEventDetails, DrawerChangeReason } from './Drawer.types';
+/** 构造 onOpenChange 的第二个参数（对齐仓库既有 ChangeEventDetails 语义） */
+export declare function createDrawerChangeEventDetails(reason: DrawerChangeReason, event?: Event, trigger?: Element): DrawerChangeEventDetails;

package/dist/components/drawer/Drawer/create-change-event-details.js

@@ -0,0 +1,25 @@
+//#region src/components/drawer/Drawer/create-change-event-details.ts
+function e(e, t, n) {
+	let r = !1, i = !1;
+	return {
+		reason: e,
+		event: t,
+		trigger: n,
+		cancel: () => {
+			r = !0;
+		},
+		allowPropagation: () => {
+			i = !0;
+		},
+		get isCanceled() {
+			return r;
+		},
+		get isPropagationAllowed() {
+			return i;
+		}
+	};
+}
+//#endregion
+export { e as createDrawerChangeEventDetails };
+
+//# sourceMappingURL=create-change-event-details.js.map

package/dist/components/drawer/Drawer/create-change-event-details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-change-event-details.js","names":["createDrawerChangeEventDetails","canceled","propagationAllowed"],"sources":["../../../../src/components/drawer/Drawer/create-change-event-details.ts"],"sourcesContent":["import type {\n  DrawerChangeEventDetails,\n  DrawerChangeReason,\n} from \"./Drawer.types\";\n\n/** 构造 onOpenChange 的第二个参数（对齐仓库既有 ChangeEventDetails 语义） */\nexport function createDrawerChangeEventDetails(\n  reason: DrawerChangeReason,\n  event?: Event,\n  trigger?: Element,\n): DrawerChangeEventDetails {\n  let canceled = false;\n  let propagationAllowed = false;\n  return {\n    reason,\n    event,\n    trigger,\n    cancel: () => {\n      canceled = true;\n    },\n    allowPropagation: () => {\n      propagationAllowed = true;\n    },\n    get isCanceled() {\n      return canceled;\n    },\n    get isPropagationAllowed() {\n      return propagationAllowed;\n    },\n  };\n}\n"],"mappings":";AAMA,SAAgBA,EACd,GACA,GACA,GAC0B;CAC1B,IAAIC,IAAW,IACXC,IAAqB;CACzB,OAAO;EACL;EACA;EACA;EACA,cAAc;GACZ,IAAW;EACb;EACA,wBAAwB;GACtB,IAAqB;EACvB;EACA,IAAI,aAAa;GACf,OAAOD;EACT;EACA,IAAI,uBAAuB;GACzB,OAAOC;EACT;CACF;AACF"}

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

@@ -0,0 +1,3 @@
+export { Drawer } from './Drawer';
+export { useDrawerContext } from './Drawer.context';
+export type { DrawerProps, DrawerContextValue, DrawerSwipeDirection, DrawerChangeReason, DrawerChangeEventDetails, DrawerTriggerProps, DrawerCloseProps, } from './Drawer.types';

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

@@ -0,0 +1,5 @@
+import { ValidComponent } from 'solid-js';
+import { Button } from '../../button';
+import { DrawerCloseProps } from '../Drawer/Drawer.types';
+/** 关闭抽屉的按钮，默认渲染 Button */
+export declare const DrawerClose: <T extends ValidComponent = typeof Button<"button">>(props: DrawerCloseProps<T>) => import('solid-js').JSX.Element;

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;