@tipp/ui 2.3.41 → 2.4.0

package/dist/{chunk-4QHXYLE4.js → chunk-DQ6EIA2T.js}

@@ -15,6 +15,9 @@ import {
 import {
   Heading
 } from "./chunk-BESTU2AY.js";
+import {
+  Badge
+} from "./chunk-KTSEZC6A.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -27,9 +30,6 @@ import {
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
-import {
-  Badge
-} from "./chunk-U3BQT7ZO.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -148,4 +148,4 @@ var start_review_default = StartReview;
 export {
   start_review_default
 };
-//# sourceMappingURL=chunk-4QHXYLE4.js.map
+//# sourceMappingURL=chunk-DQ6EIA2T.js.map

package/dist/{chunk-CIQ66LY6.js → chunk-FGLOHHYP.js}

@@ -7,18 +7,18 @@ import {
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 import {
   Callout
 } from "./chunk-B6XJN6EC.js";
 import {
   Card
 } from "./chunk-RP2RGCAW.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
 import {
   BellIcon
 } from "./chunk-JU7GB6R2.js";
@@ -84,4 +84,4 @@ var review_question_text_default = ReviewQuestionText;
 export {
   review_question_text_default
 };
-//# sourceMappingURL=chunk-CIQ66LY6.js.map
+//# sourceMappingURL=chunk-FGLOHHYP.js.map

package/dist/{chunk-DKUHYVHC.js → chunk-FMAOB6BX.js}

@@ -7,6 +7,9 @@ import {
 import {
   Heading
 } from "./chunk-BESTU2AY.js";
+import {
+  Badge
+} from "./chunk-KTSEZC6A.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -20,9 +23,6 @@ import {
   ArrowRightIcon,
   TimerIcon
 } from "./chunk-JU7GB6R2.js";
-import {
-  Badge
-} from "./chunk-U3BQT7ZO.js";
 
 // src/app/platform/curriculum-card.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -96,4 +96,4 @@ function CurriculumCard(props) {
 export {
   CurriculumCard
 };
-//# sourceMappingURL=chunk-DKUHYVHC.js.map
+//# sourceMappingURL=chunk-FMAOB6BX.js.map

package/dist/{chunk-KCAOUZCT.js → chunk-GTO7GG2K.js}

@@ -1,6 +1,6 @@
 import {
   DynamicFormField
-} from "./chunk-MPZJH3PI.js";
+} from "./chunk-HTNDVNLQ.js";
 import {
   DynamicFormProvider,
   useDynamicForm
@@ -242,4 +242,4 @@ export {
   DynamicForm,
   createYupValidation
 };
-//# sourceMappingURL=chunk-KCAOUZCT.js.map
+//# sourceMappingURL=chunk-GTO7GG2K.js.map

package/dist/{chunk-VY4J3FLW.js → chunk-GVUXGWAM.js}

@@ -1,18 +1,21 @@
 import {
   Skeleton
 } from "./chunk-5H3YPCZK.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
 import {
   Inset
 } from "./chunk-XQOL7UBI.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.js";
 import {
   DropdownMenu
 } from "./chunk-SMLC2O3V.js";
 import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
+  Card
+} from "./chunk-RP2RGCAW.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -25,9 +28,6 @@ import {
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   DotsVerticalIcon
 } from "./chunk-JU7GB6R2.js";
@@ -114,4 +114,4 @@ ContentsCard.displayName = "ContentsCard";
 export {
   ContentsCard
 };
-//# sourceMappingURL=chunk-VY4J3FLW.js.map
+//# sourceMappingURL=chunk-GVUXGWAM.js.map

package/dist/{chunk-MPZJH3PI.js → chunk-HTNDVNLQ.js}

@@ -16,12 +16,12 @@ import {
 import {
   RadioGroup
 } from "./chunk-6DJOIRMF.js";
-import {
-  Inset
-} from "./chunk-XQOL7UBI.js";
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
+import {
+  Inset
+} from "./chunk-XQOL7UBI.js";
 import {
   CheckboxGroup
 } from "./chunk-W7X7KSJP.js";
@@ -284,4 +284,4 @@ function DynamicFormField({
 export {
   DynamicFormField
 };
-//# sourceMappingURL=chunk-MPZJH3PI.js.map
+//# sourceMappingURL=chunk-HTNDVNLQ.js.map

package/dist/{chunk-YZLPQOH2.js → chunk-IN6S7PPW.js}

@@ -7,15 +7,21 @@ import {
 import {
   toast
 } from "./chunk-LNPFV5BJ.js";
-import {
-  Inset
-} from "./chunk-XQOL7UBI.js";
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
+import {
+  Inset
+} from "./chunk-XQOL7UBI.js";
 import {
   Heading
 } from "./chunk-BESTU2AY.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  Badge
+} from "./chunk-KTSEZC6A.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -31,16 +37,10 @@ import {
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   ArrowRightIcon,
   Cross1Icon
 } from "./chunk-JU7GB6R2.js";
-import {
-  Badge
-} from "./chunk-U3BQT7ZO.js";
 import {
   __spreadProps,
   __spreadValues
@@ -225,4 +225,4 @@ function ReservationCard(props) {
 export {
   ReservationCard
 };
-//# sourceMappingURL=chunk-YZLPQOH2.js.map
+//# sourceMappingURL=chunk-IN6S7PPW.js.map

package/dist/{chunk-Q3NPY6DI.js → chunk-KP4SGRJZ.js}

@@ -7,6 +7,12 @@ import {
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
+import {
+  AutoSizingInput
+} from "./chunk-6SYFG6YY.js";
+import {
+  Badge
+} from "./chunk-KTSEZC6A.js";
 import {
   Typo
 } from "./chunk-PMJIFLDT.js";
@@ -19,12 +25,6 @@ import {
 import {
   CheckIcon
 } from "./chunk-JU7GB6R2.js";
-import {
-  AutoSizingInput
-} from "./chunk-6SYFG6YY.js";
-import {
-  Badge
-} from "./chunk-U3BQT7ZO.js";
 
 // src/molecules/tag-selector.tsx
 import {
@@ -360,4 +360,4 @@ var preventDefault = (e) => {
 export {
   TagSelector
 };
-//# sourceMappingURL=chunk-Q3NPY6DI.js.map
+//# sourceMappingURL=chunk-KP4SGRJZ.js.map

package/dist/{chunk-3JRHAKLV.js → chunk-KTQREW2K.js}

@@ -1,6 +1,12 @@
 import {
   Heading
 } from "./chunk-BESTU2AY.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  Badge
+} from "./chunk-KTSEZC6A.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -10,12 +16,6 @@ import {
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
-import {
-  Badge
-} from "./chunk-U3BQT7ZO.js";
 
 // src/app/platform/session-review-simple-read.tsx
 import { useMemo } from "react";
@@ -60,4 +60,4 @@ function SessionReviewSimpleRead({
 export {
   SessionReviewSimpleRead
 };
-//# sourceMappingURL=chunk-3JRHAKLV.js.map
+//# sourceMappingURL=chunk-KTQREW2K.js.map

package/dist/{chunk-U3BQT7ZO.js → chunk-KTSEZC6A.js}

@@ -10,6 +10,13 @@ import {
 } from "@radix-ui/themes";
 import { useMemo, forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+var SEMANTIC_COLOR_MAP = {
+  error: "red",
+  neutral: "gray",
+  success: "green",
+  accent: void 0
+};
+var isSemanticColor = (color) => color !== void 0 && color in SEMANTIC_COLOR_MAP;
 var Badge = forwardRef(
   (props, ref) => {
     const _a = props, { size = "small", color = "accent" } = _a, rest = __objRest(_a, ["size", "color"]);
@@ -26,17 +33,10 @@ var Badge = forwardRef(
       }
     }, [size]);
     const radixColor = useMemo(() => {
-      switch (color) {
-        case "error":
-          return "red";
-        case "neutral":
-          return "gray";
-        case "success":
-          return "green";
-        case "accent":
-        default:
-          return void 0;
+      if (isSemanticColor(color)) {
+        return SEMANTIC_COLOR_MAP[color];
       }
+      return color;
     }, [color]);
     return /* @__PURE__ */ jsx(RadixBadge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
   }
@@ -46,4 +46,4 @@ Badge.displayName = "Badge";
 export {
   Badge
 };
-//# sourceMappingURL=chunk-U3BQT7ZO.js.map
+//# sourceMappingURL=chunk-KTSEZC6A.js.map

package/dist/chunk-KTSEZC6A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/badge.tsx"],"sourcesContent":["import {\n  Badge as RadixBadge,\n  type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\ntype SemanticColor = 'error' | 'accent' | 'neutral' | 'success';\ntype RadixColor = NonNullable<RadixBadgeProps['color']>;\n\nconst SEMANTIC_COLOR_MAP: Record<SemanticColor, RadixColor | undefined> = {\n  error: 'red',\n  neutral: 'gray',\n  success: 'green',\n  accent: undefined,\n};\n\nconst isSemanticColor = (color: BadgeProps['color']): color is SemanticColor =>\n  color !== undefined && color in SEMANTIC_COLOR_MAP;\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color' | 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n  color?: SemanticColor | RadixColor;\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (props: BadgeProps, ref): React.ReactNode => {\n    const { size = 'small', color = 'accent', ...rest } = props;\n\n    const radixSize = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n        default:\n          return '1';\n      }\n    }, [size]);\n\n    const radixColor = useMemo(() => {\n      if (isSemanticColor(color)) {\n        return SEMANTIC_COLOR_MAP[color];\n      }\n      return color;\n    }, [color]);\n\n    return (\n      <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n"],"mappings":";;;;;;;AAAA;AAAA,EACE,SAAS;AAAA,OAEJ;AACP,SAAS,SAAS,kBAAkB;AA6C9B;AAxCN,IAAM,qBAAoE;AAAA,EACxE,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEA,IAAM,kBAAkB,CAAC,UACvB,UAAU,UAAa,SAAS;AAO3B,IAAM,QAAQ;AAAA,EACnB,CAAC,OAAmB,QAAyB;AAC3C,UAAsD,YAA9C,SAAO,SAAS,QAAQ,SA1BpC,IA0B0D,IAAT,iBAAS,IAAT,CAArC,QAAgB;AAExB,UAAM,YAAY,QAAQ,MAAM;AAC9B,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,aAAa,QAAQ,MAAM;AAC/B,UAAI,gBAAgB,KAAK,GAAG;AAC1B,eAAO,mBAAmB,KAAK;AAAA,MACjC;AACA,aAAO;AAAA,IACT,GAAG,CAAC,KAAK,CAAC;AAEV,WACE,oBAAC,6CAAe,OAAf,EAAqB,OAAO,YAAY,KAAU,MAAM,YAAW;AAAA,EAExE;AACF;AAEA,MAAM,cAAc;","names":[]}

package/dist/{chunk-HXLXXCB7.js → chunk-N7NDDJW5.js}

@@ -7,15 +7,21 @@ import {
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
-import {
-  Collapse
-} from "./chunk-NFDQJVFA.js";
 import {
   Heading
 } from "./chunk-BESTU2AY.js";
 import {
   IconButton
 } from "./chunk-XK6VEVOK.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  Collapse
+} from "./chunk-NFDQJVFA.js";
+import {
+  Badge
+} from "./chunk-KTSEZC6A.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -28,9 +34,6 @@ import {
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   ChevronDownIcon,
   ChevronUpIcon,
@@ -38,9 +41,6 @@ import {
   RocketIcon,
   TrashIcon
 } from "./chunk-JU7GB6R2.js";
-import {
-  Badge
-} from "./chunk-U3BQT7ZO.js";
 import {
   __spreadValues
 } from "./chunk-CRTRMMJ7.js";
@@ -162,4 +162,4 @@ function GoalManageCardRead(props) {
 export {
   GoalManageCardRead
 };
-//# sourceMappingURL=chunk-HXLXXCB7.js.map
+//# sourceMappingURL=chunk-N7NDDJW5.js.map

package/dist/{chunk-JFJ3N4V5.js → chunk-NTJLECYY.js}

@@ -4,12 +4,12 @@ import {
 import {
   RadioGroup
 } from "./chunk-6DJOIRMF.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
 import {
   Card
 } from "./chunk-RP2RGCAW.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -34,4 +34,4 @@ var review_question_satisfaction_option_default = ReviewQuestionSatisfisRadio;
 export {
   review_question_satisfaction_option_default
 };
-//# sourceMappingURL=chunk-JFJ3N4V5.js.map
+//# sourceMappingURL=chunk-NTJLECYY.js.map

package/dist/{chunk-HYMODLGE.js → chunk-NX5ESRCX.js}

@@ -4,15 +4,15 @@ import {
 import {
   List
 } from "./chunk-X4OCUESK.js";
+import {
+  Callout
+} from "./chunk-B6XJN6EC.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
 } from "./chunk-PMJIFLDT.js";
-import {
-  Callout
-} from "./chunk-B6XJN6EC.js";
 
 // src/molecules/description-json-render.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -48,4 +48,4 @@ function DescriptionJsonRender(props) {
 export {
   DescriptionJsonRender
 };
-//# sourceMappingURL=chunk-HYMODLGE.js.map
+//# sourceMappingURL=chunk-NX5ESRCX.js.map

package/dist/{chunk-UTMCR27N.js → chunk-O5FEYLEG.js}

@@ -68,7 +68,8 @@ function ExpandTable(props) {
     onPageChange,
     getRowStyle,
     getCellStyle,
-    variant = "card"
+    variant = "card",
+    slim = false
   } = props;
   const defaultAlign = "left";
   const [pagination, setPagination] = useState({
@@ -138,7 +139,7 @@ function ExpandTable(props) {
     if (!data) return 0;
     return Math.ceil(data.length / pageSize);
   }, [data, pageSize]);
-  return /* @__PURE__ */ jsxs("div", { className: `expand-table-wrapper ${variant}`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `expand-table-wrapper ${variant}${slim ? " slim" : ""}`, children: [
     /* @__PURE__ */ jsxs("div", { className: "expand-table", style: tableStyle, children: [
       /* @__PURE__ */ jsx("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(
         "div",
@@ -233,4 +234,4 @@ export {
   createColumnHelper,
   ExpandTable
 };
-//# sourceMappingURL=chunk-UTMCR27N.js.map
+//# sourceMappingURL=chunk-O5FEYLEG.js.map

package/dist/chunk-O5FEYLEG.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, useEffect, useMemo, useState } from 'react';\nimport { ScrollArea } from '@radix-ui/themes';\nimport { Flex } from '@/atoms/flex';\nimport { Pagination } from '@/atoms/pagination';\nimport { Spinner } from '@/atoms/spinner';\nimport { Typo } from '@/atoms/typo';\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\ntype Variant = 'card' | 'sprite' | 'sprite-border';\nconst sortButtonColorMapper: Record<\n  Variant,\n  { selected: string; unselected: string }\n> = {\n  card: {\n    selected: 'var(--iris-10)',\n    unselected: 'var(--iris-6)',\n  },\n  sprite: {\n    // selected: 'var(--gray-a12)',\n    // unselected: 'var(--gray-a6)',\n    selected: 'var(--iris-10)',\n    unselected: 'var(--iris-6)',\n  },\n  'sprite-border': {\n    selected: 'var(--iris-10)',\n    unselected: 'var(--iris-6)',\n  },\n};\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  /** pagination - 페이지 변경 시 호출되는 콜백 (0-based pageIndex) */\n  onPageChange?: (pageIndex: number) => void;\n  variant?: Variant;\n  /** 슬림 모드 - 행 높이·패딩을 줄여 컴팩트하게 표시, 기본값 false */\n  slim?: boolean;\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    onPageChange,\n    getRowStyle,\n    getCellStyle,\n    variant = 'card',\n    slim = false,\n  } = props;\n  const defaultAlign = 'left';\n  const [pagination, setPagination] = useState<PaginationState>({\n    pageIndex: pageIndex || 0,\n    pageSize: pageSize || 9999,\n  });\n\n  useEffect(() => {\n    setPagination((prev) => {\n      const next = pageIndex;\n      if (prev.pageIndex === next) return prev;\n      return { ...prev, pageIndex: next };\n    });\n  }, [pageIndex]);\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      const idx = page - 1;\n      setPageIndex(idx);\n      onPageChange?.(idx);\n    },\n    [setPageIndex, onPageChange]\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 ${variant}${slim ? ' slim' : ''}`}>\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                if (sortable) {\n                  return (\n                    <div className={`${justifyContent} th`} key={header.id}>\n                      <button\n                        onClick={header.column.getToggleSortingHandler()}\n                        style={{ cursor: 'pointer' }}\n                        type=\"button\"\n                      >\n                        <Typo as=\"div\" variant=\"body\">\n                          {flexRender(\n                            header.column.columnDef.header,\n                            header.getContext()\n                          )}\n                        </Typo>\n                        <Flex\n                          direction=\"column\"\n                          style={{ marginLeft: 'var(--space-2)' }}\n                        >\n                          {sortedState === false && (\n                            <TriangleArrowDownIcon\n                              color={sortButtonColorMapper[variant].unselected}\n                            />\n                          )}\n                          {sortedState === 'asc' && (\n                            <TriangleArrowUpIcon\n                              color={sortButtonColorMapper[variant].selected}\n                            />\n                          )}\n                          {sortedState === 'desc' && (\n                            <TriangleArrowDownIcon\n                              color={sortButtonColorMapper[variant].selected}\n                            />\n                          )}\n                        </Flex>\n                      </button>\n                    </div>\n                  );\n                }\n\n                return (\n                  <div className={`${justifyContent} th`} key={header.id}>\n                    <Typo as=\"div\" variant=\"body\">\n                      {flexRender(\n                        header.column.columnDef.header,\n                        header.getContext()\n                      )}\n                    </Typo>\n                  </div>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n        <ScrollArea 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        </ScrollArea>\n      </div>\n      {showPagination ? (\n        <Flex justify=\"end\" pt=\"4\" 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-SLZNCBSK.js → chunk-O7DAGKLJ.js}

@@ -16,6 +16,9 @@ import {
 import {
   Heading
 } from "./chunk-BESTU2AY.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 import {
   BulletText
 } from "./chunk-Z34HR7RE.js";
@@ -25,9 +28,6 @@ import {
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   Pencil1Icon
 } from "./chunk-JU7GB6R2.js";
@@ -141,4 +141,4 @@ function SessionCard(props) {
 export {
   SessionCard
 };
-//# sourceMappingURL=chunk-SLZNCBSK.js.map
+//# sourceMappingURL=chunk-O7DAGKLJ.js.map

package/dist/{chunk-GXG26SHU.js → chunk-OILH5J7Q.js}

@@ -7,6 +7,9 @@ import {
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -19,9 +22,6 @@ import {
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx
 import { useCallback, useMemo, useState } from "react";
@@ -98,4 +98,4 @@ var review_question_radio_default = ReviewQuestionRadio;
 export {
   review_question_radio_default
 };
-//# sourceMappingURL=chunk-GXG26SHU.js.map
+//# sourceMappingURL=chunk-OILH5J7Q.js.map

package/dist/{chunk-QHHD36G7.js → chunk-RNRZ3LV7.js}

@@ -1,6 +1,9 @@
 import {
   Heading
 } from "./chunk-BESTU2AY.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -13,9 +16,6 @@ import {
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   DownloadIcon
 } from "./chunk-JU7GB6R2.js";
@@ -65,4 +65,4 @@ function ReportCard(props) {
 export {
   ReportCard
 };
-//# sourceMappingURL=chunk-QHHD36G7.js.map
+//# sourceMappingURL=chunk-RNRZ3LV7.js.map

package/dist/{chunk-SGMO4KBC.js → chunk-RXK3JM34.js}

@@ -1,12 +1,12 @@
 // src/charts/horizontal-bar-chart.tsx
 import { jsx } from "react/jsx-runtime";
 function HorizontalBarChart(props) {
-  const { total, value, backgroundColor, barColor, height } = props;
+  const { total, value, backgroundColor, barColor, height, borderRadius } = props;
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: "tipp_horizontal-bar-chart bar-wrapper",
-      style: { height, backgroundColor },
+      style: { height, backgroundColor, borderRadius },
       children: /* @__PURE__ */ jsx(
         "div",
         {
@@ -24,4 +24,4 @@ function HorizontalBarChart(props) {
 export {
   HorizontalBarChart
 };
-//# sourceMappingURL=chunk-SGMO4KBC.js.map
+//# sourceMappingURL=chunk-RXK3JM34.js.map

package/dist/chunk-RXK3JM34.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/horizontal-bar-chart.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface HorizontalBarChartProps {\n  /** 100% 바가 뜻하는 전체 값 */\n  total: number;\n  /** 화면에 채워져보이는 값 */\n  value: number;\n  /** 배경 색상 */\n  backgroundColor?: string;\n  /** 바의 색상 */\n  barColor?: string;\n  /** 바의 높이 */\n  height?: number;\n  /**\n   * 바의 모서리 둥글기. 숫자는 px로 처리된다.\n   * 생략 시 완전히 둥근 형태(pill), `0`이면 완전 사각형.\n   */\n  borderRadius?: number | string;\n}\n\nexport function HorizontalBarChart(\n  props: HorizontalBarChartProps\n): React.ReactNode {\n  const { total, value, backgroundColor, barColor, height, borderRadius } =\n    props;\n  return (\n    <div\n      className=\"tipp_horizontal-bar-chart bar-wrapper\"\n      style={{ height, backgroundColor, borderRadius }}\n    >\n      <div\n        style={{\n          width: `${Math.round((value / total) * 100)}%`,\n          height: '100%',\n        }}\n      >\n        <div className=\"bar\" style={{ backgroundColor: barColor }} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAoCQ;AAhBD,SAAS,mBACd,OACiB;AACjB,QAAM,EAAE,OAAO,OAAO,iBAAiB,UAAU,QAAQ,aAAa,IACpE;AACF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,iBAAiB,aAAa;AAAA,MAE/C;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,OAAO,GAAG,KAAK,MAAO,QAAQ,QAAS,GAAG,CAAC;AAAA,YAC3C,QAAQ;AAAA,UACV;AAAA,UAEA,8BAAC,SAAI,WAAU,OAAM,OAAO,EAAE,iBAAiB,SAAS,GAAG;AAAA;AAAA,MAC7D;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/{chunk-OYJ7HJIE.js → chunk-SH6FSA7T.js}

@@ -1,15 +1,15 @@
 import {
   DynamicFormEditorFieldEditorPanel
-} from "./chunk-2REWQIZJ.js";
+} from "./chunk-3G3RPU6Q.js";
 import {
   DynamicFormEditorFieldListPanel
-} from "./chunk-6UXCNYVO.js";
+} from "./chunk-7R65MUL6.js";
 import {
   DynamicFormEditorIssuesPanel
-} from "./chunk-MIATMZDP.js";
+} from "./chunk-AA6OYHCE.js";
 import {
   DynamicFormEditorPreviewPanel
-} from "./chunk-JRSZNGFD.js";
+} from "./chunk-ZA4NYPSW.js";
 import {
   createDefaultField,
   createUniqueFieldName,
@@ -227,4 +227,4 @@ function DynamicFormEditor(props) {
 export {
   DynamicFormEditor
 };
-//# sourceMappingURL=chunk-OYJ7HJIE.js.map
+//# sourceMappingURL=chunk-SH6FSA7T.js.map

package/dist/{chunk-SACH3XVV.js → chunk-YDNVHAS4.js}

@@ -7,6 +7,9 @@ import {
 import {
   Heading
 } from "./chunk-BESTU2AY.js";
+import {
+  Badge
+} from "./chunk-KTSEZC6A.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -22,9 +25,6 @@ import {
 import {
   AspectRatio
 } from "./chunk-EAXUQEO5.js";
-import {
-  Badge
-} from "./chunk-U3BQT7ZO.js";
 import {
   __spreadProps,
   __spreadValues
@@ -160,4 +160,4 @@ function LearningPost(props) {
 export {
   LearningPost
 };
-//# sourceMappingURL=chunk-SACH3XVV.js.map
+//# sourceMappingURL=chunk-YDNVHAS4.js.map

package/dist/{chunk-JRSZNGFD.js → chunk-ZA4NYPSW.js}

@@ -1,15 +1,15 @@
 import {
   DynamicForm
-} from "./chunk-KCAOUZCT.js";
+} from "./chunk-GTO7GG2K.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 import {
   Typo
 } from "./chunk-PMJIFLDT.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 
 // src/molecules/dynamic-form-editor-preview-panel.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ function DynamicFormEditorPreviewPanel(props) {
 export {
   DynamicFormEditorPreviewPanel
 };
-//# sourceMappingURL=chunk-JRSZNGFD.js.map
+//# sourceMappingURL=chunk-ZA4NYPSW.js.map