@tipp/ui 2.2.3 → 2.2.5

package/dist/chunk-XZWX5NQR.js

@@ -1,192 +0,0 @@
-import {
-  Row
-} from "./chunk-WDUSQ6HR.js";
-import {
-  Spinner
-} from "./chunk-FR2GDOU2.js";
-import {
-  Pagination
-} from "./chunk-6I6CUDF5.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  TriangleArrowUpIcon
-} from "./chunk-PVL7SJYR.js";
-import {
-  TriangleArrowDownIcon
-} from "./chunk-2TPQQBUQ.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-XZWX5NQR.js.map

package/dist/chunk-XZWX5NQR.js.map

@@ -1 +0,0 @@
-{"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-YHJMXPFV.js

@@ -1,63 +0,0 @@
-import {
-  DatePicker
-} from "./chunk-B6UVPLZH.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-BW46WIN5.js";
-import {
-  CalendarIcon
-} from "./chunk-V5XKNSCK.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/molecules/date-picker/date-picker-button.tsx
-import { useMemo } from "react";
-import { format } from "date-fns";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-function DatePickerButton(props) {
-  const _a = props, { size, placeholder, format: formatProps, disabled } = _a, rest = __objRest(_a, ["size", "placeholder", "format", "disabled"]);
-  const buttonProps = useMemo(() => {
-    const variant = "outline";
-    const color = "gray";
-    return { size, color, variant, disabled };
-  }, [disabled, size]);
-  const selectFormat = useMemo(() => {
-    if (formatProps) return formatProps;
-    return (date) => {
-      return date ? format(date, "yyyy\uB144 MM\uC6D4 dd\uC77C") : placeholder;
-    };
-  }, [formatProps, placeholder]);
-  const className = useMemo(() => {
-    return clsx(
-      "date-picker-button",
-      (disabled || props.readOnly) && "disabled"
-    );
-  }, [disabled, props.readOnly]);
-  return /* @__PURE__ */ jsx(Box, { p: "0", width: "100%", children: /* @__PURE__ */ jsx(
-    DatePicker,
-    __spreadProps(__spreadValues({
-      customInput: /* @__PURE__ */ jsx(Button, __spreadProps(__spreadValues({ className, type: "button" }, buttonProps), { children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", justify: "between", width: "100%", children: [
-        rest.selected ? selectFormat(rest.selected) : placeholder,
-        /* @__PURE__ */ jsx(CalendarIcon, {})
-      ] }) })),
-      wrapperClassName: "full-width"
-    }, rest), {
-      disabled
-    })
-  ) });
-}
-
-export {
-  DatePickerButton
-};
-//# sourceMappingURL=chunk-YHJMXPFV.js.map

package/dist/chunk-YOIAYFQM.js

@@ -1,39 +0,0 @@
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  Card
-} from "./chunk-HEDMSFPW.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/app/platform/coach-question-list.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function QuestionItem({ question, answer }) {
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", children: question }),
-    /* @__PURE__ */ jsx(Card, { children: answer ? /* @__PURE__ */ jsx(Typo, { as: "p", children: answer }) : /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uB4F1\uB85D\uB41C \uB2F5\uBCC0\uC774 \uC5C6\uC2B5\uB2C8\uB2E4." }) })
-  ] }, question);
-}
-function CoachQuestionList({
-  questions
-}) {
-  return /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "8", children: questions.map((question) => {
-    return /* @__PURE__ */ jsx(QuestionItem, __spreadValues({}, question), question.question);
-  }) });
-}
-
-export {
-  CoachQuestionList
-};
-//# sourceMappingURL=chunk-YOIAYFQM.js.map

package/dist/chunk-YOXVR4DB.js

@@ -1,151 +0,0 @@
-import {
-  useCurriculumReviewContext
-} from "./chunk-WZVJYDVP.js";
-import {
-  getCurriculumIcon,
-  getCurriculumQuestionIconColor,
-  getCurriculumQuestionTypeDescription
-} from "./chunk-PAFFDZBG.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Badge
-} from "./chunk-FCIHNIOH.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Button
-} from "./chunk-BW46WIN5.js";
-
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var renderPreviewContent = (args) => {
-  const { question } = args;
-  const Icon = getCurriculumIcon({
-    type: question.type,
-    icon: question.icon
-  });
-  const getDescription = () => {
-    return [
-      getCurriculumQuestionTypeDescription(question.type),
-      question.duration ? `${question.duration}\uBD84` : ""
-    ].filter(Boolean).join(" | ");
-  };
-  return /* @__PURE__ */ jsxs(
-    Grid,
-    {
-      columns: "16px 1fr",
-      gap: "2",
-      px: "4",
-      py: "2",
-      width: "100%",
-      children: [
-        /* @__PURE__ */ jsx(Box, { mt: "1", children: /* @__PURE__ */ jsx(Icon, { color: getCurriculumQuestionIconColor(question.type) }) }),
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", weight: "bold", children: question.title }),
-          /* @__PURE__ */ jsx(Typo, { color: "gray", children: getDescription() })
-        ] })
-      ]
-    },
-    question.uuid
-  );
-};
-var getReviewContentValue = (question, answer) => {
-  var _a, _b, _c;
-  if (question.type === "question_satisfaction_option") {
-    return (_c = (_b = (_a = question.options) == null ? void 0 : _a.find((option) => option.value === Number(answer))) == null ? void 0 : _b.label) != null ? _c : "";
-  }
-  return answer;
-};
-var renderReviewContent = (args) => {
-  const { question, answer } = args;
-  const Icon = getCurriculumIcon({
-    type: question.type,
-    icon: question.icon
-  });
-  const color = getCurriculumQuestionIconColor(question.type);
-  const badgeColor = ["question_radio", "question_satisfaction_option"].includes(question.type) ? "accent" : "neutral";
-  const value = getReviewContentValue(question, answer);
-  return /* @__PURE__ */ jsxs(
-    Grid,
-    {
-      columns: "16px 1fr",
-      gap: "2",
-      px: "4",
-      py: "2",
-      width: "100%",
-      children: [
-        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Icon, { color }) }),
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", mb: "2", weight: "bold", children: question.title }),
-          /* @__PURE__ */ jsx(Badge, { color: badgeColor, size: "large", style: { whiteSpace: "break-spaces", lineBreak: "anywhere" }, children: value || "(\uBBF8 \uC751\uB2F5)" })
-        ] })
-      ]
-    },
-    question.uuid
-  );
-};
-function StartReview({ onStart }) {
-  const { curriculum, reviewContents, sectionTitle, done, formik } = useCurriculumReviewContext();
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      align: "center",
-      direction: "column",
-      height: "100%",
-      justify: "center",
-      width: "100%",
-      children: /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          align: "center",
-          direction: "column",
-          height: "100%",
-          justify: "center",
-          maxWidth: "650px",
-          pb: { initial: "6", sm: "0" },
-          pt: { initial: "4", sm: "0" },
-          px: { initial: "4", sm: "0" },
-          width: "100%",
-          children: [
-            /* @__PURE__ */ jsx(Typo, { color: "gray", mb: "1", children: curriculum.title }),
-            /* @__PURE__ */ jsx(Heading, { variant: "heading3", children: reviewContents.title }),
-            /* @__PURE__ */ jsx(Separator, { my: "4", style: { width: 100 } }),
-            /* @__PURE__ */ jsxs(Typo, { align: "left", as: "p", color: "gray", mb: "4", children: [
-              /* @__PURE__ */ jsx(Typo, { as: "span", weight: "bold", children: sectionTitle }),
-              " ",
-              /* @__PURE__ */ jsx(Typo, { children: reviewContents.description })
-            ] }),
-            /* @__PURE__ */ jsx(Box, { mb: "5", overflowY: "auto", width: "100%", children: reviewContents.questions.map((question) => {
-              if (done) {
-                return renderReviewContent({ question, answer: formik.values.answers[question.uuid] });
-              }
-              return renderPreviewContent({ question });
-            }) }),
-            /* @__PURE__ */ jsx(Button, { color: "yellow", onClick: onStart, variant: done ? "outline" : "solid", children: done ? "\uB098\uC758 \uC751\uB2F5 \uC218\uC815\uD558\uAE30" : reviewContents.buttonTitle })
-          ]
-        }
-      )
-    }
-  );
-}
-var start_review_default = StartReview;
-
-export {
-  start_review_default
-};
-//# sourceMappingURL=chunk-YOXVR4DB.js.map

package/dist/chunk-YVMPMKUV.js

@@ -1,69 +0,0 @@
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-layout.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function AlignCenter(props) {
-  return /* @__PURE__ */ jsx(
-    Flex,
-    __spreadValues({
-      align: "center",
-      height: "100%",
-      justify: "center",
-      width: "100%"
-    }, props)
-  );
-}
-function ReviewQuestionLayout({
-  Header,
-  Body,
-  Footer
-}) {
-  return /* @__PURE__ */ jsxs(
-    Grid,
-    {
-      align: "center",
-      columns: "1fr",
-      height: "100%",
-      justify: "center",
-      rows: {
-        initial: "92px 1px 1fr 1px 56px",
-        md: "112px 1px 1fr 1px 56px"
-      },
-      width: "100%",
-      children: [
-        /* @__PURE__ */ jsx(AlignCenter, { pb: "3", pt: "4", px: "4", children: /* @__PURE__ */ jsx(Box, { maxWidth: "650px", width: "100%", children: Header }) }),
-        /* @__PURE__ */ jsx(Separator, { size: "4" }),
-        /* @__PURE__ */ jsx(
-          AlignCenter,
-          {
-            p: "3",
-            style: { backgroundColor: "var(--gray-2)", zIndex: 0 },
-            children: /* @__PURE__ */ jsx(Box, { height: "100%", maxWidth: "650px", width: "100%", children: Body })
-          }
-        ),
-        /* @__PURE__ */ jsx(Separator, { size: "4" }),
-        /* @__PURE__ */ jsx(AlignCenter, { px: "4", py: "3", children: /* @__PURE__ */ jsx(Box, { maxWidth: "650px", width: "100%", children: Footer }) })
-      ]
-    }
-  );
-}
-var review_question_layout_default = ReviewQuestionLayout;
-
-export {
-  review_question_layout_default
-};
-//# sourceMappingURL=chunk-YVMPMKUV.js.map

package/dist/chunk-Z6TXDHX6.js

@@ -1,117 +0,0 @@
-import {
-  Skeleton
-} from "./chunk-5H3YPCZK.js";
-import {
-  Inset
-} from "./chunk-XQOL7UBI.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  DropdownMenu
-} from "./chunk-HYE34QEM.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-BW46WIN5.js";
-import {
-  Card
-} from "./chunk-HEDMSFPW.js";
-import {
-  DotsVerticalIcon
-} from "./chunk-V5XKNSCK.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-Z6TXDHX6.js.map