@tipp/ui 2.10.2 → 2.10.4

package/dist/molecules/curriculumV2/index.js

@@ -1,33 +1,33 @@
 import "../../chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "../../chunk-IIZ7I7NS.js";
-import "../../chunk-KFUBWOCN.js";
-import {
-  CurriculumSidebar
-} from "../../chunk-RRC4WFG3.js";
-import "../../chunk-P2H3VCIB.js";
-import "../../chunk-WS7IOHVK.js";
-import "../../chunk-47QYYEMG.js";
-import "../../chunk-QLOYGKKM.js";
-import "../../chunk-S4MEMFKG.js";
-import "../../chunk-K4RZTENM.js";
+} from "../../chunk-AYWCLLQ2.js";
 import "../../chunk-UXH2XIB2.js";
-import "../../chunk-UK3LP7VH.js";
-import "../../chunk-NSDVLCCW.js";
-import "../../chunk-YFR3HXSV.js";
-import "../../chunk-A32HLL53.js";
+import "../../chunk-TYM6T7JT.js";
+import "../../chunk-RJ62VZ6O.js";
+import "../../chunk-IHLFOJD5.js";
+import "../../chunk-KQ3ME6XY.js";
+import "../../chunk-CGLDFUOY.js";
+import "../../chunk-OUDDTPEN.js";
 import "../../chunk-ZGTGEBQX.js";
 import "../../chunk-WLKK5L3P.js";
+import "../../chunk-SINRU2A6.js";
 import "../../chunk-GE4M5GOQ.js";
 import "../../chunk-G3KQN32M.js";
 import "../../chunk-VK6INFSB.js";
-import "../../chunk-CGLDFUOY.js";
-import "../../chunk-OUDDTPEN.js";
-import "../../chunk-SINRU2A6.js";
 import "../../chunk-NVRVOTWZ.js";
 import "../../chunk-LK2H4QTJ.js";
 import "../../chunk-GMKRNFH5.js";
+import "../../chunk-KFUBWOCN.js";
+import {
+  CurriculumSidebar
+} from "../../chunk-DIFGHMGI.js";
+import "../../chunk-HL3MGRAC.js";
+import "../../chunk-47QYYEMG.js";
+import "../../chunk-S4MEMFKG.js";
+import "../../chunk-QLOYGKKM.js";
+import "../../chunk-WS7IOHVK.js";
+import "../../chunk-K4RZTENM.js";
 import {
   CurriculumSubNav
 } from "../../chunk-XWHBJY5V.js";
@@ -65,7 +65,8 @@ import "../../chunk-LQY4RKWI.js";
 import "../../chunk-EIKFXUNC.js";
 import "../../chunk-RP2RGCAW.js";
 import "../../chunk-VOME2TE7.js";
-import "../../chunk-JVXATVAC.js";
+import "../../chunk-2PPLSZ4P.js";
+import "../../chunk-2FJ4LW7E.js";
 import "../../chunk-B3VSXNTH.js";
 import "../../chunk-ZQE7SP6P.js";
 import "../../chunk-R6ARPREO.js";
@@ -76,7 +77,7 @@ import "../../chunk-QO6KO6MN.js";
 import "../../chunk-5KNRHIIF.js";
 import "../../chunk-6JRAI4G5.js";
 import "../../chunk-776WBOKL.js";
-import "../../chunk-2FJ4LW7E.js";
+import "../../chunk-IAKMJR72.js";
 import "../../chunk-YSYJCYHY.js";
 import "../../chunk-5OM2H6RI.js";
 import "../../chunk-ZUYCXCPW.js";

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

@@ -781,6 +781,29 @@ var HeadsetIcon = React16.forwardRef(
 );
 HeadsetIcon.displayName = "HeadsetIcon";
 
+// src/icons/empty-box.tsx
+var React17 = __toESM(require("react"), 1);
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var EmptyBoxIcon = React17.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor", width = 120, height = 120 } = _b, props = __objRest(_b, ["color", "width", "height"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: color,
+        height,
+        viewBox: "0 0 462.035 462.035",
+        width,
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M457.83,158.441c-0.021-0.028-0.033-0.058-0.057-0.087l-50.184-62.48c-0.564-0.701-1.201-1.305-1.879-1.845c-2.16-2.562-5.355-4.225-8.967-4.225H65.292c-3.615,0-6.804,1.661-8.965,4.225c-0.678,0.54-1.316,1.138-1.885,1.845l-50.178,62.48c-0.023,0.029-0.034,0.059-0.057,0.087C1.655,160.602,0,163.787,0,167.39v193.07c0,6.5,5.27,11.771,11.77,11.771h438.496c6.5,0,11.77-5.271,11.77-11.771V167.39C462.037,163.787,460.381,160.602,457.83,158.441z M408.516,134.615l16.873,21.005h-16.873V134.615z M384.975,113.345v42.274H296.84c-2.514,0-4.955,0.805-6.979,2.293l-58.837,43.299l-58.849-43.305c-2.023-1.482-4.466-2.287-6.978-2.287H77.061v-42.274H384.975z M53.523,155.62H36.65l16.873-21.005V155.62z M438.498,348.69H23.54V179.16h137.796l62.711,46.148c4.15,3.046,9.805,3.052,13.954-0.005l62.698-46.144h137.799V348.69L438.498,348.69z" })
+      })
+    );
+  }
+);
+EmptyBoxIcon.displayName = "EmptyBoxIcon";
+
 // src/molecules/date-picker/index.tsx
 var import_react8 = require("react");
 var import_react_datepicker = __toESM(require("react-datepicker"), 1);
@@ -795,11 +818,11 @@ var import_react4 = require("react");
 var import_react3 = require("react");
 var import_themes4 = require("@radix-ui/themes");
 var import_clsx2 = require("clsx");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var ThemeAccentContext = (0, import_react3.createContext)(void 0);
 
 // src/atoms/popover.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var Content = (0, import_react4.forwardRef)((props, ref) => {
   const _a = props, { className, color } = _a, rest = __objRest(_a, ["className", "color"]);
   const themeAccent = (0, import_react4.useContext)(ThemeAccentContext);
@@ -807,7 +830,7 @@ var Content = (0, import_react4.forwardRef)((props, ref) => {
     () => resolveColor(color != null ? color : themeAccent),
     [color, themeAccent]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_themes5.Popover.Content,
     __spreadProps(__spreadValues({
       ref
@@ -860,7 +883,7 @@ var MONO_STYLE = {
 };
 
 // src/atoms/typo.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var Typo = (0, import_react5.forwardRef)(
   (props, ref) => {
     const _a = props, {
@@ -904,7 +927,7 @@ var Typo = (0, import_react5.forwardRef)(
         }
       });
     }, [size, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       import_themes6.Text,
       __spreadProps(__spreadValues({}, rest), {
         className: (0, import_clsx4.clsx)(colorClassName, className),
@@ -956,7 +979,7 @@ var convertSize2 = (size) => {
 };
 
 // src/atoms/icon-button.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var IconButton = (0, import_react6.forwardRef)(
   (props, ref) => {
     const _a = props, { size, style, variant, color } = _a, restProps = __objRest(_a, ["size", "style", "variant", "color"]);
@@ -976,7 +999,7 @@ var IconButton = (0, import_react6.forwardRef)(
         transparent: variant === "transparent"
       });
     }, [props.className, colorClassName, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       import_themes7.IconButton,
       __spreadProps(__spreadValues({
         style,
@@ -1001,7 +1024,7 @@ var import_themes9 = require("@radix-ui/themes");
 var import_clsx6 = require("clsx");
 var import_react7 = require("react");
 var import_themes10 = require("@radix-ui/themes");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var mapVariant = (variant) => {
   switch (variant) {
     case "heading1":
@@ -1048,7 +1071,7 @@ function Heading2(props) {
       mapFn: mapVariant
     }) : size;
   }, [size, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_themes9.Heading,
     __spreadProps(__spreadValues({}, rest), {
       className: (0, import_clsx6.clsx)(colorClassName, className),
@@ -1061,7 +1084,7 @@ function Heading2(props) {
 }
 
 // src/molecules/date-picker/index.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var DatePicker = (0, import_react8.forwardRef)(
   (props, ref) => {
     const _a = props, { fullWidth } = _a, rest = __objRest(_a, ["fullWidth"]);
@@ -1092,7 +1115,7 @@ var DatePicker = (0, import_react8.forwardRef)(
         setIsMonthDropdownOpen
       }));
     }, [isMonthDropdownOpen, isYearDropdownOpen, props]);
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes8.Flex, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes8.Flex, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       import_react_datepicker.default,
       __spreadProps(__spreadValues({
         dateFormat: "yyyy/MM/dd h:mm aa",
@@ -1140,19 +1163,19 @@ function DropdownSelector({
       });
     }
   }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Popover.Root, { modal: true, onOpenChange, open: isOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { className: "react-datepicker_dropdown_header", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Heading2, { variant: "heading4", weight: "regular", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Popover.Root, { modal: true, onOpenChange, open: isOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { className: "react-datepicker_dropdown_header", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Heading2, { variant: "heading4", weight: "regular", children: [
       selectedValue,
       suffix
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Popover.Content, { side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Popover.Content, { side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       import_themes3.Box,
       {
         maxHeight: "200px",
         overflowY: "auto",
         ref: scrollContainerRef,
         style: { scrollbarWidth: "none" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes8.Flex, { direction: "column", gap: "1", children: options.map((item) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes8.Flex, { direction: "column", gap: "1", children: options.map((item) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           Button,
           {
             className: "react-datepicker_dropdown_item",
@@ -1166,7 +1189,7 @@ function DropdownSelector({
               e.preventDefault();
             },
             variant: "transparent",
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Typo, { weight: item === selectedValue ? "bold" : void 0, children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Typo, { weight: item === selectedValue ? "bold" : void 0, children: [
               item,
               suffix
             ] })
@@ -1197,8 +1220,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_runtime23.jsxs)(import_themes8.Flex, { align: "center", justify: "between", pl: "2", pr: "2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes8.Flex, { align: "center", justify: "between", pl: "2", pr: "2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         IconButton,
         {
           className: "react-datepicker_dropdown_header",
@@ -1206,11 +1229,11 @@ var getRenderCustomHeader = (props) => {
           onClick: decreaseMonth,
           type: "button",
           variant: "ghost",
-          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons.ChevronLeftIcon, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons.ChevronLeftIcon, {})
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes8.Flex, { gap: "3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes8.Flex, { gap: "3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           DropdownSelector,
           {
             isOpen: isYearDropdownOpen,
@@ -1224,7 +1247,7 @@ var getRenderCustomHeader = (props) => {
             suffix: "\uB144"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           DropdownSelector,
           {
             isOpen: isMonthDropdownOpen,
@@ -1239,7 +1262,7 @@ var getRenderCustomHeader = (props) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         IconButton,
         {
           className: "react-datepicker_dropdown_header",
@@ -1247,7 +1270,7 @@ var getRenderCustomHeader = (props) => {
           onClick: increaseMonth,
           type: "button",
           variant: "ghost",
-          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons.ChevronRightIcon, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons.ChevronRightIcon, {})
         }
       )
     ] });
@@ -1256,7 +1279,7 @@ var getRenderCustomHeader = (props) => {
 };
 
 // src/molecules/date-picker/date-picker-button.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = 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";
@@ -1280,18 +1303,18 @@ function DatePickerButton(props) {
   const placeholderVisible = (0, import_react9.useMemo)(() => {
     return rest.selected ? "" : "placeholder-visible";
   }, [rest.selected]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes3.Box, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_themes3.Box, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     DatePicker,
     __spreadProps(__spreadValues({
-      customInput: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, __spreadProps(__spreadValues({ asChild: true, className, type: "button" }, buttonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+      customInput: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, __spreadProps(__spreadValues({ asChild: true, className, type: "button" }, buttonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         TextField.Root,
         {
           className: placeholderVisible,
           placeholder: placeholder || "",
           value: rest.selected ? selectFormat(rest.selected) : placeholder,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TextField.Slot, { className: "hide-slot" }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TextField.Slot, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons.CalendarIcon, {}) })
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TextField.Slot, { className: "hide-slot" }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TextField.Slot, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_icons.CalendarIcon, {}) })
           ]
         }
       ) })),