@tipp/ui 1.2.13 → 1.2.15

package/dist/chunk-7NEEBOE5.js

@@ -0,0 +1,59 @@
+import {
+  ThemeProvider
+} from "./chunk-BVBX6IJ3.js";
+import {
+  ToastContainer
+} from "./chunk-PLXOVGG4.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/drawer.tsx
+import { useEffect, useRef } from "react";
+import * as Dialog from "@radix-ui/react-dialog";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Root2(props) {
+  return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
+}
+function Content2(props) {
+  const _a = props, { position = "right", className, children } = _a, rest = __objRest(_a, ["position", "className", "children"]);
+  const containerRef = useRef(null);
+  useEffect(() => {
+    containerRef.current = document.getElementsByClassName("radix-themes")[0];
+  }, []);
+  return /* @__PURE__ */ jsx(Dialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+    /* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
+    /* @__PURE__ */ jsxs(
+      Dialog.Content,
+      __spreadProps(__spreadValues({
+        className: `DrawerContent ${position} ${className || ""}`
+      }, rest), {
+        children: [
+          /* @__PURE__ */ jsx(ToastContainer, {}),
+          children
+        ]
+      })
+    )
+  ] }) });
+}
+function Trigger2(props) {
+  return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
+}
+var Drawer = {
+  Root: Dialog.Root,
+  Trigger: Trigger2,
+  Content: Content2,
+  Close: Dialog.Close,
+  Title: Dialog.Title,
+  Description: Dialog.Description
+};
+
+export {
+  Root2 as Root,
+  Content2 as Content,
+  Trigger2 as Trigger,
+  Drawer
+};
+//# sourceMappingURL=chunk-7NEEBOE5.js.map

package/dist/chunk-7NEEBOE5.js.map

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

package/dist/chunk-7TLF23E7.js

@@ -0,0 +1,50 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/drawer.tsx
+import { useEffect, useRef } from "react";
+import * as Dialog from "@radix-ui/react-dialog";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Root2(props) {
+  return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
+}
+function Content2(props) {
+  const _a = props, { position = "right", className, children } = _a, rest = __objRest(_a, ["position", "className", "children"]);
+  const containerRef = useRef(null);
+  useEffect(() => {
+    containerRef.current = document.getElementsByClassName("radix-themes")[0];
+  }, []);
+  return /* @__PURE__ */ jsxs(Dialog.Portal, { container: containerRef.current, children: [
+    /* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
+    /* @__PURE__ */ jsx(
+      Dialog.Content,
+      __spreadProps(__spreadValues({
+        className: `DrawerContent ${position} ${className || ""}`
+      }, rest), {
+        children
+      })
+    )
+  ] });
+}
+function Trigger2(props) {
+  return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
+}
+var Drawer = {
+  Root: Dialog.Root,
+  Trigger: Trigger2,
+  Content: Content2,
+  Close: Dialog.Close,
+  Title: Dialog.Title,
+  Description: Dialog.Description
+};
+
+export {
+  Root2 as Root,
+  Content2 as Content,
+  Trigger2 as Trigger,
+  Drawer
+};
+//# sourceMappingURL=chunk-7TLF23E7.js.map

package/dist/chunk-7TLF23E7.js.map

@@ -0,0 +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  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,cAiBL,YAjBK;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;AAChD,YAAU,MAAM;AACd,iBAAa,UAAU,SAAS,uBAAuB,cAAc,EAAE,CAAC;AAAA,EAC1E,GAAG,CAAC,CAAC;AAEL,SACE,qBAAQ,eAAP,EAAc,WAAW,aAAa,SAErC;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,KAEF;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"]}

package/dist/chunk-AAAQKCFX.js

@@ -0,0 +1,39 @@
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
+import {
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/toast.tsx
+import { Cross1Icon, InfoCircledIcon } from "@radix-ui/react-icons";
+import { toast } from "react-toastify";
+import { jsx } from "react/jsx-runtime";
+function CloseButton({ closeToast }) {
+  return /* @__PURE__ */ jsx(IconButton, { color: "gray", onClick: closeToast, variant: "ghost", children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
+}
+function ToastContainer(props) {
+  return /* @__PURE__ */ jsx(
+    ToastContainer,
+    __spreadValues({
+      autoClose: 5e4,
+      closeButton: CloseButton,
+      closeOnClick: true,
+      draggable: true,
+      hideProgressBar: true,
+      icon: /* @__PURE__ */ jsx(InfoCircledIcon, {}),
+      newestOnTop: true,
+      pauseOnFocusLoss: true,
+      pauseOnHover: true,
+      position: "bottom-right",
+      rtl: false,
+      style: { zIndex: 999999 }
+    }, props)
+  );
+}
+
+export {
+  ToastContainer,
+  toast
+};
+//# sourceMappingURL=chunk-AAAQKCFX.js.map

package/dist/chunk-AAAQKCFX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import { Cross1Icon, InfoCircledIcon } from '@radix-ui/react-icons';\nimport {\n  ToastContainer,\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}\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    <ToastContainer\n      autoClose={50000}\n      closeButton={CloseButton}\n      closeOnClick\n      draggable\n      hideProgressBar\n      icon={<InfoCircledIcon />}\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;AAS5C,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,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":[]}

package/dist/chunk-AOUTNRVR.js

@@ -0,0 +1,94 @@
+import {
+  ToastContainer
+} from "./chunk-ZC7IMWRE.js";
+import {
+  Button
+} from "./chunk-P3YCIJUP.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/dialog.tsx
+import * as RadixDialog from "@radix-ui/react-dialog";
+import { Cross1Icon } from "@radix-ui/react-icons";
+import { Flex } from "@radix-ui/themes";
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Content2(props) {
+  const _a = props, {
+    children,
+    style = {},
+    width,
+    maxWidth,
+    minWidth,
+    maxHeight,
+    height,
+    minHeight
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "style",
+    "width",
+    "maxWidth",
+    "minWidth",
+    "maxHeight",
+    "height",
+    "minHeight"
+  ]);
+  const containerRef = useRef(null);
+  useEffect(() => {
+    containerRef.current = document.getElementsByClassName("radix-themes")[0];
+  }, []);
+  return /* @__PURE__ */ jsx(RadixDialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsxs(RadixDialog.Overlay, { className: "DialogOverlay", children: [
+    /* @__PURE__ */ jsx(
+      RadixDialog.Content,
+      __spreadProps(__spreadValues({
+        className: "DialogContent",
+        style: __spreadValues({
+          width,
+          maxWidth,
+          minWidth,
+          maxHeight,
+          height,
+          minHeight
+        }, style)
+      }, rest), {
+        children: /* @__PURE__ */ jsxs(Flex, { direction: "column", style: { position: "relative" }, children: [
+          /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, className: "DialogClose", children: /* @__PURE__ */ jsx(Button, { color: "gray", variant: "transparent", children: /* @__PURE__ */ jsx(Cross1Icon, { height: "18px", width: "18px" }) }) }),
+          children
+        ] })
+      })
+    ),
+    /* @__PURE__ */ jsx(ToastContainer, {})
+  ] }) });
+}
+function Close2(_a) {
+  var _b = _a, {
+    children
+  } = _b, rest = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(RadixDialog.Close, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
+}
+function Trigger2(_a) {
+  var _b = _a, {
+    children
+  } = _b, rest = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(RadixDialog.Trigger, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
+}
+var Dialog = {
+  Root: RadixDialog.Root,
+  Trigger: Trigger2,
+  Content: Content2,
+  Close: Close2,
+  Description: RadixDialog.Description,
+  Title: RadixDialog.Title
+};
+
+export {
+  Dialog
+};
+//# sourceMappingURL=chunk-AOUTNRVR.js.map

package/dist/chunk-AOUTNRVR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/dialog.tsx"],"sourcesContent":["import * as RadixDialog from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Flex } from '@radix-ui/themes';\nimport { useEffect, useRef } from 'react';\nimport { Button } from './button';\nimport { ToastContainer } from './toast';\n\ntype ContentProps = RadixDialog.DialogContentProps & {\n  width?: string;\n  maxWidth?: string;\n  minWidth?: string;\n  height?: string;\n  maxHeight?: string;\n  minHeight?: string;\n};\n\nfunction Content(props: ContentProps): React.ReactElement {\n  const {\n    children,\n    style = {},\n    width,\n    maxWidth,\n    minWidth,\n    maxHeight,\n    height,\n    minHeight,\n    ...rest\n  } = props;\n  const containerRef = useRef<Element | null>(null);\n\n  useEffect(() => {\n    containerRef.current = document.getElementsByClassName('radix-themes')[0];\n  }, []);\n\n  return (\n    <RadixDialog.Portal container={containerRef.current}>\n      <RadixDialog.Overlay className=\"DialogOverlay\">\n        <RadixDialog.Content\n          className=\"DialogContent\"\n          style={{\n            width,\n            maxWidth,\n            minWidth,\n            maxHeight,\n            height,\n            minHeight,\n            ...style,\n          }}\n          {...rest}\n        >\n          <Flex direction=\"column\" style={{ position: 'relative' }}>\n            <RadixDialog.Close asChild className=\"DialogClose\">\n              <Button color=\"gray\" variant=\"transparent\">\n                <Cross1Icon height=\"18px\" width=\"18px\" />\n              </Button>\n            </RadixDialog.Close>\n            {children}\n          </Flex>\n        </RadixDialog.Content>\n        <ToastContainer />\n      </RadixDialog.Overlay>\n    </RadixDialog.Portal>\n  );\n}\n\nfunction Close({\n  children,\n  ...rest\n}: RadixDialog.DialogCloseProps): React.ReactElement {\n  return (\n    <RadixDialog.Close asChild {...rest}>\n      {children}\n    </RadixDialog.Close>\n  );\n}\n\nfunction Trigger({\n  children,\n  ...rest\n}: RadixDialog.DialogTriggerProps): React.ReactElement {\n  return (\n    <RadixDialog.Trigger asChild {...rest}>\n      {children}\n    </RadixDialog.Trigger>\n  );\n}\n\nexport const Dialog = {\n  Root: RadixDialog.Root,\n  Trigger,\n  Content,\n  Close,\n  Description: RadixDialog.Description,\n  Title: RadixDialog.Title,\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,YAAY,iBAAiB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,WAAW,cAAc;AA+CxB,SAGM,KAHN;AAlCV,SAASA,SAAQ,OAAyC;AACxD,QAUI,YATF;AAAA;AAAA,IACA,QAAQ,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAzBJ,IA2BM,IADC,iBACD,IADC;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,eAAe,OAAuB,IAAI;AAEhD,YAAU,MAAM;AACd,iBAAa,UAAU,SAAS,uBAAuB,cAAc,EAAE,CAAC;AAAA,EAC1E,GAAG,CAAC,CAAC;AAEL,SACE,oBAAa,oBAAZ,EAAmB,WAAW,aAAa,SAC1C,+BAAa,qBAAZ,EAAoB,WAAU,iBAC7B;AAAA;AAAA,MAAa;AAAA,MAAZ;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,WACG;AAAA,SAED,OAXL;AAAA,QAaC,+BAAC,QAAK,WAAU,UAAS,OAAO,EAAE,UAAU,WAAW,GACrD;AAAA,8BAAa,mBAAZ,EAAkB,SAAO,MAAC,WAAU,eACnC,8BAAC,UAAO,OAAM,QAAO,SAAQ,eAC3B,8BAAC,cAAW,QAAO,QAAO,OAAM,QAAO,GACzC,GACF;AAAA,UACC;AAAA,WACH;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,kBAAe;AAAA,KAClB,GACF;AAEJ;AAEA,SAASC,OAAM,IAGsC;AAHtC,eACb;AAAA;AAAA,EAlEF,IAiEe,IAEV,iBAFU,IAEV;AAAA,IADH;AAAA;AAGA,SACE,oBAAa,mBAAZ,+BAAkB,SAAO,QAAK,OAA9B,EACE,WACH;AAEJ;AAEA,SAASC,SAAQ,IAGsC;AAHtC,eACf;AAAA;AAAA,EA7EF,IA4EiB,IAEZ,iBAFY,IAEZ;AAAA,IADH;AAAA;AAGA,SACE,oBAAa,qBAAZ,+BAAoB,SAAO,QAAK,OAAhC,EACE,WACH;AAEJ;AAEO,IAAM,SAAS;AAAA,EACpB,MAAkB;AAAA,EAClB,SAAAA;AAAA,EACA,SAAAF;AAAA,EACA,OAAAC;AAAA,EACA,aAAyB;AAAA,EACzB,OAAmB;AACrB;","names":["Content","Close","Trigger"]}

package/dist/chunk-AOY2722L.js

@@ -0,0 +1,43 @@
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
+import {
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/toast.tsx
+import { Cross1Icon, InfoCircledIcon } from "@radix-ui/react-icons";
+import { ToastContainer as ToastifyToastContainer } from "react-toastify";
+import toast from "react-toastify";
+import { toast as toast2 } from "react-toastify";
+import { jsx } from "react/jsx-runtime";
+toast.Icons.error = () => /* @__PURE__ */ jsx(InfoCircledIcon, {});
+toast.Icons.warning = () => /* @__PURE__ */ jsx(InfoCircledIcon, {});
+toast.Icons.success = () => /* @__PURE__ */ jsx(InfoCircledIcon, {});
+function CloseButton({ closeToast }) {
+  return /* @__PURE__ */ jsx(IconButton, { color: "gray", onClick: closeToast, variant: "ghost", children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
+}
+function ToastContainer(props) {
+  return /* @__PURE__ */ jsx(
+    ToastifyToastContainer,
+    __spreadValues({
+      autoClose: 5e5,
+      closeButton: CloseButton,
+      closeOnClick: true,
+      draggable: true,
+      hideProgressBar: true,
+      newestOnTop: true,
+      pauseOnFocusLoss: true,
+      pauseOnHover: true,
+      position: "bottom-right",
+      rtl: false,
+      style: { zIndex: 999999 }
+    }, props)
+  );
+}
+
+export {
+  ToastContainer,
+  toast2 as toast
+};
+//# sourceMappingURL=chunk-AOY2722L.js.map

package/dist/chunk-AOY2722L.js.map

@@ -0,0 +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 toast 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={500000}\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,SAAS,kBAAkB,8BAA8B;AACzD,OAAO,WAAW;AAGlB,SAAS,SAAAA,cAAa;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":["toast"]}

package/dist/chunk-CA3KCVF3.js

@@ -0,0 +1,44 @@
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
+import {
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/toast.tsx
+import { Cross1Icon, InfoCircledIcon } from "@radix-ui/react-icons";
+import Toast, {
+  ToastContainer as ToastifyToastContainer
+} from "react-toastify";
+import { toast } from "react-toastify";
+import { jsx } from "react/jsx-runtime";
+Toast.Icons.error = () => /* @__PURE__ */ jsx(InfoCircledIcon, {});
+Toast.Icons.warning = () => /* @__PURE__ */ jsx(InfoCircledIcon, {});
+Toast.Icons.success = () => /* @__PURE__ */ jsx(InfoCircledIcon, {});
+function CloseButton({ closeToast }) {
+  return /* @__PURE__ */ jsx(IconButton, { color: "gray", onClick: closeToast, variant: "ghost", children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
+}
+function ToastContainer(props) {
+  return /* @__PURE__ */ jsx(
+    ToastifyToastContainer,
+    __spreadValues({
+      autoClose: 5e4,
+      closeButton: CloseButton,
+      closeOnClick: true,
+      draggable: true,
+      hideProgressBar: true,
+      newestOnTop: true,
+      pauseOnFocusLoss: true,
+      pauseOnHover: true,
+      position: "bottom-right",
+      rtl: false,
+      style: { zIndex: 999999 }
+    }, props)
+  );
+}
+
+export {
+  ToastContainer,
+  toast
+};
+//# sourceMappingURL=chunk-CA3KCVF3.js.map

package/dist/chunk-CA3KCVF3.js.map

@@ -0,0 +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, {\n  ToastContainer as ToastifyToastContainer,\n} 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;AAAA,EACL,kBAAkB;AAAA,OACb;AAGP,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":[]}

package/dist/chunk-DWRAPSVA.js

@@ -0,0 +1,94 @@
+import {
+  ToastContainer
+} from "./chunk-RXCENPRG.js";
+import {
+  Button
+} from "./chunk-P3YCIJUP.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/dialog.tsx
+import * as RadixDialog from "@radix-ui/react-dialog";
+import { Cross1Icon } from "@radix-ui/react-icons";
+import { Flex } from "@radix-ui/themes";
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Content2(props) {
+  const _a = props, {
+    children,
+    style = {},
+    width,
+    maxWidth,
+    minWidth,
+    maxHeight,
+    height,
+    minHeight
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "style",
+    "width",
+    "maxWidth",
+    "minWidth",
+    "maxHeight",
+    "height",
+    "minHeight"
+  ]);
+  const containerRef = useRef(null);
+  useEffect(() => {
+    containerRef.current = document.getElementsByClassName("radix-themes")[0];
+  }, []);
+  return /* @__PURE__ */ jsx(RadixDialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsxs(RadixDialog.Overlay, { className: "DialogOverlay", children: [
+    /* @__PURE__ */ jsx(
+      RadixDialog.Content,
+      __spreadProps(__spreadValues({
+        className: "DialogContent",
+        style: __spreadValues({
+          width,
+          maxWidth,
+          minWidth,
+          maxHeight,
+          height,
+          minHeight
+        }, style)
+      }, rest), {
+        children: /* @__PURE__ */ jsxs(Flex, { direction: "column", style: { position: "relative" }, children: [
+          /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, className: "DialogClose", children: /* @__PURE__ */ jsx(Button, { color: "gray", variant: "transparent", children: /* @__PURE__ */ jsx(Cross1Icon, { height: "18px", width: "18px" }) }) }),
+          children
+        ] })
+      })
+    ),
+    /* @__PURE__ */ jsx(ToastContainer, {})
+  ] }) });
+}
+function Close2(_a) {
+  var _b = _a, {
+    children
+  } = _b, rest = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(RadixDialog.Close, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
+}
+function Trigger2(_a) {
+  var _b = _a, {
+    children
+  } = _b, rest = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(RadixDialog.Trigger, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
+}
+var Dialog = {
+  Root: RadixDialog.Root,
+  Trigger: Trigger2,
+  Content: Content2,
+  Close: Close2,
+  Description: RadixDialog.Description,
+  Title: RadixDialog.Title
+};
+
+export {
+  Dialog
+};
+//# sourceMappingURL=chunk-DWRAPSVA.js.map

package/dist/chunk-DWRAPSVA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/dialog.tsx"],"sourcesContent":["import * as RadixDialog from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Flex } from '@radix-ui/themes';\nimport { useEffect, useRef } from 'react';\nimport { Button } from './button';\nimport { ToastContainer } from './toast';\n\ntype ContentProps = RadixDialog.DialogContentProps & {\n  width?: string;\n  maxWidth?: string;\n  minWidth?: string;\n  height?: string;\n  maxHeight?: string;\n  minHeight?: string;\n};\n\nfunction Content(props: ContentProps): React.ReactElement {\n  const {\n    children,\n    style = {},\n    width,\n    maxWidth,\n    minWidth,\n    maxHeight,\n    height,\n    minHeight,\n    ...rest\n  } = props;\n  const containerRef = useRef<Element | null>(null);\n\n  useEffect(() => {\n    containerRef.current = document.getElementsByClassName('radix-themes')[0];\n  }, []);\n\n  return (\n    <RadixDialog.Portal container={containerRef.current}>\n      <RadixDialog.Overlay className=\"DialogOverlay\">\n        <RadixDialog.Content\n          className=\"DialogContent\"\n          style={{\n            width,\n            maxWidth,\n            minWidth,\n            maxHeight,\n            height,\n            minHeight,\n            ...style,\n          }}\n          {...rest}\n        >\n          <Flex direction=\"column\" style={{ position: 'relative' }}>\n            <RadixDialog.Close asChild className=\"DialogClose\">\n              <Button color=\"gray\" variant=\"transparent\">\n                <Cross1Icon height=\"18px\" width=\"18px\" />\n              </Button>\n            </RadixDialog.Close>\n            {children}\n          </Flex>\n        </RadixDialog.Content>\n        <ToastContainer />\n      </RadixDialog.Overlay>\n    </RadixDialog.Portal>\n  );\n}\n\nfunction Close({\n  children,\n  ...rest\n}: RadixDialog.DialogCloseProps): React.ReactElement {\n  return (\n    <RadixDialog.Close asChild {...rest}>\n      {children}\n    </RadixDialog.Close>\n  );\n}\n\nfunction Trigger({\n  children,\n  ...rest\n}: RadixDialog.DialogTriggerProps): React.ReactElement {\n  return (\n    <RadixDialog.Trigger asChild {...rest}>\n      {children}\n    </RadixDialog.Trigger>\n  );\n}\n\nexport const Dialog = {\n  Root: RadixDialog.Root,\n  Trigger,\n  Content,\n  Close,\n  Description: RadixDialog.Description,\n  Title: RadixDialog.Title,\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,YAAY,iBAAiB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,WAAW,cAAc;AA+CxB,SAGM,KAHN;AAlCV,SAASA,SAAQ,OAAyC;AACxD,QAUI,YATF;AAAA;AAAA,IACA,QAAQ,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAzBJ,IA2BM,IADC,iBACD,IADC;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,eAAe,OAAuB,IAAI;AAEhD,YAAU,MAAM;AACd,iBAAa,UAAU,SAAS,uBAAuB,cAAc,EAAE,CAAC;AAAA,EAC1E,GAAG,CAAC,CAAC;AAEL,SACE,oBAAa,oBAAZ,EAAmB,WAAW,aAAa,SAC1C,+BAAa,qBAAZ,EAAoB,WAAU,iBAC7B;AAAA;AAAA,MAAa;AAAA,MAAZ;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,WACG;AAAA,SAED,OAXL;AAAA,QAaC,+BAAC,QAAK,WAAU,UAAS,OAAO,EAAE,UAAU,WAAW,GACrD;AAAA,8BAAa,mBAAZ,EAAkB,SAAO,MAAC,WAAU,eACnC,8BAAC,UAAO,OAAM,QAAO,SAAQ,eAC3B,8BAAC,cAAW,QAAO,QAAO,OAAM,QAAO,GACzC,GACF;AAAA,UACC;AAAA,WACH;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,kBAAe;AAAA,KAClB,GACF;AAEJ;AAEA,SAASC,OAAM,IAGsC;AAHtC,eACb;AAAA;AAAA,EAlEF,IAiEe,IAEV,iBAFU,IAEV;AAAA,IADH;AAAA;AAGA,SACE,oBAAa,mBAAZ,+BAAkB,SAAO,QAAK,OAA9B,EACE,WACH;AAEJ;AAEA,SAASC,SAAQ,IAGsC;AAHtC,eACf;AAAA;AAAA,EA7EF,IA4EiB,IAEZ,iBAFY,IAEZ;AAAA,IADH;AAAA;AAGA,SACE,oBAAa,qBAAZ,+BAAoB,SAAO,QAAK,OAAhC,EACE,WACH;AAEJ;AAEO,IAAM,SAAS;AAAA,EACpB,MAAkB;AAAA,EAClB,SAAAA;AAAA,EACA,SAAAF;AAAA,EACA,OAAAC;AAAA,EACA,aAAyB;AAAA,EACzB,OAAmB;AACrB;","names":["Content","Close","Trigger"]}