@neut/ui 0.0.7 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (112) hide show
  1. package/README.md +84 -54
  2. package/README.zh-CN.md +137 -0
  3. package/dist/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.js +5 -2
  4. package/dist/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.js.map +1 -1
  5. package/dist/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.types.d.ts +1 -1
  6. package/dist/components/button/Button.js +26 -55
  7. package/dist/components/button/Button.js.map +1 -1
  8. package/dist/components/button/Button.types.d.ts +25 -7
  9. package/dist/components/collapsible/CollapsibleContent/CollapsibleContent.js +3 -3
  10. package/dist/components/collapsible/CollapsibleContent/CollapsibleContent.js.map +1 -1
  11. package/dist/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.js +2 -2
  12. package/dist/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.js.map +1 -1
  13. package/dist/components/dialog/Dialog/Dialog.context.d.ts +10 -0
  14. package/dist/components/dialog/Dialog/Dialog.context.js +11 -0
  15. package/dist/components/dialog/Dialog/Dialog.context.js.map +1 -0
  16. package/dist/components/dialog/Dialog/Dialog.d.ts +2 -0
  17. package/dist/components/dialog/Dialog/Dialog.js +23 -0
  18. package/dist/components/dialog/Dialog/Dialog.js.map +1 -0
  19. package/dist/components/dialog/Dialog/Dialog.styles.d.ts +0 -0
  20. package/dist/components/dialog/Dialog/Dialog.types.d.ts +2 -0
  21. package/dist/components/dialog/Dialog/index.d.ts +2 -0
  22. package/dist/components/dialog/DialogClose/DialogClose.d.ts +2 -0
  23. package/dist/components/dialog/DialogClose/DialogClose.js +46 -0
  24. package/dist/components/dialog/DialogClose/DialogClose.js.map +1 -0
  25. package/dist/components/dialog/DialogClose/DialogClose.styles.d.ts +1 -0
  26. package/dist/components/dialog/DialogClose/DialogClose.styles.js +6 -0
  27. package/dist/components/dialog/DialogClose/DialogClose.styles.js.map +1 -0
  28. package/dist/components/dialog/DialogClose/DialogClose.types.d.ts +2 -0
  29. package/dist/components/dialog/DialogClose/index.d.ts +1 -0
  30. package/dist/components/dialog/DialogContent/DialogContent.context.d.ts +8 -0
  31. package/dist/components/dialog/DialogContent/DialogContent.context.js +11 -0
  32. package/dist/components/dialog/DialogContent/DialogContent.context.js.map +1 -0
  33. package/dist/components/dialog/DialogContent/DialogContent.d.ts +2 -0
  34. package/dist/components/dialog/DialogContent/DialogContent.js +71 -0
  35. package/dist/components/dialog/DialogContent/DialogContent.js.map +1 -0
  36. package/dist/components/dialog/DialogContent/DialogContent.styles.d.ts +1 -0
  37. package/dist/components/dialog/DialogContent/DialogContent.styles.js +6 -0
  38. package/dist/components/dialog/DialogContent/DialogContent.styles.js.map +1 -0
  39. package/dist/components/dialog/DialogContent/DialogContent.types.d.ts +4 -0
  40. package/dist/components/dialog/DialogContent/index.d.ts +2 -0
  41. package/dist/components/dialog/DialogDescription/DialogDescription.d.ts +2 -0
  42. package/dist/components/dialog/DialogDescription/DialogDescription.js +21 -0
  43. package/dist/components/dialog/DialogDescription/DialogDescription.js.map +1 -0
  44. package/dist/components/dialog/DialogDescription/DialogDescription.styles.d.ts +1 -0
  45. package/dist/components/dialog/DialogDescription/DialogDescription.styles.js +6 -0
  46. package/dist/components/dialog/DialogDescription/DialogDescription.styles.js.map +1 -0
  47. package/dist/components/dialog/DialogDescription/DialogDescription.types.d.ts +2 -0
  48. package/dist/components/dialog/DialogDescription/index.d.ts +1 -0
  49. package/dist/components/dialog/DialogFooter/DialogFooter.d.ts +2 -0
  50. package/dist/components/dialog/DialogFooter/DialogFooter.js +18 -0
  51. package/dist/components/dialog/DialogFooter/DialogFooter.js.map +1 -0
  52. package/dist/components/dialog/DialogFooter/DialogFooter.styles.d.ts +1 -0
  53. package/dist/components/dialog/DialogFooter/DialogFooter.styles.js +6 -0
  54. package/dist/components/dialog/DialogFooter/DialogFooter.styles.js.map +1 -0
  55. package/dist/components/dialog/DialogFooter/DialogFooter.types.d.ts +2 -0
  56. package/dist/components/dialog/DialogFooter/index.d.ts +1 -0
  57. package/dist/components/dialog/DialogHeader/DialogHeader.d.ts +2 -0
  58. package/dist/components/dialog/DialogHeader/DialogHeader.js +18 -0
  59. package/dist/components/dialog/DialogHeader/DialogHeader.js.map +1 -0
  60. package/dist/components/dialog/DialogHeader/DialogHeader.styles.d.ts +1 -0
  61. package/dist/components/dialog/DialogHeader/DialogHeader.styles.js +6 -0
  62. package/dist/components/dialog/DialogHeader/DialogHeader.styles.js.map +1 -0
  63. package/dist/components/dialog/DialogHeader/DialogHeader.types.d.ts +2 -0
  64. package/dist/components/dialog/DialogHeader/index.d.ts +1 -0
  65. package/dist/components/dialog/DialogOverlay/DialogOverlay.d.ts +2 -0
  66. package/dist/components/dialog/DialogOverlay/DialogOverlay.js +27 -0
  67. package/dist/components/dialog/DialogOverlay/DialogOverlay.js.map +1 -0
  68. package/dist/components/dialog/DialogOverlay/DialogOverlay.styles.d.ts +1 -0
  69. package/dist/components/dialog/DialogOverlay/DialogOverlay.styles.js +6 -0
  70. package/dist/components/dialog/DialogOverlay/DialogOverlay.styles.js.map +1 -0
  71. package/dist/components/dialog/DialogOverlay/DialogOverlay.types.d.ts +2 -0
  72. package/dist/components/dialog/DialogOverlay/index.d.ts +1 -0
  73. package/dist/components/dialog/DialogPortal/DialogPortal.d.ts +2 -0
  74. package/dist/components/dialog/DialogPortal/DialogPortal.js +10 -0
  75. package/dist/components/dialog/DialogPortal/DialogPortal.js.map +1 -0
  76. package/dist/components/dialog/DialogPortal/DialogPortal.types.d.ts +2 -0
  77. package/dist/components/dialog/DialogPortal/index.d.ts +1 -0
  78. package/dist/components/dialog/DialogTitle/DialogTitle.d.ts +2 -0
  79. package/dist/components/dialog/DialogTitle/DialogTitle.js +21 -0
  80. package/dist/components/dialog/DialogTitle/DialogTitle.js.map +1 -0
  81. package/dist/components/dialog/DialogTitle/DialogTitle.styles.d.ts +1 -0
  82. package/dist/components/dialog/DialogTitle/DialogTitle.styles.js +6 -0
  83. package/dist/components/dialog/DialogTitle/DialogTitle.styles.js.map +1 -0
  84. package/dist/components/dialog/DialogTitle/DialogTitle.types.d.ts +2 -0
  85. package/dist/components/dialog/DialogTitle/index.d.ts +1 -0
  86. package/dist/components/dialog/DialogTrigger/DialogTrigger.d.ts +2 -0
  87. package/dist/components/dialog/DialogTrigger/DialogTrigger.js +11 -0
  88. package/dist/components/dialog/DialogTrigger/DialogTrigger.js.map +1 -0
  89. package/dist/components/dialog/DialogTrigger/DialogTrigger.types.d.ts +0 -0
  90. package/dist/components/dialog/DialogTrigger/index.d.ts +1 -0
  91. package/dist/components/dialog/DialogTrigger/useDialogTrigger.d.ts +2 -0
  92. package/dist/components/dialog/DialogTrigger/useDialogTrigger.js +26 -0
  93. package/dist/components/dialog/DialogTrigger/useDialogTrigger.js.map +1 -0
  94. package/dist/components/dialog/index.d.ts +10 -0
  95. package/dist/components/dialog/index.js +13 -0
  96. package/dist/components/input-group/InputGroupButton/InputGroupButton.js +13 -13
  97. package/dist/components/input-group/InputGroupButton/InputGroupButton.js.map +1 -1
  98. package/dist/components/pagination/PaginationLink/PaginationLink.js.map +1 -1
  99. package/dist/components/pagination/PaginationLink/PaginationLink.types.d.ts +3 -2
  100. package/dist/components/switch/Switch.js +23 -30
  101. package/dist/components/switch/Switch.js.map +1 -1
  102. package/dist/components/switch/Switch.styles.d.ts +0 -1
  103. package/dist/components/switch/Switch.styles.js +2 -3
  104. package/dist/components/switch/Switch.styles.js.map +1 -1
  105. package/dist/components/switch/Switch.types.d.ts +2 -1
  106. package/dist/components/toast/components/Toast.js +4 -1
  107. package/dist/components/toast/components/Toast.js.map +1 -1
  108. package/dist/index.d.ts +1 -0
  109. package/dist/index.js +92 -80
  110. package/dist/types/props.types.d.ts +4 -2
  111. package/dist/ui.css +1 -1
  112. package/package.json +3 -3
@@ -0,0 +1,23 @@
1
+ import { DialogContext as e } from "./Dialog.context.js";
2
+ import { createComponent as t, spread as n, template as r } from "solid-js/web";
3
+ import { createSignal as i } from "solid-js";
4
+ //#region src/components/dialog/Dialog/Dialog.tsx
5
+ var a = /* @__PURE__ */ r("<div data-slot=dialog role=alert>"), o = (r) => {
6
+ let [o, s] = i(!1), [c, l] = i(!1);
7
+ return t(e.Provider, {
8
+ value: {
9
+ show: o,
10
+ setShow: s,
11
+ open: c,
12
+ setOpen: l
13
+ },
14
+ get children() {
15
+ var e = a();
16
+ return n(e, r, !1, !1), e;
17
+ }
18
+ });
19
+ };
20
+ //#endregion
21
+ export { o as Dialog };
22
+
23
+ //# sourceMappingURL=Dialog.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,2 @@
1
+ import { BaseProps, PolymorphicProps } from '../../../types';
2
+ export type DialogProps = PolymorphicProps<"div", BaseProps, false>;
@@ -0,0 +1,2 @@
1
+ export { Dialog } from './Dialog';
2
+ export { useDialogContext } from './Dialog.context';
@@ -0,0 +1,2 @@
1
+ import { DialogCloseProps } from './DialogClose.types';
2
+ export declare const DialogClose: (props: DialogCloseProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,46 @@
1
+ import { clsx as e } from "../../../utils/clsx.js";
2
+ import { Button as t } from "../../button/Button.js";
3
+ import { useDialogContext as n } from "../Dialog/Dialog.context.js";
4
+ import { classes as r } from "./DialogClose.styles.js";
5
+ import { createComponent as i, memo as a, mergeProps as o } from "solid-js/web";
6
+ import { Show as s, mergeProps as c } from "solid-js";
7
+ import { X as l } from "lucide-solid";
8
+ //#region src/components/dialog/DialogClose/DialogClose.tsx
9
+ var u = (u) => {
10
+ let { setOpen: d } = n(), f = c({
11
+ variant: "ghost",
12
+ size: "sm"
13
+ }, u), p = () => {
14
+ d(!1), f.onClick?.();
15
+ };
16
+ return i(s, {
17
+ get when() {
18
+ return a(() => !f.children)() && !f.icon;
19
+ },
20
+ get fallback() {
21
+ return i(t, o(f, {
22
+ "data-slot": "dialog-close",
23
+ onClick: p
24
+ }));
25
+ },
26
+ get children() {
27
+ return i(t, o(f, {
28
+ "data-slot": "dialog-close",
29
+ get class() {
30
+ return e(r);
31
+ },
32
+ onClick: p,
33
+ get icon() {
34
+ return {
35
+ icon: i(l, {}),
36
+ ariaLabel: "Close"
37
+ };
38
+ }
39
+ }));
40
+ }
41
+ });
42
+ };
43
+ //#endregion
44
+ export { u as DialogClose };
45
+
46
+ //# sourceMappingURL=DialogClose.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1 @@
1
+ export declare const classes = "absolute top-2 right-2";
@@ -0,0 +1,6 @@
1
+ //#region src/components/dialog/DialogClose/DialogClose.styles.ts
2
+ var e = "absolute top-2 right-2";
3
+ //#endregion
4
+ export { e as classes };
5
+
6
+ //# sourceMappingURL=DialogClose.styles.js.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ import { ResolvedButtonProps } from '../../button/Button.types';
2
+ export type DialogCloseProps = ResolvedButtonProps<"button">;
@@ -0,0 +1 @@
1
+ export { DialogClose } from './DialogClose';
@@ -0,0 +1,8 @@
1
+ import { Setter } from 'solid-js';
2
+ interface DialogContentContextValue {
3
+ setTitleID: Setter<string | undefined>;
4
+ setDescriptionID: Setter<string | undefined>;
5
+ }
6
+ export declare const DialogContentContext: import('solid-js').Context<DialogContentContextValue | undefined>;
7
+ export declare const useDialogContentContext: () => DialogContentContextValue;
8
+ export {};
@@ -0,0 +1,11 @@
1
+ import { createContext as e, useContext as t } from "solid-js";
2
+ //#region src/components/dialog/DialogContent/DialogContent.context.ts
3
+ var n = e(), r = () => {
4
+ let e = t(n);
5
+ if (!e) throw Error("useDialogContentContext must be used within an DialogContentProvider");
6
+ return e;
7
+ };
8
+ //#endregion
9
+ export { n as DialogContentContext, r as useDialogContentContext };
10
+
11
+ //# sourceMappingURL=DialogContent.context.js.map
@@ -0,0 +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,GAA0C,EAEjE,UAAgC;CAC3C,IAAM,IAAM,EAAW,EAAqB;AAC5C,KAAI,CAAC,EACH,OAAU,MACR,uEACD;AAEH,QAAO"}
@@ -0,0 +1,2 @@
1
+ import { DialogContentProps } from './DialogContent.types';
2
+ export declare const DialogContent: (props: DialogContentProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,71 @@
1
+ import { clsx as e } from "../../../utils/clsx.js";
2
+ import { useDialogContext as t } from "../Dialog/Dialog.context.js";
3
+ import { DialogClose as n } from "../DialogClose/DialogClose.js";
4
+ import { classes as r } from "./DialogContent.styles.js";
5
+ import { DialogPortal as i } from "../DialogPortal/DialogPortal.js";
6
+ import { DialogOverlay as a } from "../DialogOverlay/DialogOverlay.js";
7
+ import { DialogContentContext as o } from "./DialogContent.context.js";
8
+ import { createComponent as s, insert as c, mergeProps as l, spread as u, template as d } from "solid-js/web";
9
+ import { Show as f, createSignal as p, mergeProps as m, splitProps as h } from "solid-js";
10
+ //#region src/components/dialog/DialogContent/DialogContent.tsx
11
+ 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) => {
12
+ let { show: y, open: b, setShow: x } = t(), [S, C] = h(m({ showCloseButton: !0 }, d), [
13
+ "showCloseButton",
14
+ "class",
15
+ "classList",
16
+ "children"
17
+ ]), [w, T] = p(), [E, D] = p();
18
+ return s(f, {
19
+ get when() {
20
+ return y();
21
+ },
22
+ get children() {
23
+ return s(o.Provider, {
24
+ value: {
25
+ setTitleID: T,
26
+ setDescriptionID: D
27
+ },
28
+ get children() {
29
+ return s(i, { get children() {
30
+ return [
31
+ g(),
32
+ s(a, {}),
33
+ _(),
34
+ (() => {
35
+ var t = v();
36
+ return t.addEventListener("animationend", () => {
37
+ b() || x(!1);
38
+ }), u(t, l({
39
+ get "data-open"() {
40
+ return b();
41
+ },
42
+ get class() {
43
+ return e(r, S.class);
44
+ },
45
+ get "aria-labelledby"() {
46
+ return w();
47
+ },
48
+ get "aria-describedby"() {
49
+ return E();
50
+ }
51
+ }, C), !1, !0), c(t, () => S.children, null), c(t, s(f, {
52
+ get when() {
53
+ return S.showCloseButton;
54
+ },
55
+ get children() {
56
+ return s(n, {});
57
+ }
58
+ }), null), t;
59
+ })(),
60
+ _()
61
+ ];
62
+ } });
63
+ }
64
+ });
65
+ }
66
+ });
67
+ };
68
+ //#endregion
69
+ export { y as DialogContent };
70
+
71
+ //# sourceMappingURL=DialogContent.js.map
@@ -0,0 +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":";;;;;;;;;;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"}
@@ -0,0 +1 @@
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";
@@ -0,0 +1,6 @@
1
+ //#region src/components/dialog/DialogContent/DialogContent.styles.ts
2
+ 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";
3
+ //#endregion
4
+ export { e as classes };
5
+
6
+ //# sourceMappingURL=DialogContent.styles.js.map
@@ -0,0 +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"}
@@ -0,0 +1,4 @@
1
+ import { BaseProps, PolymorphicProps } from '../../../types';
2
+ export type DialogContentProps = PolymorphicProps<"div", BaseProps & {
3
+ showCloseButton?: boolean;
4
+ }, false>;
@@ -0,0 +1,2 @@
1
+ export { DialogContent } from './DialogContent';
2
+ export { useDialogContentContext } from './DialogContent.context';
@@ -0,0 +1,2 @@
1
+ import { DialogDescriptionProps } from './DialogDescription.types';
2
+ export declare const DialogDescription: (props: DialogDescriptionProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,21 @@
1
+ import { clsx as e } from "../../../utils/clsx.js";
2
+ import { useDialogContentContext as t } from "../DialogContent/DialogContent.context.js";
3
+ import { classes as n } from "./DialogDescription.styles.js";
4
+ import { mergeProps as r, setAttribute as i, spread as a, template as o } from "solid-js/web";
5
+ import { createUniqueId as s, onMount as c, splitProps as l } from "solid-js";
6
+ //#region src/components/dialog/DialogDescription/DialogDescription.tsx
7
+ var u = /* @__PURE__ */ o("<p data-slot=dialog-description>"), d = (o) => {
8
+ let { setDescriptionID: d } = t(), [f, p] = l(o, ["class", "classList"]), m = s();
9
+ return c(() => {
10
+ d(m);
11
+ }), (() => {
12
+ var t = u();
13
+ return i(t, "id", m), a(t, r({ get class() {
14
+ return e(n, f.class);
15
+ } }, p), !1, !1), t;
16
+ })();
17
+ };
18
+ //#endregion
19
+ export { d as DialogDescription };
20
+
21
+ //# sourceMappingURL=DialogDescription.js.map
@@ -0,0 +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":";;;;;;+DAMaO,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,wBAAqBH,GAAyB,EAEhD,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC,EAE3DI,IAAKZ,GAAgB;AAM3B,QAJAC,QAAc;AACZQ,IAAiBG,EAAG;GACpB,SAEF;EAAA,IAAAC,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAA,MAEQD,EAAE,EAAAI,EAAAH,GAAAI,EAAA,EAAA,IAAA,QAAA;AAAA,UAECb,EAAKC,GAASK,EAAMQ,MAAM;KAAA,EAC7BP,EAAM,EAAA,IAAA,GAAA,EAAAE;KAAA"}
@@ -0,0 +1 @@
1
+ export declare const classes = "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";
@@ -0,0 +1,6 @@
1
+ //#region src/components/dialog/DialogDescription/DialogDescription.styles.ts
2
+ var e = "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";
3
+ //#endregion
4
+ export { e as classes };
5
+
6
+ //# sourceMappingURL=DialogDescription.styles.js.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ import { BaseProps, PolymorphicProps } from '../../../types';
2
+ export type DialogDescriptionProps = PolymorphicProps<"p", BaseProps, false>;
@@ -0,0 +1 @@
1
+ export { DialogDescription } from './DialogDescription';
@@ -0,0 +1,2 @@
1
+ import { DialogFooterProps } from './DialogFooter.types';
2
+ export declare const DialogFooter: (props: DialogFooterProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import { clsx as e } from "../../../utils/clsx.js";
2
+ import { classes as t } from "./DialogFooter.styles.js";
3
+ import { mergeProps as n, spread as r, template as i } from "solid-js/web";
4
+ import { splitProps as a } from "solid-js";
5
+ //#region src/components/dialog/DialogFooter/DialogFooter.tsx
6
+ var o = /* @__PURE__ */ i("<div data-slot=dialog-footer>"), s = (i) => {
7
+ let [s, c] = a(i, ["class", "classList"]);
8
+ return (() => {
9
+ var i = o();
10
+ return r(i, n({ get class() {
11
+ return e(t, s.class);
12
+ } }, c), !1, !1), i;
13
+ })();
14
+ };
15
+ //#endregion
16
+ export { s as DialogFooter };
17
+
18
+ //# sourceMappingURL=DialogFooter.js.map
@@ -0,0 +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":";;;;;4DAKaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EAAKC,GAASG,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
@@ -0,0 +1 @@
1
+ export declare const classes = "-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";
@@ -0,0 +1,6 @@
1
+ //#region src/components/dialog/DialogFooter/DialogFooter.styles.ts
2
+ var e = "-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";
3
+ //#endregion
4
+ export { e as classes };
5
+
6
+ //# sourceMappingURL=DialogFooter.styles.js.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ import { BaseProps, PolymorphicProps } from '../../../types';
2
+ export type DialogFooterProps = PolymorphicProps<"div", BaseProps, false>;
@@ -0,0 +1 @@
1
+ export { DialogFooter } from './DialogFooter';
@@ -0,0 +1,2 @@
1
+ import { DialogHeaderProps } from './DialogHeader.types';
2
+ export declare const DialogHeader: (props: DialogHeaderProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import { clsx as e } from "../../../utils/clsx.js";
2
+ import { classes as t } from "./DialogHeader.styles.js";
3
+ import { mergeProps as n, spread as r, template as i } from "solid-js/web";
4
+ import { splitProps as a } from "solid-js";
5
+ //#region src/components/dialog/DialogHeader/DialogHeader.tsx
6
+ var o = /* @__PURE__ */ i("<div data-slot=dialog-header>"), s = (i) => {
7
+ let [s, c] = a(i, ["class", "classList"]);
8
+ return (() => {
9
+ var i = o();
10
+ return r(i, n({ get class() {
11
+ return e(t, s.class);
12
+ } }, c), !1, !1), i;
13
+ })();
14
+ };
15
+ //#endregion
16
+ export { s as DialogHeader };
17
+
18
+ //# sourceMappingURL=DialogHeader.js.map
@@ -0,0 +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":";;;;;4DAKaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EAAKC,GAASG,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
@@ -0,0 +1 @@
1
+ export declare const classes = "flex flex-col gap-2";
@@ -0,0 +1,6 @@
1
+ //#region src/components/dialog/DialogHeader/DialogHeader.styles.ts
2
+ var e = "flex flex-col gap-2";
3
+ //#endregion
4
+ export { e as classes };
5
+
6
+ //# sourceMappingURL=DialogHeader.styles.js.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ import { BaseProps, PolymorphicProps } from '../../../types';
2
+ export type DialogHeaderProps = PolymorphicProps<"div", BaseProps, false>;
@@ -0,0 +1 @@
1
+ export { DialogHeader } from './DialogHeader';
@@ -0,0 +1,2 @@
1
+ import { DialogOverlayProps } from './DialogOverlay.types';
2
+ export declare const DialogOverlay: (props: DialogOverlayProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,27 @@
1
+ import { clsx as e } from "../../../utils/clsx.js";
2
+ import { useDialogContext as t } from "../Dialog/Dialog.context.js";
3
+ import { classes as n } from "./DialogOverlay.styles.js";
4
+ import { delegateEvents as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
5
+ import { splitProps as s } from "solid-js";
6
+ //#region src/components/dialog/DialogOverlay/DialogOverlay.tsx
7
+ var c = /* @__PURE__ */ o("<div data-slot=dialog-overlay role=presentation aria-hidden=true>"), l = (r) => {
8
+ let { open: o, setShow: l, setOpen: u } = t(), [d, f] = s(r, ["class", "classList"]);
9
+ return (() => {
10
+ var t = c();
11
+ return t.addEventListener("animationend", () => {
12
+ o() || l(!1);
13
+ }), t.$$click = () => u(!1), a(t, i({
14
+ get "data-open"() {
15
+ return o();
16
+ },
17
+ get class() {
18
+ return e(n, d.class);
19
+ }
20
+ }, f), !1, !1), t;
21
+ })();
22
+ };
23
+ r(["click"]);
24
+ //#endregion
25
+ export { l as DialogOverlay };
26
+
27
+ //# sourceMappingURL=DialogOverlay.js.map
@@ -0,0 +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":";;;;;;gGAMaK,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,SAAMC,YAASC,eAAYL,GAAkB,EAE/C,CAACM,GAAOC,KAAUX,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAM,IAAAC,GAAA;AAYc,SAZdD,EAAAE,iBAAA,sBAQ0B;AAChBP,MAAM,IACVC,EAAQ,GAAM;IACf,EAAAI,EAAAG,gBAJcN,EAAQ,GAAM,EAAAO,EAAAJ,GAAAK,EAAA;GAAA,IAAA,cAAA;AAAA,WAFlBV,GAAM;;GAAA,IAAA,QAAA;AAAA,WACVL,EAAKC,GAASO,EAAMS,MAAM;;GAAA,EAM7BR,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA;;AAGdQ,EAAA,CAAA,QAAA,CAAA"}
@@ -0,0 +1 @@
1
+ export declare const classes = "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";
@@ -0,0 +1,6 @@
1
+ //#region src/components/dialog/DialogOverlay/DialogOverlay.styles.ts
2
+ var e = "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";
3
+ //#endregion
4
+ export { e as classes };
5
+
6
+ //# sourceMappingURL=DialogOverlay.styles.js.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ import { BaseProps, PolymorphicProps } from '../../../types';
2
+ export type DialogOverlayProps = PolymorphicProps<"div", BaseProps, false>;
@@ -0,0 +1 @@
1
+ export { DialogOverlay } from './DialogOverlay';
@@ -0,0 +1,2 @@
1
+ import { DialogPortalProps } from './DialogPortal.types';
2
+ export declare const DialogPortal: (props: DialogPortalProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { Portal as e, createComponent as t, spread as n, template as r } from "solid-js/web";
2
+ //#region src/components/dialog/DialogPortal/DialogPortal.tsx
3
+ var i = /* @__PURE__ */ r("<div data-slot=dialog-portal>"), a = (r) => t(e, { get children() {
4
+ var e = i();
5
+ return n(e, r, !1, !1), e;
6
+ } });
7
+ //#endregion
8
+ export { a as DialogPortal };
9
+
10
+ //# sourceMappingURL=DialogPortal.js.map
@@ -0,0 +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":";;4DAGaE,KAAgBC,MAC3BC,EACGH,GAAM,EAAA,IAAAI,WAAA;CAAA,IAAAC,IAAAC,GAAA;AACmC,QADnCC,EAAAF,GAC8BH,GAAK,IAAA,GAAA,EAAAG;GAAA,CAAA"}
@@ -0,0 +1,2 @@
1
+ import { BaseProps, PolymorphicProps } from '../../../types';
2
+ export type DialogPortalProps = PolymorphicProps<"div", BaseProps, false>;
@@ -0,0 +1 @@
1
+ export { DialogPortal } from './DialogPortal';
@@ -0,0 +1,2 @@
1
+ import { DialogTitleProps } from './DialogTitle.types';
2
+ export declare const DialogTitle: (props: DialogTitleProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,21 @@
1
+ import { clsx as e } from "../../../utils/clsx.js";
2
+ import { useDialogContentContext as t } from "../DialogContent/DialogContent.context.js";
3
+ import { classes as n } from "./DialogTitle.styles.js";
4
+ import { mergeProps as r, setAttribute as i, spread as a, template as o } from "solid-js/web";
5
+ import { createUniqueId as s, onMount as c, splitProps as l } from "solid-js";
6
+ //#region src/components/dialog/DialogTitle/DialogTitle.tsx
7
+ var u = /* @__PURE__ */ o("<h2 data-slot=dialog-title>"), d = (o) => {
8
+ let { setTitleID: d } = t(), [f, p] = l(o, ["class", "classList"]), m = s();
9
+ return c(() => {
10
+ d(m);
11
+ }), (() => {
12
+ var t = u();
13
+ return i(t, "id", m), a(t, r({ get class() {
14
+ return e(n, f.class);
15
+ } }, p), !1, !1), t;
16
+ })();
17
+ };
18
+ //#endregion
19
+ export { d as DialogTitle };
20
+
21
+ //# sourceMappingURL=DialogTitle.js.map
@@ -0,0 +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":";;;;;;0DAMaO,KAAeC,MAA4B;CACtD,IAAM,EAAEC,kBAAeH,GAAyB,EAE1C,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC,EAE3DI,IAAKZ,GAAgB;AAM3B,QAJAC,QAAc;AACZQ,IAAWG,EAAG;GACd,SAEF;EAAA,IAAAC,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAA,MAEQD,EAAE,EAAAI,EAAAH,GAAAI,EAAA,EAAA,IAAA,QAAA;AAAA,UAECb,EAAKC,GAASK,EAAMQ,MAAM;KAAA,EAC7BP,EAAM,EAAA,IAAA,GAAA,EAAAE;KAAA"}
@@ -0,0 +1 @@
1
+ export declare const classes = "cn-font-heading text-base leading-none font-medium";
@@ -0,0 +1,6 @@
1
+ //#region src/components/dialog/DialogTitle/DialogTitle.styles.ts
2
+ var e = "cn-font-heading text-base leading-none font-medium";
3
+ //#endregion
4
+ export { e as classes };
5
+
6
+ //# sourceMappingURL=DialogTitle.styles.js.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ import { BaseProps, PolymorphicProps } from '../../../types';
2
+ export type DialogTitleProps = PolymorphicProps<"h2", BaseProps, false>;
@@ -0,0 +1 @@
1
+ export { DialogTitle } from './DialogTitle';
@@ -0,0 +1,2 @@
1
+ import { JSXElement, ParentProps } from 'solid-js';
2
+ export declare const DialogTrigger: (props: ParentProps) => JSXElement;
@@ -0,0 +1,11 @@
1
+ import { useDialogTrigger as e } from "./useDialogTrigger.js";
2
+ import { children as t, untrack as n } from "solid-js";
3
+ //#region src/components/dialog/DialogTrigger/DialogTrigger.tsx
4
+ var r = (r) => {
5
+ let i = t(() => n(() => r.children));
6
+ return e(i), i;
7
+ };
8
+ //#endregion
9
+ export { r as DialogTrigger };
10
+
11
+ //# sourceMappingURL=DialogTrigger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DialogTrigger.js","names":["children","untrack","JSXElement","ParentProps","useDialogTrigger","DialogTrigger","props","resolved"],"sources":["../../../../src/components/dialog/DialogTrigger/DialogTrigger.tsx"],"sourcesContent":["import { children, untrack, type JSXElement, type ParentProps } from \"solid-js\";\nimport { useDialogTrigger } from \"./useDialogTrigger\";\n\nexport const DialogTrigger = (props: ParentProps) => {\n const resolved = children(() => untrack(() => props.children));\n useDialogTrigger(resolved);\n\n return resolved as unknown as JSXElement;\n};\n"],"mappings":";;;AAGA,IAAaK,KAAiBC,MAAuB;CACnD,IAAMC,IAAWP,QAAeC,QAAcK,EAAMN,SAAS,CAAC;AAG9D,QAFAI,EAAiBG,EAAS,EAEnBA"}