@tipp/ui 1.2.14 → 1.2.15

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 (139) hide show
  1. package/dist/atoms/dialog.cjs +24 -58
  2. package/dist/atoms/dialog.cjs.map +1 -1
  3. package/dist/atoms/dialog.js +1 -3
  4. package/dist/atoms/drawer.cjs +7 -50
  5. package/dist/atoms/drawer.cjs.map +1 -1
  6. package/dist/atoms/drawer.d.cts +1 -1
  7. package/dist/atoms/drawer.d.ts +1 -1
  8. package/dist/atoms/drawer.js +1 -4
  9. package/dist/atoms/field-error-wrapper.js +2 -2
  10. package/dist/atoms/index.cjs +114 -131
  11. package/dist/atoms/index.cjs.map +1 -1
  12. package/dist/atoms/index.js +57 -58
  13. package/dist/atoms/pagination.js +2 -2
  14. package/dist/atoms/toast.cjs +7 -10
  15. package/dist/atoms/toast.cjs.map +1 -1
  16. package/dist/atoms/toast.js +1 -2
  17. package/dist/chunk-2FIAJ3FS.js +59 -0
  18. package/dist/chunk-2FIAJ3FS.js.map +1 -0
  19. package/dist/chunk-33YXJNZC.js +39 -0
  20. package/dist/chunk-33YXJNZC.js.map +1 -0
  21. package/dist/chunk-3PKH6B5Q.js +90 -0
  22. package/dist/chunk-3PKH6B5Q.js.map +1 -0
  23. package/dist/chunk-3QK6FAST.js +88 -0
  24. package/dist/chunk-3QK6FAST.js.map +1 -0
  25. package/dist/chunk-6IUPU7DC.js +44 -0
  26. package/dist/chunk-6IUPU7DC.js.map +1 -0
  27. package/dist/chunk-6MWBFGPV.js +44 -0
  28. package/dist/chunk-6MWBFGPV.js.map +1 -0
  29. package/dist/chunk-7JIZ5JRE.js +97 -0
  30. package/dist/chunk-7JIZ5JRE.js.map +1 -0
  31. package/dist/chunk-7MGIYERY.js +340 -0
  32. package/dist/chunk-7MGIYERY.js.map +1 -0
  33. package/dist/chunk-7MGKSZWD.js +59 -0
  34. package/dist/chunk-7MGKSZWD.js.map +1 -0
  35. package/dist/chunk-7NEEBOE5.js +59 -0
  36. package/dist/chunk-7NEEBOE5.js.map +1 -0
  37. package/dist/chunk-7TLF23E7.js +50 -0
  38. package/dist/chunk-7TLF23E7.js.map +1 -0
  39. package/dist/chunk-AAAQKCFX.js +39 -0
  40. package/dist/chunk-AAAQKCFX.js.map +1 -0
  41. package/dist/chunk-AOY2722L.js +43 -0
  42. package/dist/chunk-AOY2722L.js.map +1 -0
  43. package/dist/chunk-CA3KCVF3.js +44 -0
  44. package/dist/chunk-CA3KCVF3.js.map +1 -0
  45. package/dist/chunk-EBIISCYP.js +59 -0
  46. package/dist/chunk-EBIISCYP.js.map +1 -0
  47. package/dist/chunk-EYP37NAX.js +39 -0
  48. package/dist/chunk-EYP37NAX.js.map +1 -0
  49. package/dist/chunk-FLPWMNPQ.js +340 -0
  50. package/dist/chunk-FLPWMNPQ.js.map +1 -0
  51. package/dist/chunk-FYQHXVVC.js +39 -0
  52. package/dist/chunk-FYQHXVVC.js.map +1 -0
  53. package/dist/chunk-G7BR6KSX.js +130 -0
  54. package/dist/chunk-G7BR6KSX.js.map +1 -0
  55. package/dist/chunk-GXID5CO5.js +92 -0
  56. package/dist/chunk-GXID5CO5.js.map +1 -0
  57. package/dist/chunk-HDIMW26M.js +40 -0
  58. package/dist/chunk-HDIMW26M.js.map +1 -0
  59. package/dist/chunk-HJQQMAUB.js +50 -0
  60. package/dist/chunk-HJQQMAUB.js.map +1 -0
  61. package/dist/chunk-HWJLK6WM.js +39 -0
  62. package/dist/chunk-HWJLK6WM.js.map +1 -0
  63. package/dist/chunk-I2PIGNYP.js +97 -0
  64. package/dist/chunk-I2PIGNYP.js.map +1 -0
  65. package/dist/chunk-J4DYXLNJ.js +88 -0
  66. package/dist/chunk-J4DYXLNJ.js.map +1 -0
  67. package/dist/chunk-JGEN42KT.js +35 -0
  68. package/dist/chunk-JGEN42KT.js.map +1 -0
  69. package/dist/chunk-KK5BCWBR.js +42 -0
  70. package/dist/chunk-KK5BCWBR.js.map +1 -0
  71. package/dist/chunk-KLOQQGZ3.js +42 -0
  72. package/dist/chunk-KLOQQGZ3.js.map +1 -0
  73. package/dist/chunk-KVGCDBJ4.js +42 -0
  74. package/dist/chunk-KVGCDBJ4.js.map +1 -0
  75. package/dist/chunk-LS64FVRE.js +59 -0
  76. package/dist/chunk-LS64FVRE.js.map +1 -0
  77. package/dist/chunk-MFVWAA4Y.js +56 -0
  78. package/dist/chunk-MFVWAA4Y.js.map +1 -0
  79. package/dist/chunk-MKYNSWMI.js +340 -0
  80. package/dist/chunk-MKYNSWMI.js.map +1 -0
  81. package/dist/chunk-NJTNP47L.js +340 -0
  82. package/dist/chunk-NJTNP47L.js.map +1 -0
  83. package/dist/chunk-P7NBEL7J.js +88 -0
  84. package/dist/chunk-P7NBEL7J.js.map +1 -0
  85. package/dist/chunk-PLXOVGG4.js +39 -0
  86. package/dist/chunk-PLXOVGG4.js.map +1 -0
  87. package/dist/chunk-PXABCUAT.js +44 -0
  88. package/dist/chunk-PXABCUAT.js.map +1 -0
  89. package/dist/chunk-SSI6JRBA.js +92 -0
  90. package/dist/chunk-SSI6JRBA.js.map +1 -0
  91. package/dist/chunk-T2DBM2OA.js +59 -0
  92. package/dist/chunk-T2DBM2OA.js.map +1 -0
  93. package/dist/chunk-TAU5LFOR.js +39 -0
  94. package/dist/chunk-TAU5LFOR.js.map +1 -0
  95. package/dist/chunk-UFW4DFY5.js +39 -0
  96. package/dist/chunk-UFW4DFY5.js.map +1 -0
  97. package/dist/chunk-US7J5XUZ.js +36 -0
  98. package/dist/chunk-US7J5XUZ.js.map +1 -0
  99. package/dist/chunk-X2VREBVY.js +39 -0
  100. package/dist/chunk-X2VREBVY.js.map +1 -0
  101. package/dist/chunk-X55DKUZS.js +39 -0
  102. package/dist/chunk-X55DKUZS.js.map +1 -0
  103. package/dist/chunk-XFPO6ULS.js +39 -0
  104. package/dist/chunk-XFPO6ULS.js.map +1 -0
  105. package/dist/chunk-XKOYSFH4.js +43 -0
  106. package/dist/chunk-XKOYSFH4.js.map +1 -0
  107. package/dist/chunk-XXKNNYIJ.js +59 -0
  108. package/dist/chunk-XXKNNYIJ.js.map +1 -0
  109. package/dist/chunk-YA3PXLPU.js +53 -0
  110. package/dist/chunk-YA3PXLPU.js.map +1 -0
  111. package/dist/chunk-YESWEUM2.js +1 -0
  112. package/dist/chunk-YESWEUM2.js.map +1 -0
  113. package/dist/chunk-YILB2DTL.js +39 -0
  114. package/dist/chunk-YILB2DTL.js.map +1 -0
  115. package/dist/chunk-YNVFLDKB.js +92 -0
  116. package/dist/chunk-YNVFLDKB.js.map +1 -0
  117. package/dist/chunk-YSBOFKXT.js +39 -0
  118. package/dist/chunk-YSBOFKXT.js.map +1 -0
  119. package/dist/chunk-YTYGMU6L.js +169 -0
  120. package/dist/chunk-YTYGMU6L.js.map +1 -0
  121. package/dist/chunk-ZYNW3VYG.js +53 -0
  122. package/dist/chunk-ZYNW3VYG.js.map +1 -0
  123. package/dist/index.cjs +242 -252
  124. package/dist/index.cjs.map +1 -1
  125. package/dist/index.css +67 -38
  126. package/dist/index.css.map +1 -1
  127. package/dist/index.js +71 -71
  128. package/dist/molecules/expand-table/index.js +27 -28
  129. package/dist/molecules/expand-table/row.js +26 -27
  130. package/dist/molecules/index.cjs +24 -24
  131. package/dist/molecules/index.cjs.map +1 -1
  132. package/dist/molecules/index.js +30 -31
  133. package/dist/molecules/navigation.js +27 -28
  134. package/dist/molecules/stepper.js +3 -3
  135. package/dist/molecules/tag-selector.js +27 -28
  136. package/package.json +3 -3
  137. package/src/atoms/dialog.tsx +0 -2
  138. package/src/atoms/drawer.tsx +8 -14
  139. package/src/atoms/toast.tsx +12 -19
@@ -0,0 +1,59 @@
1
+ import {
2
+ ThemeProvider
3
+ } from "./chunk-BVBX6IJ3.js";
4
+ import {
5
+ ToastContainer
6
+ } from "./chunk-EYP37NAX.js";
7
+ import {
8
+ __objRest,
9
+ __spreadProps,
10
+ __spreadValues
11
+ } from "./chunk-N552FDTV.js";
12
+
13
+ // src/atoms/drawer.tsx
14
+ import { useEffect, useRef } from "react";
15
+ import * as Dialog from "@radix-ui/react-dialog";
16
+ import { jsx, jsxs } from "react/jsx-runtime";
17
+ function Root2(props) {
18
+ return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
19
+ }
20
+ function Content2(props) {
21
+ const _a = props, { position = "right", className, children } = _a, rest = __objRest(_a, ["position", "className", "children"]);
22
+ const containerRef = useRef(null);
23
+ useEffect(() => {
24
+ containerRef.current = document.getElementsByClassName("radix-themes")[0];
25
+ }, []);
26
+ return /* @__PURE__ */ jsx(Dialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
27
+ /* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
28
+ /* @__PURE__ */ jsxs(
29
+ Dialog.Content,
30
+ __spreadProps(__spreadValues({
31
+ className: `DrawerContent ${position} ${className || ""}`
32
+ }, rest), {
33
+ children: [
34
+ /* @__PURE__ */ jsx(ToastContainer, {}),
35
+ children
36
+ ]
37
+ })
38
+ )
39
+ ] }) });
40
+ }
41
+ function Trigger2(props) {
42
+ return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
43
+ }
44
+ var Drawer = {
45
+ Root: Dialog.Root,
46
+ Trigger: Trigger2,
47
+ Content: Content2,
48
+ Close: Dialog.Close,
49
+ Title: Dialog.Title,
50
+ Description: Dialog.Description
51
+ };
52
+
53
+ export {
54
+ Root2 as Root,
55
+ Content2 as Content,
56
+ Trigger2 as Trigger,
57
+ Drawer
58
+ };
59
+ //# sourceMappingURL=chunk-T2DBM2OA.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { ToastContainer } from './toast';\n\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\n return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n /** Drawer가 붙는 위치, 기본값 right */\n position?: 'left' | 'right' | 'bottom' | 'top';\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n const { position = 'right', className, children, ...rest } = props;\n\n const containerRef = useRef<Element | null>(null);\n\n useEffect(() => {\n containerRef.current = document.getElementsByClassName('radix-themes')[0];\n }, []);\n\n return (\n <Dialog.Portal container={containerRef.current}>\n <ThemeProvider>\n <Dialog.Overlay className=\"DrawerOverlay\" />\n <Dialog.Content\n className={`DrawerContent ${position} ${className || ''}`}\n {...rest}\n >\n <ToastContainer />\n {children}\n </Dialog.Content>\n </ThemeProvider>\n </Dialog.Portal>\n );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\n return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n Root: Dialog.Root,\n Trigger,\n Content,\n Close: Dialog.Close,\n Title: Dialog.Title,\n Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,WAAW,cAAc;AACzC,YAAY,YAAY;AAKf,cAqBD,YArBC;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAA6D,YAArD,aAAW,SAAS,WAAW,SAfzC,IAe+D,IAAT,iBAAS,IAAT,CAA5C,YAAoB,aAAW;AAEvC,QAAM,eAAe,OAAuB,IAAI;AAEhD,YAAU,MAAM;AACd,iBAAa,UAAU,SAAS,uBAAuB,cAAc,EAAE,CAAC;AAAA,EAC1E,GAAG,CAAC,CAAC;AAEL,SACE,oBAAQ,eAAP,EAAc,WAAW,aAAa,SACrC,+BAAC,iBACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD,OAFL;AAAA,QAIC;AAAA,8BAAC,kBAAe;AAAA,UACf;AAAA;AAAA;AAAA,IACH;AAAA,KACF,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,oBAAQ,gBAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB,MAAa;AAAA,EACb,SAAAA;AAAA,EACA,SAAAD;AAAA,EACA,OAAc;AAAA,EACd,OAAc;AAAA,EACd,aAAoB;AACtB;","names":["Root","Content","Trigger"]}
@@ -0,0 +1,39 @@
1
+ import {
2
+ IconButton
3
+ } from "./chunk-O3DNDMV3.js";
4
+ import {
5
+ __spreadValues
6
+ } from "./chunk-N552FDTV.js";
7
+
8
+ // src/atoms/toast.tsx
9
+ import { Cross1Icon } from "@radix-ui/react-icons";
10
+ import { ToastContainer as ToastifyToastContainer } from "react-toastify";
11
+ import { toast } from "react-toastify";
12
+ import { jsx } from "react/jsx-runtime";
13
+ function CloseButton({ closeToast }) {
14
+ return /* @__PURE__ */ jsx(IconButton, { color: "gray", onClick: closeToast, variant: "ghost", children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
15
+ }
16
+ function ToastContainer(props) {
17
+ return /* @__PURE__ */ jsx(
18
+ ToastifyToastContainer,
19
+ __spreadValues({
20
+ autoClose: 5e4,
21
+ closeButton: CloseButton,
22
+ closeOnClick: true,
23
+ draggable: true,
24
+ hideProgressBar: true,
25
+ newestOnTop: true,
26
+ pauseOnFocusLoss: true,
27
+ pauseOnHover: true,
28
+ position: "bottom-right",
29
+ rtl: false,
30
+ style: { zIndex: 999999 }
31
+ }, props)
32
+ );
33
+ }
34
+
35
+ export {
36
+ ToastContainer,
37
+ toast
38
+ };
39
+ //# sourceMappingURL=chunk-TAU5LFOR.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport type { Theme, ToastContainerProps, TypeOptions } from 'react-toastify';\nimport { ToastContainer as ToastifyToastContainer } from 'react-toastify';\nimport { IconButton } from './icon-button';\n\nexport { toast } from 'react-toastify';\n\ninterface CloseButtonProps {\n closeToast: (e: React.MouseEvent<HTMLElement>) => void;\n type: TypeOptions;\n ariaLabel?: string;\n theme: Theme;\n}\nfunction CloseButton({ closeToast }: CloseButtonProps): React.ReactNode {\n return (\n <IconButton color=\"gray\" onClick={closeToast} variant=\"ghost\">\n <Cross1Icon />\n </IconButton>\n );\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactElement {\n return (\n <ToastifyToastContainer\n autoClose={50000}\n closeButton={CloseButton}\n closeOnClick\n draggable\n hideProgressBar\n newestOnTop\n pauseOnFocusLoss\n pauseOnHover\n position=\"bottom-right\"\n rtl={false}\n style={{ zIndex: 999999 }}\n {...props}\n />\n );\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB,8BAA8B;AAGzD,SAAS,aAAa;AAWhB;AAHN,SAAS,YAAY,EAAE,WAAW,GAAsC;AACtE,SACE,oBAAC,cAAW,OAAM,QAAO,SAAS,YAAY,SAAQ,SACpD,8BAAC,cAAW,GACd;AAEJ;AAEO,SAAS,eAAe,OAAgD;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAY;AAAA,MACZ,WAAS;AAAA,MACT,iBAAe;AAAA,MACf,aAAW;AAAA,MACX,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,UAAS;AAAA,MACT,KAAK;AAAA,MACL,OAAO,EAAE,QAAQ,OAAO;AAAA,OACpB;AAAA,EACN;AAEJ;","names":[]}
@@ -0,0 +1,39 @@
1
+ import {
2
+ __spreadValues
3
+ } from "./chunk-N552FDTV.js";
4
+
5
+ // src/atoms/toast.tsx
6
+ import { InfoCircledIcon } from "@radix-ui/react-icons";
7
+ import {
8
+ ToastContainer as ToastifyContainer
9
+ } from "react-toastify";
10
+ import { toast } from "react-toastify";
11
+ import { jsx } from "react/jsx-runtime";
12
+ function CloseButton() {
13
+ return null;
14
+ }
15
+ function ToastContainer(props) {
16
+ return /* @__PURE__ */ jsx(
17
+ ToastifyContainer,
18
+ __spreadValues({
19
+ autoClose: 5e4,
20
+ closeButton: CloseButton,
21
+ closeOnClick: true,
22
+ draggable: true,
23
+ hideProgressBar: true,
24
+ icon: /* @__PURE__ */ jsx(InfoCircledIcon, {}),
25
+ newestOnTop: true,
26
+ pauseOnFocusLoss: true,
27
+ pauseOnHover: true,
28
+ position: "top-center",
29
+ rtl: false,
30
+ style: { zIndex: 999999 }
31
+ }, props)
32
+ );
33
+ }
34
+
35
+ export {
36
+ ToastContainer,
37
+ toast
38
+ };
39
+ //# sourceMappingURL=chunk-UFW4DFY5.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import { InfoCircledIcon } from '@radix-ui/react-icons';\nimport {\n ToastContainer as ToastifyContainer,\n type ToastContainerProps,\n} from 'react-toastify';\n\nexport { toast } from 'react-toastify';\n\nfunction CloseButton(): React.ReactNode {\n return null;\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactElement {\n return (\n <ToastifyContainer\n autoClose={50000}\n closeButton={CloseButton}\n closeOnClick\n draggable\n hideProgressBar\n icon={<InfoCircledIcon />}\n newestOnTop\n pauseOnFocusLoss\n pauseOnHover\n position=\"top-center\"\n rtl={false}\n style={{ zIndex: 999999 }}\n {...props}\n />\n );\n}\n"],"mappings":";;;;;AAAA,SAAS,uBAAuB;AAChC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAEP,SAAS,aAAa;AAcV;AAZZ,SAAS,cAA+B;AACtC,SAAO;AACT;AAEO,SAAS,eAAe,OAAgD;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAY;AAAA,MACZ,WAAS;AAAA,MACT,iBAAe;AAAA,MACf,MAAM,oBAAC,mBAAgB;AAAA,MACvB,aAAW;AAAA,MACX,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,UAAS;AAAA,MACT,KAAK;AAAA,MACL,OAAO,EAAE,QAAQ,OAAO;AAAA,OACpB;AAAA,EACN;AAEJ;","names":[]}
@@ -0,0 +1,36 @@
1
+ import {
2
+ __spreadValues
3
+ } from "./chunk-N552FDTV.js";
4
+
5
+ // src/atoms/toast.tsx
6
+ import { InfoCircledIcon } from "@radix-ui/react-icons";
7
+ import {
8
+ ToastContainer as ToastifyContainer
9
+ } from "react-toastify";
10
+ import { toast } from "react-toastify";
11
+ import { Fragment, jsx } from "react/jsx-runtime";
12
+ function ToastContainer(props) {
13
+ return /* @__PURE__ */ jsx(
14
+ ToastifyContainer,
15
+ __spreadValues({
16
+ autoClose: 5e4,
17
+ closeButton: () => /* @__PURE__ */ jsx(Fragment, {}),
18
+ closeOnClick: true,
19
+ draggable: true,
20
+ hideProgressBar: true,
21
+ icon: /* @__PURE__ */ jsx(InfoCircledIcon, {}),
22
+ newestOnTop: true,
23
+ pauseOnFocusLoss: true,
24
+ pauseOnHover: true,
25
+ position: "top-center",
26
+ rtl: false,
27
+ style: { zIndex: 999999 }
28
+ }, props)
29
+ );
30
+ }
31
+
32
+ export {
33
+ ToastContainer,
34
+ toast
35
+ };
36
+ //# sourceMappingURL=chunk-US7J5XUZ.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import { Cross1Icon, InfoCircledIcon } from '@radix-ui/react-icons';\nimport {\n ToastContainer as ToastifyContainer,\n type Theme,\n type ToastContainerProps,\n type TypeOptions,\n} from 'react-toastify';\nimport { IconButton } from './icon-button';\n\nexport { toast } from 'react-toastify';\n\ninterface CloseButtonProps {\n closeToast: (e: React.MouseEvent<HTMLElement>) => void;\n type: TypeOptions;\n ariaLabel?: string;\n theme: Theme;\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactElement {\n return (\n <ToastifyContainer\n autoClose={50000}\n closeButton={() => <></>}\n closeOnClick\n draggable\n hideProgressBar\n icon={<InfoCircledIcon />}\n newestOnTop\n pauseOnFocusLoss\n pauseOnHover\n position=\"top-center\"\n rtl={false}\n style={{ zIndex: 999999 }}\n {...props}\n />\n );\n}\n"],"mappings":";;;;;AAAA,SAAqB,uBAAuB;AAC5C;AAAA,EACE,kBAAkB;AAAA,OAIb;AAGP,SAAS,aAAa;AAaG;AAJlB,SAAS,eAAe,OAAgD;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa,MAAM,gCAAE;AAAA,MACrB,cAAY;AAAA,MACZ,WAAS;AAAA,MACT,iBAAe;AAAA,MACf,MAAM,oBAAC,mBAAgB;AAAA,MACvB,aAAW;AAAA,MACX,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,UAAS;AAAA,MACT,KAAK;AAAA,MACL,OAAO,EAAE,QAAQ,OAAO;AAAA,OACpB;AAAA,EACN;AAEJ;","names":[]}
@@ -0,0 +1,39 @@
1
+ import {
2
+ IconButton
3
+ } from "./chunk-O3DNDMV3.js";
4
+ import {
5
+ __spreadValues
6
+ } from "./chunk-N552FDTV.js";
7
+
8
+ // src/atoms/toast.tsx
9
+ import { Cross1Icon } from "@radix-ui/react-icons";
10
+ import { ToastContainer as ToastifyToastContainer } from "react-toastify";
11
+ import { toast } from "react-toastify";
12
+ import { jsx } from "react/jsx-runtime";
13
+ function CloseButton({ closeToast }) {
14
+ return /* @__PURE__ */ jsx(IconButton, { color: "gray", onClick: closeToast, variant: "ghost", children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
15
+ }
16
+ function ToastContainer(props) {
17
+ return /* @__PURE__ */ jsx(
18
+ ToastifyToastContainer,
19
+ __spreadValues({
20
+ autoClose: 5e3,
21
+ closeButton: CloseButton,
22
+ closeOnClick: true,
23
+ draggable: true,
24
+ hideProgressBar: true,
25
+ newestOnTop: true,
26
+ pauseOnFocusLoss: true,
27
+ pauseOnHover: true,
28
+ style: { zIndex: 9999 },
29
+ position: "bottom-right",
30
+ rtl: false
31
+ }, props)
32
+ );
33
+ }
34
+
35
+ export {
36
+ ToastContainer,
37
+ toast
38
+ };
39
+ //# sourceMappingURL=chunk-X2VREBVY.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport type { Theme, ToastContainerProps, TypeOptions } from 'react-toastify';\nimport { ToastContainer as ToastifyToastContainer } from 'react-toastify';\nimport { IconButton } from './icon-button';\n\nexport { toast } from 'react-toastify';\n\ninterface CloseButtonProps {\n closeToast: (e: React.MouseEvent<HTMLElement>) => void;\n type: TypeOptions;\n ariaLabel?: string;\n theme: Theme;\n}\nfunction CloseButton({ closeToast }: CloseButtonProps): React.ReactNode {\n return (\n <IconButton color=\"gray\" onClick={closeToast} variant=\"ghost\">\n <Cross1Icon />\n </IconButton>\n );\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactElement {\n return (\n <ToastifyToastContainer\n autoClose={5000}\n closeButton={CloseButton}\n closeOnClick\n draggable\n hideProgressBar\n newestOnTop\n pauseOnFocusLoss\n pauseOnHover\n style={{ zIndex: 9999 }}\n position=\"bottom-right\"\n rtl={false}\n {...props}\n />\n );\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB,8BAA8B;AAGzD,SAAS,aAAa;AAWhB;AAHN,SAAS,YAAY,EAAE,WAAW,GAAsC;AACtE,SACE,oBAAC,cAAW,OAAM,QAAO,SAAS,YAAY,SAAQ,SACpD,8BAAC,cAAW,GACd;AAEJ;AAEO,SAAS,eAAe,OAAgD;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAY;AAAA,MACZ,WAAS;AAAA,MACT,iBAAe;AAAA,MACf,aAAW;AAAA,MACX,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,OAAO,EAAE,QAAQ,KAAK;AAAA,MACtB,UAAS;AAAA,MACT,KAAK;AAAA,OACD;AAAA,EACN;AAEJ;","names":[]}
@@ -0,0 +1,39 @@
1
+ import {
2
+ IconButton
3
+ } from "./chunk-O3DNDMV3.js";
4
+ import {
5
+ __spreadValues
6
+ } from "./chunk-N552FDTV.js";
7
+
8
+ // src/atoms/toast.tsx
9
+ import { Cross1Icon } from "@radix-ui/react-icons";
10
+ import Toast from "react-toastify";
11
+ import { jsx } from "react/jsx-runtime";
12
+ var toast = __spreadValues({}, Toast.toast);
13
+ function CloseButton({ closeToast }) {
14
+ return /* @__PURE__ */ jsx(IconButton, { color: "gray", onClick: closeToast, variant: "ghost", children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
15
+ }
16
+ function ToastContainer(props) {
17
+ return /* @__PURE__ */ jsx(
18
+ Toast.ToastContainer,
19
+ __spreadValues({
20
+ autoClose: 5e4,
21
+ closeButton: CloseButton,
22
+ closeOnClick: true,
23
+ draggable: true,
24
+ hideProgressBar: true,
25
+ newestOnTop: true,
26
+ pauseOnFocusLoss: true,
27
+ pauseOnHover: true,
28
+ position: "bottom-right",
29
+ rtl: false,
30
+ style: { zIndex: 999999 }
31
+ }, props)
32
+ );
33
+ }
34
+
35
+ export {
36
+ toast,
37
+ ToastContainer
38
+ };
39
+ //# sourceMappingURL=chunk-X55DKUZS.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import { Cross1Icon, InfoCircledIcon } from '@radix-ui/react-icons';\nimport type { Theme, ToastContainerProps, TypeOptions } from 'react-toastify';\nimport Toast from 'react-toastify';\nimport { IconButton } from './icon-button';\n\nconst toast = {\n ...Toast.toast,\n};\nexport { toast };\n\ninterface CloseButtonProps {\n closeToast: (e: React.MouseEvent<HTMLElement>) => void;\n type: TypeOptions;\n ariaLabel?: string;\n theme: Theme;\n}\nfunction CloseButton({ closeToast }: CloseButtonProps): React.ReactNode {\n return (\n <IconButton color=\"gray\" onClick={closeToast} variant=\"ghost\">\n <Cross1Icon />\n </IconButton>\n );\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactElement {\n return (\n <Toast.ToastContainer\n autoClose={50000}\n closeButton={CloseButton}\n closeOnClick\n draggable\n hideProgressBar\n newestOnTop\n pauseOnFocusLoss\n pauseOnHover\n position=\"bottom-right\"\n rtl={false}\n style={{ zIndex: 999999 }}\n {...props}\n />\n );\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,kBAAmC;AAE5C,OAAO,WAAW;AAiBZ;AAdN,IAAM,QAAQ,mBACT,MAAM;AAUX,SAAS,YAAY,EAAE,WAAW,GAAsC;AACtE,SACE,oBAAC,cAAW,OAAM,QAAO,SAAS,YAAY,SAAQ,SACpD,8BAAC,cAAW,GACd;AAEJ;AAEO,SAAS,eAAe,OAAgD;AAC7E,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAY;AAAA,MACZ,WAAS;AAAA,MACT,iBAAe;AAAA,MACf,aAAW;AAAA,MACX,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,UAAS;AAAA,MACT,KAAK;AAAA,MACL,OAAO,EAAE,QAAQ,OAAO;AAAA,OACpB;AAAA,EACN;AAEJ;","names":[]}
@@ -0,0 +1,39 @@
1
+ import {
2
+ IconButton
3
+ } from "./chunk-O3DNDMV3.js";
4
+ import {
5
+ __spreadValues
6
+ } from "./chunk-N552FDTV.js";
7
+
8
+ // src/atoms/toast.tsx
9
+ import { Cross1Icon } from "@radix-ui/react-icons";
10
+ import { ToastContainer as ToastifyToastContainer } from "react-toastify";
11
+ import { toast } from "react-toastify";
12
+ import { jsx } from "react/jsx-runtime";
13
+ function CloseButton({ closeToast }) {
14
+ return /* @__PURE__ */ jsx(IconButton, { color: "gray", onClick: closeToast, variant: "ghost", children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
15
+ }
16
+ function ToastContainer(props) {
17
+ return /* @__PURE__ */ jsx(
18
+ ToastifyToastContainer,
19
+ __spreadValues({
20
+ autoClose: 5e3,
21
+ closeButton: CloseButton,
22
+ closeOnClick: true,
23
+ draggable: true,
24
+ hideProgressBar: true,
25
+ newestOnTop: true,
26
+ pauseOnFocusLoss: true,
27
+ pauseOnHover: true,
28
+ style: { zIndex: 999999 },
29
+ position: "bottom-right",
30
+ rtl: false
31
+ }, props)
32
+ );
33
+ }
34
+
35
+ export {
36
+ ToastContainer,
37
+ toast
38
+ };
39
+ //# sourceMappingURL=chunk-XFPO6ULS.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport type { Theme, ToastContainerProps, TypeOptions } from 'react-toastify';\nimport { ToastContainer as ToastifyToastContainer } from 'react-toastify';\nimport { IconButton } from './icon-button';\n\nexport { toast } from 'react-toastify';\n\ninterface CloseButtonProps {\n closeToast: (e: React.MouseEvent<HTMLElement>) => void;\n type: TypeOptions;\n ariaLabel?: string;\n theme: Theme;\n}\nfunction CloseButton({ closeToast }: CloseButtonProps): React.ReactNode {\n return (\n <IconButton color=\"gray\" onClick={closeToast} variant=\"ghost\">\n <Cross1Icon />\n </IconButton>\n );\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactElement {\n return (\n <ToastifyToastContainer\n autoClose={5000}\n closeButton={CloseButton}\n closeOnClick\n draggable\n hideProgressBar\n newestOnTop\n pauseOnFocusLoss\n pauseOnHover\n style={{ zIndex: 999999 }}\n position=\"bottom-right\"\n rtl={false}\n {...props}\n />\n );\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB,8BAA8B;AAGzD,SAAS,aAAa;AAWhB;AAHN,SAAS,YAAY,EAAE,WAAW,GAAsC;AACtE,SACE,oBAAC,cAAW,OAAM,QAAO,SAAS,YAAY,SAAQ,SACpD,8BAAC,cAAW,GACd;AAEJ;AAEO,SAAS,eAAe,OAAgD;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAY;AAAA,MACZ,WAAS;AAAA,MACT,iBAAe;AAAA,MACf,aAAW;AAAA,MACX,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,OAAO,EAAE,QAAQ,OAAO;AAAA,MACxB,UAAS;AAAA,MACT,KAAK;AAAA,OACD;AAAA,EACN;AAEJ;","names":[]}
@@ -0,0 +1,43 @@
1
+ import {
2
+ IconButton
3
+ } from "./chunk-O3DNDMV3.js";
4
+ import {
5
+ __spreadValues
6
+ } from "./chunk-N552FDTV.js";
7
+
8
+ // src/atoms/toast.tsx
9
+ import { Cross1Icon, InfoCircledIcon } from "@radix-ui/react-icons";
10
+ import Toast from "react-toastify";
11
+ import { ToastContainer as ToastifyToastContainer } from "react-toastify";
12
+ import { toast } from "react-toastify";
13
+ import { jsx } from "react/jsx-runtime";
14
+ Toast.Icons.error = () => /* @__PURE__ */ jsx(InfoCircledIcon, {});
15
+ Toast.Icons.warning = () => /* @__PURE__ */ jsx(InfoCircledIcon, {});
16
+ Toast.Icons.success = () => /* @__PURE__ */ jsx(InfoCircledIcon, {});
17
+ function CloseButton({ closeToast }) {
18
+ return /* @__PURE__ */ jsx(IconButton, { color: "gray", onClick: closeToast, variant: "ghost", children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
19
+ }
20
+ function ToastContainer(props) {
21
+ return /* @__PURE__ */ jsx(
22
+ ToastifyToastContainer,
23
+ __spreadValues({
24
+ autoClose: 5e4,
25
+ closeButton: CloseButton,
26
+ closeOnClick: true,
27
+ draggable: true,
28
+ hideProgressBar: true,
29
+ newestOnTop: true,
30
+ pauseOnFocusLoss: true,
31
+ pauseOnHover: true,
32
+ position: "bottom-right",
33
+ rtl: false,
34
+ style: { zIndex: 999999 }
35
+ }, props)
36
+ );
37
+ }
38
+
39
+ export {
40
+ ToastContainer,
41
+ toast
42
+ };
43
+ //# sourceMappingURL=chunk-XKOYSFH4.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import { Cross1Icon, InfoCircledIcon } from '@radix-ui/react-icons';\nimport type { Theme, ToastContainerProps, TypeOptions } from 'react-toastify';\nimport Toast from 'react-toastify';\nimport { ToastContainer as ToastifyToastContainer } from 'react-toastify';\nimport { IconButton } from './icon-button';\n\nexport { toast } from 'react-toastify';\n\nToast.Icons.error = () => <InfoCircledIcon />;\nToast.Icons.warning = () => <InfoCircledIcon />;\nToast.Icons.success = () => <InfoCircledIcon />;\n\ninterface CloseButtonProps {\n closeToast: (e: React.MouseEvent<HTMLElement>) => void;\n type: TypeOptions;\n ariaLabel?: string;\n theme: Theme;\n}\nfunction CloseButton({ closeToast }: CloseButtonProps): React.ReactNode {\n return (\n <IconButton color=\"gray\" onClick={closeToast} variant=\"ghost\">\n <Cross1Icon />\n </IconButton>\n );\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactElement {\n return (\n <ToastifyToastContainer\n autoClose={50000}\n closeButton={CloseButton}\n closeOnClick\n draggable\n hideProgressBar\n newestOnTop\n pauseOnFocusLoss\n pauseOnHover\n position=\"bottom-right\"\n rtl={false}\n style={{ zIndex: 999999 }}\n {...props}\n />\n );\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,YAAY,uBAAuB;AAE5C,OAAO,WAAW;AAClB,SAAS,kBAAkB,8BAA8B;AAGzD,SAAS,aAAa;AAEI;AAA1B,MAAM,MAAM,QAAQ,MAAM,oBAAC,mBAAgB;AAC3C,MAAM,MAAM,UAAU,MAAM,oBAAC,mBAAgB;AAC7C,MAAM,MAAM,UAAU,MAAM,oBAAC,mBAAgB;AAQ7C,SAAS,YAAY,EAAE,WAAW,GAAsC;AACtE,SACE,oBAAC,cAAW,OAAM,QAAO,SAAS,YAAY,SAAQ,SACpD,8BAAC,cAAW,GACd;AAEJ;AAEO,SAAS,eAAe,OAAgD;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAY;AAAA,MACZ,WAAS;AAAA,MACT,iBAAe;AAAA,MACf,aAAW;AAAA,MACX,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,UAAS;AAAA,MACT,KAAK;AAAA,MACL,OAAO,EAAE,QAAQ,OAAO;AAAA,OACpB;AAAA,EACN;AAEJ;","names":[]}
@@ -0,0 +1,59 @@
1
+ import {
2
+ ThemeProvider
3
+ } from "./chunk-BVBX6IJ3.js";
4
+ import {
5
+ ToastContainer
6
+ } from "./chunk-X2VREBVY.js";
7
+ import {
8
+ __objRest,
9
+ __spreadProps,
10
+ __spreadValues
11
+ } from "./chunk-N552FDTV.js";
12
+
13
+ // src/atoms/drawer.tsx
14
+ import { useEffect, useRef } from "react";
15
+ import * as Dialog from "@radix-ui/react-dialog";
16
+ import { jsx, jsxs } from "react/jsx-runtime";
17
+ function Root2(props) {
18
+ return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
19
+ }
20
+ function Content2(props) {
21
+ const _a = props, { position = "right", className, children } = _a, rest = __objRest(_a, ["position", "className", "children"]);
22
+ const containerRef = useRef(null);
23
+ useEffect(() => {
24
+ containerRef.current = document.getElementsByClassName("radix-themes")[0];
25
+ }, []);
26
+ return /* @__PURE__ */ jsx(Dialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
27
+ /* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
28
+ /* @__PURE__ */ jsxs(
29
+ Dialog.Content,
30
+ __spreadProps(__spreadValues({
31
+ className: `DrawerContent ${position} ${className || ""}`
32
+ }, rest), {
33
+ children: [
34
+ /* @__PURE__ */ jsx(ToastContainer, {}),
35
+ children
36
+ ]
37
+ })
38
+ )
39
+ ] }) });
40
+ }
41
+ function Trigger2(props) {
42
+ return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
43
+ }
44
+ var Drawer = {
45
+ Root: Dialog.Root,
46
+ Trigger: Trigger2,
47
+ Content: Content2,
48
+ Close: Dialog.Close,
49
+ Title: Dialog.Title,
50
+ Description: Dialog.Description
51
+ };
52
+
53
+ export {
54
+ Root2 as Root,
55
+ Content2 as Content,
56
+ Trigger2 as Trigger,
57
+ Drawer
58
+ };
59
+ //# sourceMappingURL=chunk-XXKNNYIJ.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { ToastContainer } from './toast';\n\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\n return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n /** Drawer가 붙는 위치, 기본값 right */\n position?: 'left' | 'right' | 'bottom' | 'top';\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n const { position = 'right', className, children, ...rest } = props;\n\n const containerRef = useRef<Element | null>(null);\n\n useEffect(() => {\n containerRef.current = document.getElementsByClassName('radix-themes')[0];\n }, []);\n\n return (\n <Dialog.Portal container={containerRef.current}>\n <ThemeProvider>\n <Dialog.Overlay className=\"DrawerOverlay\" />\n <Dialog.Content\n className={`DrawerContent ${position} ${className || ''}`}\n {...rest}\n >\n <ToastContainer />\n {children}\n </Dialog.Content>\n </ThemeProvider>\n </Dialog.Portal>\n );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\n return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n Root: Dialog.Root,\n Trigger,\n Content,\n Close: Dialog.Close,\n Title: Dialog.Title,\n Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,WAAW,cAAc;AACzC,YAAY,YAAY;AAKf,cAqBD,YArBC;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAA6D,YAArD,aAAW,SAAS,WAAW,SAfzC,IAe+D,IAAT,iBAAS,IAAT,CAA5C,YAAoB,aAAW;AAEvC,QAAM,eAAe,OAAuB,IAAI;AAEhD,YAAU,MAAM;AACd,iBAAa,UAAU,SAAS,uBAAuB,cAAc,EAAE,CAAC;AAAA,EAC1E,GAAG,CAAC,CAAC;AAEL,SACE,oBAAQ,eAAP,EAAc,WAAW,aAAa,SACrC,+BAAC,iBACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD,OAFL;AAAA,QAIC;AAAA,8BAAC,kBAAe;AAAA,UACf;AAAA;AAAA;AAAA,IACH;AAAA,KACF,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,oBAAQ,gBAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB,MAAa;AAAA,EACb,SAAAA;AAAA,EACA,SAAAD;AAAA,EACA,OAAc;AAAA,EACd,OAAc;AAAA,EACd,aAAoB;AACtB;","names":["Root","Content","Trigger"]}
@@ -0,0 +1,53 @@
1
+ import {
2
+ ThemeProvider
3
+ } from "./chunk-BVBX6IJ3.js";
4
+ import {
5
+ __objRest,
6
+ __spreadProps,
7
+ __spreadValues
8
+ } from "./chunk-N552FDTV.js";
9
+
10
+ // src/atoms/drawer.tsx
11
+ import { useEffect, useRef } from "react";
12
+ import * as Dialog from "@radix-ui/react-dialog";
13
+ import { jsx, jsxs } from "react/jsx-runtime";
14
+ function Root2(props) {
15
+ return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
16
+ }
17
+ function Content2(props) {
18
+ const _a = props, { position = "right", className, children } = _a, rest = __objRest(_a, ["position", "className", "children"]);
19
+ const containerRef = useRef(null);
20
+ useEffect(() => {
21
+ containerRef.current = document.getElementsByClassName("radix-themes")[0];
22
+ }, []);
23
+ return /* @__PURE__ */ jsx(Dialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
24
+ /* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
25
+ /* @__PURE__ */ jsx(
26
+ Dialog.Content,
27
+ __spreadProps(__spreadValues({
28
+ className: `DrawerContent ${position} ${className || ""}`
29
+ }, rest), {
30
+ children
31
+ })
32
+ )
33
+ ] }) });
34
+ }
35
+ function Trigger2(props) {
36
+ return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
37
+ }
38
+ var Drawer = {
39
+ Root: Dialog.Root,
40
+ Trigger: Trigger2,
41
+ Content: Content2,
42
+ Close: Dialog.Close,
43
+ Title: Dialog.Title,
44
+ Description: Dialog.Description
45
+ };
46
+
47
+ export {
48
+ Root2 as Root,
49
+ Content2 as Content,
50
+ Trigger2 as Trigger,
51
+ Drawer
52
+ };
53
+ //# sourceMappingURL=chunk-YA3PXLPU.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { ThemeProvider } from '../theme/theme-provider';\n\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\n return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n /** Drawer가 붙는 위치, 기본값 right */\n position?: 'left' | 'right' | 'bottom' | 'top';\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n const { position = 'right', className, children, ...rest } = props;\n\n const containerRef = useRef<Element | null>(null);\n\n useEffect(() => {\n containerRef.current = document.getElementsByClassName('radix-themes')[0];\n }, []);\n\n return (\n <Dialog.Portal container={containerRef.current}>\n <ThemeProvider>\n <Dialog.Overlay className=\"DrawerOverlay\" />\n <Dialog.Content\n className={`DrawerContent ${position} ${className || ''}`}\n {...rest}\n >\n {children}\n </Dialog.Content>\n </ThemeProvider>\n </Dialog.Portal>\n );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\n return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n Root: Dialog.Root,\n Trigger,\n Content,\n Close: Dialog.Close,\n Title: Dialog.Title,\n Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;AAAA,SAAgB,WAAW,cAAc;AACzC,YAAY,YAAY;AAIf,cAmBH,YAnBG;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAA6D,YAArD,aAAW,SAAS,WAAW,SAdzC,IAc+D,IAAT,iBAAS,IAAT,CAA5C,YAAoB,aAAW;AAEvC,QAAM,eAAe,OAAuB,IAAI;AAEhD,YAAU,MAAM;AACd,iBAAa,UAAU,SAAS,uBAAuB,cAAc,EAAE,CAAC;AAAA,EAC1E,GAAG,CAAC,CAAC;AAEL,SACE,oBAAQ,eAAP,EAAc,WAAW,aAAa,SACrC,+BAAC,iBACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD,OAFL;AAAA,QAIE;AAAA;AAAA,IACH;AAAA,KACF,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,oBAAQ,gBAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB,MAAa;AAAA,EACb,SAAAA;AAAA,EACA,SAAAD;AAAA,EACA,OAAc;AAAA,EACd,OAAc;AAAA,EACd,aAAoB;AACtB;","names":["Root","Content","Trigger"]}
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=chunk-YESWEUM2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,39 @@
1
+ import {
2
+ IconButton
3
+ } from "./chunk-O3DNDMV3.js";
4
+ import {
5
+ __spreadValues
6
+ } from "./chunk-N552FDTV.js";
7
+
8
+ // src/atoms/toast.tsx
9
+ import { Cross1Icon } from "@radix-ui/react-icons";
10
+ import { ToastContainer as ToastifyToastContainer } from "react-toastify";
11
+ import { toast } from "react-toastify";
12
+ import { jsx } from "react/jsx-runtime";
13
+ function CloseButton({ closeToast }) {
14
+ return /* @__PURE__ */ jsx(IconButton, { color: "gray", onClick: closeToast, variant: "ghost", children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
15
+ }
16
+ function ToastContainer(props) {
17
+ return /* @__PURE__ */ jsx(
18
+ ToastifyToastContainer,
19
+ __spreadValues({
20
+ autoClose: 5e4,
21
+ closeButton: CloseButton,
22
+ closeOnClick: true,
23
+ draggable: true,
24
+ hideProgressBar: true,
25
+ newestOnTop: true,
26
+ pauseOnFocusLoss: true,
27
+ pauseOnHover: true,
28
+ position: "bottom-right",
29
+ rtl: false,
30
+ style: { zIndex: 999999 }
31
+ }, props)
32
+ );
33
+ }
34
+
35
+ export {
36
+ ToastContainer,
37
+ toast
38
+ };
39
+ //# sourceMappingURL=chunk-YILB2DTL.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import { Cross1Icon, InfoCircledIcon } from '@radix-ui/react-icons';\nimport type { Theme, ToastContainerProps, TypeOptions } from 'react-toastify';\nimport { ToastContainer as ToastifyToastContainer } from 'react-toastify';\nimport { IconButton } from './icon-button';\n\nexport { toast } from 'react-toastify';\n\n// Toast.Icons.error = () => <InfoCircledIcon />;\n// Toast.Icons.warning = () => <InfoCircledIcon />;\n// Toast.Icons.success = () => <InfoCircledIcon />;\n\ninterface CloseButtonProps {\n closeToast: (e: React.MouseEvent<HTMLElement>) => void;\n type: TypeOptions;\n ariaLabel?: string;\n theme: Theme;\n}\nfunction CloseButton({ closeToast }: CloseButtonProps): React.ReactNode {\n return (\n <IconButton color=\"gray\" onClick={closeToast} variant=\"ghost\">\n <Cross1Icon />\n </IconButton>\n );\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactElement {\n return (\n <ToastifyToastContainer\n autoClose={50000}\n closeButton={CloseButton}\n closeOnClick\n draggable\n hideProgressBar\n newestOnTop\n pauseOnFocusLoss\n pauseOnHover\n position=\"bottom-right\"\n rtl={false}\n style={{ zIndex: 999999 }}\n {...props}\n />\n );\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,kBAAmC;AAE5C,SAAS,kBAAkB,8BAA8B;AAGzD,SAAS,aAAa;AAehB;AAHN,SAAS,YAAY,EAAE,WAAW,GAAsC;AACtE,SACE,oBAAC,cAAW,OAAM,QAAO,SAAS,YAAY,SAAQ,SACpD,8BAAC,cAAW,GACd;AAEJ;AAEO,SAAS,eAAe,OAAgD;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAY;AAAA,MACZ,WAAS;AAAA,MACT,iBAAe;AAAA,MACf,aAAW;AAAA,MACX,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,UAAS;AAAA,MACT,KAAK;AAAA,MACL,OAAO,EAAE,QAAQ,OAAO;AAAA,OACpB;AAAA,EACN;AAEJ;","names":[]}
@@ -0,0 +1,92 @@
1
+ import {
2
+ toast
3
+ } from "./chunk-PLXOVGG4.js";
4
+ import {
5
+ Button
6
+ } from "./chunk-P3YCIJUP.js";
7
+ import {
8
+ __objRest,
9
+ __spreadProps,
10
+ __spreadValues
11
+ } from "./chunk-N552FDTV.js";
12
+
13
+ // src/atoms/dialog.tsx
14
+ import * as RadixDialog from "@radix-ui/react-dialog";
15
+ import { Cross1Icon } from "@radix-ui/react-icons";
16
+ import { Flex } from "@radix-ui/themes";
17
+ import { useEffect, useRef } from "react";
18
+ import { jsx, jsxs } from "react/jsx-runtime";
19
+ function Content2(props) {
20
+ const _a = props, {
21
+ children,
22
+ style = {},
23
+ width,
24
+ maxWidth,
25
+ minWidth,
26
+ maxHeight,
27
+ height,
28
+ minHeight
29
+ } = _a, rest = __objRest(_a, [
30
+ "children",
31
+ "style",
32
+ "width",
33
+ "maxWidth",
34
+ "minWidth",
35
+ "maxHeight",
36
+ "height",
37
+ "minHeight"
38
+ ]);
39
+ const containerRef = useRef(null);
40
+ useEffect(() => {
41
+ containerRef.current = document.getElementsByClassName("radix-themes")[0];
42
+ }, []);
43
+ toast.error("");
44
+ return /* @__PURE__ */ jsx(RadixDialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsx(RadixDialog.Overlay, { className: "DialogOverlay", children: /* @__PURE__ */ jsx(
45
+ RadixDialog.Content,
46
+ __spreadProps(__spreadValues({
47
+ className: "DialogContent",
48
+ style: __spreadValues({
49
+ width,
50
+ maxWidth,
51
+ minWidth,
52
+ maxHeight,
53
+ height,
54
+ minHeight
55
+ }, style)
56
+ }, rest), {
57
+ children: /* @__PURE__ */ jsxs(Flex, { direction: "column", style: { position: "relative" }, children: [
58
+ /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, className: "DialogClose", children: /* @__PURE__ */ jsx(Button, { color: "gray", variant: "transparent", children: /* @__PURE__ */ jsx(Cross1Icon, { height: "18px", width: "18px" }) }) }),
59
+ children
60
+ ] })
61
+ })
62
+ ) }) });
63
+ }
64
+ function Close2(_a) {
65
+ var _b = _a, {
66
+ children
67
+ } = _b, rest = __objRest(_b, [
68
+ "children"
69
+ ]);
70
+ return /* @__PURE__ */ jsx(RadixDialog.Close, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
71
+ }
72
+ function Trigger2(_a) {
73
+ var _b = _a, {
74
+ children
75
+ } = _b, rest = __objRest(_b, [
76
+ "children"
77
+ ]);
78
+ return /* @__PURE__ */ jsx(RadixDialog.Trigger, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
79
+ }
80
+ var Dialog = {
81
+ Root: RadixDialog.Root,
82
+ Trigger: Trigger2,
83
+ Content: Content2,
84
+ Close: Close2,
85
+ Description: RadixDialog.Description,
86
+ Title: RadixDialog.Title
87
+ };
88
+
89
+ export {
90
+ Dialog
91
+ };
92
+ //# sourceMappingURL=chunk-YNVFLDKB.js.map