@tipp/ui 1.1.17 → 1.1.18

package/dist/chunk-W32CVWDO.js

@@ -1,53 +0,0 @@
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-
-// src/molecules/dot-navigation.tsx
-import { useCallback, useEffect, useState } from "react";
-import { DotFilledIcon } from "@radix-ui/react-icons";
-import { jsx } from "react/jsx-runtime";
-function DotNavigation(props) {
-  const { dotCount, onClick, dotIndex, defaultDotIndex, onChangeDotIndex } = props;
-  const [currentDot, setCurrentDot] = useState(
-    () => {
-      var _a;
-      return (_a = defaultDotIndex != null ? defaultDotIndex : dotIndex) != null ? _a : 0;
-    }
-  );
-  const onClickDot = useCallback(
-    (i) => {
-      if (onClick) {
-        onClick(i);
-      } else {
-        setCurrentDot(i);
-      }
-    },
-    [onClick]
-  );
-  useEffect(() => {
-    onChangeDotIndex == null ? void 0 : onChangeDotIndex(currentDot);
-  }, [currentDot, onChangeDotIndex]);
-  return /* @__PURE__ */ jsx(Flex, { children: dotCount ? Array.from({ length: dotCount }, (_, i) => i).map((_, index) => {
-    const isSelected = currentDot === index;
-    return /* @__PURE__ */ jsx(
-      DotFilledIcon,
-      {
-        fill: "var(--gray-5)",
-        height: "24px",
-        onClick: () => {
-          onClickDot(index);
-        },
-        style: {
-          cursor: "pointer"
-        },
-        width: "24px"
-      },
-      index
-    );
-  }) : null });
-}
-
-export {
-  DotNavigation
-};
-//# sourceMappingURL=chunk-W32CVWDO.js.map

package/dist/chunk-W32CVWDO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/dot-navigation.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { DotFilledIcon } from '@radix-ui/react-icons';\nimport { Flex } from '../atoms/flex';\n\nexport interface DotNavigationProps {\n  /** 전체 점 갯수 */\n  dotCount?: number;\n  /** 점 클릭 시 */\n  onClick?: (index: number) => void;\n  /** 현재 선택된 점 */\n  dotIndex?: number;\n  /** 기본 점 위치 */\n  defaultDotIndex?: number;\n  /** 선택된 점 변경 시 실행 */\n  onChangeDotIndex?: (index: number) => void;\n}\n\nexport function DotNavigation(props: DotNavigationProps): React.ReactElement {\n  const { dotCount, onClick, dotIndex, defaultDotIndex, onChangeDotIndex } =\n    props;\n\n  const [currentDot, setCurrentDot] = useState<number>(\n    () => defaultDotIndex ?? dotIndex ?? 0\n  );\n\n  const onClickDot = useCallback(\n    (i: number) => {\n      if (onClick) {\n        onClick(i);\n      } else {\n        setCurrentDot(i);\n      }\n    },\n    [onClick]\n  );\n\n  useEffect(() => {\n    onChangeDotIndex?.(currentDot);\n  }, [currentDot, onChangeDotIndex]);\n\n  return (\n    <Flex>\n      {dotCount\n        ? Array.from({ length: dotCount }, (_, i) => i).map((_, index) => {\n            const isSelected = currentDot === index;\n            return (\n              <DotFilledIcon\n                // color={isSelected ? undefined : 'gray'}\n                fill=\"var(--gray-5)\"\n                height=\"24px\"\n                // eslint-disable-next-line react/no-array-index-key -- index외의 키가 없음\n                key={index}\n                onClick={() => {\n                  onClickDot(index);\n                }}\n                style={{\n                  cursor: 'pointer',\n                }}\n                width=\"24px\"\n              />\n            );\n          })\n        : null}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;AAAA,SAAgB,aAAa,WAAW,gBAAgB;AACxD,SAAS,qBAAqB;AA6ChB;AA7BP,SAAS,cAAc,OAA+C;AAC3E,QAAM,EAAE,UAAU,SAAS,UAAU,iBAAiB,iBAAiB,IACrE;AAEF,QAAM,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC,MAAG;AAtBP;AAsBU,+DAAmB,aAAnB,YAA+B;AAAA;AAAA,EACvC;AAEA,QAAM,aAAa;AAAA,IACjB,CAAC,MAAc;AACb,UAAI,SAAS;AACX,gBAAQ,CAAC;AAAA,MACX,OAAO;AACL,sBAAc,CAAC;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,YAAU,MAAM;AACd,yDAAmB;AAAA,EACrB,GAAG,CAAC,YAAY,gBAAgB,CAAC;AAEjC,SACE,oBAAC,QACE,qBACG,MAAM,KAAK,EAAE,QAAQ,SAAS,GAAG,CAAC,GAAG,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AAC9D,UAAM,aAAa,eAAe;AAClC,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,QAAO;AAAA,QAGP,SAAS,MAAM;AACb,qBAAW,KAAK;AAAA,QAClB;AAAA,QACA,OAAO;AAAA,UACL,QAAQ;AAAA,QACV;AAAA,QACA,OAAM;AAAA;AAAA,MAPD;AAAA,IAQP;AAAA,EAEJ,CAAC,IACD,MACN;AAEJ;","names":[]}

package/dist/chunk-W5VTZW3O.js

@@ -1,54 +0,0 @@
-import {
-  ToastContainer
-} from "./chunk-74WGHMXE.js";
-import {
-  ThemeProvider
-} from "./chunk-BVBX6IJ3.js";
-import {
-  __objRest,
-  __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 } = _a, rest = __objRest(_a, ["position", "className"]);
-  const containerRef = useRef(null);
-  useEffect(() => {
-    containerRef.current = document.getElementsByTagName("main")[0];
-  }, []);
-  return /* @__PURE__ */ jsx(Dialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
-    /* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
-    /* @__PURE__ */ jsx(
-      Dialog.Content,
-      __spreadValues({
-        className: `DrawerContent ${position} ${className || ""}`
-      }, rest)
-    ),
-    /* @__PURE__ */ jsx(ToastContainer, {})
-  ] }) });
-}
-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-W5VTZW3O.js.map

package/dist/chunk-W5VTZW3O.js.map

@@ -1 +0,0 @@
-{"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, ...rest } = props;\n\n  const containerRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    containerRef.current = document.getElementsByTagName('main')[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      </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,cAmBH,YAnBG;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAAmD,YAA3C,aAAW,SAAS,UAf9B,IAeqD,IAAT,iBAAS,IAAT,CAAlC,YAAoB;AAE5B,QAAM,eAAe,OAA2B,IAAI;AAEpD,YAAU,MAAM;AACd,iBAAa,UAAU,SAAS,qBAAqB,MAAM,EAAE,CAAC;AAAA,EAChE,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;AAAA,IACN;AAAA,IACA,oBAAC,kBAAe;AAAA,KAClB,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-WBZ7Y7QK.js

@@ -1,60 +0,0 @@
-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 { IconButton } from "@radix-ui/themes";
-import { useEffect, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Content2(props) {
-  const _a = props, { children, style = {} } = _a, rest = __objRest(_a, ["children", "style"]);
-  const containerRef = useRef(null);
-  useEffect(() => {
-    containerRef.current = document.getElementsByClassName("radix-themes")[0];
-  }, []);
-  return /* @__PURE__ */ jsx(RadixDialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsx(RadixDialog.Overlay, { className: "DialogOverlay", children: /* @__PURE__ */ jsxs(
-    RadixDialog.Content,
-    __spreadProps(__spreadValues({
-      className: "DialogContent",
-      style: __spreadProps(__spreadValues({}, style), { position: "relative" })
-    }, rest), {
-      children: [
-        /* @__PURE__ */ jsx(RadixDialog.Close, { style: { position: "absolute", right: 0, top: 0 }, children: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", children: /* @__PURE__ */ jsx(Cross1Icon, {}) }) }),
-        children
-      ]
-    })
-  ) }) });
-}
-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-WBZ7Y7QK.js.map

package/dist/chunk-WBZ7Y7QK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/dialog.tsx"],"sourcesContent":["import * as RadixDialog from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { IconButton } from '@radix-ui/themes';\nimport { useEffect, useMemo, useRef } from 'react';\n\ntype ContentProps = RadixDialog.DialogContentProps & {};\n\nfunction Content(props: ContentProps): React.ReactElement {\n  const { children, style = {}, ...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    <RadixDialog.Portal container={containerRef.current}>\n      <RadixDialog.Overlay className=\"DialogOverlay\">\n        <RadixDialog.Content\n          className=\"DialogContent\"\n          style={{ ...style, position: 'relative' }}\n          {...rest}\n        >\n          <RadixDialog.Close style={{ position: 'absolute', right: 0, top: 0 }}>\n            <IconButton variant=\"ghost\">\n              <Cross1Icon />\n            </IconButton>\n          </RadixDialog.Close>\n          {children}\n        </RadixDialog.Content>\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,kBAAkB;AAC3B,SAAS,WAAoB,cAAc;AAgBnC,SAOM,KAPN;AAZR,SAASA,SAAQ,OAAyC;AACxD,QAA0C,YAAlC,YAAU,QAAQ,CAAC,EAR7B,IAQ4C,IAAT,iBAAS,IAAT,CAAzB,YAAU;AAElB,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,8BAAa,qBAAZ,EAAoB,WAAU,iBAC7B;AAAA,IAAa;AAAA,IAAZ;AAAA,MACC,WAAU;AAAA,MACV,OAAO,iCAAK,QAAL,EAAY,UAAU,WAAW;AAAA,OACpC,OAHL;AAAA,MAKC;AAAA,4BAAa,mBAAZ,EAAkB,OAAO,EAAE,UAAU,YAAY,OAAO,GAAG,KAAK,EAAE,GACjE,8BAAC,cAAW,SAAQ,SAClB,8BAAC,cAAW,GACd,GACF;AAAA,QACC;AAAA;AAAA;AAAA,EACH,GACF,GACF;AAEJ;AAEA,SAASC,OAAM,IAGsC;AAHtC,eACb;AAAA;AAAA,EArCF,IAoCe,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,EAhDF,IA+CiB,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-WLHGYNLP.js

@@ -1,57 +0,0 @@
-import {
-  ThemeProvider
-} from "./chunk-BVBX6IJ3.js";
-import {
-  ToastContainer
-} from "./chunk-NJ2U2TVS.js";
-import {
-  __objRest,
-  __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 } = _a, rest = __objRest(_a, ["position", "className"]);
-  const container = useRef(null);
-  useEffect(() => {
-    if (document.querySelector("main")) {
-      console.log("\uBB50\uC9C0...", document.querySelector("main"));
-      container.current = document.querySelector("main");
-    }
-  }, []);
-  return /* @__PURE__ */ jsx(Dialog.Portal, { container, children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
-    /* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
-    /* @__PURE__ */ jsx(
-      Dialog.Content,
-      __spreadValues({
-        className: `DrawerContent ${position} ${className || ""}`
-      }, rest)
-    ),
-    /* @__PURE__ */ jsx(ToastContainer, {})
-  ] }) });
-}
-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-WLHGYNLP.js.map

package/dist/chunk-WLHGYNLP.js.map

@@ -1 +0,0 @@
-{"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, ...rest } = props;\n  const container = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (document.querySelector('main')) {\n      console.log('뭐지...', document.querySelector('main'));\n      container.current = document.querySelector('main');\n    }\n  }, []);\n\n  return (\n    <Dialog.Portal container={container}>\n      <ThemeProvider>\n        <Dialog.Overlay className=\"DrawerOverlay\" />\n        <Dialog.Content\n          className={`DrawerContent ${position} ${className || ''}`}\n          {...rest}\n        />\n        <ToastContainer />\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,cAqBH,YArBG;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAAmD,YAA3C,aAAW,SAAS,UAf9B,IAeqD,IAAT,iBAAS,IAAT,CAAlC,YAAoB;AAC5B,QAAM,YAAY,OAA8B,IAAI;AAEpD,YAAU,MAAM;AACd,QAAI,SAAS,cAAc,MAAM,GAAG;AAClC,cAAQ,IAAI,mBAAS,SAAS,cAAc,MAAM,CAAC;AACnD,gBAAU,UAAU,SAAS,cAAc,MAAM;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE,oBAAQ,eAAP,EAAc,WACb,+BAAC,iBACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD;AAAA,IACN;AAAA,IACA,oBAAC,kBAAe;AAAA,KAClB,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-WS4YTN73.js

@@ -1,37 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/atoms/button.tsx
-import {
-  Button as RadixButton
-} from "@radix-ui/themes";
-import { forwardRef, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-var Button = forwardRef(
-  (props, ref) => {
-    const _a = props, { size } = _a, restProps = __objRest(_a, ["size"]);
-    const radixSize = useMemo(() => {
-      switch (size) {
-        case "small":
-          return "1";
-        case "medium":
-          return "2";
-        case "large":
-        case "largest":
-          return "3";
-        default:
-          return "2";
-      }
-    }, [size]);
-    return /* @__PURE__ */ jsx(RadixButton, __spreadProps(__spreadValues({}, restProps), { ref, size: radixSize }));
-  }
-);
-Button.displayName = "Button";
-
-export {
-  Button
-};
-//# sourceMappingURL=chunk-WS4YTN73.js.map

package/dist/chunk-WS4YTN73.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/button.tsx"],"sourcesContent":["import {\n  Button as RadixButton,\n  type ButtonProps as RadixButtonProps,\n} from '@radix-ui/themes';\nimport React, { forwardRef, useMemo } from 'react';\n\nexport type ButtonProps = Omit<RadixButtonProps, 'size'> & {\n  size?: 'small' | 'medium' | 'large' | 'largest';\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactNode => {\n    const { size, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n        case 'largest':\n          return '3';\n        default:\n          return '2';\n      }\n    }, [size]);\n\n    return <RadixButton {...restProps} ref={ref} size={radixSize} />;\n  }\n);\n\nButton.displayName = 'Button';\n"],"mappings":";;;;;;;AAAA;AAAA,EACE,UAAU;AAAA,OAEL;AACP,SAAgB,YAAY,eAAe;AAwBhC;AAlBJ,IAAM,SAAS;AAAA,EACpB,CAAC,OAAO,QAAyB;AAC/B,UAA+B,YAAvB,OAZZ,IAYmC,IAAd,sBAAc,IAAd,CAAT;AAER,UAAM,YAAY,QAAQ,MAAM;AAC9B,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,WAAO,oBAAC,8CAAgB,YAAhB,EAA2B,KAAU,MAAM,YAAW;AAAA,EAChE;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-WTESLLG7.js

@@ -1,55 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/atoms/button.tsx
-import {
-  Button as RadixButton
-} from "@radix-ui/themes";
-import { forwardRef, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-var Button = forwardRef(
-  (props, ref) => {
-    const _a = props, { size } = _a, restProps = __objRest(_a, ["size"]);
-    const radixSize = useMemo(() => {
-      switch (size) {
-        case "small":
-          return "1";
-        case "medium":
-          return "2";
-        case "large":
-        case "largest":
-          return "3";
-        default:
-          return "2";
-      }
-    }, [size]);
-    const largestStyle = useMemo(() => {
-      if (size !== "largest")
-        return {};
-      console.log({ size });
-      return {
-        style: {
-          borderRadius: "var(--radius-4)",
-          padding: "var(--space-5)",
-          fontSize: "var(--font-size-4)"
-        }
-      };
-    }, [size]);
-    return /* @__PURE__ */ jsx(
-      RadixButton,
-      __spreadProps(__spreadValues(__spreadValues({}, largestStyle), restProps), {
-        ref,
-        size: radixSize
-      })
-    );
-  }
-);
-Button.displayName = "Button";
-
-export {
-  Button
-};
-//# sourceMappingURL=chunk-WTESLLG7.js.map

package/dist/chunk-WTESLLG7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/button.tsx"],"sourcesContent":["import {\n  Button as RadixButton,\n  type ButtonProps as RadixButtonProps,\n} from '@radix-ui/themes';\nimport React, { forwardRef, useMemo } from 'react';\n\nexport type ButtonProps = Omit<RadixButtonProps, 'size'> & {\n  size?: 'small' | 'medium' | 'large' | 'largest';\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactNode => {\n    const { size, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n        case 'largest':\n          return '3';\n        default:\n          return '2';\n      }\n    }, [size]);\n\n    const largestStyle = useMemo<ButtonProps>(() => {\n      if (size !== 'largest') return {};\n      console.log({ size });\n      return {\n        style: {\n          borderRadius: 'var(--radius-4)',\n          padding: 'var(--space-5)',\n          fontSize: 'var(--font-size-4)',\n        },\n      };\n    }, [size]);\n\n    return (\n      <RadixButton\n        {...largestStyle}\n        {...restProps}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"mappings":";;;;;;;AAAA;AAAA,EACE,UAAU;AAAA,OAEL;AACP,SAAgB,YAAY,eAAe;AAqCrC;AA/BC,IAAM,SAAS;AAAA,EACpB,CAAC,OAAO,QAAyB;AAC/B,UAA+B,YAAvB,OAZZ,IAYmC,IAAd,sBAAc,IAAd,CAAT;AAER,UAAM,YAAY,QAAQ,MAAM;AAC9B,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,eAAe,QAAqB,MAAM;AAC9C,UAAI,SAAS;AAAW,eAAO,CAAC;AAChC,cAAQ,IAAI,EAAE,KAAK,CAAC;AACpB,aAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AAAA,UACd,SAAS;AAAA,UACT,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,WACE;AAAA,MAAC;AAAA,sDACK,eACA,YAFL;AAAA,QAGC;AAAA,QACA,MAAM;AAAA;AAAA,IACR;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-WV7FE4LE.js

@@ -1,59 +0,0 @@
-import {
-  ThemeProvider
-} from "./chunk-BVBX6IJ3.js";
-import {
-  ToastContainer
-} from "./chunk-NJ2U2TVS.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.getElementsByTagName("main")[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-WV7FE4LE.js.map

package/dist/chunk-WV7FE4LE.js.map

@@ -1 +0,0 @@
-{"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<HTMLElement | null>(null);\n\n  useEffect(() => {\n    containerRef.current = document.getElementsByTagName('main')[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,OAA2B,IAAI;AAEpD,YAAU,MAAM;AACd,iBAAa,UAAU,SAAS,qBAAqB,MAAM,EAAE,CAAC;AAAA,EAChE,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-X3OPBSBB.js

@@ -1,91 +0,0 @@
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Heading
-} from "./chunk-WMZAV6PQ.js";
-import {
-  IconButton
-} from "./chunk-O3DNDMV3.js";
-import {
-  ChevronLeftIcon,
-  ChevronRightIcon
-} from "./chunk-TSVWEPRP.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/molecules/date-picker/index.tsx
-import { forwardRef } from "react";
-import * as RDP from "react-datepicker";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ReactDatePicker = RDP.default.default || RDP.default || RDP;
-var DatePicker = forwardRef(
-  (props, ref) => {
-    const _a = props, { size = "medium" } = _a, rest = __objRest(_a, ["size"]);
-    return /* @__PURE__ */ jsx(
-      ReactDatePicker,
-      __spreadProps(__spreadValues({
-        dateFormat: "yyyy/MM/dd",
-        nextMonthButtonLabel: "\uB2E4\uC74C \uB2EC",
-        placeholderText: "yyyy/mm/dd",
-        previousMonthButtonLabel: "\uC774\uC804 \uB2EC",
-        ref,
-        renderCustomHeader,
-        showPopperArrow: false
-      }, rest), {
-        calendarClassName: `tipp_datePicker_calendar ${rest.calendarClassName || ""}`,
-        wrapperClassName: `tipp_datePicker ${size} ${rest.wrapperClassName || ""}`
-      })
-    );
-  }
-);
-DatePicker.displayName = "DatePicker";
-var renderCustomHeader = (props) => {
-  const {
-    date,
-    decreaseMonth,
-    increaseMonth,
-    prevMonthButtonDisabled,
-    nextMonthButtonDisabled
-  } = props;
-  const year = date.getFullYear();
-  const month = date.getMonth();
-  return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", pb: "2", pl: "2", pr: "2", children: [
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        disabled: prevMonthButtonDisabled,
-        onClick: decreaseMonth,
-        variant: "ghost",
-        children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
-      }
-    ),
-    /* @__PURE__ */ jsxs(Flex, { gap: "3", children: [
-      /* @__PURE__ */ jsxs(Heading, { variant: "subtitle1", weight: "regular", children: [
-        year,
-        "\uB144"
-      ] }),
-      /* @__PURE__ */ jsxs(Heading, { variant: "subtitle1", weight: "regular", children: [
-        month + 1,
-        "\uC6D4"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        disabled: nextMonthButtonDisabled,
-        onClick: increaseMonth,
-        variant: "ghost",
-        children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
-      }
-    )
-  ] });
-};
-
-export {
-  DatePicker
-};
-//# sourceMappingURL=chunk-X3OPBSBB.js.map

package/dist/chunk-X3OPBSBB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/date-picker/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any -- ReactPicker의 렌더러가 object를 return함 버그를 해결하기 위해 강제 assertion 사용 */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access  -- ReactPicker의 렌더러가 object를 return함 버그를 해결하기 위해 강제 assertion 사용 */\nimport type { ElementRef } from 'react';\nimport React, { forwardRef } from 'react';\nimport type { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';\nimport * as RDP from 'react-datepicker';\nimport { IconButton } from '../../atoms/icon-button';\nimport { Flex } from '../../atoms/flex';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../../icon';\nimport { Heading } from '../../atoms/heading';\n\nexport type DatePickerProps = ReactDatePickerProps & {\n  size?: 'small' | 'medium' | 'large';\n};\ntype DatePickerRef = ElementRef<typeof ReactDatePicker>;\n\nconst ReactDatePicker = ((RDP.default as any).default ||\n  (RDP.default as any) ||\n  (RDP as any)) as typeof RDP.default;\n\nexport const DatePicker = forwardRef<DatePickerRef, DatePickerProps>(\n  (props, ref): React.ReactNode => {\n    const { size = 'medium', ...rest } = props;\n    return (\n      <ReactDatePicker\n        dateFormat=\"yyyy/MM/dd\"\n        nextMonthButtonLabel=\"다음 달\"\n        placeholderText=\"yyyy/mm/dd\"\n        previousMonthButtonLabel=\"이전 달\"\n        ref={ref}\n        renderCustomHeader={renderCustomHeader}\n        showPopperArrow={false}\n        {...rest}\n        calendarClassName={`tipp_datePicker_calendar ${rest.calendarClassName || ''}`}\n        wrapperClassName={`tipp_datePicker ${size} ${rest.wrapperClassName || ''}`}\n      />\n    );\n  }\n);\n\nDatePicker.displayName = 'DatePicker';\n\nconst renderCustomHeader: ReactDatePickerProps['renderCustomHeader'] = (\n  props\n) => {\n  const {\n    date,\n    decreaseMonth,\n    increaseMonth,\n    prevMonthButtonDisabled,\n    nextMonthButtonDisabled,\n  } = props;\n\n  const year = date.getFullYear();\n  const month = date.getMonth();\n\n  return (\n    <Flex align=\"center\" justify=\"between\" pb=\"2\" pl=\"2\" pr=\"2\">\n      <IconButton\n        disabled={prevMonthButtonDisabled}\n        onClick={decreaseMonth}\n        variant=\"ghost\"\n      >\n        <ChevronLeftIcon />\n      </IconButton>\n      <Flex gap=\"3\">\n        <Heading variant=\"subtitle1\" weight=\"regular\">\n          {year}년\n        </Heading>\n        <Heading variant=\"subtitle1\" weight=\"regular\">\n          {month + 1}월\n        </Heading>\n      </Flex>\n\n      <IconButton\n        disabled={nextMonthButtonDisabled}\n        onClick={increaseMonth}\n        variant=\"ghost\"\n      >\n        <ChevronRightIcon />\n      </IconButton>\n    </Flex>\n  );\n};\n\n// DatePicker.displayName = 'DatePicker';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAGA,SAAgB,kBAAkB;AAElC,YAAY,SAAS;AAmBf,cA0CE,YA1CF;AARN,IAAM,kBAAwB,YAAgB,WACvC,eACJ;AAEI,IAAM,aAAa;AAAA,EACxB,CAAC,OAAO,QAAyB;AAC/B,UAAqC,YAA7B,SAAO,SAtBnB,IAsByC,IAAT,iBAAS,IAAT,CAApB;AACR,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,sBAAqB;AAAA,QACrB,iBAAgB;AAAA,QAChB,0BAAyB;AAAA,QACzB;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,SACb,OARL;AAAA,QASC,mBAAmB,4BAA4B,KAAK,qBAAqB,EAAE;AAAA,QAC3E,kBAAkB,mBAAmB,IAAI,IAAI,KAAK,oBAAoB,EAAE;AAAA;AAAA,IAC1E;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAM,qBAAiE,CACrE,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,OAAO,KAAK,YAAY;AAC9B,QAAM,QAAQ,KAAK,SAAS;AAE5B,SACE,qBAAC,QAAK,OAAM,UAAS,SAAQ,WAAU,IAAG,KAAI,IAAG,KAAI,IAAG,KACtD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAQ;AAAA,QAER,8BAAC,mBAAgB;AAAA;AAAA,IACnB;AAAA,IACA,qBAAC,QAAK,KAAI,KACR;AAAA,2BAAC,WAAQ,SAAQ,aAAY,QAAO,WACjC;AAAA;AAAA,QAAK;AAAA,SACR;AAAA,MACA,qBAAC,WAAQ,SAAQ,aAAY,QAAO,WACjC;AAAA,gBAAQ;AAAA,QAAE;AAAA,SACb;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAQ;AAAA,QAER,8BAAC,oBAAiB;AAAA;AAAA,IACpB;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-X73G236I.js

@@ -1,50 +0,0 @@
-import {
-  ThemeProvider
-} from "./chunk-BVBX6IJ3.js";
-import {
-  __objRest,
-  __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 } = _a, rest = __objRest(_a, ["position", "className"]);
-  const containerRef = useRef(null);
-  useEffect(() => {
-    containerRef.current = document.getElementsByTagName("main")[0];
-  }, []);
-  return /* @__PURE__ */ jsx(Dialog.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
-    /* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
-    /* @__PURE__ */ jsx(
-      Dialog.Content,
-      __spreadValues({
-        className: `DrawerContent ${position} ${className || ""}`
-      }, rest)
-    )
-  ] }) });
-}
-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-X73G236I.js.map

package/dist/chunk-X73G236I.js.map

@@ -1 +0,0 @@
-{"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, ...rest } = props;\n\n  const containerRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    containerRef.current = document.getElementsByTagName('main')[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      </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,cAmBH,YAnBG;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAAmD,YAA3C,aAAW,SAAS,UAf9B,IAeqD,IAAT,iBAAS,IAAT,CAAlC,YAAoB;AAE5B,QAAM,eAAe,OAA2B,IAAI;AAEpD,YAAU,MAAM;AACd,iBAAa,UAAU,SAAS,qBAAqB,MAAM,EAAE,CAAC;AAAA,EAChE,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;AAAA,IACN;AAAA,KAEF,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"]}