@tipp/ui 2.3.38 → 2.3.40

package/dist/molecules/curriculumV2/index.js

@@ -1,33 +1,33 @@
 import "../../chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "../../chunk-LZWTGFMW.js";
-import "../../chunk-KFUBWOCN.js";
-import {
-  CurriculumSidebar
-} from "../../chunk-6TQGX5ZU.js";
-import "../../chunk-4PYFMD24.js";
-import "../../chunk-WS7IOHVK.js";
-import "../../chunk-LIV5LHHZ.js";
-import "../../chunk-MJMHPIYX.js";
-import "../../chunk-4TST4UK5.js";
-import "../../chunk-HBQY4ELG.js";
-import "../../chunk-ZFTQ2XBH.js";
-import "../../chunk-XVCVWEWU.js";
-import "../../chunk-GGCONJ2Q.js";
-import "../../chunk-4BWTMUQY.js";
-import "../../chunk-IO7RODN7.js";
+} from "../../chunk-P4R5JOBT.js";
+import "../../chunk-7PZPKTQ4.js";
+import "../../chunk-4UBN6JY7.js";
+import "../../chunk-BYFSYL7V.js";
+import "../../chunk-6SQZJN5Y.js";
+import "../../chunk-NTJLECYY.js";
 import "../../chunk-W7TBPRHG.js";
 import "../../chunk-FGLOHHYP.js";
 import "../../chunk-RSZDAY62.js";
 import "../../chunk-SAEPW5JF.js";
 import "../../chunk-VK6INFSB.js";
 import "../../chunk-OILH5J7Q.js";
-import "../../chunk-NTJLECYY.js";
 import "../../chunk-CNW3YEAK.js";
 import "../../chunk-OOXXMKJS.js";
 import "../../chunk-CIQ7ELE6.js";
 import "../../chunk-GMKRNFH5.js";
+import "../../chunk-KFUBWOCN.js";
+import {
+  CurriculumSidebar
+} from "../../chunk-REPTW53S.js";
+import "../../chunk-V7IC4EAC.js";
+import "../../chunk-4TST4UK5.js";
+import "../../chunk-WS7IOHVK.js";
+import "../../chunk-LIV5LHHZ.js";
+import "../../chunk-MJMHPIYX.js";
+import "../../chunk-HBQY4ELG.js";
+import "../../chunk-ZFTQ2XBH.js";
 import {
   CurriculumSubNav
 } from "../../chunk-UMUSNH2D.js";
@@ -64,7 +64,8 @@ import "../../chunk-25HMMI7R.js";
 import "../../chunk-ZVDAEY5Q.js";
 import "../../chunk-LQY4RKWI.js";
 import "../../chunk-JU7GB6R2.js";
-import "../../chunk-VD7AQ7HK.js";
+import "../../chunk-JVXATVAC.js";
+import "../../chunk-B3VSXNTH.js";
 import "../../chunk-ZQE7SP6P.js";
 import "../../chunk-R6ARPREO.js";
 import "../../chunk-2O45FRFQ.js";

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

@@ -690,6 +690,67 @@ var CircleFileIcon = React15.forwardRef(
 );
 CircleFileIcon.displayName = "CircleFileIcon";
 
+// src/icons/headset.tsx
+var React16 = __toESM(require("react"), 1);
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var HeadsetIcon = React16.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.jsx)(
+            "path",
+            {
+              d: "M3.25 6C3.25 3.75 5.5 2 8 2C10.5 2 12.75 3.75 12.75 6",
+              stroke: color,
+              strokeLinecap: "round",
+              strokeWidth: "1.2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "path",
+            {
+              d: "M4.75 6H3.25A1.5 1.5 0 0 0 1.75 7.5V10.75A1.5 1.5 0 0 0 3.25 12.25H4.75Z",
+              stroke: color,
+              strokeLinejoin: "round",
+              strokeWidth: "1.2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "path",
+            {
+              d: "M11.25 6H12.75A1.5 1.5 0 0 1 14.25 7.5V10.75A1.5 1.5 0 0 1 12.75 12.25H11.25Z",
+              stroke: color,
+              strokeLinejoin: "round",
+              strokeWidth: "1.2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "path",
+            {
+              d: "M4 12.25V13.25C4 13.94 4.56 14.5 5.25 14.5H8",
+              stroke: color,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: "1.2"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+HeadsetIcon.displayName = "HeadsetIcon";
+
 // src/molecules/date-picker/index.tsx
 var import_react6 = require("react");
 var import_react_datepicker = __toESM(require("react-datepicker"), 1);
@@ -721,7 +782,7 @@ var mapWithResponsive = (args) => {
 };
 
 // src/atoms/typo.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = 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"]);
@@ -743,7 +804,7 @@ var Typo = (0, import_react3.forwardRef)(
         }
       });
     }, [size, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes5.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes5.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
   }
 );
 Typo.displayName = "Typo";
@@ -785,7 +846,7 @@ var convertSize2 = (size) => {
 };
 
 // src/atoms/icon-button.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = 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"]);
@@ -799,7 +860,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_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       import_themes6.IconButton,
       __spreadProps(__spreadValues({
         style,
@@ -822,7 +883,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_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var mapVariant = (variant) => {
   switch (variant) {
     case "heading1":
@@ -847,11 +908,11 @@ function Heading2(props) {
       mapFn: mapVariant
     }) : size;
   }, [size, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes8.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes8.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
 }
 
 // src/molecules/date-picker/index.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var DatePicker = (0, import_react6.forwardRef)(
   (props, ref) => {
     const _a = props, { fullWidth } = _a, rest = __objRest(_a, ["fullWidth"]);
@@ -882,7 +943,7 @@ var DatePicker = (0, import_react6.forwardRef)(
         setIsMonthDropdownOpen
       }));
     }, [isMonthDropdownOpen, isYearDropdownOpen, props]);
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes7.Flex, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes7.Flex, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       import_react_datepicker.default,
       __spreadProps(__spreadValues({
         dateFormat: "yyyy/MM/dd h:mm aa",
@@ -930,19 +991,19 @@ function DropdownSelector({
       });
     }
   }, [isOpen]);
-  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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_themes4.Popover.Root, { modal: true, onOpenChange, open: isOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes4.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { className: "react-datepicker_dropdown_header", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Heading2, { variant: "heading4", weight: "regular", children: [
       selectedValue,
       suffix
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes4.Popover.Content, { side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes4.Popover.Content, { side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       import_themes3.Box,
       {
         maxHeight: "200px",
         overflowY: "auto",
         ref: scrollContainerRef,
         style: { scrollbarWidth: "none" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes7.Flex, { direction: "column", gap: "1", children: options.map((item) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes7.Flex, { direction: "column", gap: "1", children: options.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           Button,
           {
             className: "react-datepicker_dropdown_item",
@@ -956,7 +1017,7 @@ function DropdownSelector({
               e.preventDefault();
             },
             variant: "transparent",
-            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Typo, { weight: item === selectedValue ? "bold" : void 0, children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Typo, { weight: item === selectedValue ? "bold" : void 0, children: [
               item,
               suffix
             ] })
@@ -987,8 +1048,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_runtime20.jsxs)(import_themes7.Flex, { align: "center", justify: "between", pl: "2", pr: "2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_themes7.Flex, { align: "center", justify: "between", pl: "2", pr: "2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         IconButton,
         {
           className: "react-datepicker_dropdown_header",
@@ -996,11 +1057,11 @@ var getRenderCustomHeader = (props) => {
           onClick: decreaseMonth,
           type: "button",
           variant: "ghost",
-          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_icons.ChevronLeftIcon, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_icons.ChevronLeftIcon, {})
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_themes7.Flex, { gap: "3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_themes7.Flex, { gap: "3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           DropdownSelector,
           {
             isOpen: isYearDropdownOpen,
@@ -1014,7 +1075,7 @@ var getRenderCustomHeader = (props) => {
             suffix: "\uB144"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           DropdownSelector,
           {
             isOpen: isMonthDropdownOpen,
@@ -1029,7 +1090,7 @@ var getRenderCustomHeader = (props) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         IconButton,
         {
           className: "react-datepicker_dropdown_header",
@@ -1037,7 +1098,7 @@ var getRenderCustomHeader = (props) => {
           onClick: increaseMonth,
           type: "button",
           variant: "ghost",
-          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_icons.ChevronRightIcon, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_icons.ChevronRightIcon, {})
         }
       )
     ] });
@@ -1046,7 +1107,7 @@ var getRenderCustomHeader = (props) => {
 };
 
 // src/molecules/date-picker/date-picker-button.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = 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";
@@ -1070,18 +1131,18 @@ function DatePickerButton(props) {
   const placeholderVisible = (0, import_react7.useMemo)(() => {
     return rest.selected ? "" : "placeholder-visible";
   }, [rest.selected]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes3.Box, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_themes3.Box, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     DatePicker,
     __spreadProps(__spreadValues({
-      customInput: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, __spreadProps(__spreadValues({ asChild: true, className, type: "button" }, buttonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      customInput: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Button, __spreadProps(__spreadValues({ asChild: true, className, type: "button" }, buttonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
         TextField.Root,
         {
           className: placeholderVisible,
           placeholder: placeholder || "",
           value: rest.selected ? selectFormat(rest.selected) : placeholder,
           children: [
-            /* @__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, {}) })
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TextField.Slot, { className: "hide-slot" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TextField.Slot, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_icons.CalendarIcon, {}) })
           ]
         }
       ) })),