@neut/ui 0.0.15 → 0.0.16

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["createEffect","createMemo","createSignal","splitProps","DialogProps","DialogContext","Dialog","props","local","others","initialOpen","open","defaultOpen","show","setShow","internalOpen","setInternalOpen","undefined","setOpen","next","onOpenChange","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$insert"],"sources":["../../../../src/components/dialog/Dialog/Dialog.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, splitProps } from \"solid-js\";\nimport type { DialogProps } from \"./Dialog.types\";\nimport { DialogContext } from \"./Dialog.context\";\n\nexport const Dialog = (props: DialogProps) => {\n  const [local, others] = splitProps(props, [\n    \"open\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"children\",\n  ]);\n\n  const initialOpen = local.open ?? local.defaultOpen ?? false;\n\n  // 实际显示或卸载信号\n  const [show, setShow] = createSignal(initialOpen);\n  // 内部动画控制信号（非受控模式）\n  const [internalOpen, setInternalOpen] = createSignal(\n    local.defaultOpen ?? false,\n  );\n  // 实际动画控制状态：优先取受控 open，否则取内部状态\n  const open = createMemo(() =>\n    local.open === undefined ? internalOpen() : local.open,\n  );\n\n  const setOpen = (next: boolean) => {\n    if (local.open === undefined) {\n      setInternalOpen(next);\n    }\n    local.onOpenChange?.(next);\n  };\n\n  // 打开时立刻挂载；关闭时保留挂载直到动画结束，由 Content/Overlay 的\n  // onAnimationEnd 负责卸载，保证退场动画能完整播放。\n  createEffect(() => {\n    if (open()) {\n      setShow(true);\n    }\n  });\n\n  return (\n    <DialogContext.Provider\n      value={{\n        show,\n        setShow,\n        open,\n        setOpen,\n      }}\n    >\n      <div data-slot=\"dialog\" {...others}>\n        {local.children}\n      </div>\n    </DialogContext.Provider>\n  );\n};\n"],"mappings":";;;;mDAIaM,KAAUC,MAAuB;CAC5C,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO;EACxC;EACA;EACA;EACA;CAAU,CACX,GAEKG,IAAcF,EAAMG,QAAQH,EAAMI,eAAe,IAGjD,CAACC,GAAMC,KAAWZ,EAAaQ,CAAW,GAE1C,CAACK,GAAcC,KAAmBd,EACtCM,EAAMI,eAAe,EACvB,GAEMD,IAAOV,QACXO,EAAMG,SAASM,KAAAA,IAAYF,EAAa,IAAIP,EAAMG,IACpD;CAiBA,OANAX,QAAmB;EACjB,AAAIW,EAAK,KACPG,EAAQ,EAAI;CAEhB,CAAC,GAEDO,EACGhB,EAAciB,UAAQ;EACrBC,OAAO;GACLV;GACAC;GACAH;GACAO,UArBWC,MAAkB;IAIjCX,AAHIA,EAAMG,SAASM,KAAAA,KACjBD,EAAgBG,CAAI,GAEtBX,EAAMY,eAAeD,CAAI;GAC3B;EAiBI;EAAC,IAAAK,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAGgB,OAHhBC,EAAAF,GAE2BhB,GAAM,IAAA,EAAA,GAAAmB,EAAAH,SAC/BjB,EAAMgB,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}
+{"version":3,"file":"Dialog.js","names":["createEffect","createMemo","createSignal","splitProps","useScrollLock","DialogProps","DialogContext","Dialog","props","local","others","initialOpen","open","defaultOpen","show","setShow","internalOpen","setInternalOpen","undefined","lockScroll","allowedSelector","setOpen","next","onOpenChange","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$insert","_$createComponent","_tmpl$","Dialog","local","others","splitProps","props","initialOpen","show","setShow","createSignal","internalOpen","setInternalOpen","open","createMemo","lockScroll","useScrollLock","createEffect","createComponent","DialogContext","next","_el$","spread","insert"],"sources":["../../../../src/components/dialog/Dialog/Dialog.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, splitProps } from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport type { DialogProps } from \"./Dialog.types\";\nimport { DialogContext } from \"./Dialog.context\";\n\nexport const Dialog = (props: DialogProps) => {\n  const [local, others] = splitProps(props, [\n    \"open\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"lockScroll\",\n    \"children\",\n  ]);\n\n  const initialOpen = local.open ?? local.defaultOpen ?? false;\n\n  // 实际显示或卸载信号\n  const [show, setShow] = createSignal(initialOpen);\n  // 内部动画控制信号（非受控模式）\n  const [internalOpen, setInternalOpen] = createSignal(\n    local.defaultOpen ?? false,\n  );\n  // 实际动画控制状态：优先取受控 open，否则取内部状态\n  const open = createMemo(() =>\n    local.open === undefined ? internalOpen() : local.open,\n  );\n  const lockScroll = createMemo(() => props.lockScroll ?? true);\n\n  // 打开期间默认锁定页面滚动：锁住文档滚动并拦截浮层之外的滚轮/触摸，\n  // 内容区自身仍可滚动。传 lockScroll={false} 可关闭该行为。\n  useScrollLock(() => open() && lockScroll(), {\n    allowedSelector: \"[data-dialog-surface]\",\n  });\n\n  const setOpen = (next: boolean) => {\n    if (local.open === undefined) {\n      setInternalOpen(next);\n    }\n    local.onOpenChange?.(next);\n  };\n\n  // 打开时立刻挂载；关闭时保留挂载直到动画结束，由 Content/Overlay 的\n  // onAnimationEnd 负责卸载，保证退场动画能完整播放。\n  createEffect(() => {\n    if (open()) {\n      setShow(true);\n    }\n  });\n\n  return (\n    <DialogContext.Provider\n      value={{\n        show,\n        setShow,\n        open,\n        setOpen,\n      }}\n    >\n      <div data-slot=\"dialog\" {...others}>\n        {local.children}\n      </div>\n    </DialogContext.Provider>\n  );\n};\n"],"mappings":";;;;;mDAKaO,KAAUC,MAAuB;CAC5C,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EACxC;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKG,IAAcF,EAAMG,QAAQH,EAAMI,eAAe,IAGjD,CAACC,GAAMC,KAAWb,EAAaS,CAAW,GAE1C,CAACK,GAAcC,KAAmBf,EACtCO,EAAMI,eAAe,EACvB,GAEMD,IAAOX,QACXQ,EAAMG,SAASM,KAAAA,IAAYF,EAAa,IAAIP,EAAMG,IACpD,GACMO,IAAalB,QAAiBO,EAAMW,cAAc,EAAI;CAuB5D,OAnBAf,QAAoBQ,EAAK,KAAKO,EAAW,GAAG,EAC1CC,iBAAiB,wBACnB,CAAC,GAWDpB,QAAmB;EACjB,AAAIY,EAAK,KACPG,EAAQ,EAAI;CAEhB,CAAC,GAEDS,EACGlB,EAAcmB,UAAQ;EACrBC,OAAO;GACLZ;GACAC;GACAH;GACAS,UArBWC,MAAkB;IAIjCb,AAHIA,EAAMG,SAASM,KAAAA,KACjBD,EAAgBK,CAAI,GAEtBb,EAAMc,eAAeD,CAAI;GAC3B;EAiBI;EAAC,IAAAK,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAGgB,OAHhBC,EAAAF,GAE2BlB,GAAM,IAAA,EAAA,GAAAqB,EAAAH,SAC/BnB,EAAMkB,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}

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

@@ -9,6 +9,11 @@ interface BaseDialogProps {
     defaultOpen?: boolean;
     /** 打开状态变化时回调 */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * 打开时是否锁定页面滚动，默认 true：锁住文档滚动并拦截浮层之外的
+     * 滚轮/触摸滚动，内容区自身仍可滚动。
+     */
+    lockScroll?: boolean;
 }
 export type DialogProps = PolymorphicProps<"div", BaseProps & BaseDialogProps, false>;
 export {};

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

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

package/dist/components/dialog/DialogClose/DialogClose.js

@@ -1,13 +1,13 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { Button as t } from "../../button/Button.js";
-import { useDialogContext as n } from "../Dialog/Dialog.context.js";
+import { useDialogContext as t } from "../Dialog/Dialog.context.js";
+import { Button as n } from "../../button/Button.js";
 import { classes as r } from "./DialogClose.styles.js";
 import { createComponent as i, memo as a, mergeProps as o } from "solid-js/web";
 import { Show as s, mergeProps as c } from "solid-js";
 import { X as l } from "lucide-solid";
 //#region src/components/dialog/DialogClose/DialogClose.tsx
 var u = (u) => {
-	let { setOpen: d } = n(), f = c({
+	let { setOpen: d } = t(), f = c({
 		variant: "ghost",
 		size: "sm"
 	}, u), p = () => {
@@ -18,13 +18,13 @@ var u = (u) => {
 			return a(() => !f.icon)() && !f.children;
 		},
 		get fallback() {
-			return i(t, o(f, {
+			return i(n, o(f, {
 				"data-slot": "dialog-close",
 				onClick: p
 			}));
 		},
 		get children() {
-			return i(t, o(f, {
+			return i(n, o(f, {
 				"data-slot": "dialog-close",
 				get class() {
 					return e(r);

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

@@ -1 +1 @@
-{"version":3,"file":"DialogClose.js","names":["mergeProps","Show","DialogCloseProps","Button","clsx","classes","X","useDialogContext","DialogClose","props","setOpen","merged","variant","size","const","handleClick","onClick","_$createComponent","when","_$memo","icon","children","fallback","_$mergeProps","class"],"sources":["../../../../src/components/dialog/DialogClose/DialogClose.tsx"],"sourcesContent":["import { mergeProps, Show } from \"solid-js\";\nimport type { DialogCloseProps } from \"./DialogClose.types\";\nimport { Button } from \"~/components/button\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogClose.styles\";\nimport { X } from \"lucide-solid\";\nimport { useDialogContext } from \"../Dialog\";\n\nexport const DialogClose = (props: DialogCloseProps) => {\n  const { setOpen } = useDialogContext();\n\n  const merged = mergeProps(\n    {\n      variant: \"ghost\",\n      size: \"sm\",\n    } as const,\n    props,\n  );\n\n  const handleClick = () => {\n    setOpen(false);\n    merged.onClick?.();\n  };\n\n  return (\n    <Show\n      when={!merged.icon && !merged.children}\n      fallback={\n        <Button {...merged} data-slot=\"dialog-close\" onClick={handleClick} />\n      }\n    >\n      <Button\n        {...merged}\n        data-slot=\"dialog-close\"\n        class={clsx(classes)}\n        onClick={handleClick}\n        icon={<X />}\n        aria-label=\"Close Dialog\"\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaQ,KAAeC,MAA4B;CACtD,IAAM,EAAEC,eAAYH,EAAiB,GAE/BI,IAASX,EACb;EACEY,SAAS;EACTC,MAAM;CACR,GACAJ,CACF,GAEMM,UAAoB;EAExBJ,AADAD,EAAQ,EAAK,GACbC,EAAOK,UAAU;CACnB;CAEA,OAAAC,EACGhB,GAAI;EAAA,IACHiB,OAAI;GAAA,OAAEC,QAAA,CAACR,EAAOS,IAAI,CAAA,CAAA,KAAI,CAACT,EAAOU;EAAQ;EAAA,IACtCC,WAAQ;GAAA,OAAAL,EACLd,GAAMoB,EAAKZ,GAAM;IAAA,aAAA;IAA2BK,SAASD;GAAW,CAAA,CAAA;EAAA;EAAA,IAAAM,WAAA;GAAA,OAAAJ,EAGlEd,GAAMoB,EACDZ,GAAM;IAAA,aAAA;IAAA,IAAA,QAAA;KAAA,OAEHP,EAAKC,CAAO;IAAC;IACpBW,SAASD;IAAW,IACpBK,OAAI;KAAA,OAAAH,EAAGX,GAAC,CAAA,CAAA;IAAA;IAAA,cAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAKhB"}
+{"version":3,"file":"DialogClose.js","names":["mergeProps","Show","DialogCloseProps","Button","clsx","classes","X","useDialogContext","DialogClose","props","setOpen","merged","variant","size","const","handleClick","onClick","_$createComponent","when","_$memo","icon","children","fallback","_$mergeProps","class","mergeProps","_$createComponent","_$memo","_$mergeProps","mergeProps$1","DialogClose","useDialogContext","merged","props","handleClick","setOpen","createComponent","Show","memo","Button","mergeProps","\"class\"","clsx","classes","X"],"sources":["../../../../src/components/dialog/DialogClose/DialogClose.tsx"],"sourcesContent":["import { mergeProps, Show } from \"solid-js\";\nimport type { DialogCloseProps } from \"./DialogClose.types\";\nimport { Button } from \"~/components/button\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogClose.styles\";\nimport { X } from \"lucide-solid\";\nimport { useDialogContext } from \"../Dialog\";\n\nexport const DialogClose = (props: DialogCloseProps) => {\n  const { setOpen } = useDialogContext();\n\n  const merged = mergeProps(\n    {\n      variant: \"ghost\",\n      size: \"sm\",\n    } as const,\n    props,\n  );\n\n  const handleClick = () => {\n    setOpen(false);\n    merged.onClick?.();\n  };\n\n  return (\n    <Show\n      when={!merged.icon && !merged.children}\n      fallback={\n        <Button {...merged} data-slot=\"dialog-close\" onClick={handleClick} />\n      }\n    >\n      <Button\n        {...merged}\n        data-slot=\"dialog-close\"\n        class={clsx(classes)}\n        onClick={handleClick}\n        icon={<X />}\n        aria-label=\"Close Dialog\"\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaQ,KAAeC,MAA4B;CACtD,IAAM,EAAEC,eAAYH,EAAiB,GAE/BI,IAASX,EACb;EACEY,SAAS;EACTC,MAAM;CACR,GACAJ,CACF,GAEMM,UAAoB;EAExBJ,AADAD,EAAQ,EAAK,GACbC,EAAOK,UAAU;CACnB;CAEA,OAAAC,EACGhB,GAAI;EAAA,IACHiB,OAAI;GAAA,OAAEC,QAAA,CAACR,EAAOS,IAAI,CAAA,CAAA,KAAI,CAACT,EAAOU;EAAQ;EAAA,IACtCC,WAAQ;GAAA,OAAAL,EACLd,GAAMoB,EAAKZ,GAAM;IAAA,aAAA;IAA2BK,SAASD;GAAW,CAAA,CAAA;EAAA;EAAA,IAAAM,WAAA;GAAA,OAAAJ,EAGlEd,GAAMoB,EACDZ,GAAM;IAAA,aAAA;IAAA,IAAA8B,QAAA;KAAA,OAEHrC,EAAKC,CAAO;IAAC;IACpBW,SAASD;IAAW,IACpBK,OAAI;KAAA,OAAAH,EAAGX,GAAC,CAAA,CAAA;IAAA;IAAA,cAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAKhB"}

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

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

package/dist/components/dialog/DialogContent/DialogContent.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.context.js","names":[],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.context.ts"],"sourcesContent":["import { createContext, useContext, type Setter } from \"solid-js\";\n\ninterface DialogContentContextValue {\n  setTitleID: Setter<string | undefined>;\n  setDescriptionID: Setter<string | undefined>;\n}\n\nexport const DialogContentContext = createContext<DialogContentContextValue>();\n\nexport const useDialogContentContext = () => {\n  const ctx = useContext(DialogContentContext);\n  if (!ctx)\n    throw new Error(\n      \"useDialogContentContext must be used within an DialogContentProvider\",\n    );\n\n  return ctx;\n};\n"],"mappings":";;AAOA,IAAa,IAAuB,EAAyC,GAEhE,UAAgC;CAC3C,IAAM,IAAM,EAAW,CAAoB;CAC3C,IAAI,CAAC,GACH,MAAU,MACR,sEACF;CAEF,OAAO;AACT"}
+{"version":3,"file":"DialogContent.context.js","names":["DialogContentContext","createContext","useDialogContentContext","ctx","useContext"],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.context.ts"],"sourcesContent":["import { createContext, useContext, type Setter } from \"solid-js\";\n\ninterface DialogContentContextValue {\n  setTitleID: Setter<string | undefined>;\n  setDescriptionID: Setter<string | undefined>;\n}\n\nexport const DialogContentContext = createContext<DialogContentContextValue>();\n\nexport const useDialogContentContext = () => {\n  const ctx = useContext(DialogContentContext);\n  if (!ctx)\n    throw new Error(\n      \"useDialogContentContext must be used within an DialogContentProvider\",\n    );\n\n  return ctx;\n};\n"],"mappings":";;AAOA,IAAaA,IAAuBC,EAAyC,GAEhEC,UAAgC;CAC3C,IAAMC,IAAMC,EAAWJ,CAAoB;CAC3C,IAAI,CAACG,GACH,MAAU,MACR,sEACF;CAEF,OAAOA;AACT"}

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

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

package/dist/components/dialog/DialogContent/DialogContent.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","names":["createSignal","mergeProps","Show","splitProps","DialogContentProps","clsx","classes","DialogPortal","DialogOverlay","DialogContentContext","useDialogContext","DialogClose","DialogContent","props","show","open","setShow","merged","showCloseButton","const","local","others","titleID","setTitleID","descriptionID","setDescriptionID","_$createComponent","when","children","Provider","value","_tmpl$","_tmpl$2","_el$3","_tmpl$3","addEventListener","_$spread","_$mergeProps","data-open","class","aria-labelledby","aria-describedby","_$insert"],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.tsx"],"sourcesContent":["import { createSignal, mergeProps, Show, splitProps } from \"solid-js\";\nimport type { DialogContentProps } from \"./DialogContent.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogContent.styles\";\nimport { DialogPortal } from \"../DialogPortal\";\nimport { DialogOverlay } from \"../DialogOverlay\";\nimport { DialogContentContext } from \"./DialogContent.context\";\nimport { useDialogContext } from \"../Dialog\";\nimport { DialogClose } from \"../DialogClose\";\n\nexport const DialogContent = (props: DialogContentProps) => {\n  const { show, open, setShow } = useDialogContext();\n\n  const merged = mergeProps({ showCloseButton: true } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"showCloseButton\",\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          <span data-type=\"inside\" class=\"sr-only\" aria-hidden=\"true\" />\n          <div\n            data-slot=\"dialog-content\"\n            data-open={open()}\n            class={clsx(classes, local.class)}\n            role=\"dialog\"\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            <Show when={local.showCloseButton}>\n              <DialogClose />\n            </Show>\n          </div>\n          <span data-type=\"inside\" class=\"sr-only\" aria-hidden=\"true\" />\n        </DialogPortal>\n      </DialogContentContext.Provider>\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;;;0PAUaY,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,SAAMC,SAAMC,eAAYN,EAAiB,GAE3CO,IAAShB,EAAW,EAAEiB,iBAAiB,GAAK,GAAYL,CAAK,GAE7D,CAACO,GAAOC,KAAUlB,EAAWc,GAAQ;EACzC;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACK,GAASC,KAAcvB,EAAqB,GAC7C,CAACwB,GAAeC,KAAoBzB,EAAqB;CAE/D,OAAA0B,EACGxB,GAAI;EAAA,IAACyB,OAAI;GAAA,OAAEb,EAAK;EAAC;EAAA,IAAAc,WAAA;GAAA,OAAAF,EACfjB,EAAqBoB,UAAQ;IAACC,OAAO;KAAEP;KAAYE;IAAiB;IAAC,IAAAG,WAAA;KAAA,OAAAF,EACnEnB,GAAY,EAAA,IAAAqB,WAAA;MAAA,OAAA;OAAAG,EAAA;OAAAL,EAMVlB,GAAa,CAAA,CAAA;OAAAwB,EAAA;cAAA;QAAA,IAAAC,IAAAC,EAAA;QAiBE,OAjBFD,EAAAE,iBAAA,sBASU;SAChBpB,EAAK,KACTC,EAAQ,EAAK;QACf,CAAC,GAAAoB,EAAAH,GAAAI,EAAA;SAAA,IAAA,cAAA;UAAA,OARUtB,EAAK;SAAC;SAAA,IAAA,QAAA;UAAA,OACVV,EAAKC,GAASc,EAAMmB,KAAK;SAAC;SAAA,IAAA,oBAAA;UAAA,OAEhBjB,EAAQ;SAAC;SAAA,IAAA,qBAAA;UAAA,OACRE,EAAc;SAAC;QAAA,GAK7BH,CAAM,GAAA,IAAA,EAAA,GAAAqB,EAAAT,SAETb,EAAMQ,UAAQ,IAAA,GAAAc,EAAAT,GAAAP,EACdxB,GAAI;SAAA,IAACyB,OAAI;UAAA,OAAEP,EAAMF;SAAe;SAAA,IAAAU,WAAA;UAAA,OAAAF,EAC9Bf,GAAW,CAAA,CAAA;SAAA;QAAA,CAAA,GAAA,IAAA,GAAAsB;OAAA,EAAA,CAAA;OAAAD,EAAA;MAAA;KAAA,EAAA,CAAA;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAQ1B"}
+{"version":3,"file":"DialogContent.js","names":["Show","mergeProps","splitProps","DialogContentProps","clsx","classes","DialogSurface","DialogClose","DialogContent","props","merged","showCloseButton","const","local","others","_$createComponent","_$mergeProps","role","class","classList","children","_$memo","when","mergeProps","_$createComponent","_$mergeProps","_$memo","mergeProps$1","DialogContent","merged","props","local","others","splitProps","createComponent","DialogSurface","mergeProps","\"class\"","clsx","classes","memo","Show","DialogClose"],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.tsx"],"sourcesContent":["import { Show, mergeProps, splitProps } from \"solid-js\";\nimport type { DialogContentProps } from \"./DialogContent.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogContent.styles\";\nimport { DialogSurface } from \"../DialogSurface\";\nimport { DialogClose } from \"../DialogClose\";\n\nexport const DialogContent = (props: DialogContentProps) => {\n  const merged = mergeProps({ showCloseButton: true } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"showCloseButton\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  return (\n    <DialogSurface\n      {...others}\n      role=\"dialog\"\n      data-slot=\"dialog-content\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n    >\n      {local.children}\n      <Show when={local.showCloseButton}>\n        <DialogClose />\n      </Show>\n    </DialogSurface>\n  );\n};\n"],"mappings":";;;;;;;AAOA,IAAaQ,KAAiBC,MAA8B;CAC1D,IAAMC,IAAST,EAAW,EAAEU,iBAAiB,GAAK,GAAYF,CAAK,GAE7D,CAACI,GAAOC,KAAUZ,EAAWQ,GAAQ;EACzC;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAK,EACGT,GAAaU,EACRF,GAAM;EACVG,MAAI;EAAA,aAAA;EAAA,IAAAoB,QAAA;GAAA,OAEGjC,EAAKC,GAASQ,EAAMK,KAAK;EAAC;EAAA,IACjCC,YAAS;GAAA,OAAEN,EAAMM;EAAS;EAAA,IAAAC,WAAA;GAAA,OAAA,CAAAC,QAEzBR,EAAMO,QAAQ,GAAAL,EACdf,GAAI;IAAA,IAACsB,OAAI;KAAA,OAAET,EAAMF;IAAe;IAAA,IAAAS,WAAA;KAAA,OAAAL,EAC9BR,GAAW,CAAA,CAAA;IAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA,CAAA;AAIpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.styles.ts"],"sourcesContent":["export const classes =\n  \"fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-white dark:bg-neutral-900 p-4 text-sm text-neutral-950 dark:text-neutral-50 ring-1 ring-neutral-950/10 dark:ring-neutral-50/10 duration-100 outline-none sm:max-w-sm data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=true]:zoom-in-95 data-[open=false]:animate-out data-[open=false]:fade-out-0 data-[open=false]:zoom-out-95\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"DialogContent.styles.js","names":["classes"],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.styles.ts"],"sourcesContent":["export const classes =\n  \"fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-white dark:bg-neutral-900 p-4 text-sm text-neutral-950 dark:text-neutral-50 ring-1 ring-neutral-950/10 dark:ring-neutral-50/10 duration-100 outline-none sm:max-w-sm data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=true]:zoom-in-95 data-[open=false]:animate-out data-[open=false]:fade-out-0 data-[open=false]:zoom-out-95\";\n"],"mappings":";AAAA,IAAaA,IACX"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DialogDescription.js","names":["createUniqueId","onMount","splitProps","DialogDescriptionProps","clsx","classes","useDialogContentContext","DialogDescription","props","setDescriptionID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/dialog/DialogDescription/DialogDescription.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { DialogDescriptionProps } from \"./DialogDescription.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogDescription.styles\";\nimport { useDialogContentContext } from \"../DialogContent\";\n\nexport const DialogDescription = (props: DialogDescriptionProps) => {\n  const { setDescriptionID } = useDialogContentContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const id = createUniqueId();\n\n  onMount(() => {\n    setDescriptionID(id);\n  });\n\n  return (\n    <p\n      id={id}\n      data-slot=\"dialog-description\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;6DAMaO,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,wBAAqBH,EAAwB,GAE/C,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAE1DI,IAAKZ,EAAe;CAM1B,OAJAC,QAAc;EACZQ,EAAiBG,CAAE;CACrB,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":"DialogDescription.js","names":["createUniqueId","onMount","splitProps","DialogDescriptionProps","clsx","classes","useDialogContentContext","DialogDescription","props","setDescriptionID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","DialogDescription","useDialogContentContext","local","others","splitProps","props","id","createUniqueId","onMount","_el$","setAttribute","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/dialog/DialogDescription/DialogDescription.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { DialogDescriptionProps } from \"./DialogDescription.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogDescription.styles\";\nimport { useDialogContentContext } from \"../DialogContent\";\n\nexport const DialogDescription = (props: DialogDescriptionProps) => {\n  const { setDescriptionID } = useDialogContentContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const id = createUniqueId();\n\n  onMount(() => {\n    setDescriptionID(id);\n  });\n\n  return (\n    <p\n      id={id}\n      data-slot=\"dialog-description\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;6DAMaO,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,wBAAqBH,EAAwB,GAE/C,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAE1DI,IAAKZ,EAAe;CAM1B,OAJAC,QAAc;EACZQ,EAAiBG,CAAE;CACrB,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/DialogDescription/DialogDescription.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogDescription.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogDescription/DialogDescription.styles.ts"],"sourcesContent":["export const classes =\n  \"text-sm text-neutral-500 dark:text-neutral-400 *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-neutral-950 dark:*:[a]:hover:text-neutral-50\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"DialogDescription.styles.js","names":["classes"],"sources":["../../../../src/components/dialog/DialogDescription/DialogDescription.styles.ts"],"sourcesContent":["export const classes =\n  \"text-sm text-neutral-500 dark:text-neutral-400 *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-neutral-950 dark:*:[a]:hover:text-neutral-50\";\n"],"mappings":";AAAA,IAAaA,IACX"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DialogFooter.js","names":["splitProps","DialogFooterProps","clsx","classes","DialogFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/dialog/DialogFooter/DialogFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { DialogFooterProps } from \"./DialogFooter.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogFooter.styles\";\n\nexport const DialogFooter = (props: DialogFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"dialog-footer\"\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":"DialogFooter.js","names":["splitProps","DialogFooterProps","clsx","classes","DialogFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","DialogFooter","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/dialog/DialogFooter/DialogFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { DialogFooterProps } from \"./DialogFooter.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogFooter.styles\";\n\nexport const DialogFooter = (props: DialogFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"dialog-footer\"\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/DialogFooter/DialogFooter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogFooter.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogFooter/DialogFooter.styles.ts"],"sourcesContent":["export const classes =\n  \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 sm:flex-row sm:justify-end\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"DialogFooter.styles.js","names":["classes"],"sources":["../../../../src/components/dialog/DialogFooter/DialogFooter.styles.ts"],"sourcesContent":["export const classes =\n  \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 sm:flex-row sm:justify-end\";\n"],"mappings":";AAAA,IAAaA,IACX"}

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';