@tipp/ui 2.1.20 → 2.1.22

package/dist/icon.js

@@ -8,6 +8,7 @@ import {
   BellIcon,
   BookmarkFilledIcon,
   BookmarkIcon,
+  BoxIcon,
   CalendarIcon,
   ChatBubbleIcon,
   CheckCircledIcon,
@@ -58,7 +59,7 @@ import {
   UpdateIcon,
   UploadIcon,
   VideoIcon
-} from "./chunk-CEK4NKTO.js";
+} from "./chunk-QD5QQCAW.js";
 import "./chunk-WJ34ZHTU.js";
 import {
   TriangleArrowDownIcon
@@ -110,6 +111,7 @@ export {
   BellIcon,
   BookmarkFilledIcon,
   BookmarkIcon,
+  BoxIcon,
   CalendarIcon,
   CameraDisabledIcon,
   CameraIcon,

package/dist/index.cjs

@@ -75,6 +75,7 @@ __export(index_exports, {
   BookmarkFilledIcon: () => import_react_icons2.BookmarkFilledIcon,
   BookmarkIcon: () => import_react_icons2.BookmarkIcon,
   Box: () => import_themes6.Box,
+  BoxIcon: () => import_react_icons2.BoxIcon,
   BulletText: () => BulletText,
   Button: () => Button,
   CalendarIcon: () => import_react_icons2.CalendarIcon,
@@ -220,7 +221,7 @@ __export(index_exports, {
   ThemeProvider: () => ThemeProvider,
   TimeSelect: () => TimeSelect,
   TimerIcon: () => import_react_icons2.TimerIcon,
-  ToastContainer: () => ToastContainer,
+  ToastContainer: () => ToastContainer3,
   Tooltip: () => import_themes48.Tooltip,
   TrashIcon: () => import_react_icons2.TrashIcon,
   TriangleArrowDownIcon: () => TriangleArrowDownIcon,
@@ -237,7 +238,7 @@ __export(index_exports, {
   getTimeOptions: () => getTimeOptions,
   parseTimeOption: () => parseTimeOption,
   scrollTo: () => scrollTo,
-  toast: () => import_react_toastify2.toast,
+  toast: () => import_react_toastify4.toast,
   uiProps: () => uiProps,
   useCurriculumContext: () => useCurriculumContext,
   usePortalContainer: () => usePortalContainer,
@@ -582,6 +583,7 @@ function Heading2(props) {
 var import_themes18 = require("@radix-ui/themes");
 
 // src/atoms/dialog.tsx
+var import_react_toastify = require("react-toastify");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var preventDefault = (e) => {
   e.preventDefault();
@@ -615,30 +617,33 @@ function Content2(props) {
     "className"
   ]);
   const { dialogContainerRef } = usePortalContainer();
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Portal, { container: dialogContainerRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes19.Theme, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Overlay, { className: "DialogOverlay", children: /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.jsxs)(import_themes19.Flex, { gap: "2", justify: "between", width: "100%", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Title, { asChild: true, children: typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Heading2, { mb: "2", variant: "heading3", children: title }) : title }),
-          !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Close, { asChild: true, className: "DialogClose", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes18.IconButton, { color: "gray", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_icons.Cross1Icon, {}) }) })
-        ] }),
-        children,
-        buttons ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes19.Flex, { gap: "3", justify: "end", mt: "3", width: "100%", children: buttons }) : null
-      ]
-    })
-  ) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Portal, { container: dialogContainerRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes19.Theme, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(RadixDialog.Overlay, { className: "DialogOverlay", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.jsxs)(import_themes19.Flex, { gap: "2", justify: "between", width: "100%", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Title, { asChild: true, children: typeof title === "string" && title !== "" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Heading2, { mb: "2", variant: "heading3", children: title }) : title }),
+            !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Close, { asChild: true, className: "DialogClose", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes18.IconButton, { color: "gray", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_icons.Cross1Icon, {}) }) })
+          ] }),
+          children,
+          buttons ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes19.Flex, { gap: "3", justify: "end", mt: "3", width: "100%", children: buttons }) : null
+        ]
+      })
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_toastify.ToastContainer, {})
+  ] }) }) });
 }
 function Close2(_a) {
   var _b = _a, {
@@ -1620,6 +1625,7 @@ var ClosePanelArrowIcon = React21.forwardRef(
 ClosePanelArrowIcon.displayName = "ArrowDownIcon";
 
 // src/atoms/drawer.tsx
+var import_react_toastify2 = require("react-toastify");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function Root6(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Dialog2.Root, __spreadValues({}, props));
@@ -1632,12 +1638,14 @@ function Content6(props) {
     position = "right",
     className,
     children,
-    HeaderContent
+    HeaderContent,
+    hideHeader
   } = _a, rest = __objRest(_a, [
     "position",
     "className",
     "children",
-    "HeaderContent"
+    "HeaderContent",
+    "hideHeader"
   ]);
   const mobileHeaderSize = 48;
   const desktopHeaderSize = 64;
@@ -1656,22 +1664,25 @@ function Content6(props) {
           {
             height: "100%",
             overflow: "hidden",
-            rows: {
+            rows: hideHeader ? "1" : {
               initial: `${mobileHeaderSize}px ${separatorSize}px calc(100% - ${mobileHeaderSize + separatorSize}px)`,
               sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_themes22.Flex, { align: "center", gap: "3", px: { initial: "4", md: "6" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes18.IconButton, { color: "gray", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ClosePanelArrowIcon, {}) }) }),
-                HeaderContent
+              !hideHeader && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_themes22.Flex, { align: "center", gap: "3", px: { initial: "4", md: "6" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes18.IconButton, { color: "gray", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ClosePanelArrowIcon, {}) }) }),
+                  HeaderContent
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes39.Separator, { orientation: "horizontal", size: "4" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes39.Separator, { orientation: "horizontal", size: "4" }),
               children
             ]
           }
         )
       })
-    )
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_toastify2.ToastContainer, {})
   ] }) });
 }
 function Trigger5(props) {
@@ -1688,15 +1699,15 @@ var Drawer = {
 
 // src/atoms/toast.tsx
 var import_react_icons3 = require("@radix-ui/react-icons");
-var import_react_toastify = require("react-toastify");
-var import_react_toastify2 = require("react-toastify");
+var import_react_toastify3 = require("react-toastify");
+var import_react_toastify4 = require("react-toastify");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 function CloseButton() {
   return null;
 }
-function ToastContainer(props) {
+function ToastContainer3(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-    import_react_toastify.ToastContainer,
+    import_react_toastify3.ToastContainer,
     __spreadValues({
       autoClose: 5e3,
       closeButton: CloseButton,
@@ -5567,7 +5578,7 @@ function EditCoachingTime(props) {
       const endAt = getDateFromValue(values.date, values.endTime);
       props.onClickSave && props.onClickSave(startAt, endAt);
     } else {
-      import_react_toastify2.toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
+      import_react_toastify4.toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
     }
   }, [checkTimeError, props, values.date, values.endTime, values.startTime]);
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes6.Box, { width: { initial: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Form.Root, { children: [
@@ -5895,7 +5906,7 @@ function ReservationCard(props) {
   (0, import_react41.useEffect)(() => {
     if (!minTime || !editValues.date || readonly) return;
     if (editValues.date < minTime) {
-      import_react_toastify2.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+      import_react_toastify4.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
       setEditValues((prev) => {
         return __spreadProps(__spreadValues({}, prev), {
           date: minTime
@@ -5906,7 +5917,7 @@ function ReservationCard(props) {
   (0, import_react41.useEffect)(() => {
     if (!maxTime || !editValues.date || readonly) return;
     if (editValues.date > maxTime) {
-      import_react_toastify2.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+      import_react_toastify4.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
       setEditValues((prev) => {
         return __spreadProps(__spreadValues({}, prev), {
           date: maxTime
@@ -6309,6 +6320,7 @@ function CurriculumCard(props) {
   BookmarkFilledIcon,
   BookmarkIcon,
   Box,
+  BoxIcon,
   BulletText,
   Button,
   CalendarIcon,