@tipp/ui 2.1.19 → 2.1.21

package/dist/app/platform/userInfos/utils.js

@@ -6,63 +6,66 @@ import {
   sessionList
 } from "../../../chunk-I2ZOU3LX.js";
 import "../../../chunk-A6W2ZWYA.js";
-import "../../../chunk-QD5ZSFPG.js";
+import "../../../chunk-A5S42XBJ.js";
+import "../../../chunk-YJ7ZFOYL.js";
+import "../../../chunk-5ZITU5L7.js";
+import "../../../chunk-3F45OPXG.js";
 import "../../../chunk-5KDNSBO5.js";
 import "../../../chunk-26ZU5KUR.js";
+import "../../../chunk-MUNMDHRF.js";
+import "../../../chunk-TVDKGMBI.js";
+import "../../../chunk-AP52M2Z5.js";
 import "../../../chunk-5H3YPCZK.js";
 import "../../../chunk-FR2GDOU2.js";
 import "../../../chunk-74DX4CU7.js";
 import "../../../chunk-OYM4XCHQ.js";
-import "../../../chunk-YJ7ZFOYL.js";
-import "../../../chunk-5ZITU5L7.js";
-import "../../../chunk-3F45OPXG.js";
+import "../../../chunk-Y2GJIIJY.js";
+import "../../../chunk-5AVBYDPB.js";
+import "../../../chunk-365QMK4D.js";
 import "../../../chunk-YO3BQW6S.js";
 import "../../../chunk-6IVCARWS.js";
 import "../../../chunk-6DJOIRMF.js";
 import "../../../chunk-FPD73OHW.js";
 import "../../../chunk-MUPK4L3U.js";
-import "../../../chunk-MUNMDHRF.js";
-import "../../../chunk-TVDKGMBI.js";
-import "../../../chunk-AP52M2Z5.js";
+import "../../../chunk-EGEQY3KT.js";
+import "../../../chunk-O3T3TM3V.js";
 import "../../../chunk-XQOL7UBI.js";
 import "../../../chunk-TULWX7D6.js";
 import "../../../chunk-TQOQC4PZ.js";
-import "../../../chunk-F6YQBCJB.js";
-import "../../../chunk-5AVBYDPB.js";
-import "../../../chunk-365QMK4D.js";
+import "../../../chunk-VTJZMOSP.js";
+import "../../../chunk-M53RUBK5.js";
+import "../../../chunk-34OQDUQR.js";
+import "../../../chunk-PXOQBTYR.js";
+import "../../../chunk-DDUKEE5E.js";
+import "../../../chunk-HYITAA4J.js";
+import "../../../chunk-U7N2PWMO.js";
+import "../../../chunk-O3DNDMV3.js";
 import "../../../chunk-HYE34QEM.js";
-import "../../../chunk-YXO6QOFA.js";
+import "../../../chunk-BCRXWYJ3.js";
 import "../../../chunk-ACVANQJ4.js";
 import "../../../chunk-2DZ2Y3JI.js";
-import "../../../chunk-SSNESKAJ.js";
-import "../../../chunk-EGEQY3KT.js";
-import "../../../chunk-O3T3TM3V.js";
+import "../../../chunk-KXF3A4OR.js";
+import "../../../chunk-B6XJN6EC.js";
+import "../../../chunk-HEDMSFPW.js";
+import "../../../chunk-MIMJ7LON.js";
 import "../../../chunk-RMTJMZBQ.js";
 import "../../../chunk-DGAB7BIE.js";
 import "../../../chunk-OHMOP5PV.js";
 import "../../../chunk-NFDQJVFA.js";
 import "../../../chunk-Q37G2GS6.js";
-import "../../../chunk-VTJZMOSP.js";
-import "../../../chunk-45VFASWZ.js";
-import "../../../chunk-3IT3NVK6.js";
-import "../../../chunk-LDBWASUA.js";
-import "../../../chunk-UOYF3DBN.js";
-import "../../../chunk-DDUKEE5E.js";
-import "../../../chunk-HYITAA4J.js";
-import "../../../chunk-U7N2PWMO.js";
-import "../../../chunk-O3DNDMV3.js";
+import "../../../chunk-XTHDFSN3.js";
+import "../../../chunk-FC7WH2S6.js";
+import "../../../chunk-FCIHNIOH.js";
 import "../../../chunk-YGL6SWKN.js";
 import "../../../chunk-4Y5BEXVN.js";
-import "../../../chunk-LMWTEDYS.js";
-import "../../../chunk-LH57PIY2.js";
+import "../../../chunk-I7UUXACJ.js";
+import "../../../chunk-PARGQUJB.js";
+import "../../../chunk-LDBWASUA.js";
 import "../../../chunk-25HMMI7R.js";
 import "../../../chunk-AFPH32MF.js";
 import "../../../chunk-LQY4RKWI.js";
 import "../../../chunk-ZD7MNMED.js";
-import "../../../chunk-B6XJN6EC.js";
-import "../../../chunk-HEDMSFPW.js";
-import "../../../chunk-MIMJ7LON.js";
-import "../../../chunk-CEK4NKTO.js";
+import "../../../chunk-QD5QQCAW.js";
 import "../../../chunk-WJ34ZHTU.js";
 import "../../../chunk-2TPQQBUQ.js";
 import "../../../chunk-HLFTU725.js";
@@ -79,9 +82,6 @@ import "../../../chunk-ECVAWQXV.js";
 import "../../../chunk-D7EYDD4E.js";
 import "../../../chunk-J242TTFH.js";
 import "../../../chunk-EAXUQEO5.js";
-import "../../../chunk-XTHDFSN3.js";
-import "../../../chunk-FC7WH2S6.js";
-import "../../../chunk-FCIHNIOH.js";
 import "../../../chunk-2NMEKWO5.js";
 export {
   CopyButton,

package/dist/atoms/bullet-text.cjs

@@ -56,21 +56,47 @@ module.exports = __toCommonJS(bullet_text_exports);
 // src/atoms/typo.tsx
 var import_themes = require("@radix-ui/themes");
 var import_react = require("react");
+
+// src/utils/map-with-responsive.ts
+var mapWithResponsive = (args) => {
+  const { value, mapFn } = args;
+  if (typeof value === "string") {
+    return mapFn(value);
+  }
+  ;
+  if (typeof value === "object") {
+    const newObj = {};
+    let key;
+    for (key in value) {
+      newObj[key] = mapFn(value[key]);
+    }
+    return newObj;
+  }
+  return value;
+};
+
+// src/atoms/typo.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var Typo = (0, import_react.forwardRef)(
   (props, ref) => {
     const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
     const radixSize = (0, import_react.useMemo)(() => {
       if (size !== void 0) return size;
-      switch (variant) {
-        case "caption":
-          return "1";
-        case "subtitle":
-          return "3";
-        case "body":
-        default:
-          return "2";
-      }
+      if (variant === void 0) return "2";
+      return mapWithResponsive({
+        value: variant,
+        mapFn: (variantValue) => {
+          switch (variantValue) {
+            case "caption":
+              return "1";
+            case "subtitle":
+              return "3";
+            case "body":
+            default:
+              return "2";
+          }
+        }
+      });
     }, [size, variant]);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
   }

package/dist/atoms/bullet-text.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/atoms/bullet-text.tsx","../../src/atoms/typo.tsx","../../src/atoms/flex.tsx"],"sourcesContent":["import React from 'react';\nimport type { TypoProps } from './typo';\nimport { Typo } from './typo';\nimport { Flex } from './flex';\n\nexport type BulletTextProps = TypoProps;\n\nexport function BulletText({\n  children,\n  ...rest\n}: BulletTextProps): React.ReactNode {\n  return (\n    <Flex gap=\"1\" ml=\"2\">\n      <Typo {...rest}>•</Typo>\n      <Typo {...rest}>{children}</Typo>\n    </Flex>\n  );\n}\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n      switch (variant) {\n        case 'caption':\n          return '1';\n        case 'subtitle':\n          return '3';\n        case 'body':\n        default:\n          return '2';\n      }\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oBAAkC;AAClC,mBAA2C;AAwBrC;AAlBC,IAAM,WAAO;AAAA,EAClB,CAAC,OAAkB,QAAyB;AAC1C,UAA6C,YAArC,QAAM,SAAS,SAV3B,IAUiD,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,UAAM,gBAAY,sBAAgC,MAAM;AACtD,UAAI,SAAS,OAAW,QAAO;AAC/B,cAAQ,SAAS;AAAA,QACf,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE,4CAAC,cAAAA,MAAA,iCAAc,OAAd,EAAoB,KAAU,MAAM,WAClC,WACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;;;ACjCnB,IAAAC,iBAAqC;;;AFYjC,IAAAC,sBAAA;AALG,SAAS,WAAW,IAGU;AAHV,eACzB;AAAA;AAAA,EARF,IAO2B,IAEtB,iBAFsB,IAEtB;AAAA,IADH;AAAA;AAGA,SACE,8CAAC,uBAAK,KAAI,KAAI,IAAG,KACf;AAAA,iDAAC,uCAAS,OAAT,EAAe,qBAAC;AAAA,IACjB,6CAAC,uCAAS,OAAT,EAAgB,WAAS;AAAA,KAC5B;AAEJ;","names":["RadixText","import_themes","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/atoms/bullet-text.tsx","../../src/atoms/typo.tsx","../../src/utils/map-with-responsive.ts","../../src/atoms/flex.tsx"],"sourcesContent":["import React from 'react';\nimport type { TypoProps } from './typo';\nimport { Typo } from './typo';\nimport { Flex } from './flex';\n\nexport type BulletTextProps = TypoProps;\n\nexport function BulletText({\n  children,\n  ...rest\n}: BulletTextProps): React.ReactNode {\n  return (\n    <Flex gap=\"1\" ml=\"2\">\n      <Typo {...rest}>•</Typo>\n      <Typo {...rest}>{children}</Typo>\n    </Flex>\n  );\n}\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: Responsive<'body' | 'caption' | 'subtitle'>;\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n\n      if (variant === undefined) return '2';\n\n      return mapWithResponsive({\n        value: variant,\n        mapFn: (variantValue?: 'body' | 'caption' | 'subtitle') => {\n          switch (variantValue) {\n            case 'caption':\n              return '1';\n            case 'subtitle':\n              return '3';\n            case 'body':\n            default:\n              return '2';\n          }\n        },\n      });\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n","import type {  Breakpoint, Responsive } from \"@radix-ui/themes/props\";\n\nexport const mapWithResponsive = <T extends string,K extends string>(\n args:  {value: Responsive<T>, mapFn: (value?:T)=>K |undefined}\n): Responsive<K> | undefined => {\n  const {value, mapFn} = args;\n  if(typeof value === 'string'){\n    return mapFn(value);\n  };\n  \n  if(typeof value === 'object'){\n    const newObj: Partial<Record<Breakpoint, K>> = {};\n    let key: Breakpoint;\n    for(key in value){\n      newObj[key] = mapFn(value[key]);\n    }\n    return newObj;\n  }\n  return value;\n};\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,oBAAkC;AAClC,mBAA2C;;;ACDpC,IAAM,oBAAoB,CAChC,SAC+B;AAC9B,QAAM,EAAC,OAAO,MAAK,IAAI;AACvB,MAAG,OAAO,UAAU,UAAS;AAC3B,WAAO,MAAM,KAAK;AAAA,EACpB;AAAC;AAED,MAAG,OAAO,UAAU,UAAS;AAC3B,UAAM,SAAyC,CAAC;AAChD,QAAI;AACJ,SAAI,OAAO,OAAM;AACf,aAAO,GAAG,IAAI,MAAM,MAAM,GAAG,CAAC;AAAA,IAChC;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;;;ADiBM;AA1BC,IAAM,WAAO;AAAA,EAClB,CAAC,OAAkB,QAAyB;AAC1C,UAA6C,YAArC,QAAM,SAAS,SAZ3B,IAYiD,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,UAAM,gBAAY,sBAAgC,MAAM;AACtD,UAAI,SAAS,OAAW,QAAO;AAE/B,UAAI,YAAY,OAAW,QAAO;AAElC,aAAO,kBAAkB;AAAA,QACvB,OAAO;AAAA,QACP,OAAO,CAAC,iBAAmD;AACzD,kBAAQ,cAAc;AAAA,YACpB,KAAK;AACH,qBAAO;AAAA,YACT,KAAK;AACH,qBAAO;AAAA,YACT,KAAK;AAAA,YACL;AACE,qBAAO;AAAA,UACX;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE,4CAAC,cAAAA,MAAA,iCAAc,OAAd,EAAoB,KAAU,MAAM,WAClC,WACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;;;AE3CnB,IAAAC,iBAAqC;;;AHYjC,IAAAC,sBAAA;AALG,SAAS,WAAW,IAGU;AAHV,eACzB;AAAA;AAAA,EARF,IAO2B,IAEtB,iBAFsB,IAEtB;AAAA,IADH;AAAA;AAGA,SACE,8CAAC,uBAAK,KAAI,KAAI,IAAG,KACf;AAAA,iDAAC,uCAAS,OAAT,EAAe,qBAAC;AAAA,IACjB,6CAAC,uCAAS,OAAT,EAAgB,WAAS;AAAA,KAC5B;AAEJ;","names":["RadixText","import_themes","import_jsx_runtime"]}

package/dist/atoms/bullet-text.d.cts

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { TypoProps } from './typo.cjs';
 import '@radix-ui/themes';
+import '@radix-ui/themes/props';
 
 type BulletTextProps = TypoProps;
 declare function BulletText({ children, ...rest }: BulletTextProps): React__default.ReactNode;

package/dist/atoms/bullet-text.d.ts

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { TypoProps } from './typo.js';
 import '@radix-ui/themes';
+import '@radix-ui/themes/props';
 
 type BulletTextProps = TypoProps;
 declare function BulletText({ children, ...rest }: BulletTextProps): React__default.ReactNode;

package/dist/atoms/bullet-text.js

@@ -1,7 +1,8 @@
 import {
   BulletText
-} from "../chunk-LMWTEDYS.js";
-import "../chunk-LH57PIY2.js";
+} from "../chunk-I7UUXACJ.js";
+import "../chunk-PARGQUJB.js";
+import "../chunk-LDBWASUA.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-2NMEKWO5.js";
 export {

package/dist/atoms/dialog.cjs

@@ -137,6 +137,7 @@ function Heading2(props) {
 var import_themes3 = require("@radix-ui/themes");
 
 // src/atoms/dialog.tsx
+var import_react_toastify = require("react-toastify");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var preventDefault = (e) => {
   e.preventDefault();
@@ -170,30 +171,33 @@ function Content2(props) {
     "className"
   ]);
   const { dialogContainerRef } = usePortalContainer();
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RadixDialog.Portal, { container: dialogContainerRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes4.Theme, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RadixDialog.Overlay, { className: "DialogOverlay", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    RadixDialog.Content,
-    __spreadProps(__spreadValues({
-      className: `DialogContent ${className || ""}`,
-      onPointerDownOutside: preventDefault,
-      style: __spreadValues({
-        width,
-        maxWidth,
-        minWidth,
-        maxHeight,
-        height,
-        minHeight
-      }, style)
-    }, rest), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_themes4.Flex, { gap: "2", justify: "between", width: "100%", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RadixDialog.Title, { asChild: true, children: typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Heading2, { mb: "2", variant: "heading3", children: title }) : title }),
-          !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RadixDialog.Close, { asChild: true, className: "DialogClose", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes3.IconButton, { color: "gray", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_icons.Cross1Icon, {}) }) })
-        ] }),
-        children,
-        buttons ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes4.Flex, { gap: "3", justify: "end", mt: "3", width: "100%", children: buttons }) : null
-      ]
-    })
-  ) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RadixDialog.Portal, { container: dialogContainerRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes4.Theme, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(RadixDialog.Overlay, { className: "DialogOverlay", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      RadixDialog.Content,
+      __spreadProps(__spreadValues({
+        className: `DialogContent ${className || ""}`,
+        onPointerDownOutside: preventDefault,
+        style: __spreadValues({
+          width,
+          maxWidth,
+          minWidth,
+          maxHeight,
+          height,
+          minHeight
+        }, style)
+      }, rest), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_themes4.Flex, { gap: "2", justify: "between", width: "100%", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RadixDialog.Title, { asChild: true, children: typeof title === "string" && title !== "" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Heading2, { mb: "2", variant: "heading3", children: title }) : title }),
+            !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RadixDialog.Close, { asChild: true, className: "DialogClose", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes3.IconButton, { color: "gray", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_icons.Cross1Icon, {}) }) })
+          ] }),
+          children,
+          buttons ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes4.Flex, { gap: "3", justify: "end", mt: "3", width: "100%", children: buttons }) : null
+        ]
+      })
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_toastify.ToastContainer, {})
+  ] }) }) });
 }
 function Close2(_a) {
   var _b = _a, {

package/dist/atoms/dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/atoms/dialog.tsx","../../src/theme/portal-provider.tsx","../../src/atoms/heading.tsx","../../src/utils/map-with-responsive.ts","../../src/atoms/icon-button.tsx"],"sourcesContent":["import * as RadixDialog from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Flex, Theme } from '@radix-ui/themes';\nimport { usePortalContainer } from '@/theme/portal-provider';\nimport { Heading } from './heading';\nimport { IconButton } from './icon-button';\n\ntype ContentProps = RadixDialog.DialogContentProps & {\n  width?: string;\n  maxWidth?: string;\n  minWidth?: string;\n  height?: string;\n  maxHeight?: string;\n  minHeight?: string;\n  title?: string;\n  hideCloseButton?: boolean;\n  buttons?: React.ReactNode;\n};\n\nconst preventDefault: RadixDialog.DialogContentProps['onPointerDownOutside'] = (\n  e\n) => {\n  e.preventDefault();\n};\n\nfunction Content(props: ContentProps): React.ReactNode {\n  const {\n    children,\n    style = {},\n    width,\n    maxWidth,\n    minWidth,\n    maxHeight,\n    height,\n    minHeight,\n    title,\n    buttons,\n    hideCloseButton,\n    className,\n    ...rest\n  } = props;\n  const { dialogContainerRef } = usePortalContainer();\n\n  return (\n    <RadixDialog.Portal container={dialogContainerRef.current}>\n      <Theme asChild>\n        <RadixDialog.Overlay className=\"DialogOverlay\">\n          <RadixDialog.Content\n            className={`DialogContent ${className || ''}`}\n            onPointerDownOutside={preventDefault}\n            style={{\n              width,\n              maxWidth,\n              minWidth,\n              maxHeight,\n              height,\n              minHeight,\n              ...style,\n            }}\n            {...rest}\n          >\n            <Flex gap=\"2\" justify=\"between\" width=\"100%\">\n              <RadixDialog.Title asChild>\n                {typeof title === 'string' ? (\n                  <Heading mb=\"2\" variant=\"heading3\">\n                    {title}\n                  </Heading>\n                ) : (\n                  title\n                )}\n              </RadixDialog.Title>\n              {!hideCloseButton && (\n                <RadixDialog.Close asChild className=\"DialogClose\">\n                  <IconButton color=\"gray\" variant=\"ghost\">\n                    <Cross1Icon />\n                  </IconButton>\n                </RadixDialog.Close>\n              )}\n            </Flex>\n            {children}\n            {buttons ? (\n              <Flex gap=\"3\" justify=\"end\" mt=\"3\" width=\"100%\">\n                {buttons}\n              </Flex>\n            ) : null}\n          </RadixDialog.Content>\n        </RadixDialog.Overlay>\n      </Theme>\n    </RadixDialog.Portal>\n  );\n}\n\nfunction Close({\n  children,\n  ...rest\n}: RadixDialog.DialogCloseProps): React.ReactNode {\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.ReactNode {\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","import React, { createContext, useContext, useRef } from 'react';\n\ninterface PortalProviderProps {\n  children: React.ReactNode;\n}\n\ninterface PortalState {\n  dialogContainerRef: React.RefObject<HTMLDivElement | null>;\n  drawerContainerRef: React.RefObject<HTMLDivElement | null>;\n}\n\nconst PortalContext = createContext<PortalState>(\n  null as unknown as PortalState\n);\n\nexport function PortalProvider({\n  children,\n}: PortalProviderProps): React.ReactNode {\n  const dialogContainerRef = useRef<HTMLDivElement | null>(null);\n  const drawerContainerRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    <PortalContext.Provider value={{ dialogContainerRef, drawerContainerRef }}>\n      {children}\n      <div className=\"drawer-portal-container\" ref={drawerContainerRef} />\n      <div className=\"dialog-portal-container\" ref={dialogContainerRef} />\n    </PortalContext.Provider>\n  );\n}\n\nexport const usePortalContainer = (): PortalState => {\n  try {\n    const state = useContext(PortalContext);\n    return state;\n  } catch (error) {\n    throw new Error('PortalProvider not found');\n  }\n};\n\nexport default PortalProvider;\n","import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { useMemo } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\ntype HeadingVariant =\n  | 'heading1'\n  | 'heading2'\n  | 'heading3'\n  | 'heading4'\n  | 'heading5';\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: Responsive<HeadingVariant>;\n};\n\ntype HeadingSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\nconst mapVariant = (variant?: HeadingVariant): HeadingSize | undefined => {\n  switch (variant) {\n    case 'heading1':\n      return '7';\n    case 'heading2':\n      return '6';\n    case 'heading3':\n      return '5';\n    case 'heading4':\n      return '4';\n    case 'heading5':\n      return '3';\n    default:\n      return undefined;\n  }\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    return variant\n      ? mapWithResponsive({\n          value: variant,\n          mapFn: mapVariant,\n        })\n      : size;\n\n    // if (typeof variant === 'string') {\n    //   return mapVariant(variant);\n    // }\n    // if (typeof variant === 'object') {\n    //   const newObj: Partial<Record<Breakpoint, HeadingSize>> = {};\n    //   let key: Breakpoint;\n    //   for (key in variant) {\n    //     newObj[key] = mapVariant(variant[key]);\n    //   }\n    //   return newObj;\n    // }\n    // return size;\n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n","import type {  Breakpoint, Responsive } from \"@radix-ui/themes/props\";\n\nexport const mapWithResponsive = <T extends string,K extends string>(\n args:  {value: Responsive<T>, mapFn: (value?:T)=>K |undefined}\n): Responsive<K> | undefined => {\n  const {value, mapFn} = args;\n  if(typeof value === 'string'){\n    return mapFn(value);\n  };\n  \n  if(typeof value === 'object'){\n    const newObj: Partial<Record<Breakpoint, K>> = {};\n    let key: Breakpoint;\n    for(key in value){\n      newObj[key] = mapFn(value[key]);\n    }\n    return newObj;\n  }\n  return value;\n};\n","export { IconButton, type IconButtonProps } from '@radix-ui/themes';\n"],"mappings":"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","names":["import_themes","import_react","import_themes","import_jsx_runtime","Heading","RadixHeading","import_themes","import_jsx_runtime","Content","Heading","Close","Trigger"]}
+{"version":3,"sources":["../../src/atoms/dialog.tsx","../../src/theme/portal-provider.tsx","../../src/atoms/heading.tsx","../../src/utils/map-with-responsive.ts","../../src/atoms/icon-button.tsx"],"sourcesContent":["import * as RadixDialog from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Flex, Theme } from '@radix-ui/themes';\nimport { usePortalContainer } from '@/theme/portal-provider';\nimport { Heading } from './heading';\nimport { IconButton } from './icon-button';\nimport { ToastContainer } from 'react-toastify';\n\ntype ContentProps = RadixDialog.DialogContentProps & {\n  width?: string;\n  maxWidth?: string;\n  minWidth?: string;\n  height?: string;\n  maxHeight?: string;\n  minHeight?: string;\n  title?: string;\n  hideCloseButton?: boolean;\n  buttons?: React.ReactNode;\n};\n\nconst preventDefault: RadixDialog.DialogContentProps['onPointerDownOutside'] = (\n  e\n) => {\n  e.preventDefault();\n};\n\nfunction Content(props: ContentProps): React.ReactNode {\n  const {\n    children,\n    style = {},\n    width,\n    maxWidth,\n    minWidth,\n    maxHeight,\n    height,\n    minHeight,\n    title,\n    buttons,\n    hideCloseButton,\n    className,\n    ...rest\n  } = props;\n  const { dialogContainerRef } = usePortalContainer();\n\n  return (\n    <RadixDialog.Portal container={dialogContainerRef.current}>\n      <Theme asChild>\n        <RadixDialog.Overlay className=\"DialogOverlay\">\n          <RadixDialog.Content\n            className={`DialogContent ${className || ''}`}\n            onPointerDownOutside={preventDefault}\n            style={{\n              width,\n              maxWidth,\n              minWidth,\n              maxHeight,\n              height,\n              minHeight,\n              ...style,\n            }}\n            {...rest}\n          >\n            <Flex gap=\"2\" justify=\"between\" width=\"100%\">\n              <RadixDialog.Title asChild>\n                {typeof title === 'string' && title !== '' ? (\n                  <Heading mb=\"2\" variant=\"heading3\">\n                    {title}\n                  </Heading>\n                ) : (\n                  title\n                )}\n              </RadixDialog.Title>\n              {!hideCloseButton && (\n                <RadixDialog.Close asChild className=\"DialogClose\">\n                  <IconButton color=\"gray\" variant=\"ghost\">\n                    <Cross1Icon />\n                  </IconButton>\n                </RadixDialog.Close>\n              )}\n            </Flex>\n            {children}\n            {buttons ? (\n              <Flex gap=\"3\" justify=\"end\" mt=\"3\" width=\"100%\">\n                {buttons}\n              </Flex>\n            ) : null}\n          </RadixDialog.Content>\n          <ToastContainer/>\n        </RadixDialog.Overlay>\n      </Theme>\n    </RadixDialog.Portal>\n  );\n}\n\nfunction Close({\n  children,\n  ...rest\n}: RadixDialog.DialogCloseProps): React.ReactNode {\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.ReactNode {\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","import React, { createContext, useContext, useRef } from 'react';\n\ninterface PortalProviderProps {\n  children: React.ReactNode;\n}\n\ninterface PortalState {\n  dialogContainerRef: React.RefObject<HTMLDivElement | null>;\n  drawerContainerRef: React.RefObject<HTMLDivElement | null>;\n}\n\nconst PortalContext = createContext<PortalState>(\n  null as unknown as PortalState\n);\n\nexport function PortalProvider({\n  children,\n}: PortalProviderProps): React.ReactNode {\n  const dialogContainerRef = useRef<HTMLDivElement | null>(null);\n  const drawerContainerRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    <PortalContext.Provider value={{ dialogContainerRef, drawerContainerRef }}>\n      {children}\n      <div className=\"drawer-portal-container\" ref={drawerContainerRef} />\n      <div className=\"dialog-portal-container\" ref={dialogContainerRef} />\n    </PortalContext.Provider>\n  );\n}\n\nexport const usePortalContainer = (): PortalState => {\n  try {\n    const state = useContext(PortalContext);\n    return state;\n  } catch (error) {\n    throw new Error('PortalProvider not found');\n  }\n};\n\nexport default PortalProvider;\n","import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { useMemo } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\ntype HeadingVariant =\n  | 'heading1'\n  | 'heading2'\n  | 'heading3'\n  | 'heading4'\n  | 'heading5';\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: Responsive<HeadingVariant>;\n};\n\ntype HeadingSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\nconst mapVariant = (variant?: HeadingVariant): HeadingSize | undefined => {\n  switch (variant) {\n    case 'heading1':\n      return '7';\n    case 'heading2':\n      return '6';\n    case 'heading3':\n      return '5';\n    case 'heading4':\n      return '4';\n    case 'heading5':\n      return '3';\n    default:\n      return undefined;\n  }\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    return variant\n      ? mapWithResponsive({\n          value: variant,\n          mapFn: mapVariant,\n        })\n      : size;\n \n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n","import type {  Breakpoint, Responsive } from \"@radix-ui/themes/props\";\n\nexport const mapWithResponsive = <T extends string,K extends string>(\n args:  {value: Responsive<T>, mapFn: (value?:T)=>K |undefined}\n): Responsive<K> | undefined => {\n  const {value, mapFn} = args;\n  if(typeof value === 'string'){\n    return mapFn(value);\n  };\n  \n  if(typeof value === 'object'){\n    const newObj: Partial<Record<Breakpoint, K>> = {};\n    let key: Breakpoint;\n    for(key in value){\n      newObj[key] = mapFn(value[key]);\n    }\n    return newObj;\n  }\n  return value;\n};\n","export { IconButton, type IconButtonProps } from '@radix-ui/themes';\n"],"mappings":"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","names":["import_themes","import_react","import_themes","import_jsx_runtime","Heading","RadixHeading","import_themes","import_jsx_runtime","Content","Heading","Close","Trigger"]}

package/dist/atoms/dialog.js

@@ -1,10 +1,10 @@
 import {
   Dialog
-} from "../chunk-45VFASWZ.js";
-import "../chunk-3IT3NVK6.js";
-import "../chunk-LDBWASUA.js";
+} from "../chunk-M53RUBK5.js";
+import "../chunk-34OQDUQR.js";
 import "../chunk-U7N2PWMO.js";
 import "../chunk-O3DNDMV3.js";
+import "../chunk-LDBWASUA.js";
 import "../chunk-2NMEKWO5.js";
 export {
   Dialog

package/dist/atoms/drawer.cjs

@@ -135,6 +135,7 @@ var import_themes2 = require("@radix-ui/themes");
 var import_themes3 = require("@radix-ui/themes");
 
 // src/atoms/drawer.tsx
+var import_react_toastify = require("react-toastify");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function Root2(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dialog.Root, __spreadValues({}, props));
@@ -147,12 +148,14 @@ function Content2(props) {
     position = "right",
     className,
     children,
-    HeaderContent
+    HeaderContent,
+    hideHeader
   } = _a, rest = __objRest(_a, [
     "position",
     "className",
     "children",
-    "HeaderContent"
+    "HeaderContent",
+    "hideHeader"
   ]);
   const mobileHeaderSize = 48;
   const desktopHeaderSize = 64;
@@ -176,17 +179,20 @@ function Content2(props) {
               sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_themes.Flex, { align: "center", gap: "3", px: { initial: "4", md: "6" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes3.IconButton, { color: "gray", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ClosePanelArrowIcon, {}) }) }),
-                HeaderContent
+              !hideHeader && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_themes.Flex, { align: "center", gap: "3", px: { initial: "4", md: "6" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes3.IconButton, { color: "gray", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ClosePanelArrowIcon, {}) }) }),
+                  HeaderContent
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes2.Separator, { orientation: "horizontal", size: "4" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes2.Separator, { orientation: "horizontal", size: "4" }),
               children
             ]
           }
         )
       })
-    )
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_toastify.ToastContainer, {})
   ] }) });
 }
 function Trigger2(props) {

package/dist/atoms/drawer.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/atoms/drawer.tsx","../../src/theme/portal-provider.tsx","../../src/icons/close-panel-arrow.tsx","../../src/atoms/flex.tsx","../../src/atoms/separator.tsx","../../src/atoms/icon-button.tsx"],"sourcesContent":["import React from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Grid, Theme } from '@radix-ui/themes';\nimport { usePortalContainer } from '@/theme/portal-provider';\nimport { ClosePanelArrowIcon } from '../icons/close-panel-arrow';\nimport { Flex } from './flex';\nimport { Separator } from './separator';\nimport { IconButton } from './icon-button';\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  HeaderContent?: React.ReactNode;\n};\n\nconst preventDefault: Dialog.DialogContentProps['onPointerDownOutside'] = (\n  e\n) => {\n  e.preventDefault();\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n  const {\n    position = 'right',\n    className,\n    children,\n    HeaderContent,\n    ...rest\n  } = props;\n\n  const mobileHeaderSize = 48;\n  const desktopHeaderSize = 64;\n  const separatorSize = 1;\n  const { drawerContainerRef } = usePortalContainer();\n\n  return (\n    <Dialog.Portal container={drawerContainerRef.current}>\n      <Theme>\n        <Dialog.Overlay className=\"DrawerOverlay\" />\n        <Dialog.Content\n          className={`DrawerContent ${position} ${className || ''}`}\n          onPointerDownOutside={preventDefault}\n          {...rest}\n        >\n          <Grid\n            height=\"100%\"\n            overflow=\"hidden\"\n            rows={{\n              initial: `${mobileHeaderSize}px ${separatorSize}px calc(100% - ${mobileHeaderSize + separatorSize}px)`,\n              sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`,\n            }}\n          >\n            <Flex align=\"center\" gap=\"3\" px={{ initial: '4', md: '6' }}>\n              <Dialog.Close asChild>\n                <IconButton color=\"gray\" variant=\"outline\">\n                  <ClosePanelArrowIcon />\n                </IconButton>\n              </Dialog.Close>\n              {HeaderContent}\n            </Flex>\n            <Separator orientation=\"horizontal\" size=\"4\" />\n            {children}\n          </Grid>\n        </Dialog.Content>\n      </Theme>\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","import React, { createContext, useContext, useRef } from 'react';\n\ninterface PortalProviderProps {\n  children: React.ReactNode;\n}\n\ninterface PortalState {\n  dialogContainerRef: React.RefObject<HTMLDivElement | null>;\n  drawerContainerRef: React.RefObject<HTMLDivElement | null>;\n}\n\nconst PortalContext = createContext<PortalState>(\n  null as unknown as PortalState\n);\n\nexport function PortalProvider({\n  children,\n}: PortalProviderProps): React.ReactNode {\n  const dialogContainerRef = useRef<HTMLDivElement | null>(null);\n  const drawerContainerRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    <PortalContext.Provider value={{ dialogContainerRef, drawerContainerRef }}>\n      {children}\n      <div className=\"drawer-portal-container\" ref={drawerContainerRef} />\n      <div className=\"dialog-portal-container\" ref={dialogContainerRef} />\n    </PortalContext.Provider>\n  );\n}\n\nexport const usePortalContainer = (): PortalState => {\n  try {\n    const state = useContext(PortalContext);\n    return state;\n  } catch (error) {\n    throw new Error('PortalProvider not found');\n  }\n};\n\nexport default PortalProvider;\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const ClosePanelArrowIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <path\n          clipRule=\"evenodd\"\n          d=\"M3.19315 2.16529C3.43937 1.93445 3.82611 1.94693 4.05695 2.19315L9.87499 7.15624C9.87499 7.15624 10.4479 7.72916 9.87499 8.30207L4.05695 12.8068C3.82611 13.0531 3.43937 13.0656 3.19315 12.8347C2.94693 12.6038 2.93445 12.2171 3.16529 11.9709L8.72916 7.72916L3.16529 3.02908C2.93445 2.78285 2.94693 2.39612 3.19315 2.16529Z\"\n          fill={color}\n          fillRule=\"evenodd\"\n        />\n        <path\n          clipRule=\"evenodd\"\n          d=\"M12.1733 2.58667C12.1733 2.26266 11.9107 2 11.5867 2C11.2627 2 11 2.26266 11 2.58667V12.7201C11 13.044 11.2627 13.3067 11.5867 13.3067C11.9107 13.3067 12.1733 13.044 12.1733 12.7201V2.58667Z\"\n          fill={color}\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n);\n\nClosePanelArrowIcon.displayName = 'ArrowDownIcon';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","export { Separator, type SeparatorProps } from '@radix-ui/themes';\n","export { IconButton, type IconButtonProps } from '@radix-ui/themes';\n"],"mappings":"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","names":["Content","Root","Trigger","import_themes","React","import_jsx_runtime","import_themes","import_themes","import_jsx_runtime","Root","Content","Trigger"]}
+{"version":3,"sources":["../../src/atoms/drawer.tsx","../../src/theme/portal-provider.tsx","../../src/icons/close-panel-arrow.tsx","../../src/atoms/flex.tsx","../../src/atoms/separator.tsx","../../src/atoms/icon-button.tsx"],"sourcesContent":["import React from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Grid, Theme } from '@radix-ui/themes';\nimport { usePortalContainer } from '@/theme/portal-provider';\nimport { ClosePanelArrowIcon } from '../icons/close-panel-arrow';\nimport { Flex } from './flex';\nimport { Separator } from './separator';\nimport { IconButton } from './icon-button';\nimport { ToastContainer } from 'react-toastify';\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  HeaderContent?: React.ReactNode;\n  hideHeader?: boolean;\n};\n\nconst preventDefault: Dialog.DialogContentProps['onPointerDownOutside'] = (\n  e\n) => {\n  e.preventDefault();\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n  const {\n    position = 'right',\n    className,\n    children,\n    HeaderContent,\n    hideHeader,\n    ...rest\n  } = props;\n\n  const mobileHeaderSize = 48;\n  const desktopHeaderSize = 64;\n  const separatorSize = 1;\n  const { drawerContainerRef } = usePortalContainer();\n\n  return (\n    <Dialog.Portal container={drawerContainerRef.current}>\n      <Theme>\n        <Dialog.Overlay className=\"DrawerOverlay\" />\n        <Dialog.Content\n          className={`DrawerContent ${position} ${className || ''}`}\n          onPointerDownOutside={preventDefault}\n          {...rest}\n        >\n          <Grid\n            height=\"100%\"\n            overflow=\"hidden\"\n            rows={{\n              initial: `${mobileHeaderSize}px ${separatorSize}px calc(100% - ${mobileHeaderSize + separatorSize}px)`,\n              sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`,\n            }}\n          >\n            {!hideHeader && (\n              <>\n                <Flex align=\"center\" gap=\"3\" px={{ initial: '4', md: '6' }}>\n                  <Dialog.Close asChild>\n                    <IconButton color=\"gray\" variant=\"outline\">\n                      <ClosePanelArrowIcon />\n                    </IconButton>\n                  </Dialog.Close>\n                  {HeaderContent}\n                </Flex>\n                <Separator orientation=\"horizontal\" size=\"4\" />\n              </>\n            )}\n            {children}\n          </Grid>\n        </Dialog.Content>\n        <ToastContainer/>\n      </Theme>\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","import React, { createContext, useContext, useRef } from 'react';\n\ninterface PortalProviderProps {\n  children: React.ReactNode;\n}\n\ninterface PortalState {\n  dialogContainerRef: React.RefObject<HTMLDivElement | null>;\n  drawerContainerRef: React.RefObject<HTMLDivElement | null>;\n}\n\nconst PortalContext = createContext<PortalState>(\n  null as unknown as PortalState\n);\n\nexport function PortalProvider({\n  children,\n}: PortalProviderProps): React.ReactNode {\n  const dialogContainerRef = useRef<HTMLDivElement | null>(null);\n  const drawerContainerRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    <PortalContext.Provider value={{ dialogContainerRef, drawerContainerRef }}>\n      {children}\n      <div className=\"drawer-portal-container\" ref={drawerContainerRef} />\n      <div className=\"dialog-portal-container\" ref={dialogContainerRef} />\n    </PortalContext.Provider>\n  );\n}\n\nexport const usePortalContainer = (): PortalState => {\n  try {\n    const state = useContext(PortalContext);\n    return state;\n  } catch (error) {\n    throw new Error('PortalProvider not found');\n  }\n};\n\nexport default PortalProvider;\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const ClosePanelArrowIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <path\n          clipRule=\"evenodd\"\n          d=\"M3.19315 2.16529C3.43937 1.93445 3.82611 1.94693 4.05695 2.19315L9.87499 7.15624C9.87499 7.15624 10.4479 7.72916 9.87499 8.30207L4.05695 12.8068C3.82611 13.0531 3.43937 13.0656 3.19315 12.8347C2.94693 12.6038 2.93445 12.2171 3.16529 11.9709L8.72916 7.72916L3.16529 3.02908C2.93445 2.78285 2.94693 2.39612 3.19315 2.16529Z\"\n          fill={color}\n          fillRule=\"evenodd\"\n        />\n        <path\n          clipRule=\"evenodd\"\n          d=\"M12.1733 2.58667C12.1733 2.26266 11.9107 2 11.5867 2C11.2627 2 11 2.26266 11 2.58667V12.7201C11 13.044 11.2627 13.3067 11.5867 13.3067C11.9107 13.3067 12.1733 13.044 12.1733 12.7201V2.58667Z\"\n          fill={color}\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n);\n\nClosePanelArrowIcon.displayName = 'ArrowDownIcon';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","export { Separator, type SeparatorProps } from '@radix-ui/themes';\n","export { IconButton, type IconButtonProps } from '@radix-ui/themes';\n"],"mappings":"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","names":["Content","Root","Trigger","import_themes","React","import_jsx_runtime","import_themes","import_themes","import_jsx_runtime","Root","Content","Trigger"]}

package/dist/atoms/drawer.d.cts

@@ -6,6 +6,7 @@ type ContentProps = Dialog.DialogContentProps & {
     /** Drawer가 붙는 위치, 기본값 right */
     position?: 'left' | 'right' | 'bottom' | 'top';
     HeaderContent?: React__default.ReactNode;
+    hideHeader?: boolean;
 };
 declare function Content(props: ContentProps): React__default.ReactNode;
 declare function Trigger(props: Dialog.DialogTriggerProps): React__default.ReactNode;

package/dist/atoms/drawer.d.ts

@@ -6,6 +6,7 @@ type ContentProps = Dialog.DialogContentProps & {
     /** Drawer가 붙는 위치, 기본값 right */
     position?: 'left' | 'right' | 'bottom' | 'top';
     HeaderContent?: React__default.ReactNode;
+    hideHeader?: boolean;
 };
 declare function Content(props: ContentProps): React__default.ReactNode;
 declare function Trigger(props: Dialog.DialogTriggerProps): React__default.ReactNode;

package/dist/atoms/drawer.js

@@ -3,7 +3,7 @@ import {
   Drawer,
   Root,
   Trigger
-} from "../chunk-UOYF3DBN.js";
+} from "../chunk-PXOQBTYR.js";
 import "../chunk-DDUKEE5E.js";
 import "../chunk-HYITAA4J.js";
 import "../chunk-U7N2PWMO.js";

package/dist/atoms/ellipsis-tooltip.cjs

@@ -60,21 +60,47 @@ var import_themes = require("@radix-ui/themes");
 // src/atoms/typo.tsx
 var import_themes2 = require("@radix-ui/themes");
 var import_react = require("react");
+
+// src/utils/map-with-responsive.ts
+var mapWithResponsive = (args) => {
+  const { value, mapFn } = args;
+  if (typeof value === "string") {
+    return mapFn(value);
+  }
+  ;
+  if (typeof value === "object") {
+    const newObj = {};
+    let key;
+    for (key in value) {
+      newObj[key] = mapFn(value[key]);
+    }
+    return newObj;
+  }
+  return value;
+};
+
+// src/atoms/typo.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var Typo = (0, import_react.forwardRef)(
   (props, ref) => {
     const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
     const radixSize = (0, import_react.useMemo)(() => {
       if (size !== void 0) return size;
-      switch (variant) {
-        case "caption":
-          return "1";
-        case "subtitle":
-          return "3";
-        case "body":
-        default:
-          return "2";
-      }
+      if (variant === void 0) return "2";
+      return mapWithResponsive({
+        value: variant,
+        mapFn: (variantValue) => {
+          switch (variantValue) {
+            case "caption":
+              return "1";
+            case "subtitle":
+              return "3";
+            case "body":
+            default:
+              return "2";
+          }
+        }
+      });
     }, [size, variant]);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes2.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
   }

package/dist/atoms/ellipsis-tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/atoms/ellipsis-tooltip.tsx","../../src/atoms/tooltip.tsx","../../src/atoms/typo.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n  children?: string;\n};\n\nexport function EllipsisTooltip(\n  props: EllipsisTooltipProps\n): React.ReactNode {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      const typo = ref.current;\n      const mouseOver = (): void => {\n        if (typo.clientHeight < typo.scrollHeight) {\n          setTooltipDisplay('block');\n        }\n      };\n\n      const mouseOut = (): void => {\n        setTooltipDisplay('none');\n      };\n\n      ref.current.addEventListener('mouseenter', mouseOver);\n      ref.current.addEventListener('mouseleave', mouseOut);\n    }\n  }, [children]);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={ref}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          WebkitLineClamp: lineClamp,\n\n          display: '-webkit-box',\n          WebkitBoxOrient: 'vertical',\n          wordBreak: 'break-word',\n          ...style,\n        }}\n      >\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n}\n","export { Tooltip, type TooltipProps } from '@radix-ui/themes';\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n      switch (variant) {\n        case 'caption':\n          return '1';\n        case 'subtitle':\n          return '3';\n        case 'body':\n        default:\n          return '2';\n      }\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,gBAAmD;;;ACAnD,oBAA2C;;;ACC3C,IAAAC,iBAAkC;AAClC,mBAA2C;AAwBrC;AAlBC,IAAM,WAAO;AAAA,EAClB,CAAC,OAAkB,QAAyB;AAC1C,UAA6C,YAArC,QAAM,SAAS,SAV3B,IAUiD,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,UAAM,gBAAY,sBAAgC,MAAM;AACtD,UAAI,SAAS,OAAW,QAAO;AAC/B,cAAQ,SAAS;AAAA,QACf,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE,4CAAC,eAAAC,MAAA,iCAAc,OAAd,EAAoB,KAAU,MAAM,WAClC,WACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;;;AFMb,IAAAC,sBAAA;AA9BC,SAAS,gBACd,OACiB;AACjB,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAZvC,IAYsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,UAAM,sBAAwB,IAAI;AAExC,QAAM,CAAC,gBAAgB,iBAAiB,QAAI;AAAA,IAC1C;AAAA,EACF;AAEA,+BAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,YAAM,OAAO,IAAI;AACjB,YAAM,YAAY,MAAY;AAC5B,YAAI,KAAK,eAAe,KAAK,cAAc;AACzC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAEA,YAAM,WAAW,MAAY;AAC3B,0BAAkB,MAAM;AAAA,MAC1B;AAEA,UAAI,QAAQ,iBAAiB,cAAc,SAAS;AACpD,UAAI,QAAQ,iBAAiB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,6CAAC,yBAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,iBAAiB;AAAA,QAEjB,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":["import_react","import_themes","RadixText","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/atoms/ellipsis-tooltip.tsx","../../src/atoms/tooltip.tsx","../../src/atoms/typo.tsx","../../src/utils/map-with-responsive.ts"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n  children?: string;\n};\n\nexport function EllipsisTooltip(\n  props: EllipsisTooltipProps\n): React.ReactNode {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      const typo = ref.current;\n      const mouseOver = (): void => {\n        if (typo.clientHeight < typo.scrollHeight) {\n          setTooltipDisplay('block');\n        }\n      };\n\n      const mouseOut = (): void => {\n        setTooltipDisplay('none');\n      };\n\n      ref.current.addEventListener('mouseenter', mouseOver);\n      ref.current.addEventListener('mouseleave', mouseOut);\n    }\n  }, [children]);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={ref}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          WebkitLineClamp: lineClamp,\n\n          display: '-webkit-box',\n          WebkitBoxOrient: 'vertical',\n          wordBreak: 'break-word',\n          ...style,\n        }}\n      >\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n}\n","export { Tooltip, type TooltipProps } from '@radix-ui/themes';\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: Responsive<'body' | 'caption' | 'subtitle'>;\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n\n      if (variant === undefined) return '2';\n\n      return mapWithResponsive({\n        value: variant,\n        mapFn: (variantValue?: 'body' | 'caption' | 'subtitle') => {\n          switch (variantValue) {\n            case 'caption':\n              return '1';\n            case 'subtitle':\n              return '3';\n            case 'body':\n            default:\n              return '2';\n          }\n        },\n      });\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n","import type {  Breakpoint, Responsive } from \"@radix-ui/themes/props\";\n\nexport const mapWithResponsive = <T extends string,K extends string>(\n args:  {value: Responsive<T>, mapFn: (value?:T)=>K |undefined}\n): Responsive<K> | undefined => {\n  const {value, mapFn} = args;\n  if(typeof value === 'string'){\n    return mapFn(value);\n  };\n  \n  if(typeof value === 'object'){\n    const newObj: Partial<Record<Breakpoint, K>> = {};\n    let key: Breakpoint;\n    for(key in value){\n      newObj[key] = mapFn(value[key]);\n    }\n    return newObj;\n  }\n  return value;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,gBAAmD;;;ACAnD,oBAA2C;;;ACE3C,IAAAC,iBAAkC;AAClC,mBAA2C;;;ACDpC,IAAM,oBAAoB,CAChC,SAC+B;AAC9B,QAAM,EAAC,OAAO,MAAK,IAAI;AACvB,MAAG,OAAO,UAAU,UAAS;AAC3B,WAAO,MAAM,KAAK;AAAA,EACpB;AAAC;AAED,MAAG,OAAO,UAAU,UAAS;AAC3B,UAAM,SAAyC,CAAC;AAChD,QAAI;AACJ,SAAI,OAAO,OAAM;AACf,aAAO,GAAG,IAAI,MAAM,MAAM,GAAG,CAAC;AAAA,IAChC;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;;;ADiBM;AA1BC,IAAM,WAAO;AAAA,EAClB,CAAC,OAAkB,QAAyB;AAC1C,UAA6C,YAArC,QAAM,SAAS,SAZ3B,IAYiD,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,UAAM,gBAAY,sBAAgC,MAAM;AACtD,UAAI,SAAS,OAAW,QAAO;AAE/B,UAAI,YAAY,OAAW,QAAO;AAElC,aAAO,kBAAkB;AAAA,QACvB,OAAO;AAAA,QACP,OAAO,CAAC,iBAAmD;AACzD,kBAAQ,cAAc;AAAA,YACpB,KAAK;AACH,qBAAO;AAAA,YACT,KAAK;AACH,qBAAO;AAAA,YACT,KAAK;AAAA,YACL;AACE,qBAAO;AAAA,UACX;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE,4CAAC,eAAAC,MAAA,iCAAc,OAAd,EAAoB,KAAU,MAAM,WAClC,WACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;;;AFJb,IAAAC,sBAAA;AA9BC,SAAS,gBACd,OACiB;AACjB,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAZvC,IAYsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,UAAM,sBAAwB,IAAI;AAExC,QAAM,CAAC,gBAAgB,iBAAiB,QAAI;AAAA,IAC1C;AAAA,EACF;AAEA,+BAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,YAAM,OAAO,IAAI;AACjB,YAAM,YAAY,MAAY;AAC5B,YAAI,KAAK,eAAe,KAAK,cAAc;AACzC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAEA,YAAM,WAAW,MAAY;AAC3B,0BAAkB,MAAM;AAAA,MAC1B;AAEA,UAAI,QAAQ,iBAAiB,cAAc,SAAS;AACpD,UAAI,QAAQ,iBAAiB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,6CAAC,yBAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,iBAAiB;AAAA,QAEjB,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":["import_react","import_themes","RadixText","import_jsx_runtime"]}

package/dist/atoms/ellipsis-tooltip.d.cts

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { TypoProps } from './typo.cjs';
 import '@radix-ui/themes';
+import '@radix-ui/themes/props';
 
 type EllipsisTooltipProps = TypoProps & {
     lineClamp?: number;

package/dist/atoms/ellipsis-tooltip.d.ts

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { TypoProps } from './typo.js';
 import '@radix-ui/themes';
+import '@radix-ui/themes/props';
 
 type EllipsisTooltipProps = TypoProps & {
     lineClamp?: number;

package/dist/atoms/ellipsis-tooltip.js

@@ -1,8 +1,9 @@
 import {
   EllipsisTooltip
-} from "../chunk-YXO6QOFA.js";
+} from "../chunk-BCRXWYJ3.js";
 import "../chunk-ACVANQJ4.js";
-import "../chunk-LH57PIY2.js";
+import "../chunk-PARGQUJB.js";
+import "../chunk-LDBWASUA.js";
 import "../chunk-2NMEKWO5.js";
 export {
   EllipsisTooltip