@tipp/ui 2.1.20 → 2.1.22

package/dist/chunk-H2J3L3MA.js

@@ -0,0 +1,192 @@
+import {
+  Row
+} from "./chunk-WDUSQ6HR.js";
+import {
+  Spinner
+} from "./chunk-FR2GDOU2.js";
+import {
+  Pagination
+} from "./chunk-Y2GJIIJY.js";
+import {
+  Typo
+} from "./chunk-PARGQUJB.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  TriangleArrowDownIcon
+} from "./chunk-2TPQQBUQ.js";
+import {
+  TriangleArrowUpIcon
+} from "./chunk-PVL7SJYR.js";
+
+// src/molecules/expand-table/index.tsx
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+  getSortedRowModel,
+  createColumnHelper,
+  getPaginationRowModel
+} from "@tanstack/react-table";
+import { useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ExpandTable(props) {
+  const {
+    data,
+    columns,
+    ExpandComp,
+    placeholder,
+    onRowClick,
+    tableStyle,
+    showPagination = true,
+    isLoading,
+    pageIndex = 0,
+    pageSize = 10,
+    siblingCount = 2,
+    getRowStyle,
+    getCellStyle
+  } = props;
+  const defaultAlign = "left";
+  const [pagination, setPagination] = useState({
+    pageIndex: pageIndex || 0,
+    pageSize: pageSize || 9999
+  });
+  const [sorting, setSorting] = useState([]);
+  const { getRowModel, getHeaderGroups, setPageIndex } = useReactTable({
+    data: data || [],
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    state: {
+      sorting,
+      pagination
+    },
+    onSortingChange: setSorting,
+    getPaginationRowModel: getPaginationRowModel(),
+    onPaginationChange: setPagination
+  });
+  const gridTemplateColumns = useMemo(() => {
+    return columns.map((col) => {
+      var _a;
+      if ((_a = col.meta) == null ? void 0 : _a.autoSize) return `minmax(${col.size || 50}px, 1fr)`;
+      return `${col.size || 150}px`;
+    }).join(" ");
+  }, [columns]);
+  const rowModels = getRowModel();
+  const onChangePagination = useCallback(
+    (page) => {
+      setPageIndex(page - 1);
+    },
+    [setPageIndex]
+  );
+  const helpCompRender = useCallback(
+    (rowLength) => {
+      if (isLoading) {
+        return /* @__PURE__ */ jsx(
+          Flex,
+          {
+            align: "center",
+            height: "100%",
+            justify: "center",
+            p: "5",
+            width: "100%",
+            children: /* @__PURE__ */ jsx(Spinner, {})
+          }
+        );
+      }
+      if (rowLength === 0) {
+        return /* @__PURE__ */ jsx("div", { className: "tr", children: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ jsx(Typo, { color: "gray", mb: "6", mt: "6", variant: "body", children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" }) }) }, "expand_placeholder");
+      }
+      return null;
+    },
+    [isLoading, placeholder]
+  );
+  const pageCount = useMemo(() => {
+    if (!data) return 0;
+    return Math.ceil(data.length / pageSize);
+  }, [data, pageSize]);
+  return /* @__PURE__ */ jsxs("div", { className: "expand-table-wrapper", children: [
+    /* @__PURE__ */ jsxs("div", { className: "expand-table", style: tableStyle, children: [
+      /* @__PURE__ */ jsx("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "tr",
+          style: { gridTemplateColumns },
+          children: headerGroup.headers.map((header) => {
+            var _a;
+            const sortable = header.column.getCanSort();
+            const sortedState = header.column.getIsSorted();
+            const justifyContent = ((_a = header.column.columnDef.meta) == null ? void 0 : _a.align) || defaultAlign;
+            return /* @__PURE__ */ jsx("div", { className: `${justifyContent} th`, children: /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: header.column.getToggleSortingHandler(),
+                style: sortable ? { cursor: "pointer" } : { cursor: "default" },
+                type: "button",
+                children: [
+                  /* @__PURE__ */ jsx(Typo, { as: "div", variant: "body", children: flexRender(
+                    header.column.columnDef.header,
+                    header.getContext()
+                  ) }),
+                  sortable ? /* @__PURE__ */ jsxs(
+                    Flex,
+                    {
+                      direction: "column",
+                      style: { marginLeft: "var(--space-2)" },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          TriangleArrowUpIcon,
+                          {
+                            color: sortedState === "asc" ? "var(--iris-10)" : "var(--iris-6)"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          TriangleArrowDownIcon,
+                          {
+                            color: sortedState === "desc" ? "var(--iris-10)" : "var(--iris-6)"
+                          }
+                        )
+                      ]
+                    }
+                  ) : null
+                ]
+              }
+            ) }, header.id);
+          })
+        },
+        headerGroup.id
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: "tbody", children: helpCompRender(rowModels.rows.length) || rowModels.rows.map((row) => {
+        return /* @__PURE__ */ jsx(
+          Row,
+          {
+            ExpandComp,
+            defaultAlign,
+            getCellStyle,
+            getRowStyle,
+            gridTemplateColumns,
+            onRowClick,
+            row
+          },
+          `row_${row.id}`
+        );
+      }) })
+    ] }),
+    showPagination ? /* @__PURE__ */ jsx(Flex, { justify: "end", pt: "3", width: "100%", children: /* @__PURE__ */ jsx(
+      Pagination,
+      {
+        count: pageCount,
+        onChange: onChangePagination,
+        page: pagination.pageIndex + 1,
+        siblingCount
+      }
+    ) }) : null
+  ] });
+}
+
+export {
+  createColumnHelper,
+  ExpandTable
+};
+//# sourceMappingURL=chunk-H2J3L3MA.js.map

package/dist/chunk-H2J3L3MA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/expand-table/index.tsx"],"sourcesContent":["import type {\n  ColumnDef,\n  SortingState,\n  RowData,\n  Row as RowType,\n  PaginationState,\n} from '@tanstack/react-table';\nimport type { CSSProperties } from 'react';\nimport {\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n  getSortedRowModel,\n  createColumnHelper,\n  getPaginationRowModel,\n} from '@tanstack/react-table';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Flex, Pagination, Spinner, Typo } from '../../atoms';\nimport { TriangleArrowDownIcon } from '../../icons/down';\nimport { TriangleArrowUpIcon } from '../../icons/up';\nimport { Row, type ExpandComp, type OnRowClick } from './row';\n\nexport type { ExpandComp, OnRowClick, ColumnDef, RowType as Row };\nexport { createColumnHelper };\n\nexport interface ExpandTableProps<Datum extends RowData> {\n  /** 렌더할 데이터 배열  */\n  data?: Datum[];\n  /** 테이블 컬럼의 메타 데이터 */\n  columns: ColumnDef<Datum>[];\n  /** Row의 open이 true인 경우 하단의 collapse에 렌더할 컴포넌트 */\n  ExpandComp?: ExpandComp<Datum>;\n  /** 데이테가 없을 시 화면에 표시할 컴포넌트 */\n  placeholder?: React.ReactNode;\n  /** 행 클릭 시 실행할 콜백 */\n  onRowClick?: OnRowClick<Datum>;\n  getRowStyle?: (data: Datum) => CSSProperties;\n  getCellStyle?: (data: Datum) => CSSProperties;\n  tableStyle?: CSSProperties;\n  isLoading?: boolean;\n\n  /** pagination - 표시 유무, 기본값 true */\n  showPagination?: boolean;\n  /** pagination - 현재 선택된 페이지, 0부터 시작 */\n  pageIndex?: number;\n  /** pagination - 한 페이지에 표시될 컬럼 개수, 기본값 10 */\n  pageSize?: number;\n  /** pagination -  */\n  siblingCount?: number;\n}\n\nexport function ExpandTable<Datum extends RowData>(\n  props: ExpandTableProps<Datum>\n): React.ReactNode {\n  const {\n    data,\n    columns,\n    ExpandComp,\n    placeholder,\n    onRowClick,\n    tableStyle,\n    showPagination = true,\n    isLoading,\n    pageIndex = 0,\n    pageSize = 10,\n    siblingCount = 2,\n    getRowStyle,\n    getCellStyle,\n  } = props;\n  const defaultAlign = 'left';\n  const [pagination, setPagination] = useState<PaginationState>({\n    pageIndex: pageIndex || 0,\n    pageSize: pageSize || 9999,\n  });\n\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const { getRowModel, getHeaderGroups, setPageIndex } = useReactTable({\n    data: data || [],\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    state: {\n      sorting,\n      pagination,\n    },\n    onSortingChange: setSorting,\n    getPaginationRowModel: getPaginationRowModel(),\n    onPaginationChange: setPagination,\n  });\n\n  const gridTemplateColumns = useMemo<string>(() => {\n    return columns\n      .map((col) => {\n        if (col.meta?.autoSize) return `minmax(${col.size || 50}px, 1fr)`;\n        return `${col.size || 150}px`;\n      })\n      .join(' ');\n  }, [columns]);\n\n  const rowModels = getRowModel();\n\n  const onChangePagination = useCallback(\n    (page: number) => {\n      setPageIndex(page - 1);\n    },\n    [setPageIndex]\n  );\n\n  const helpCompRender = useCallback(\n    (rowLength: number) => {\n      if (isLoading) {\n        return (\n          <Flex\n            align=\"center\"\n            height=\"100%\"\n            justify=\"center\"\n            p=\"5\"\n            width=\"100%\"\n          >\n            <Spinner />\n          </Flex>\n        );\n      }\n      if (rowLength === 0) {\n        return (\n          <div className=\"tr\" key=\"expand_placeholder\">\n            <Flex align=\"center\" justify=\"center\">\n              {placeholder || (\n                <Typo color=\"gray\" mb=\"6\" mt=\"6\" variant=\"body\">\n                  데이터가 없습니다\n                </Typo>\n              )}\n            </Flex>\n          </div>\n        );\n      }\n      return null;\n    },\n    [isLoading, placeholder]\n  );\n\n  const pageCount = useMemo(() => {\n    if (!data) return 0;\n    return Math.ceil(data.length / pageSize);\n  }, [data, pageSize]);\n\n  return (\n    <div className=\"expand-table-wrapper\">\n    <div className=\"expand-table\" style={tableStyle}>\n      <div className=\"thead\">\n        {getHeaderGroups().map((headerGroup) => (\n          <div\n            className=\"tr\"\n            key={headerGroup.id}\n            style={{ gridTemplateColumns }}\n          >\n            {headerGroup.headers.map((header) => {\n              const sortable = header.column.getCanSort();\n              const sortedState = header.column.getIsSorted();\n              const justifyContent =\n                header.column.columnDef.meta?.align || defaultAlign;\n\n              return (\n                <div className={`${justifyContent} th`} key={header.id}>\n                  <button\n                    onClick={header.column.getToggleSortingHandler()}\n                    style={\n                      sortable ? { cursor: 'pointer' } : { cursor: 'default' }\n                    }\n                    type=\"button\"\n                  >\n                    <Typo as=\"div\" variant=\"body\">\n                      {flexRender(\n                        header.column.columnDef.header,\n                        header.getContext()\n                      )}\n                    </Typo>\n                    {sortable ? (\n                      <Flex\n                        direction=\"column\"\n                        style={{ marginLeft: 'var(--space-2)' }}\n                      >\n                        <TriangleArrowUpIcon\n                          color={\n                            sortedState === 'asc'\n                              ? 'var(--iris-10)'\n                              : 'var(--iris-6)'\n                          }\n                        />\n                        <TriangleArrowDownIcon\n                          color={\n                            sortedState === 'desc'\n                              ? 'var(--iris-10)'\n                              : 'var(--iris-6)'\n                          }\n                        />\n                      </Flex>\n                    ) : null}\n                  </button>\n                </div>\n              );\n            })}\n          </div>\n        ))}\n      </div>\n      <div className=\"tbody\">\n        {/* 조건에 따라 placeholder 또는 loading 렌더*/}\n        {helpCompRender(rowModels.rows.length) ||\n          rowModels.rows.map((row) => {\n            return (\n              <Row\n                ExpandComp={ExpandComp}\n                defaultAlign={defaultAlign}\n                getCellStyle={getCellStyle}\n                getRowStyle={getRowStyle}\n                gridTemplateColumns={gridTemplateColumns}\n                key={`row_${row.id}`}\n                onRowClick={onRowClick}\n                row={row}\n              />\n            );\n          })}\n      </div>\n    </div>\n      {showPagination ? (\n          <Flex justify=\"end\" pt=\"3\" width=\"100%\">\n            <Pagination\n              count={pageCount}\n              onChange={onChangePagination}\n              page={pagination.pageIndex + 1}\n              siblingCount={siblingCount}\n            />\n          </Flex>\n        ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-H4V6KWII.js

@@ -0,0 +1,103 @@
+import {
+  ClosePanelArrowIcon
+} from "./chunk-DDUKEE5E.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  usePortalContainer
+} from "./chunk-U7N2PWMO.js";
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-2NMEKWO5.js";
+
+// src/atoms/drawer.tsx
+import * as Dialog from "@radix-ui/react-dialog";
+import { Grid, Theme } from "@radix-ui/themes";
+import { ToastContainer } from "react-toastify";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Root2(props) {
+  return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
+}
+var preventDefault = (e) => {
+  e.preventDefault();
+};
+function Content2(props) {
+  const _a = props, {
+    position = "right",
+    className,
+    children,
+    HeaderContent,
+    hideHeader
+  } = _a, rest = __objRest(_a, [
+    "position",
+    "className",
+    "children",
+    "HeaderContent",
+    "hideHeader"
+  ]);
+  const mobileHeaderSize = 48;
+  const desktopHeaderSize = 64;
+  const separatorSize = 1;
+  const { drawerContainerRef } = usePortalContainer();
+  return /* @__PURE__ */ jsx(Dialog.Portal, { container: drawerContainerRef.current, children: /* @__PURE__ */ jsxs(Theme, { children: [
+    /* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
+    /* @__PURE__ */ jsx(
+      Dialog.Content,
+      __spreadProps(__spreadValues({
+        className: `DrawerContent ${position} ${className || ""}`,
+        onPointerDownOutside: preventDefault
+      }, rest), {
+        children: /* @__PURE__ */ jsxs(
+          Grid,
+          {
+            height: "100%",
+            overflow: "hidden",
+            rows: hideHeader ? "1" : {
+              initial: `${mobileHeaderSize}px ${separatorSize}px calc(100% - ${mobileHeaderSize + separatorSize}px)`,
+              sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`
+            },
+            children: [
+              !hideHeader && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", px: { initial: "4", md: "6" }, children: [
+                  /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { color: "gray", variant: "outline", children: /* @__PURE__ */ jsx(ClosePanelArrowIcon, {}) }) }),
+                  HeaderContent
+                ] }),
+                /* @__PURE__ */ jsx(Separator, { orientation: "horizontal", size: "4" })
+              ] }),
+              children
+            ]
+          }
+        )
+      })
+    ),
+    /* @__PURE__ */ jsx(ToastContainer, {})
+  ] }) });
+}
+function Trigger2(props) {
+  return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
+}
+var Drawer = {
+  Root: Dialog.Root,
+  Trigger: Trigger2,
+  Content: Content2,
+  Close: Dialog.Close,
+  Title: Dialog.Title,
+  Description: Dialog.Description
+};
+
+export {
+  Root2 as Root,
+  Content2 as Content,
+  Trigger2 as Trigger,
+  Drawer
+};
+//# sourceMappingURL=chunk-H4V6KWII.js.map

package/dist/chunk-H4V6KWII.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Grid, Theme } from '@radix-ui/themes';\nimport { usePortalContainer } from '@/theme/portal-provider';\nimport { ClosePanelArrowIcon } from '../icons/close-panel-arrow';\nimport { Flex } from './flex';\nimport { Separator } from './separator';\nimport { IconButton } from './icon-button';\nimport { ToastContainer } from 'react-toastify';\n\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\n  return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n  /** Drawer가 붙는 위치, 기본값 right */\n  position?: 'left' | 'right' | 'bottom' | 'top';\n  HeaderContent?: React.ReactNode;\n  hideHeader?: boolean;\n};\n\nconst preventDefault: Dialog.DialogContentProps['onPointerDownOutside'] = (\n  e\n) => {\n  e.preventDefault();\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n  const {\n    position = 'right',\n    className,\n    children,\n    HeaderContent,\n    hideHeader,\n    ...rest\n  } = props;\n\n  const mobileHeaderSize = 48;\n  const desktopHeaderSize = 64;\n  const separatorSize = 1;\n  const { drawerContainerRef } = usePortalContainer();\n\n  return (\n    <Dialog.Portal container={drawerContainerRef.current}>\n      <Theme>\n        <Dialog.Overlay className=\"DrawerOverlay\" />\n        <Dialog.Content\n          className={`DrawerContent ${position} ${className || ''}`}\n          onPointerDownOutside={preventDefault}\n          {...rest}\n        >\n          <Grid\n            height=\"100%\"\n            overflow=\"hidden\"\n            rows={hideHeader ? \"1\" :{\n              initial: `${mobileHeaderSize}px ${separatorSize}px calc(100% - ${mobileHeaderSize + separatorSize}px)`,\n              sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`,\n            }}\n          >\n            {!hideHeader && (\n              <>\n                <Flex align=\"center\" gap=\"3\" px={{ initial: '4', md: '6' }}>\n                  <Dialog.Close asChild>\n                    <IconButton color=\"gray\" variant=\"outline\">\n                      <ClosePanelArrowIcon />\n                    </IconButton>\n                  </Dialog.Close>\n                  {HeaderContent}\n                </Flex>\n                <Separator orientation=\"horizontal\" size=\"4\" />\n              </>\n            )}\n            {children}\n          </Grid>\n        </Dialog.Content>\n        <ToastContainer/>\n      </Theme>\n    </Dialog.Portal>\n  );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\n  return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n  Root: Dialog.Root,\n  Trigger,\n  Content,\n  Close: Dialog.Close,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,YAAY,YAAY;AACxB,SAAS,MAAM,aAAa;AAM5B,SAAS,sBAAsB;AAGtB,SAiDK,UAjDL,KAkDO,YAlDP;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AASA,IAAM,iBAAoE,CACxE,MACG;AACH,IAAE,eAAe;AACnB;AAEO,SAASC,SAAQ,OAAsC;AAC5D,QAOI,YANF;AAAA,eAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAjCJ,IAmCM,IADC,iBACD,IADC;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,mBAAmB;AACzB,QAAM,oBAAoB;AAC1B,QAAM,gBAAgB;AACtB,QAAM,EAAE,mBAAmB,IAAI,mBAAmB;AAElD,SACE,oBAAQ,eAAP,EAAc,WAAW,mBAAmB,SAC3C,+BAAC,SACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,QACvD,sBAAsB;AAAA,SAClB,OAHL;AAAA,QAKC;AAAA,UAAC;AAAA;AAAA,YACC,QAAO;AAAA,YACP,UAAS;AAAA,YACT,MAAM,aAAa,MAAK;AAAA,cACtB,SAAS,GAAG,gBAAgB,MAAM,aAAa,kBAAkB,mBAAmB,aAAa;AAAA,cACjG,IAAI,GAAG,iBAAiB,MAAM,aAAa,kBAAkB,oBAAoB,aAAa;AAAA,YAChG;AAAA,YAEC;AAAA,eAAC,cACA,iCACE;AAAA,qCAAC,QAAK,OAAM,UAAS,KAAI,KAAI,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI,GACvD;AAAA,sCAAQ,cAAP,EAAa,SAAO,MACnB,8BAAC,cAAW,OAAM,QAAO,SAAQ,WAC/B,8BAAC,uBAAoB,GACvB,GACF;AAAA,kBACC;AAAA,mBACH;AAAA,gBACA,oBAAC,aAAU,aAAY,cAAa,MAAK,KAAI;AAAA,iBAC/C;AAAA,cAED;AAAA;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,kBAAc;AAAA,KACjB,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,oBAAQ,gBAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB,MAAa;AAAA,EACb,SAAAA;AAAA,EACA,SAAAD;AAAA,EACA,OAAc;AAAA,EACd,OAAc;AAAA,EACd,aAAoB;AACtB;","names":["Root","Content","Trigger"]}

package/dist/chunk-H7LMDRBI.js

@@ -0,0 +1,68 @@
+import {
+  Heading
+} from "./chunk-34OQDUQR.js";
+import {
+  Card
+} from "./chunk-HEDMSFPW.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-PARGQUJB.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-AFPH32MF.js";
+import {
+  DownloadIcon
+} from "./chunk-QD5QQCAW.js";
+
+// src/app/platform/report-card.tsx
+import { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ReportCard(props) {
+  const { title, file, status, subtitle } = props;
+  const onClickDownload = useCallback(() => {
+    if (!file) return;
+    const { url, fileName } = file;
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = fileName;
+    link.target = "_blank";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  }, [file]);
+  if (status) {
+    return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", children: [
+      /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: title }),
+      status
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      direction: { initial: "column", xs: "row" },
+      gapY: "2",
+      justify: "between",
+      children: [
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: title }),
+          subtitle ? /* @__PURE__ */ jsx(Typo, { color: "gray", children: subtitle }) : null
+        ] }),
+        /* @__PURE__ */ jsx(Button, { onClick: onClickDownload, variant: "surface", children: /* @__PURE__ */ jsxs(Flex, { gap: "2", width: "100%", children: [
+          /* @__PURE__ */ jsx(DownloadIcon, {}),
+          file == null ? void 0 : file.buttonName
+        ] }) }, file == null ? void 0 : file.url)
+      ]
+    }
+  ) });
+}
+
+export {
+  ReportCard
+};
+//# sourceMappingURL=chunk-H7LMDRBI.js.map

package/dist/chunk-H7LMDRBI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/report-card.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Box, Button, Card, Flex, Heading, Typo } from '@/atoms';\nimport type { Attachment } from '@/molecules';\nimport { DownloadIcon } from '@/icon';\n\ntype File = Attachment & { buttonName: string };\nexport interface ReportCardProps {\n  title?: string;\n  file?: File;\n  status?: React.ReactNode;\n  subtitle?: string;\n}\n\nexport function ReportCard(props: ReportCardProps): React.ReactNode {\n  const { title, file, status, subtitle } = props;\n\n  const onClickDownload = useCallback(() => {\n    if (!file) return;\n    const { url, fileName } = file;\n    const link = document.createElement('a');\n    link.href = url;\n    link.download = fileName;\n    link.target = '_blank';\n\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  }, [file]);\n\n  if (status) {\n    return (\n      <Card>\n        <Flex align=\"center\" justify=\"between\">\n          <Heading variant=\"heading4\">{title}</Heading>\n          {status}\n        </Flex>\n      </Card>\n    );\n  }\n\n  return (\n    <Card>\n      <Flex\n        direction={{ initial: 'column', xs: 'row' }}\n        gapY=\"2\"\n        justify=\"between\"\n      >\n        <Box>\n          <Heading variant=\"heading4\">{title}</Heading>\n          {subtitle ? <Typo color=\"gray\">{subtitle}</Typo> : null}\n        </Box>\n        <Button key={file?.url} onClick={onClickDownload} variant=\"surface\">\n          <Flex gap=\"2\" width=\"100%\">\n            <DownloadIcon />\n            {file?.buttonName}\n          </Flex>\n        </Button>\n      </Flex>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,mBAAmB;AAgC3B,SACE,KADF;AAnBD,SAAS,WAAW,OAAyC;AAClE,QAAM,EAAE,OAAO,MAAM,QAAQ,SAAS,IAAI;AAE1C,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,CAAC,KAAM;AACX,UAAM,EAAE,KAAK,SAAS,IAAI;AAC1B,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,SAAK,OAAO;AACZ,SAAK,WAAW;AAChB,SAAK,SAAS;AAEd,aAAS,KAAK,YAAY,IAAI;AAC9B,SAAK,MAAM;AACX,aAAS,KAAK,YAAY,IAAI;AAAA,EAChC,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,QAAQ;AACV,WACE,oBAAC,QACC,+BAAC,QAAK,OAAM,UAAS,SAAQ,WAC3B;AAAA,0BAAC,WAAQ,SAAQ,YAAY,iBAAM;AAAA,MAClC;AAAA,OACH,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,QACC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,EAAE,SAAS,UAAU,IAAI,MAAM;AAAA,MAC1C,MAAK;AAAA,MACL,SAAQ;AAAA,MAER;AAAA,6BAAC,OACC;AAAA,8BAAC,WAAQ,SAAQ,YAAY,iBAAM;AAAA,UAClC,WAAW,oBAAC,QAAK,OAAM,QAAQ,oBAAS,IAAU;AAAA,WACrD;AAAA,QACA,oBAAC,UAAuB,SAAS,iBAAiB,SAAQ,WACxD,+BAAC,QAAK,KAAI,KAAI,OAAM,QAClB;AAAA,8BAAC,gBAAa;AAAA,UACb,6BAAM;AAAA,WACT,KAJW,6BAAM,GAKnB;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/chunk-HL7AR2W7.js

@@ -0,0 +1,117 @@
+import {
+  Skeleton
+} from "./chunk-5H3YPCZK.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Inset
+} from "./chunk-XQOL7UBI.js";
+import {
+  Heading
+} from "./chunk-34OQDUQR.js";
+import {
+  DropdownMenu
+} from "./chunk-HYE34QEM.js";
+import {
+  Card
+} from "./chunk-HEDMSFPW.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-PARGQUJB.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-AFPH32MF.js";
+import {
+  DotsVerticalIcon
+} from "./chunk-QD5QQCAW.js";
+
+// src/app/platform/contents-card.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ContentsCard = forwardRef(
+  ({
+    title,
+    description,
+    imageSrc,
+    footer,
+    dropdownItems,
+    onClickCard,
+    isLoading = false
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      Card,
+      {
+        onClick: onClickCard,
+        ref,
+        style: {
+          height: "100%",
+          width: "100%",
+          display: "grid",
+          cursor: "pointer",
+          maxHeight: "450px"
+        },
+        children: [
+          /* @__PURE__ */ jsx(Inset, { clip: "padding-box", pb: "0", side: "top", children: /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(
+            Box,
+            {
+              height: "210px",
+              style: {
+                backgroundImage: `url(${imageSrc})`,
+                backgroundSize: "cover",
+                backgroundPosition: "center"
+              },
+              width: "100%"
+            }
+          ) }) }),
+          /* @__PURE__ */ jsxs(Flex, { direction: "column", p: "4", pb: "3", children: [
+            /* @__PURE__ */ jsxs(Box, { children: [
+              /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Heading, { mb: "3", variant: "heading5", children: title }) }),
+              /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "caption", children: description }) })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              Grid,
+              {
+                align: "center",
+                columns: "1fr auto",
+                justify: "between",
+                pt: "2",
+                style: { marginTop: "auto" },
+                width: "100%",
+                children: [
+                  /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Flex, { gap: "3", overflow: "hidden", children: footer }) }),
+                  Boolean(dropdownItems == null ? void 0 : dropdownItems.length) && /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
+                    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { children: /* @__PURE__ */ jsx(Button, { size: "large", variant: "transparent", children: /* @__PURE__ */ jsx(DotsVerticalIcon, { color: "gray", height: "20px", width: "20px" }) }) }),
+                    /* @__PURE__ */ jsx(DropdownMenu.Content, { children: dropdownItems == null ? void 0 : dropdownItems.map((item) => /* @__PURE__ */ jsx(
+                      DropdownMenu.Item,
+                      {
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          item.onClick();
+                        },
+                        children: item.label
+                      },
+                      item.label
+                    )) })
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+ContentsCard.displayName = "ContentsCard";
+
+export {
+  ContentsCard
+};
+//# sourceMappingURL=chunk-HL7AR2W7.js.map

package/dist/chunk-HL7AR2W7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/contents-card.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Heading } from '@/atoms/heading';\nimport { Button } from '@/atoms/button';\nimport { DropdownMenu } from '@/atoms/dropdown-menu';\nimport { Box } from '@/atoms/box';\nimport { Flex } from '@/atoms/flex';\nimport { Grid } from '@/atoms/grid';\nimport { Skeleton } from '@/atoms/skeleton';\nimport { Typo } from '@/atoms/typo';\nimport { DotsVerticalIcon } from '@/icon';\nimport { Card, Inset } from '@/atoms';\n\nexport interface ContentsCardProps {\n  title?: React.ReactNode;\n  description?: string;\n  id?: string;\n  imageSrc?: string | null;\n  imageAlt?: string;\n  footer?: React.ReactNode;\n  dropdownItems?: {\n    label: string;\n    onClick: () => void;\n  }[];\n  onClickCard?: () => void;\n  isLoading?: boolean;\n}\n\nexport const ContentsCard = forwardRef<HTMLDivElement, ContentsCardProps>(\n  (\n    {\n      title,\n      description,\n      imageSrc,\n      footer,\n      dropdownItems,\n      onClickCard,\n      isLoading = false,\n    },\n    ref\n  ): React.ReactNode => {\n    return (\n      <Card\n        onClick={onClickCard}\n        ref={ref}\n        style={{\n          height: '100%',\n          width: '100%',\n          display: 'grid',\n          cursor: 'pointer',\n          maxHeight: '450px',\n        }}\n      >\n        {/* 섬네일 */}\n        <Inset clip=\"padding-box\" pb=\"0\" side=\"top\">\n          <Skeleton loading={isLoading}>\n            <Box\n              height=\"210px\"\n              style={{\n                backgroundImage: `url(${imageSrc})`,\n                backgroundSize: 'cover',\n                backgroundPosition: 'center',\n              }}\n              width=\"100%\"\n            />\n          </Skeleton>\n        </Inset>\n        {/* 제목, 설명 */}\n        <Flex direction=\"column\" p=\"4\" pb=\"3\">\n          <Box>\n            <Skeleton loading={isLoading}>\n              <Heading mb=\"3\" variant=\"heading5\">\n                {title}\n              </Heading>\n            </Skeleton>\n            <Skeleton loading={isLoading}>\n              <Typo as=\"p\" variant=\"caption\">\n                {description}\n              </Typo>\n            </Skeleton>\n          </Box>\n          <Grid\n            align=\"center\"\n            columns=\"1fr auto\"\n            justify=\"between\"\n            pt=\"2\"\n            style={{ marginTop: 'auto' }}\n            width=\"100%\"\n          >\n            <Skeleton loading={isLoading}>\n              <Flex gap=\"3\" overflow=\"hidden\">\n                {footer}\n              </Flex>\n            </Skeleton>\n            {Boolean(dropdownItems?.length) && (\n              <DropdownMenu.Root>\n                <DropdownMenu.Trigger>\n                  <Button size=\"large\" variant=\"transparent\">\n                    <DotsVerticalIcon color=\"gray\" height=\"20px\" width=\"20px\" />\n                  </Button>\n                </DropdownMenu.Trigger>\n                <DropdownMenu.Content>\n                  {dropdownItems?.map((item) => (\n                    <DropdownMenu.Item\n                      key={item.label}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        item.onClick();\n                      }}\n                    >\n                      {item.label}\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu.Root>\n            )}\n          </Grid>\n        </Flex>\n      </Card>\n    );\n  }\n);\nContentsCard.displayName = 'ContentsCard';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,kBAAkB;AAuDtB,cAaF,YAbE;AA5BL,IAAM,eAAe;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,GACA,QACoB;AACpB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,WAAW;AAAA,QACb;AAAA,QAGA;AAAA,8BAAC,SAAM,MAAK,eAAc,IAAG,KAAI,MAAK,OACpC,8BAAC,YAAS,SAAS,WACjB;AAAA,YAAC;AAAA;AAAA,cACC,QAAO;AAAA,cACP,OAAO;AAAA,gBACL,iBAAiB,OAAO,QAAQ;AAAA,gBAChC,gBAAgB;AAAA,gBAChB,oBAAoB;AAAA,cACtB;AAAA,cACA,OAAM;AAAA;AAAA,UACR,GACF,GACF;AAAA,UAEA,qBAAC,QAAK,WAAU,UAAS,GAAE,KAAI,IAAG,KAChC;AAAA,iCAAC,OACC;AAAA,kCAAC,YAAS,SAAS,WACjB,8BAAC,WAAQ,IAAG,KAAI,SAAQ,YACrB,iBACH,GACF;AAAA,cACA,oBAAC,YAAS,SAAS,WACjB,8BAAC,QAAK,IAAG,KAAI,SAAQ,WAClB,uBACH,GACF;AAAA,eACF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,SAAQ;AAAA,gBACR,IAAG;AAAA,gBACH,OAAO,EAAE,WAAW,OAAO;AAAA,gBAC3B,OAAM;AAAA,gBAEN;AAAA,sCAAC,YAAS,SAAS,WACjB,8BAAC,QAAK,KAAI,KAAI,UAAS,UACpB,kBACH,GACF;AAAA,kBACC,QAAQ,+CAAe,MAAM,KAC5B,qBAAC,aAAa,MAAb,EACC;AAAA,wCAAC,aAAa,SAAb,EACC,8BAAC,UAAO,MAAK,SAAQ,SAAQ,eAC3B,8BAAC,oBAAiB,OAAM,QAAO,QAAO,QAAO,OAAM,QAAO,GAC5D,GACF;AAAA,oBACA,oBAAC,aAAa,SAAb,EACE,yDAAe,IAAI,CAAC,SACnB;AAAA,sBAAC,aAAa;AAAA,sBAAb;AAAA,wBAEC,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAgB;AAClB,+BAAK,QAAQ;AAAA,wBACf;AAAA,wBAEC,eAAK;AAAA;AAAA,sBAND,KAAK;AAAA,oBAOZ,IAEJ;AAAA,qBACF;AAAA;AAAA;AAAA,YAEJ;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;","names":[]}

package/dist/chunk-HWSNR2KC.js

@@ -0,0 +1,30 @@
+import {
+  CoachingCustomerInfoLarge
+} from "./chunk-2NIEBPWK.js";
+import {
+  CoachingCustomerInfoMedium
+} from "./chunk-PEPH3MRE.js";
+import {
+  CoachingCustomerInfoSmall
+} from "./chunk-DWYEA2Q4.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  __spreadValues
+} from "./chunk-2NMEKWO5.js";
+
+// src/app/platform/userInfos/coaching-customer-info/index.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function CoachingCustomerInfo(props) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Box, { display: { initial: "block", sm: "none", md: "none" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoSmall, __spreadValues({}, props)) }),
+    /* @__PURE__ */ jsx(Box, { display: { initial: "none", sm: "block", md: "none" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoMedium, __spreadValues({}, props)) }),
+    /* @__PURE__ */ jsx(Box, { display: { initial: "none", sm: "none", md: "block" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoLarge, __spreadValues({}, props)) })
+  ] });
+}
+
+export {
+  CoachingCustomerInfo
+};
+//# sourceMappingURL=chunk-HWSNR2KC.js.map

package/dist/chunk-HWSNR2KC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/userInfos/coaching-customer-info/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport { CoachingCustomerInfoSmall } from './small';\nimport { CoachingCustomerInfoMedium } from './medium';\nimport { CoachingCustomerInfoLarge } from './large';\n\nexport {\n  CoachingCustomerInfoLarge,\n  CoachingCustomerInfoMedium,\n  CoachingCustomerInfoSmall,\n};\n\nexport { type CoachingCustomerInfoProps };\n\nexport function CoachingCustomerInfo(\n  props: CoachingCustomerInfoProps\n): React.ReactNode {\n  return (\n    <>\n      <Box display={{ initial: 'block', sm: 'none', md: 'none' }}>\n        <CoachingCustomerInfoSmall {...props} />\n      </Box>\n      <Box display={{ initial: 'none', sm: 'block', md: 'none' }}>\n        <CoachingCustomerInfoMedium {...props} />\n      </Box>\n      <Box display={{ initial: 'none', sm: 'none', md: 'block' }}>\n        <CoachingCustomerInfoLarge {...props} />\n      </Box>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBI,mBAEI,KAFJ;AAJG,SAAS,qBACd,OACiB;AACjB,SACE,iCACE;AAAA,wBAAC,OAAI,SAAS,EAAE,SAAS,SAAS,IAAI,QAAQ,IAAI,OAAO,GACvD,8BAAC,8CAA8B,MAAO,GACxC;AAAA,IACA,oBAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,IAAI,SAAS,IAAI,OAAO,GACvD,8BAAC,+CAA+B,MAAO,GACzC;AAAA,IACA,oBAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,IAAI,QAAQ,IAAI,QAAQ,GACvD,8BAAC,8CAA8B,MAAO,GACxC;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-I56XCGAN.js

@@ -0,0 +1,64 @@
+import {
+  curriculum_ai_traning_default
+} from "./chunk-ENGHOH6F.js";
+import {
+  curriculum_review_default
+} from "./chunk-KKGRIWEO.js";
+import {
+  curriculum_video_default
+} from "./chunk-HYMGXDPL.js";
+import {
+  useCurriculumContext
+} from "./chunk-IYQJIEVM.js";
+import {
+  Typo
+} from "./chunk-PARGQUJB.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  InfoCircledIcon
+} from "./chunk-CEK4NKTO.js";
+
+// src/molecules/curriculumV2/CurriculumContents/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumBody() {
+  const { selectedItem, selectedSectionTitle } = useCurriculumContext();
+  switch (selectedItem.type) {
+    case "video":
+      return /* @__PURE__ */ jsx(curriculum_video_default, { item: selectedItem });
+    case "review":
+      return /* @__PURE__ */ jsx(
+        curriculum_review_default,
+        {
+          item: selectedItem,
+          sectionTitle: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title
+        }
+      );
+    case "aiTraining":
+      return /* @__PURE__ */ jsx(curriculum_ai_traning_default, { item: selectedItem });
+    default:
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          align: "center",
+          direction: "column",
+          gap: "2",
+          height: "100%",
+          justify: "center",
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsx(InfoCircledIcon, { height: 24, width: 24 }),
+            /* @__PURE__ */ jsx(Typo, { children: "\uCEE8\uD150\uCE20\uB97C \uB85C\uB529 \uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4" }),
+            /* @__PURE__ */ jsx(Typo, { align: "center", color: "gray", variant: "caption", children: `[debug info]
+            ${JSON.stringify(selectedItem)}` })
+          ]
+        }
+      );
+  }
+}
+
+export {
+  CurriculumBody
+};
+//# sourceMappingURL=chunk-I56XCGAN.js.map

package/dist/chunk-I56XCGAN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex, Typo } from '@/atoms';\nimport { InfoCircledIcon } from '@/icon';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumVideo from './curriculum-video';\nimport CurriculumReview from './curriculum-review';\nimport CurriculumAiTraning from './curriculum-ai-traning';\n\nexport function CurriculumBody(): React.ReactNode {\n  const { selectedItem, selectedSectionTitle } = useCurriculumContext();\n\n  switch (selectedItem.type) {\n    case 'video':\n      return <CurriculumVideo item={selectedItem} />;\n    case 'review':\n      return (\n        <CurriculumReview\n          item={selectedItem}\n          sectionTitle={selectedSectionTitle?.title}\n        />\n      );\n      case 'aiTraining':\n        return <CurriculumAiTraning item={selectedItem}/>\n    default:\n      return (\n        <Flex\n          align=\"center\"\n          direction=\"column\"\n          gap=\"2\"\n          height=\"100%\"\n          justify=\"center\"\n          width=\"100%\"\n        >\n          <InfoCircledIcon height={24} width={24} />\n          <Typo>컨텐츠를 로딩 할 수 없습니다</Typo>\n          <Typo align=\"center\" color=\"gray\" variant=\"caption\">\n            {`[debug info]\n            ${JSON.stringify(selectedItem)}`}\n          </Typo>\n        </Flex>\n      );\n  }\n} "],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAaa,cAYL,YAZK;AALN,SAAS,iBAAkC;AAChD,QAAM,EAAE,cAAc,qBAAqB,IAAI,qBAAqB;AAEpE,UAAQ,aAAa,MAAM;AAAA,IACzB,KAAK;AACH,aAAO,oBAAC,4BAAgB,MAAM,cAAc;AAAA,IAC9C,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,cAAc,6DAAsB;AAAA;AAAA,MACtC;AAAA,IAEF,KAAK;AACH,aAAO,oBAAC,iCAAoB,MAAM,cAAa;AAAA,IACnD;AACE,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,WAAU;AAAA,UACV,KAAI;AAAA,UACJ,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,OAAM;AAAA,UAEN;AAAA,gCAAC,mBAAgB,QAAQ,IAAI,OAAO,IAAI;AAAA,YACxC,oBAAC,QAAK,0FAAgB;AAAA,YACtB,oBAAC,QAAK,OAAM,UAAS,OAAM,QAAO,SAAQ,WACvC;AAAA,cACC,KAAK,UAAU,YAAY,CAAC,IAChC;AAAA;AAAA;AAAA,MACF;AAAA,EAEN;AACF;","names":[]}