@tipp/ui 2.1.33 → 2.1.35

package/dist/molecules/curriculumV2/CurriculumSidebar/Items/section-title.js

@@ -1,20 +1,22 @@
 import {
   section_title_default
 } from "../../../../chunk-XPULPCGT.js";
-import "../../../../chunk-A6W2ZWYA.js";
+import "../../../../chunk-HBF6IIVZ.js";
 import "../../../../chunk-A5S42XBJ.js";
+import "../../../../chunk-OYM4XCHQ.js";
 import "../../../../chunk-YJ7ZFOYL.js";
 import "../../../../chunk-5ZITU5L7.js";
 import "../../../../chunk-3F45OPXG.js";
 import "../../../../chunk-5KDNSBO5.js";
 import "../../../../chunk-26ZU5KUR.js";
+import "../../../../chunk-MUPK4L3U.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-3SK5EPKI.js";
 import "../../../../chunk-U2QL5DES.js";
 import "../../../../chunk-5AVBYDPB.js";
 import "../../../../chunk-365QMK4D.js";
@@ -22,14 +24,13 @@ import "../../../../chunk-YO3BQW6S.js";
 import "../../../../chunk-6IVCARWS.js";
 import "../../../../chunk-6DJOIRMF.js";
 import "../../../../chunk-FPD73OHW.js";
-import "../../../../chunk-MUPK4L3U.js";
 import "../../../../chunk-EGEQY3KT.js";
 import "../../../../chunk-O3T3TM3V.js";
 import "../../../../chunk-XQOL7UBI.js";
 import "../../../../chunk-TULWX7D6.js";
 import "../../../../chunk-TQOQC4PZ.js";
 import "../../../../chunk-VTJZMOSP.js";
-import "../../../../chunk-DDRIETGE.js";
+import "../../../../chunk-CVRGXNMT.js";
 import "../../../../chunk-34OQDUQR.js";
 import "../../../../chunk-RHZT4IHH.js";
 import "../../../../chunk-DDUKEE5E.js";
@@ -63,11 +64,12 @@ import "../../../../chunk-LQY4RKWI.js";
 import "../../../../chunk-ZD7MNMED.js";
 import "../../../../chunk-V5XKNSCK.js";
 import "../../../../chunk-WJ34ZHTU.js";
+import "../../../../chunk-PVL7SJYR.js";
+import "../../../../chunk-D7EYDD4E.js";
 import "../../../../chunk-2TPQQBUQ.js";
 import "../../../../chunk-HLFTU725.js";
 import "../../../../chunk-XD3KUE4Q.js";
 import "../../../../chunk-MEKWBVXE.js";
-import "../../../../chunk-PVL7SJYR.js";
 import "../../../../chunk-25Q6QLSN.js";
 import "../../../../chunk-TPEIE4IP.js";
 import "../../../../chunk-QNWBUYV2.js";
@@ -75,7 +77,6 @@ import "../../../../chunk-XSX6K7SK.js";
 import "../../../../chunk-UQN63IRS.js";
 import "../../../../chunk-K25BYIJ7.js";
 import "../../../../chunk-ECVAWQXV.js";
-import "../../../../chunk-D7EYDD4E.js";
 import "../../../../chunk-J242TTFH.js";
 import "../../../../chunk-EAXUQEO5.js";
 import "../../../../chunk-2NMEKWO5.js";

package/dist/molecules/curriculumV2/CurriculumSidebar/index.cjs

@@ -1343,14 +1343,19 @@ AutoSizingInput.displayName = "AutoSizingInput";
 // src/atoms/bullet-text.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
 
-// src/molecules/curriculumV2/curriculum-context.tsx
+// src/atoms/list.tsx
 var import_react21 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
-var CurriculumContext = (0, import_react21.createContext)(
+var ListContext = (0, import_react21.createContext)({ size: "large" });
+
+// src/molecules/curriculumV2/curriculum-context.tsx
+var import_react22 = require("react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var CurriculumContext = (0, import_react22.createContext)(
   void 0
 );
 function useCurriculumContext() {
-  const ctx = (0, import_react21.useContext)(CurriculumContext);
+  const ctx = (0, import_react22.useContext)(CurriculumContext);
   if (!ctx)
     throw new Error(
       "useCurriculumContext must be used within CurriculumProvider"
@@ -1416,12 +1421,12 @@ var getCurriculumContentSubTypeText = (type) => {
 };
 
 // src/molecules/curriculumV2/CurriculumSidebar/Items/section-title.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function SectionTitle(props) {
   const { title, duration } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_themes23.Grid, { align: "center", columns: "1fr auto", px: "3", py: "2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Typo, { color: "gray", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Typo, { color: "gray", variant: "caption", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_themes23.Grid, { align: "center", columns: "1fr auto", px: "3", py: "2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Typo, { color: "gray", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Typo, { color: "gray", variant: "caption", children: [
       duration,
       "\uBD84"
     ] })
@@ -1430,14 +1435,14 @@ function SectionTitle(props) {
 var section_title_default = SectionTitle;
 
 // src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-sidebar-item-wrapper.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function CurriculumSidebarItemWrapper({
   children,
   isSelected,
   onClick,
   index
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     import_themes23.Grid,
     {
       align: "center",
@@ -1453,7 +1458,7 @@ function CurriculumSidebarItemWrapper({
         cursor: onClick ? "pointer" : void 0
       },
       children: [
-        isSelected ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        isSelected ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           import_themes39.Separator,
           {
             color: "yellow",
@@ -1470,15 +1475,15 @@ function CurriculumSidebarItemWrapper({
 var curriculum_sidebar_item_wrapper_default = CurriculumSidebarItemWrapper;
 
 // src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-item-title.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function CurriculumItemTitle({
   title,
   subText,
   duration
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes22.Flex, { direction: "column", gap: "1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Typo, { color: "gray", weight: "bold", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Typo, { color: "gray", variant: "caption", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_themes22.Flex, { direction: "column", gap: "1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Typo, { color: "gray", weight: "bold", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Typo, { color: "gray", variant: "caption", children: [
       subText,
       duration ? ` | ${duration}\uBD84` : ""
     ] })
@@ -1487,7 +1492,7 @@ function CurriculumItemTitle({
 var curriculum_item_title_default = CurriculumItemTitle;
 
 // src/molecules/curriculumV2/CurriculumSidebar/Items/section-item.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function SectionCommonItem({
   title,
   duration,
@@ -1496,21 +1501,21 @@ function SectionCommonItem({
   color = "gray"
 }) {
   const IconComp = getCurriculumIcon({ type, icon });
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(IconComp, { color }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(curriculum_item_title_default, { duration, subText: getCurriculumContentSubTypeText(type), title })
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(IconComp, { color }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(curriculum_item_title_default, { duration, subText: getCurriculumContentSubTypeText(type), title })
   ] });
 }
 var section_item_default = SectionCommonItem;
 
 // src/molecules/curriculumV2/CurriculumSidebar/sidebar-item.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function SidebarItem({ item, selectedIndex, setSelectedIndex, index, done }) {
   if (item.type === "sectionTitle") {
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(section_title_default, __spreadValues({}, item), item.uuid);
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(section_title_default, __spreadValues({}, item), item.uuid);
   }
   const isSelected = selectedIndex === index;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     curriculum_sidebar_item_wrapper_default,
     {
       index,
@@ -1518,7 +1523,7 @@ function SidebarItem({ item, selectedIndex, setSelectedIndex, index, done }) {
       onClick: () => {
         setSelectedIndex(index);
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         section_item_default,
         __spreadProps(__spreadValues({}, item), {
           color: getCurriculumIconColor({
@@ -1534,7 +1539,7 @@ function SidebarItem({ item, selectedIndex, setSelectedIndex, index, done }) {
 var sidebar_item_default = SidebarItem;
 
 // src/molecules/curriculumV2/CurriculumSidebar/index.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var TAB_LIST = [
   {
     label: "\uAC15\uC758 \uBAA9\uCC28",
@@ -1544,9 +1549,9 @@ var TAB_LIST = [
 function CurriculumSidebar() {
   const { curriculum, selectedIndex, setSelectedIndex, scrollAreaRef, curriculumCompleteMap } = useCurriculumContext();
   const list = curriculum.contents.list;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes44.Tabs.Root, { asChild: true, defaultValue: TAB_LIST[0].value, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_themes23.Grid, { height: "100%", overflowY: "auto", rows: "auto 1fr ", width: "100%", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes44.Tabs.List, { style: { padding: "0 var(--space-3)" }, children: TAB_LIST.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes44.Tabs.Trigger, { value: tab.value, children: tab.label }, tab.value)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes44.Tabs.Root, { asChild: true, defaultValue: TAB_LIST[0].value, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_themes23.Grid, { height: "100%", overflowY: "auto", rows: "auto 1fr ", width: "100%", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes44.Tabs.List, { style: { padding: "0 var(--space-3)" }, children: TAB_LIST.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes44.Tabs.Trigger, { value: tab.value, children: tab.label }, tab.value)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       import_themes6.Box,
       {
         height: "100%",
@@ -1554,7 +1559,7 @@ function CurriculumSidebar() {
         position: "relative",
         ref: scrollAreaRef,
         width: "100%",
-        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
           import_themes44.Tabs.Content,
           {
             style: {
@@ -1564,8 +1569,8 @@ function CurriculumSidebar() {
             },
             value: TAB_LIST[0].value,
             children: [
-              list.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(sidebar_item_default, { done: curriculumCompleteMap[item.uuid], index, item, selectedIndex, setSelectedIndex }, item.uuid)),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes6.Box, { height: "150px" })
+              list.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(sidebar_item_default, { done: curriculumCompleteMap[item.uuid], index, item, selectedIndex, setSelectedIndex }, item.uuid)),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes6.Box, { height: "150px" })
             ]
           }
         )