@tipp/ui 2.3.16 → 2.3.18

package/dist/molecules/curriculumV2/index.js

@@ -1,72 +1,72 @@
 import "../../chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "../../chunk-G4DOK5DQ.js";
-import "../../chunk-3PE6OFB3.js";
-import "../../chunk-ZMXFJ3AZ.js";
-import "../../chunk-5VPNBYFV.js";
-import "../../chunk-R3VOZZ5O.js";
-import "../../chunk-VK6INFSB.js";
-import "../../chunk-6IMCKSQD.js";
-import "../../chunk-H3X6UQVC.js";
-import "../../chunk-66XH3MAB.js";
-import "../../chunk-CC5RCOSM.js";
-import "../../chunk-ODYLHCQD.js";
-import "../../chunk-COKJ53M5.js";
-import "../../chunk-PLXD7ZKF.js";
-import "../../chunk-SAEPW5JF.js";
-import "../../chunk-W747CDDK.js";
-import "../../chunk-GNTZY4DG.js";
-import "../../chunk-GMKRNFH5.js";
-import "../../chunk-QGKQ3IX7.js";
+} from "../../chunk-WV4WWBKN.js";
 import {
   CurriculumSidebar
-} from "../../chunk-JMYWVT4X.js";
-import "../../chunk-3SCBKVQQ.js";
+} from "../../chunk-YWTFVF5S.js";
+import "../../chunk-VKH2GRVW.js";
 import "../../chunk-WS7IOHVK.js";
-import "../../chunk-KCC3DAOY.js";
+import "../../chunk-LT5C6QT7.js";
+import "../../chunk-SDEDXT7A.js";
 import "../../chunk-4TST4UK5.js";
-import "../../chunk-MJMHPIYX.js";
+import "../../chunk-AZ2ZKABM.js";
+import "../../chunk-PEFP2QUH.js";
+import "../../chunk-ODHH7CFR.js";
+import "../../chunk-7XG4CK7Y.js";
+import "../../chunk-YE3UDMTZ.js";
+import "../../chunk-X7QZ46BZ.js";
+import "../../chunk-X67ER3JU.js";
+import "../../chunk-NAPAD66S.js";
+import "../../chunk-ZE3LSQUW.js";
+import "../../chunk-VREM33BW.js";
+import "../../chunk-AQVIQODP.js";
+import "../../chunk-KMVSJT6Y.js";
+import "../../chunk-7I7PZF5L.js";
+import "../../chunk-5V6MQUTB.js";
+import "../../chunk-R3WM6HV6.js";
+import "../../chunk-PYGTM7ML.js";
+import "../../chunk-GMKRNFH5.js";
+import "../../chunk-QGKQ3IX7.js";
 import {
   CurriculumSubNav
-} from "../../chunk-KLIEFXWN.js";
+} from "../../chunk-WLWX7BLC.js";
 import {
   CurriculumProvider,
   useCurriculumContext
-} from "../../chunk-ZFWZAZPG.js";
+} from "../../chunk-Y7SJF3Y3.js";
 import {
   CurriculumV2Layout
-} from "../../chunk-K3Q4XLCN.js";
-import "../../chunk-JF7JAMOQ.js";
+} from "../../chunk-CQSM6JCO.js";
+import "../../chunk-2ISIAPFS.js";
 import "../../chunk-CSKNBWPB.js";
+import "../../chunk-FR2GDOU2.js";
 import "../../chunk-5ZITU5L7.js";
 import "../../chunk-5XYPLDI5.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-FR2GDOU2.js";
-import "../../chunk-365QMK4D.js";
 import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-365QMK4D.js";
 import "../../chunk-EGEQY3KT.js";
-import "../../chunk-AH4A53SZ.js";
-import "../../chunk-BESTU2AY.js";
+import "../../chunk-JQ7VQ5SB.js";
 import "../../chunk-U7N2PWMO.js";
 import "../../chunk-XK6VEVOK.js";
 import "../../chunk-HF6GNDPV.js";
+import "../../chunk-25HMMI7R.js";
+import "../../chunk-ZVDAEY5Q.js";
+import "../../chunk-LQY4RKWI.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-RP2RGCAW.js";
+import "../../chunk-EAXUQEO5.js";
 import "../../chunk-U3BQT7ZO.js";
 import "../../chunk-4Y5BEXVN.js";
-import "../../chunk-PMJIFLDT.js";
-import "../../chunk-LDBWASUA.js";
-import "../../chunk-25HMMI7R.js";
-import "../../chunk-ZVDAEY5Q.js";
-import "../../chunk-LQY4RKWI.js";
 import "../../chunk-W5TPOFOO.js";
-import "../../chunk-WJ34ZHTU.js";
+import "../../chunk-VD7AQ7HK.js";
 import "../../chunk-ZQE7SP6P.js";
 import "../../chunk-R6ARPREO.js";
 import "../../chunk-2O45FRFQ.js";
+import "../../chunk-SI4Y7NUG.js";
 import "../../chunk-J2I3R3OV.js";
 import "../../chunk-QO6KO6MN.js";
 import "../../chunk-5KNRHIIF.js";
@@ -77,7 +77,9 @@ import "../../chunk-YSYJCYHY.js";
 import "../../chunk-5OM2H6RI.js";
 import "../../chunk-ZUYCXCPW.js";
 import "../../chunk-YVFNJE4E.js";
-import "../../chunk-EAXUQEO5.js";
+import "../../chunk-BESTU2AY.js";
+import "../../chunk-PMJIFLDT.js";
+import "../../chunk-LDBWASUA.js";
 import "../../chunk-CRTRMMJ7.js";
 export {
   CurriculumBody,

package/dist/molecules/date-picker/date-picker-button.cjs

@@ -646,6 +646,50 @@ var CircleChatIcon = React14.forwardRef(
 );
 CircleChatIcon.displayName = "CircleChatIcon";
 
+// src/icons/circle-file.tsx
+var React15 = __toESM(require("react"), 1);
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var CircleFileIcon = React15.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("rect", { fill: color, height: "16", rx: "8", width: "16" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "rect",
+            {
+              fill: "white",
+              fillOpacity: "0.01",
+              height: "12",
+              transform: "translate(2 2)",
+              width: "12"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "path",
+            {
+              clipRule: "evenodd",
+              d: "M4.39998 4.00005C4.39998 3.77914 4.57906 3.60005 4.79998 3.60005H9.26861C9.37469 3.60005 9.47643 3.64219 9.55145 3.71721L11.4829 5.64858C11.5578 5.72359 11.6 5.82534 11.6 5.93142V12C11.6 12.2209 11.4209 12.4 11.2 12.4H4.79998C4.57906 12.4 4.39998 12.2209 4.39998 12V4.00005ZM4.79998 2.80005C4.13723 2.80005 3.59998 3.3373 3.59998 4.00005V12C3.59998 12.6628 4.13723 13.2 4.79998 13.2H11.2C11.8627 13.2 12.4 12.6628 12.4 12V5.93142C12.4 5.61316 12.2736 5.30794 12.0485 5.08289L10.1171 3.15152C9.89209 2.92648 9.58686 2.80005 9.26861 2.80005H4.79998ZM5.59998 5.20005C5.37906 5.20005 5.19998 5.37914 5.19998 5.60005C5.19998 5.82096 5.37906 6.00005 5.59998 6.00005H7.99998C8.22089 6.00005 8.39998 5.82096 8.39998 5.60005C8.39998 5.37914 8.22089 5.20005 7.99998 5.20005H5.59998ZM5.59998 7.60005C5.37906 7.60005 5.19998 7.77914 5.19998 8.00005C5.19998 8.22096 5.37906 8.40005 5.59998 8.40005H10.4C10.6209 8.40005 10.8 8.22096 10.8 8.00005C10.8 7.77914 10.6209 7.60005 10.4 7.60005H5.59998ZM5.59998 10C5.37906 10 5.19998 10.1792 5.19998 10.4C5.19998 10.6209 5.37906 10.8 5.59998 10.8H10.4C10.6209 10.8 10.8 10.6209 10.8 10.4C10.8 10.1792 10.6209 10 10.4 10H5.59998Z",
+              fill: "white",
+              fillRule: "evenodd"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+CircleFileIcon.displayName = "CircleFileIcon";
+
 // src/molecules/date-picker/index.tsx
 var import_react6 = require("react");
 var import_react_datepicker = __toESM(require("react-datepicker"), 1);
@@ -677,7 +721,7 @@ var mapWithResponsive = (args) => {
 };
 
 // src/atoms/typo.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var Typo = (0, import_react3.forwardRef)(
   (props, ref) => {
     const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
@@ -699,7 +743,7 @@ var Typo = (0, import_react3.forwardRef)(
         }
       });
     }, [size, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes5.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes5.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
   }
 );
 Typo.displayName = "Typo";
@@ -741,7 +785,7 @@ var convertSize2 = (size) => {
 };
 
 // src/atoms/icon-button.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var IconButton = (0, import_react4.forwardRef)(
   (props, ref) => {
     const _a = props, { size, style, variant } = _a, restProps = __objRest(_a, ["size", "style", "variant"]);
@@ -755,7 +799,7 @@ var IconButton = (0, import_react4.forwardRef)(
     const className = (0, import_react4.useMemo)(() => {
       return (0, import_clsx2.clsx)(props.className, { transparent: variant === "transparent" });
     }, [props.className, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       import_themes6.IconButton,
       __spreadProps(__spreadValues({
         style,
@@ -778,7 +822,7 @@ var import_themes7 = require("@radix-ui/themes");
 var import_themes8 = require("@radix-ui/themes");
 var import_react5 = require("react");
 var import_themes9 = require("@radix-ui/themes");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var mapVariant = (variant) => {
   switch (variant) {
     case "heading1":
@@ -803,11 +847,11 @@ function Heading2(props) {
       mapFn: mapVariant
     }) : size;
   }, [size, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes8.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes8.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
 }
 
 // src/molecules/date-picker/index.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var DatePicker = (0, import_react6.forwardRef)(
   (props, ref) => {
     const _a = props, { fullWidth } = _a, rest = __objRest(_a, ["fullWidth"]);
@@ -838,7 +882,7 @@ var DatePicker = (0, import_react6.forwardRef)(
         setIsMonthDropdownOpen
       }));
     }, [isMonthDropdownOpen, isYearDropdownOpen, props]);
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes7.Flex, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes7.Flex, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       import_react_datepicker.default,
       __spreadProps(__spreadValues({
         dateFormat: "yyyy/MM/dd h:mm aa",
@@ -886,19 +930,19 @@ function DropdownSelector({
       });
     }
   }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_themes4.Popover.Root, { modal: true, onOpenChange, open: isOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes4.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { className: "react-datepicker_dropdown_header", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Heading2, { variant: "heading4", weight: "regular", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_themes4.Popover.Root, { modal: true, onOpenChange, open: isOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes4.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { className: "react-datepicker_dropdown_header", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Heading2, { variant: "heading4", weight: "regular", children: [
       selectedValue,
       suffix
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes4.Popover.Content, { side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes4.Popover.Content, { side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       import_themes3.Box,
       {
         maxHeight: "200px",
         overflowY: "auto",
         ref: scrollContainerRef,
         style: { scrollbarWidth: "none" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes7.Flex, { direction: "column", gap: "1", children: options.map((item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes7.Flex, { direction: "column", gap: "1", children: options.map((item) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           Button,
           {
             className: "react-datepicker_dropdown_item",
@@ -912,7 +956,7 @@ function DropdownSelector({
               e.preventDefault();
             },
             variant: "transparent",
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Typo, { weight: item === selectedValue ? "bold" : void 0, children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Typo, { weight: item === selectedValue ? "bold" : void 0, children: [
               item,
               suffix
             ] })
@@ -943,8 +987,8 @@ var getRenderCustomHeader = (props) => {
     } = props;
     const year = date ? new Date(date).getFullYear() : "-";
     const month = date ? new Date(date).getMonth() + 1 : "-";
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_themes7.Flex, { align: "center", justify: "between", pl: "2", pr: "2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_themes7.Flex, { align: "center", justify: "between", pl: "2", pr: "2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         IconButton,
         {
           className: "react-datepicker_dropdown_header",
@@ -952,11 +996,11 @@ var getRenderCustomHeader = (props) => {
           onClick: decreaseMonth,
           type: "button",
           variant: "ghost",
-          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_icons.ChevronLeftIcon, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_icons.ChevronLeftIcon, {})
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_themes7.Flex, { gap: "3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_themes7.Flex, { gap: "3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           DropdownSelector,
           {
             isOpen: isYearDropdownOpen,
@@ -970,7 +1014,7 @@ var getRenderCustomHeader = (props) => {
             suffix: "\uB144"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           DropdownSelector,
           {
             isOpen: isMonthDropdownOpen,
@@ -985,7 +1029,7 @@ var getRenderCustomHeader = (props) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         IconButton,
         {
           className: "react-datepicker_dropdown_header",
@@ -993,7 +1037,7 @@ var getRenderCustomHeader = (props) => {
           onClick: increaseMonth,
           type: "button",
           variant: "ghost",
-          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_icons.ChevronRightIcon, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_icons.ChevronRightIcon, {})
         }
       )
     ] });
@@ -1002,7 +1046,7 @@ var getRenderCustomHeader = (props) => {
 };
 
 // src/molecules/date-picker/date-picker-button.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function DatePickerButton(props) {
   const _a = props, { size, format: formatProps, disabled } = _a, rest = __objRest(_a, ["size", "format", "disabled"]);
   const placeholder = rest.placeholder || "\uB0A0\uC9DC\uB97C \uC120\uD0DD\uD574\uC8FC\uC138\uC694";
@@ -1026,18 +1070,18 @@ function DatePickerButton(props) {
   const placeholderVisible = (0, import_react7.useMemo)(() => {
     return rest.selected ? "" : "placeholder-visible";
   }, [rest.selected]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes3.Box, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes3.Box, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     DatePicker,
     __spreadProps(__spreadValues({
-      customInput: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, __spreadProps(__spreadValues({ asChild: true, className, type: "button" }, buttonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      customInput: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, __spreadProps(__spreadValues({ asChild: true, className, type: "button" }, buttonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
         TextField.Root,
         {
           className: placeholderVisible,
           placeholder: placeholder || "",
           value: rest.selected ? selectFormat(rest.selected) : placeholder,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextField.Slot, { className: "hide-slot" }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextField.Slot, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_icons.CalendarIcon, {}) })
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextField.Slot, { className: "hide-slot" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextField.Slot, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_icons.CalendarIcon, {}) })
           ]
         }
       ) })),