@neut/ui 0.0.7 → 0.0.8

package/README.md

@@ -12,6 +12,9 @@
 
 ### 复制组件代码
 
+> [!NOTE]
+> 为了尽最大可能实现组件的复制即可用，非基础组件之间虽然存在功能重叠但并没有引为依赖，比如`AlertDialog`和`Dialog`二者代码存在高度重叠，但相互独立，并未复用。
+
 本组件的代码基于tailwindcss样式库，因此你需要安装tailwindcss作为开发依赖，具体安装方式请参考tailwindcss文档。
 
 除了tailwindcss外，本组件库还内置了两个样式文件：

package/dist/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.js

@@ -5,10 +5,13 @@ import { mergeProps as i } from "solid-js";
 //#region src/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.tsx
 var a = (a) => {
 	let { setOpen: o } = e();
-	return n(t, r({ "data-slot": "alert-dialog-cancel" }, i({
+	return n(t, r(i({
 		variant: "outline",
 		size: "md"
-	}, a), { onClick: () => o(!1) }));
+	}, a), {
+		"data-slot": "alert-dialog-cancel",
+		onClick: () => o(!1)
+	}));
 };
 //#endregion
 export { a as AlertDialogCancel };

package/dist/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogCancel.js","names":["mergeProps","AlertDialogCancelProps","Button","useAlertDialogContext","AlertDialogCancel","props","setOpen","merged","variant","size","const","_$createComponent","_$mergeProps","onClick"],"sources":["../../../../src/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.tsx"],"sourcesContent":["import { mergeProps } from \"solid-js\";\nimport type { AlertDialogCancelProps } from \"./AlertDialogCancel.types\";\nimport { Button } from \"~/components/button\";\nimport { useAlertDialogContext } from \"../AlertDialog\";\n\nexport const AlertDialogCancel = (props: AlertDialogCancelProps) => {\n  const { setOpen } = useAlertDialogContext();\n\n  const merged = mergeProps({ variant: \"outline\", size: \"md\" } as const, props);\n\n  return (\n    <Button\n      data-slot=\"alert-dialog-cancel\"\n      {...merged}\n      onClick={() => setOpen(false)}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,eAAYH,GAAuB;AAI3C,QAAAQ,EACGT,GAAMU,EAAA,EAAA,aAAA,uBAAA,EAHMZ,EAAW;EAAEQ,SAAS;EAAWC,MAAM;EAAM,EAAWJ,EAAM,EAK/D,EACVQ,eAAeP,EAAQ,GAAK,EAAC,CAAA,CAAA"}
+{"version":3,"file":"AlertDialogCancel.js","names":["mergeProps","AlertDialogCancelProps","Button","useAlertDialogContext","AlertDialogCancel","props","setOpen","merged","variant","size","const","_$createComponent","_$mergeProps","onClick"],"sources":["../../../../src/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.tsx"],"sourcesContent":["import { mergeProps } from \"solid-js\";\nimport type { AlertDialogCancelProps } from \"./AlertDialogCancel.types\";\nimport { Button } from \"~/components/button\";\nimport { useAlertDialogContext } from \"../AlertDialog\";\n\nexport const AlertDialogCancel = (props: AlertDialogCancelProps) => {\n  const { setOpen } = useAlertDialogContext();\n\n  const merged = mergeProps({ variant: \"outline\", size: \"md\" } as const, props);\n\n  return (\n    <Button\n      {...merged}\n      data-slot=\"alert-dialog-cancel\"\n      onClick={() => setOpen(false)}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,eAAYH,GAAuB;AAI3C,QAAAQ,EACGT,GAAMU,EAHMZ,EAAW;EAAEQ,SAAS;EAAWC,MAAM;EAAM,EAAWJ,EAAM,EAI/D;EAAA,aAAA;EAEVQ,eAAeP,EAAQ,GAAK;EAAC,CAAA,CAAA"}

package/dist/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.types.d.ts

@@ -1,2 +1,2 @@
 import { ButtonProps } from '../../button';
-export type AlertDialogCancelProps = Pick<ButtonProps<"button">, "variant" | "size" | "class" | "children">;
+export type AlertDialogCancelProps = ButtonProps<"button">;

package/dist/components/button/Button.js

@@ -1,14 +1,13 @@
 import { clsx as e } from "../../utils/clsx.js";
 import t from "./Button.styles.js";
 import { Dynamic as n, createComponent as r, insert as i, memo as a, mergeProps as o, setAttribute as s, template as c } from "solid-js/web";
-import { Show as l, createMemo as u, createUniqueId as d, mergeProps as f, splitProps as p } from "solid-js";
+import { children as l, createMemo as u, createUniqueId as d, mergeProps as f, splitProps as p } from "solid-js";
 //#region src/components/button/Button.tsx
-var m = /* @__PURE__ */ c("<span>"), h = (c) => {
-	let [h, g] = p(f({
+var m = /* @__PURE__ */ c("<span>"), h = /* @__PURE__ */ c("<span class=sr-only>"), g = (c) => {
+	let [g, _] = p(f({
 		variant: "primary",
 		size: "md",
 		as: "button",
-		iconPosition: "left",
 		id: d()
 	}, c), [
 		"as",
@@ -20,68 +19,40 @@ var m = /* @__PURE__ */ c("<span>"), h = (c) => {
 		"classList",
 		"children",
 		"onClick"
-	]), _ = u(() => !!h.icon && !h.children), v = (e) => (() => {
-		var t = m();
-		return s(t, "data-icon", e), i(t, () => h.icon), t;
-	})();
+	]), v = u(() => g.icon && typeof g.icon == "object" && "ariaLabel" in g.icon && "icon" in g.icon || !!g.icon && !g.children), y = (e, t) => (() => {
+		var n = m();
+		return s(n, "data-icon", t), i(n, e), n;
+	})(), b = l(() => g.icon ? typeof g.icon == "object" && "ariaLabel" in g.icon && "icon" in g.icon ? [a(() => g.icon.icon), (() => {
+		var e = h();
+		return i(e, () => g.icon.ariaLabel), e;
+	})()] : [
+		a(() => a(() => !g.iconPosition || g.iconPosition === "left")() && y(g.icon, "inline-start")),
+		a(() => g.children),
+		a(() => a(() => g.iconPosition === "right")() && y(g.icon, "inline-end"))
+	] : g.children);
 	return r(n, o({
 		"data-slot": "button",
 		get component() {
-			return h.as;
+			return g.as;
+		},
+		get type() {
+			return a(() => g.as === "button")() ? _.type ?? "button" : void 0;
 		},
 		get onClick() {
-			return h.onClick;
+			return g.onClick;
 		},
 		get class() {
 			return e(t({
-				variant: h.variant,
-				size: _() ? void 0 : h.size,
-				iconSize: _() ? h.size : void 0
-			}), h.class);
+				variant: g.variant,
+				size: v() ? void 0 : g.size,
+				iconSize: v() ? g.size : void 0
+			}), g.class);
 		}
-	}, g, { get children() {
-		return [
-			r(l, {
-				get when() {
-					return a(() => !!h.icon)() && h.iconPosition === "left";
-				},
-				get children() {
-					return r(l, {
-						get when() {
-							return !_();
-						},
-						get fallback() {
-							return h.icon;
-						},
-						get children() {
-							return v("inline-start");
-						}
-					});
-				}
-			}),
-			a(() => h.children),
-			r(l, {
-				get when() {
-					return a(() => !!h.icon)() && h.iconPosition === "right";
-				},
-				get children() {
-					return r(l, {
-						get when() {
-							return !_();
-						},
-						get fallback() {
-							return h.icon;
-						},
-						get children() {
-							return v("inline-end");
-						}
-					});
-				}
-			})
-		];
+	}, _, { get children() {
+		return b();
 	} }));
 };
 //#endregion
-export { h as Button };
+export { g as Button };
 
 //# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["createMemo","createUniqueId","mergeProps","Show","splitProps","Dynamic","clsx","s","ButtonProps","ButtonValidElement","DefaultStyleProps","Button","props","T","merged","variant","size","as","iconPosition","id","Partial","local","others","iconOnly","icon","children","iconWithAttr","position","_el$","_tmpl$","_$setAttribute","_$insert","_$createComponent","_$mergeProps","component","onClick","class","undefined","iconSize","when","_$memo","fallback"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n  createMemo,\n  createUniqueId,\n  mergeProps,\n  Show,\n  splitProps,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport s from \"./Button.styles\";\nimport type {\n  ButtonProps,\n  ButtonValidElement,\n  DefaultStyleProps,\n} from \"./Button.types\";\n\nexport const Button = <T extends ButtonValidElement = \"button\">(\n  props: ButtonProps<T>,\n) => {\n  const merged = mergeProps(\n    {\n      variant: \"primary\",\n      size: \"md\",\n      as: \"button\",\n      iconPosition: \"left\",\n      id: createUniqueId(),\n    } satisfies Partial<DefaultStyleProps>,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"as\",\n    \"variant\",\n    \"size\",\n    \"icon\",\n    \"iconPosition\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"onClick\",\n  ]);\n\n  const iconOnly = createMemo(() => !!local.icon && !local.children);\n\n  const iconWithAttr = (position: \"inline-start\" | \"inline-end\") => (\n    <span data-icon={position}>{local.icon}</span>\n  );\n\n  return (\n    // @ts-expect-error\n    <Dynamic\n      data-slot=\"button\"\n      component={local.as}\n      onClick={local.onClick}\n      class={clsx(\n        s({\n          variant: local.variant,\n          size: iconOnly() ? undefined : local.size,\n          iconSize: iconOnly() ? local.size : undefined,\n        }),\n        local.class,\n      )}\n      {...others}\n    >\n      <Show when={local.icon && local.iconPosition === \"left\"}>\n        <Show when={!iconOnly()} fallback={local.icon}>\n          {iconWithAttr(\"inline-start\")}\n        </Show>\n      </Show>\n      {local.children}\n      <Show when={local.icon && local.iconPosition === \"right\"}>\n        <Show when={!iconOnly()} fallback={local.icon}>\n          {iconWithAttr(\"inline-end\")}\n        </Show>\n      </Show>\n    </Dynamic>\n  );\n};\n"],"mappings":";;;;;qCAgBaW,KACXC,MACG;CAYH,IAAM,CAACS,GAAOC,KAAUlB,EAXTF,EACb;EACEa,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,cAAc;EACdC,IAAIlB,GAAe;EACpB,EACDW,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEIW,IAAWvB,QAAiB,CAAC,CAACqB,EAAMG,QAAQ,CAACH,EAAMI,SAAS,EAE5DC,KAAgBC,aAAuC;EAAA,IAAAC,IAAAC,GAAA;AACrB,SADqBC,EAAAF,GAAA,aAC1CD,EAAQ,EAAAI,EAAAH,SAAGP,EAAMG,KAAI,EAAAI;KACvC;AAED,QACEI,EACC3B,GAAO4B,EAAA;EAAA,aAAA;EAAA,IAENC,YAAS;AAAA,UAAEb,EAAMJ;;EAAE,IACnBkB,UAAO;AAAA,UAAEd,EAAMc;;EAAO,IAAA,QAAA;AAAA,UACf7B,EACLC,EAAE;IACAQ,SAASM,EAAMN;IACfC,MAAMO,GAAU,GAAGc,KAAAA,IAAYhB,EAAML;IACrCsB,UAAUf,GAAU,GAAGF,EAAML,OAAOqB,KAAAA;IACrC,CAAC,EACFhB,EAAMe,MACP;;EAAA,EACGd,GAAM,EAAA,IAAAG,WAAA;AAAA,SAAA;GAAAO,EAET7B,GAAI;IAAA,IAACoC,OAAI;AAAA,YAAEC,QAAA,CAAA,CAAAnB,EAAMG,KAAI,EAAA,IAAIH,EAAMH,iBAAiB;;IAAM,IAAAO,WAAA;AAAA,YAAAO,EACpD7B,GAAI;MAAA,IAACoC,OAAI;AAAA,cAAE,CAAChB,GAAU;;MAAA,IAAEkB,WAAQ;AAAA,cAAEpB,EAAMG;;MAAI,IAAAC,WAAA;AAAA,cAC1CC,EAAa,eAAe;;MAAA,CAAA;;IAAA,CAAA;GAAAc,QAGhCnB,EAAMI,SAAQ;GAAAO,EACd7B,GAAI;IAAA,IAACoC,OAAI;AAAA,YAAEC,QAAA,CAAA,CAAAnB,EAAMG,KAAI,EAAA,IAAIH,EAAMH,iBAAiB;;IAAO,IAAAO,WAAA;AAAA,YAAAO,EACrD7B,GAAI;MAAA,IAACoC,OAAI;AAAA,cAAE,CAAChB,GAAU;;MAAA,IAAEkB,WAAQ;AAAA,cAAEpB,EAAMG;;MAAI,IAAAC,WAAA;AAAA,cAC1CC,EAAa,aAAa;;MAAA,CAAA;;IAAA,CAAA;GAAA;IAAA,CAAA,CAAA"}
+{"version":3,"file":"Button.js","names":["children","createMemo","createUniqueId","JSXElement","mergeProps","splitProps","Dynamic","clsx","s","ButtonProps","ButtonValidElement","DefaultStyleProps","ResolvedButtonProps","Button","props","T","merged","variant","size","as","id","Partial","local","others","iconOnly","icon","iconWithAttr","position","_el$","_tmpl$","_$setAttribute","_$insert","resolved","_$memo","_el$2","_tmpl$2","ariaLabel","iconPosition","_$createComponent","_$mergeProps","component","type","undefined","onClick","class","iconSize"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n  children,\n  createMemo,\n  createUniqueId,\n  type JSXElement,\n  mergeProps,\n  splitProps,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport s from \"./Button.styles\";\nimport type {\n  ButtonProps,\n  ButtonValidElement,\n  DefaultStyleProps,\n  ResolvedButtonProps,\n} from \"./Button.types\";\n\nexport const Button = <T extends ButtonValidElement = \"button\">(\n  props: ButtonProps<T>,\n) => {\n  const merged = mergeProps(\n    {\n      variant: \"primary\",\n      size: \"md\",\n      as: \"button\",\n      id: createUniqueId(),\n    } satisfies Partial<DefaultStyleProps>,\n    props as ResolvedButtonProps<T>,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"as\",\n    \"variant\",\n    \"size\",\n    \"icon\",\n    \"iconPosition\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"onClick\",\n  ]);\n\n  const iconOnly = createMemo(\n    () =>\n      (local.icon &&\n        typeof local.icon === \"object\" &&\n        \"ariaLabel\" in local.icon &&\n        \"icon\" in local.icon) ||\n      (!!local.icon && !local.children),\n  );\n\n  const iconWithAttr = (\n    icon: JSXElement,\n    position: \"inline-start\" | \"inline-end\",\n  ) => <span data-icon={position}>{icon}</span>;\n\n  const resolved = children(() =>\n    local.icon ? (\n      typeof local.icon === \"object\" &&\n      \"ariaLabel\" in local.icon &&\n      \"icon\" in local.icon ? (\n        <>\n          {local.icon.icon}\n          <span class=\"sr-only\">{local.icon.ariaLabel}</span>\n        </>\n      ) : (\n        <>\n          {(!local.iconPosition || local.iconPosition === \"left\") &&\n            iconWithAttr(local.icon, \"inline-start\")}\n          {local.children}\n          {local.iconPosition === \"right\" &&\n            iconWithAttr(local.icon, \"inline-end\")}\n        </>\n      )\n    ) : (\n      local.children\n    ),\n  );\n\n  return (\n    // @ts-expect-error\n    <Dynamic\n      data-slot=\"button\"\n      component={local.as}\n      type={local.as === \"button\" ? (others.type ?? \"button\") : undefined}\n      onClick={local.onClick}\n      class={clsx(\n        s({\n          variant: local.variant,\n          size: iconOnly() ? undefined : local.size,\n          iconSize: iconOnly() ? local.size : undefined,\n        }),\n        local.class,\n      )}\n      {...others}\n    >\n      {resolved()}\n    </Dynamic>\n  );\n};\n"],"mappings":";;;;;oFAkBaa,KACXC,MACG;CAWH,IAAM,CAACQ,GAAOC,KAAUlB,EAVTD,EACb;EACEa,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,IAAIlB,GAAe;EACpB,EACDY,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEIU,IAAWvB,QAEZqB,EAAMG,QACL,OAAOH,EAAMG,QAAS,YACtB,eAAeH,EAAMG,QACrB,UAAUH,EAAMG,QACjB,CAAC,CAACH,EAAMG,QAAQ,CAACH,EAAMtB,SAC3B,EAEK0B,KACJD,GACAE,aAAuC;EAAA,IAAAC,IAAAC,GAAA;AACJ,SADIC,EAAAF,GAAA,aACnBD,EAAQ,EAAAI,EAAAH,GAAGH,EAAI,EAAAG;KAAQ,EAEvCI,IAAWhC,QACfsB,EAAMG,OACJ,OAAOH,EAAMG,QAAS,YACtB,eAAeH,EAAMG,QACrB,UAAUH,EAAMG,OAAI,CAAAQ,QAEfX,EAAMG,KAAKA,KAAI,SAAA;EAAA,IAAAS,IAAAC,GAAA;AAC2B,SAD3BJ,EAAAG,SACOZ,EAAMG,KAAKW,UAAS,EAAAF;KAAA,CAAA,GAAA;EAAAD,QAI1CA,QAAC,CAACX,EAAMe,gBAAgBf,EAAMe,iBAAiB,OAAM,EAAA,IACpDX,EAAaJ,EAAMG,MAAM,eAAe,CAAA;EAAAQ,QACzCX,EAAMtB,SAAQ;EAAAiC,QACdA,QAAAX,EAAMe,iBAAiB,QAAO,EAAA,IAC7BX,EAAaJ,EAAMG,MAAM,aAAa,CAAA;EAE3C,GAEDH,EAAMtB,SAET;AAED,QACEsC,EACChC,GAAOiC,EAAA;EAAA,aAAA;EAAA,IAENC,YAAS;AAAA,UAAElB,EAAMH;;EAAE,IACnBsB,OAAI;AAAA,UAAER,QAAAX,EAAMH,OAAO,SAAQ,EAAA,GAAII,EAAOkB,QAAQ,WAAYC,KAAAA;;EAAS,IACnEC,UAAO;AAAA,UAAErB,EAAMqB;;EAAO,IAAA,QAAA;AAAA,UACfpC,EACLC,EAAE;IACAS,SAASK,EAAML;IACfC,MAAMM,GAAU,GAAGkB,KAAAA,IAAYpB,EAAMJ;IACrC2B,UAAUrB,GAAU,GAAGF,EAAMJ,OAAOwB,KAAAA;IACrC,CAAC,EACFpB,EAAMsB,MACP;;EAAA,EACGrB,GAAM,EAAA,IAAAvB,WAAA;AAAA,SAETgC,GAAU;IAAA,CAAA,CAAA"}

package/dist/components/button/Button.types.d.ts

@@ -2,23 +2,41 @@ import { JSXElement } from 'solid-js';
 import { BaseProps, MakeRequired, MouseEventHandler, PolymorphicProps } from '../../types';
 export type ButtonVariant = "primary" | "outline" | "secondary" | "ghost" | "destructive" | "link";
 export type ButtonSize = "md" | "xs" | "sm" | "lg";
-interface BaseButtonProps extends BaseProps {
+export interface BaseButtonProps extends BaseProps {
     variant?: ButtonVariant;
     size?: ButtonSize;
+    id?: string;
+}
+export type ButtonIconProps = {
     /** Button content */
-    children?: JSXElement;
+    children: JSXElement;
     icon?: JSXElement;
     iconPosition?: "left" | "right";
-    id?: string;
-}
+} | {
+    icon: {
+        icon: JSXElement;
+        ariaLabel: string;
+    };
+};
 export type ButtonValidElement = "button" | "a";
-export type ButtonProps<T extends ButtonValidElement> = PolymorphicProps<T, BaseButtonProps & {
+export type ButtonProps<T extends ButtonValidElement> = Omit<PolymorphicProps<T, BaseButtonProps & {
     onClick?: MouseEventHandler<T>;
-}>;
+}>, "children"> & ButtonIconProps;
+export type ResolvedBaseButtonProps = {
+    /** Button content */
+    children?: JSXElement;
+    icon?: JSXElement | {
+        icon: JSXElement;
+        ariaLabel: string;
+    };
+    iconPosition?: "left" | "right";
+};
+export type ResolvedButtonProps<T extends ButtonValidElement> = PolymorphicProps<T, BaseButtonProps & {
+    onClick?: MouseEventHandler<T>;
+}> & ResolvedBaseButtonProps;
 export type DefaultStyleProps = MakeRequired<BaseButtonProps, "size" | "variant"> & {
     as: ButtonValidElement;
 };
 export type ButtonPropsWithDefault<T extends ButtonValidElement> = PolymorphicProps<T, BaseButtonProps & {
     onClick?: MouseEventHandler<T>;
 }>;
-export {};

package/dist/components/collapsible/CollapsibleContent/CollapsibleContent.js

@@ -3,14 +3,14 @@ import { createComponent as t, insert as n, spread as r, template as i } from "s
 import { Show as a, splitProps as o } from "solid-js";
 //#region src/components/collapsible/CollapsibleContent/CollapsibleContent.tsx
 var s = /* @__PURE__ */ i("<div data-slot=collapsible-content>"), c = (i) => {
-	let { onOpenChange: c, open: l, setInternalOpen: u } = e(), [d, f] = o(i, ["children"]);
+	let { open: c } = e(), [l, u] = o(i, ["children"]);
 	return t(a, {
 		get when() {
-			return l();
+			return c();
 		},
 		get children() {
 			var e = s();
-			return r(e, f, !1, !0), n(e, () => d.children), e;
+			return r(e, u, !1, !0), n(e, () => l.children), e;
 		}
 	});
 };

package/dist/components/collapsible/CollapsibleContent/CollapsibleContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContent.js","names":["Show","splitProps","CollapsibleContentProps","useCollapsibleContext","CollapsibleContent","props","onOpenChange","open","setInternalOpen","local","others","_$createComponent","when","children","_el$","_tmpl$","_$spread","_$insert"],"sources":["../../../../src/components/collapsible/CollapsibleContent/CollapsibleContent.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport type { CollapsibleContentProps } from \"./CollapsibleContent.types\";\nimport { useCollapsibleContext } from \"../Collapsible\";\n\nexport const CollapsibleContent = (props: CollapsibleContentProps) => {\n  const { onOpenChange, open, setInternalOpen } = useCollapsibleContext();\n\n  const [local, others] = splitProps(props, [\"children\"]);\n\n  return (\n    <Show when={open()}>\n      <div data-slot=\"collapsible-content\" {...others}>\n        {local.children}\n      </div>\n    </Show>\n  );\n};\n"],"mappings":";;;;kEAIaI,KAAsBC,MAAmC;CACpE,IAAM,EAAEC,iBAAcC,SAAMC,uBAAoBL,GAAuB,EAEjE,CAACM,GAAOC,KAAUT,EAAWI,GAAO,CAAC,WAAW,CAAC;AAEvD,QAAAM,EACGX,GAAI;EAAA,IAACY,OAAI;AAAA,UAAEL,GAAM;;EAAA,IAAAM,WAAA;GAAA,IAAAC,IAAAC,GAAA;AAEC,UAFDC,EAAAF,GACyBJ,GAAM,IAAA,GAAA,EAAAO,EAAAH,SAC5CL,EAAMI,SAAQ,EAAAC;;EAAA,CAAA"}
+{"version":3,"file":"CollapsibleContent.js","names":["Show","splitProps","CollapsibleContentProps","useCollapsibleContext","CollapsibleContent","props","open","local","others","_$createComponent","when","children","_el$","_tmpl$","_$spread","_$insert"],"sources":["../../../../src/components/collapsible/CollapsibleContent/CollapsibleContent.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport type { CollapsibleContentProps } from \"./CollapsibleContent.types\";\nimport { useCollapsibleContext } from \"../Collapsible\";\n\nexport const CollapsibleContent = (props: CollapsibleContentProps) => {\n  const { open } = useCollapsibleContext();\n\n  const [local, others] = splitProps(props, [\"children\"]);\n\n  return (\n    <Show when={open()}>\n      <div data-slot=\"collapsible-content\" {...others}>\n        {local.children}\n      </div>\n    </Show>\n  );\n};\n"],"mappings":";;;;kEAIaI,KAAsBC,MAAmC;CACpE,IAAM,EAAEC,YAASH,GAAuB,EAElC,CAACI,GAAOC,KAAUP,EAAWI,GAAO,CAAC,WAAW,CAAC;AAEvD,QAAAI,EACGT,GAAI;EAAA,IAACU,OAAI;AAAA,UAAEJ,GAAM;;EAAA,IAAAK,WAAA;GAAA,IAAAC,IAAAC,GAAA;AAEC,UAFDC,EAAAF,GACyBJ,GAAM,IAAA,GAAA,EAAAO,EAAAH,SAC5CL,EAAMI,SAAQ,EAAAC;;EAAA,CAAA"}

package/dist/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.js

@@ -4,7 +4,7 @@ import { createComponent as n, mergeProps as r } from "solid-js/web";
 //#region src/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.tsx
 var i = (i) => {
 	let { onOpenChange: a, open: o, setInternalOpen: s } = t();
-	return n(e, r({
+	return n(e, r(i, {
 		"data-slot": "collapsible-trigger",
 		get "data-panel-open"() {
 			return o();
@@ -16,7 +16,7 @@ var i = (i) => {
 			let e = !o();
 			s(e), a?.(e);
 		}
-	}, i));
+	}));
 };
 //#endregion
 export { i as CollapsibleTrigger };

package/dist/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleTrigger.js","names":["useCollapsibleContext","CollapsibleTriggerProps","Button","CollapsibleTrigger","props","onOpenChange","open","setInternalOpen","handleClick","next","_$createComponent","_$mergeProps","data-panel-open","aria-expanded","onClick"],"sources":["../../../../src/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.tsx"],"sourcesContent":["import { useCollapsibleContext } from \"../Collapsible\";\nimport type { CollapsibleTriggerProps } from \"./CollapsibleTrigger.types\";\nimport { Button } from \"~/components/button\";\n\nexport const CollapsibleTrigger = (props: CollapsibleTriggerProps) => {\n  const { onOpenChange, open, setInternalOpen } = useCollapsibleContext();\n\n  const handleClick = () => {\n    const next = !open();\n    setInternalOpen(next);\n    onOpenChange?.(next);\n  };\n\n  return (\n    <Button\n      data-slot=\"collapsible-trigger\"\n      data-panel-open={open()}\n      aria-expanded={open()}\n      onClick={handleClick}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;AAIA,IAAaG,KAAsBC,MAAmC;CACpE,IAAM,EAAEC,iBAAcC,SAAMC,uBAAoBP,GAAuB;AAQvE,QAAAU,EACGR,GAAMS,EAAA;EAAA,aAAA;EAAA,IAAA,oBAAA;AAAA,UAEYL,GAAM;;EAAA,IAAA,kBAAA;AAAA,UACRA,GAAM;;EACrBQ,eAXsB;GACxB,IAAML,IAAO,CAACH,GAAM;AAEpBD,GADAE,EAAgBE,EAAK,EACrBJ,IAAeI,EAAK;;EAQE,EAChBL,EAAK,CAAA"}
+{"version":3,"file":"CollapsibleTrigger.js","names":["useCollapsibleContext","CollapsibleTriggerProps","Button","CollapsibleTrigger","props","onOpenChange","open","setInternalOpen","handleClick","next","_$createComponent","_$mergeProps","data-panel-open","aria-expanded","onClick"],"sources":["../../../../src/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.tsx"],"sourcesContent":["import { useCollapsibleContext } from \"../Collapsible\";\nimport type { CollapsibleTriggerProps } from \"./CollapsibleTrigger.types\";\nimport { Button } from \"~/components/button\";\n\nexport const CollapsibleTrigger = (props: CollapsibleTriggerProps) => {\n  const { onOpenChange, open, setInternalOpen } = useCollapsibleContext();\n\n  const handleClick = () => {\n    const next = !open();\n    setInternalOpen(next);\n    onOpenChange?.(next);\n  };\n\n  return (\n    // @ts-expect-error\n    <Button\n      {...props}\n      data-slot=\"collapsible-trigger\"\n      data-panel-open={open()}\n      aria-expanded={open()}\n      onClick={handleClick}\n    />\n  );\n};\n"],"mappings":";;;;AAIA,IAAaG,KAAsBC,MAAmC;CACpE,IAAM,EAAEC,iBAAcC,SAAMC,uBAAoBP,GAAuB;AAQvE,QACEU,EACCR,GAAMS,EACDP,GAAK;EAAA,aAAA;EAAA,IAAA,oBAAA;AAAA,UAEQE,GAAM;;EAAA,IAAA,kBAAA;AAAA,UACRA,GAAM;;EACrBQ,eAbsB;GACxB,IAAML,IAAO,CAACH,GAAM;AAEpBD,GADAE,EAAgBE,EAAK,EACrBJ,IAAeI,EAAK;;EAUE,CAAA,CAAA"}

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

@@ -0,0 +1,10 @@
+import { Accessor, Setter } from 'solid-js';
+interface DialogContextValue {
+    show: Accessor<boolean>;
+    setShow: Setter<boolean>;
+    open: Accessor<boolean>;
+    setOpen: Setter<boolean>;
+}
+export declare const DialogContext: import('solid-js').Context<DialogContextValue | undefined>;
+export declare const useDialogContext: () => DialogContextValue;
+export {};

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

@@ -0,0 +1,11 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/dialog/Dialog/Dialog.context.ts
+var n = e(), r = () => {
+	let e = t(n);
+	if (!e) throw Error("useDialogContext must be used within a DialogProvider");
+	return e;
+};
+//#endregion
+export { n as DialogContext, r as useDialogContext };
+
+//# sourceMappingURL=Dialog.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.context.js","names":[],"sources":["../../../../src/components/dialog/Dialog/Dialog.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\n\ninterface DialogContextValue {\n  show: Accessor<boolean>;\n  setShow: Setter<boolean>;\n  open: Accessor<boolean>;\n  setOpen: Setter<boolean>;\n}\n\nexport const DialogContext = createContext<DialogContextValue>();\n\nexport const useDialogContext = () => {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\"useDialogContext must be used within a DialogProvider\");\n  }\n  return context;\n};\n"],"mappings":";;AAcA,IAAa,IAAgB,GAAmC,EAEnD,UAAyB;CACpC,IAAM,IAAU,EAAW,EAAc;AACzC,KAAI,CAAC,EACH,OAAU,MAAM,wDAAwD;AAE1E,QAAO"}

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

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

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

@@ -0,0 +1,23 @@
+import { DialogContext as e } from "./Dialog.context.js";
+import { createComponent as t, spread as n, template as r } from "solid-js/web";
+import { createSignal as i } from "solid-js";
+//#region src/components/dialog/Dialog/Dialog.tsx
+var a = /* @__PURE__ */ r("<div data-slot=dialog role=alert>"), o = (r) => {
+	let [o, s] = i(!1), [c, l] = i(!1);
+	return t(e.Provider, {
+		value: {
+			show: o,
+			setShow: s,
+			open: c,
+			setOpen: l
+		},
+		get children() {
+			var e = a();
+			return n(e, r, !1, !1), e;
+		}
+	});
+};
+//#endregion
+export { o as Dialog };
+
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","names":["createSignal","DialogProps","DialogContext","Dialog","props","show","setShow","open","setOpen","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread"],"sources":["../../../../src/components/dialog/Dialog/Dialog.tsx"],"sourcesContent":["import { createSignal } from \"solid-js\";\nimport type { DialogProps } from \"./Dialog.types\";\nimport { DialogContext } from \"./Dialog.context\";\n\nexport const Dialog = (props: DialogProps) => {\n  // 实际显示或卸载信号\n  const [show, setShow] = createSignal(false);\n  // 动画控制信号\n  const [open, setOpen] = createSignal(false);\n\n  return (\n    <DialogContext.Provider\n      value={{\n        show,\n        setShow,\n        open,\n        setOpen,\n      }}\n    >\n      <div data-slot=\"dialog\" role=\"alert\" {...props} />\n    </DialogContext.Provider>\n  );\n};\n"],"mappings":";;;;gEAIaG,KAAUC,MAAuB;CAE5C,IAAM,CAACC,GAAMC,KAAWN,EAAa,GAAM,EAErC,CAACO,GAAMC,KAAWR,EAAa,GAAM;AAE3C,QAAAS,EACGP,EAAcQ,UAAQ;EACrBC,OAAO;GACLN;GACAC;GACAC;GACAC;GACD;EAAA,IAAAI,WAAA;GAAA,IAAAC,IAAAC,GAAA;AAE6C,UAF7CC,EAAAF,GAEwCT,GAAK,IAAA,GAAA,EAAAS;;EAAA,CAAA"}

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

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

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

@@ -0,0 +1,2 @@
+export { Dialog } from './Dialog';
+export { useDialogContext } from './Dialog.context';

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

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

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

@@ -0,0 +1,46 @@
+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 { 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({
+		variant: "ghost",
+		size: "sm"
+	}, u), p = () => {
+		d(!1), f.onClick?.();
+	};
+	return i(s, {
+		get when() {
+			return a(() => !f.children)() && !f.icon;
+		},
+		get fallback() {
+			return i(t, o(f, {
+				"data-slot": "dialog-close",
+				onClick: p
+			}));
+		},
+		get children() {
+			return i(t, o(f, {
+				"data-slot": "dialog-close",
+				get class() {
+					return e(r);
+				},
+				onClick: p,
+				get icon() {
+					return {
+						icon: i(l, {}),
+						ariaLabel: "Close"
+					};
+				}
+			}));
+		}
+	});
+};
+//#endregion
+export { u as DialogClose };
+
+//# sourceMappingURL=DialogClose.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogClose.js","names":["mergeProps","Show","DialogCloseProps","Button","clsx","classes","X","useDialogContext","ButtonProps","ResolvedButtonProps","DialogClose","props","setOpen","merged","variant","size","const","handleClick","onClick","_$createComponent","when","_$memo","children","icon","fallback","_$mergeProps","class","ariaLabel"],"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\";\nimport type {\n  ButtonProps,\n  ResolvedButtonProps,\n} from \"~/components/button/Button.types\";\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 as ResolvedButtonProps<\"button\">,\n  );\n\n  const handleClick = () => {\n    setOpen(false);\n    merged.onClick?.();\n  };\n\n  return (\n    <Show\n      when={!merged.children && !merged.icon}\n      fallback={\n        <Button\n          {...(merged as ButtonProps<\"button\">)}\n          data-slot=\"dialog-close\"\n          onClick={handleClick}\n        />\n      }\n    >\n      <Button\n        {...(merged as ButtonProps<\"button\">)}\n        data-slot=\"dialog-close\"\n        class={clsx(classes)}\n        onClick={handleClick}\n        icon={{ icon: <X />, ariaLabel: \"Close\" }}\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;AAYA,IAAaU,KAAeC,MAA4B;CACtD,IAAM,EAAEC,eAAYL,GAAkB,EAEhCM,IAASb,EACb;EACEc,SAAS;EACTC,MAAM;EACP,EACDJ,EACD,EAEKM,UAAoB;AAExBJ,EADAD,EAAQ,GAAM,EACdC,EAAOK,WAAW;;AAGpB,QAAAC,EACGlB,GAAI;EAAA,IACHmB,OAAI;AAAA,UAAEC,QAAA,CAACR,EAAOS,SAAQ,EAAA,IAAI,CAACT,EAAOU;;EAAI,IACtCC,WAAQ;AAAA,UAAAL,EACLhB,GAAMsB,EACAZ,GAA+B;IAAA,aAAA;IAEpCK,SAASD;IAAW,CAAA,CAAA;;EAAA,IAAAK,WAAA;AAAA,UAAAH,EAIvBhB,GAAMsB,EACAZ,GAA+B;IAAA,aAAA;IAAA,IAAA,QAAA;AAAA,YAE7BT,EAAKC,EAAQ;;IACpBa,SAASD;IAAW,IACpBM,OAAI;AAAA,YAAE;MAAEA,MAAIJ,EAAGb,GAAC,EAAA,CAAG;MAAEqB,WAAW;MAAS;;IAAA,CAAA,CAAA;;EAAA,CAAA"}

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

@@ -0,0 +1 @@
+export declare const classes = "absolute top-2 right-2";

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

@@ -0,0 +1,6 @@
+//#region src/components/dialog/DialogClose/DialogClose.styles.ts
+var e = "absolute top-2 right-2";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=DialogClose.styles.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { ResolvedButtonProps } from '../../button/Button.types';
+export type DialogCloseProps = ResolvedButtonProps<"button">;

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

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

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

@@ -0,0 +1,8 @@
+import { Setter } from 'solid-js';
+interface DialogContentContextValue {
+    setTitleID: Setter<string | undefined>;
+    setDescriptionID: Setter<string | undefined>;
+}
+export declare const DialogContentContext: import('solid-js').Context<DialogContentContextValue | undefined>;
+export declare const useDialogContentContext: () => DialogContentContextValue;
+export {};

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

@@ -0,0 +1,11 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/dialog/DialogContent/DialogContent.context.ts
+var n = e(), r = () => {
+	let e = t(n);
+	if (!e) throw Error("useDialogContentContext must be used within an DialogContentProvider");
+	return e;
+};
+//#endregion
+export { n as DialogContentContext, r as useDialogContentContext };
+
+//# sourceMappingURL=DialogContent.context.js.map

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

@@ -0,0 +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,GAA0C,EAEjE,UAAgC;CAC3C,IAAM,IAAM,EAAW,EAAqB;AAC5C,KAAI,CAAC,EACH,OAAU,MACR,uEACD;AAEH,QAAO"}

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

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

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

@@ -0,0 +1,71 @@
+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";
+//#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, C] = h(m({ showCloseButton: !0 }, d), [
+		"showCloseButton",
+		"class",
+		"classList",
+		"children"
+	]), [w, T] = p(), [E, D] = p();
+	return s(f, {
+		get when() {
+			return y();
+		},
+		get children() {
+			return s(o.Provider, {
+				value: {
+					setTitleID: T,
+					setDescriptionID: D
+				},
+				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, S.class);
+									},
+									get "aria-labelledby"() {
+										return w();
+									},
+									get "aria-describedby"() {
+										return E();
+									}
+								}, C), !1, !0), c(t, () => S.children, null), c(t, s(f, {
+									get when() {
+										return S.showCloseButton;
+									},
+									get children() {
+										return s(n, {});
+									}
+								}), null), t;
+							})(),
+							_()
+						];
+					} });
+				}
+			});
+		}
+	});
+};
+//#endregion
+export { y as DialogContent };
+
+//# sourceMappingURL=DialogContent.js.map

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

@@ -0,0 +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":";;;;;;;;;;gQAUaY,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,SAAMC,SAAMC,eAAYN,GAAkB,EAI5C,CAACU,GAAOC,KAAUlB,EAFTF,EAAW,EAAEiB,iBAAiB,IAAM,EAAWL,EAAM,EAEzB;EACzC;EACA;EACA;EACA;EACD,CAAC,EAEI,CAACS,GAASC,KAAcvB,GAAsB,EAC9C,CAACwB,GAAeC,KAAoBzB,GAAsB;AAEhE,QAAA0B,EACGxB,GAAI;EAAA,IAACyB,OAAI;AAAA,UAAEb,GAAM;;EAAA,IAAAc,WAAA;AAAA,UAAAF,EACfjB,EAAqBoB,UAAQ;IAACC,OAAO;KAAEP;KAAYE;KAAkB;IAAA,IAAAG,WAAA;AAAA,YAAAF,EACnEnB,GAAY,EAAA,IAAAqB,WAAA;AAAA,aAAA;OAAAG,GAAA;OAAAL,EAMVlB,GAAa,EAAA,CAAA;OAAAwB,GAAA;cAAA;QAAA,IAAAC,IAAAC,GAAA;AAiBE,eAjBFD,EAAAE,iBAAA,sBASU;AAChBpB,YAAM,IACVC,EAAQ,GAAM;UACf,EAAAoB,EAAAH,GAAAI,EAAA;SAAA,IAAA,cAAA;AAAA,iBARUtB,GAAM;;SAAA,IAAA,QAAA;AAAA,iBACVV,EAAKC,GAASc,EAAMmB,MAAM;;SAAA,IAAA,oBAAA;AAAA,iBAEhBjB,GAAS;;SAAA,IAAA,qBAAA;AAAA,iBACRE,GAAe;;SAAA,EAK7BH,EAAM,EAAA,IAAA,GAAA,EAAAqB,EAAAT,SAETb,EAAMQ,UAAQ,KAAA,EAAAc,EAAAT,GAAAP,EACdxB,GAAI;SAAA,IAACyB,OAAI;AAAA,iBAAEP,EAAMF;;SAAe,IAAAU,WAAA;AAAA,iBAAAF,EAC9Bf,GAAW,EAAA,CAAA;;SAAA,CAAA,EAAA,KAAA,EAAAsB;WAAA;OAAAD,GAAA;OAAA;QAAA,CAAA;;IAAA,CAAA;;EAAA,CAAA"}

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

@@ -0,0 +1 @@
+export declare const classes = "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";

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

@@ -0,0 +1,6 @@
+//#region src/components/dialog/DialogContent/DialogContent.styles.ts
+var e = "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";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=DialogContent.styles.js.map

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

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

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

@@ -0,0 +1,4 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DialogContentProps = PolymorphicProps<"div", BaseProps & {
+    showCloseButton?: boolean;
+}, false>;

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

@@ -0,0 +1,2 @@
+export { DialogContent } from './DialogContent';
+export { useDialogContentContext } from './DialogContent.context';

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

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

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

@@ -0,0 +1,21 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useDialogContentContext as t } from "../DialogContent/DialogContent.context.js";
+import { classes as n } from "./DialogDescription.styles.js";
+import { mergeProps as r, setAttribute as i, spread as a, template as o } from "solid-js/web";
+import { createUniqueId as s, onMount as c, splitProps as l } from "solid-js";
+//#region src/components/dialog/DialogDescription/DialogDescription.tsx
+var u = /* @__PURE__ */ o("<p data-slot=dialog-description>"), d = (o) => {
+	let { setDescriptionID: d } = t(), [f, p] = l(o, ["class", "classList"]), m = s();
+	return c(() => {
+		d(m);
+	}), (() => {
+		var t = u();
+		return i(t, "id", m), a(t, r({ get class() {
+			return e(n, f.class);
+		} }, p), !1, !1), t;
+	})();
+};
+//#endregion
+export { d as DialogDescription };
+
+//# sourceMappingURL=DialogDescription.js.map