@tipp/ui 1.0.13 → 1.0.14

package/dist/index.d.cts

@@ -13,12 +13,14 @@ export { Pagination, PaginationProps } from './atoms/pagination.cjs';
 export { FieldErrorWrapper, FieldErrorWrapperProps } from './atoms/field-error-wrapper.cjs';
 export { EllipsisTooltip, EllipsisTooltipProps } from './atoms/ellipsis-tooltip.cjs';
 export { Content, Drawer, Root, Trigger } from './atoms/drawer.cjs';
+export { ToastContainer } from './atoms/toast.cjs';
 export { ExpandTable, ExpandTableProps } from './molecules/expand-table/index.cjs';
 export { Navigation, NavigationProps } from './molecules/navigation.cjs';
 export { ThemeProvider } from './theme/theme-provider.cjs';
 import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
 export { index_js as uiProps };
-export { BarChartIcon, BookmarkFilledIcon, BookmarkIcon, ChatBubbleIcon, ChevronLeftIcon, ChevronRightIcon, ClipboardIcon, DotsHorizontalIcon, DotsVerticalIcon, ExclamationTriangleIcon, ExitIcon, GearIcon, InfoCircledIcon, MagnifyingGlassIcon, MixerHorizontalIcon, PersonIcon, PlusIcon } from '@radix-ui/react-icons';
+export { BarChartIcon, BookmarkFilledIcon, BookmarkIcon, ChatBubbleIcon, ChevronLeftIcon, ChevronRightIcon, ClipboardIcon, Cross1Icon, DotsHorizontalIcon, DotsVerticalIcon, ExclamationTriangleIcon, ExitIcon, GearIcon, InfoCircledIcon, MagnifyingGlassIcon, MixerHorizontalIcon, Pencil1Icon, PersonIcon, PlusIcon } from '@radix-ui/react-icons';
+export { toast } from 'react-toastify';
 export { ExpandComp, OnRowClick } from './molecules/expand-table/row.cjs';
 export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
 import 'react';

package/dist/index.d.ts

@@ -13,12 +13,14 @@ export { Pagination, PaginationProps } from './atoms/pagination.js';
 export { FieldErrorWrapper, FieldErrorWrapperProps } from './atoms/field-error-wrapper.js';
 export { EllipsisTooltip, EllipsisTooltipProps } from './atoms/ellipsis-tooltip.js';
 export { Content, Drawer, Root, Trigger } from './atoms/drawer.js';
+export { ToastContainer } from './atoms/toast.js';
 export { ExpandTable, ExpandTableProps } from './molecules/expand-table/index.js';
 export { Navigation, NavigationProps } from './molecules/navigation.js';
 export { ThemeProvider } from './theme/theme-provider.js';
 import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
 export { index_js as uiProps };
-export { BarChartIcon, BookmarkFilledIcon, BookmarkIcon, ChatBubbleIcon, ChevronLeftIcon, ChevronRightIcon, ClipboardIcon, DotsHorizontalIcon, DotsVerticalIcon, ExclamationTriangleIcon, ExitIcon, GearIcon, InfoCircledIcon, MagnifyingGlassIcon, MixerHorizontalIcon, PersonIcon, PlusIcon } from '@radix-ui/react-icons';
+export { BarChartIcon, BookmarkFilledIcon, BookmarkIcon, ChatBubbleIcon, ChevronLeftIcon, ChevronRightIcon, ClipboardIcon, Cross1Icon, DotsHorizontalIcon, DotsVerticalIcon, ExclamationTriangleIcon, ExitIcon, GearIcon, InfoCircledIcon, MagnifyingGlassIcon, MixerHorizontalIcon, Pencil1Icon, PersonIcon, PlusIcon } from '@radix-ui/react-icons';
+export { toast } from 'react-toastify';
 export { ExpandComp, OnRowClick } from './molecules/expand-table/row.js';
 export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
 import 'react';

package/dist/index.js

@@ -1,177 +1,172 @@
 import {
   useThemeContext
-} from "./chunk-MMGP4GEQ.js";
+} from "./chunk-FVIZVGDG.js";
 import {
   uiProps
-} from "./chunk-NVKNDAIN.js";
+} from "./chunk-PQ226JCJ.js";
 import "./chunk-DF7LG3AO.js";
 import {
   ExpandTable,
   createColumnHelper
-} from "./chunk-RC4WJLQA.js";
-import "./chunk-PBPRWY2V.js";
-import "./chunk-BSTJBBEX.js";
-import "./chunk-NDUKDKGB.js";
+} from "./chunk-GYIOJ6QV.js";
+import "./chunk-QEUFWU46.js";
+import "./chunk-HA3QN63E.js";
+import "./chunk-5X4ROH3C.js";
 import {
   Navigation
-} from "./chunk-IBR5PQVX.js";
-import "./chunk-AGMMAML3.js";
+} from "./chunk-UMG64UMX.js";
+import "./chunk-2ANGYYEV.js";
 import {
   DatePicker
-} from "./chunk-IIBITN2G.js";
-import {
-  Skeleton
-} from "./chunk-5H3YPCZK.js";
-import {
-  Spinner
-} from "./chunk-FR2GDOU2.js";
-import {
-  Strong
-} from "./chunk-74DX4CU7.js";
+} from "./chunk-C7NYMRBQ.js";
 import {
   Switch
-} from "./chunk-OYM4XCHQ.js";
+} from "./chunk-QPLT5WWK.js";
 import {
   TabNav
-} from "./chunk-YJ7ZFOYL.js";
+} from "./chunk-A3NPI2AS.js";
 import {
   Tabs
-} from "./chunk-5ZITU5L7.js";
+} from "./chunk-XYV3MX3B.js";
 import {
   TextArea
-} from "./chunk-ILRUXI2E.js";
+} from "./chunk-55Q7SBWI.js";
 import {
   TextField
-} from "./chunk-JPIZP2PZ.js";
+} from "./chunk-Q6ZBWXY6.js";
 import {
-  RadioCards
-} from "./chunk-6IVCARWS.js";
-import {
-  RadioGroup
-} from "./chunk-6DJOIRMF.js";
-import {
-  Radio
-} from "./chunk-FPD73OHW.js";
+  ToastContainer,
+  toast
+} from "./chunk-YPUBDEU6.js";
 import {
   ScrollArea
-} from "./chunk-ZKZDVS7G.js";
+} from "./chunk-N3VL7MIF.js";
 import {
   Section
-} from "./chunk-MUNMDHRF.js";
+} from "./chunk-F6K5NVDQ.js";
 import {
   SegmentedControl
-} from "./chunk-TVDKGMBI.js";
+} from "./chunk-Z7EGOF2M.js";
 import {
   Select
-} from "./chunk-355MU6BH.js";
+} from "./chunk-LG4BUHJO.js";
 import {
   Separator
-} from "./chunk-HYITAA4J.js";
+} from "./chunk-5YENRC3J.js";
 import {
-  Inset
-} from "./chunk-XQOL7UBI.js";
+  Skeleton
+} from "./chunk-KHRE6RXB.js";
 import {
-  Kbd
-} from "./chunk-TULWX7D6.js";
+  Spinner
+} from "./chunk-SJCYEFFA.js";
+import {
+  Strong
+} from "./chunk-ZTP3VXDO.js";
 import {
   Link
-} from "./chunk-XQOZWYUA.js";
+} from "./chunk-J3BM3BSX.js";
 import {
   Pagination
-} from "./chunk-S3SAB2S2.js";
+} from "./chunk-ZUIQCMNX.js";
 import {
   Popover
-} from "./chunk-5AVBYDPB.js";
+} from "./chunk-URTFSQ3P.js";
 import {
   Progress
-} from "./chunk-365QMK4D.js";
+} from "./chunk-4YJIR5QZ.js";
 import {
   Quote
-} from "./chunk-YO3BQW6S.js";
-import {
-  EllipsisTooltip
-} from "./chunk-4IKPNQV5.js";
-import {
-  Tooltip
-} from "./chunk-ACVANQJ4.js";
-import {
-  Em
-} from "./chunk-2DZ2Y3JI.js";
+} from "./chunk-RJNWYPSX.js";
 import {
-  FieldErrorWrapper
-} from "./chunk-CNQ7RNNY.js";
+  RadioCards
+} from "./chunk-6UGIHHRB.js";
 import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
+  RadioGroup
+} from "./chunk-QXBQ5KTF.js";
 import {
-  Flex
-} from "./chunk-25HMMI7R.js";
+  Radio
+} from "./chunk-FFNJPXSJ.js";
 import {
   Grid
-} from "./chunk-EGEQY3KT.js";
+} from "./chunk-MW4GLAVA.js";
 import {
   Heading
-} from "./chunk-HLOY6BIP.js";
+} from "./chunk-K7UD6V6D.js";
 import {
   HoverCard
-} from "./chunk-O3T3TM3V.js";
+} from "./chunk-YB72QLLV.js";
 import {
   IconButton
-} from "./chunk-O3DNDMV3.js";
+} from "./chunk-B6KEM5XZ.js";
 import {
-  Checkbox
-} from "./chunk-JEHDCZQU.js";
-import {
-  Code
-} from "./chunk-OHMOP5PV.js";
+  Inset
+} from "./chunk-L5C4ECF5.js";
 import {
-  Collapse
-} from "./chunk-OCJNQGHN.js";
+  Kbd
+} from "./chunk-VWDPQR2A.js";
 import {
   Container
-} from "./chunk-Q37G2GS6.js";
+} from "./chunk-KP6WI67T.js";
 import {
   DataList
-} from "./chunk-VTJZMOSP.js";
+} from "./chunk-724BMCSR.js";
 import {
   Dialog
-} from "./chunk-P6B2PNYI.js";
+} from "./chunk-RNMIZQSE.js";
 import {
   Content,
   Drawer,
   Root,
   Trigger
-} from "./chunk-XD7EVGEL.js";
+} from "./chunk-X6H7WM66.js";
 import {
   ThemeProvider
-} from "./chunk-PL3Q4UVY.js";
+} from "./chunk-4KDBZ4CL.js";
 import {
   DropdownMenu
-} from "./chunk-YTZSKMX3.js";
+} from "./chunk-D5TD6WCZ.js";
 import {
-  Badge
-} from "./chunk-ALOPZ54P.js";
+  EllipsisTooltip
+} from "./chunk-R3XMQ3KD.js";
 import {
-  Blockquote
-} from "./chunk-YGL6SWKN.js";
+  Tooltip
+} from "./chunk-EQ7KE5GE.js";
 import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
+  Em
+} from "./chunk-GNLNX5JP.js";
+import {
+  FieldErrorWrapper
+} from "./chunk-WUXNDTOB.js";
+import {
+  Flex
+} from "./chunk-NYVG77CV.js";
+import {
+  Typo
+} from "./chunk-AIB4224Y.js";
 import {
   Button
-} from "./chunk-AQX7DQLI.js";
+} from "./chunk-P7NMHOJG.js";
 import {
   Callout
-} from "./chunk-B6XJN6EC.js";
+} from "./chunk-53F6BMUO.js";
 import {
   Card
-} from "./chunk-FYEASFUU.js";
+} from "./chunk-6YSZDBTF.js";
 import {
   CheckboxCards
-} from "./chunk-MIMJ7LON.js";
+} from "./chunk-WFAMTFSW.js";
 import {
   CheckboxGroup
-} from "./chunk-IQEEPHOY.js";
+} from "./chunk-QQVG2NHO.js";
+import {
+  Checkbox
+} from "./chunk-CVJ4XBWE.js";
+import {
+  Code
+} from "./chunk-FZ4UZKDT.js";
+import {
+  Collapse
+} from "./chunk-33WKE6IA.js";
 import {
   BarChartIcon,
   BookmarkFilledIcon,
@@ -180,6 +175,7 @@ import {
   ChevronLeftIcon,
   ChevronRightIcon,
   ClipboardIcon,
+  Cross1Icon,
   DotsHorizontalIcon,
   DotsVerticalIcon,
   ExclamationTriangleIcon,
@@ -188,18 +184,28 @@ import {
   InfoCircledIcon,
   MagnifyingGlassIcon,
   MixerHorizontalIcon,
+  Pencil1Icon,
   PersonIcon,
   PlusIcon
-} from "./chunk-M474I6JB.js";
+} from "./chunk-QMGUJEWT.js";
 import {
   AlertDialog
-} from "./chunk-J242TTFH.js";
+} from "./chunk-QW37AGIX.js";
 import {
   AspectRatio
-} from "./chunk-EAXUQEO5.js";
+} from "./chunk-YOZQBYKE.js";
 import {
   Avatar
-} from "./chunk-CZEGRZBK.js";
+} from "./chunk-KG5JWHNT.js";
+import {
+  Badge
+} from "./chunk-54UYEE4I.js";
+import {
+  Blockquote
+} from "./chunk-MHRB7KKW.js";
+import {
+  Box
+} from "./chunk-W4XMQNCC.js";
 import "./chunk-N552FDTV.js";
 export {
   AlertDialog,
@@ -225,6 +231,7 @@ export {
   Collapse,
   Container,
   Content,
+  Cross1Icon,
   DataList,
   DatePicker,
   Dialog,
@@ -252,6 +259,7 @@ export {
   MixerHorizontalIcon,
   Navigation,
   Pagination,
+  Pencil1Icon,
   PersonIcon,
   PlusIcon,
   Popover,
@@ -275,10 +283,12 @@ export {
   TextArea,
   TextField,
   ThemeProvider,
+  ToastContainer,
   Tooltip,
   Trigger,
   Typo,
   createColumnHelper,
+  toast,
   uiProps,
   useThemeContext
 };

package/dist/molecules/expand-table/index.cjs

@@ -418,13 +418,19 @@ var import_jsx_runtime14 = require("react/jsx-runtime");
 // src/atoms/drawer.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
 
+// src/atoms/toast.tsx
+var import_react_icons2 = require("@radix-ui/react-icons");
+var import_react_toastify = require("react-toastify");
+var import_react_toastify2 = require("react-toastify");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+
 // src/icons/down.tsx
 var React8 = __toESM(require("react"), 1);
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var TriangleArrowDownIcon = React8.forwardRef(
   (_a, forwardedRef) => {
     var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         fill: "none",
@@ -434,7 +440,7 @@ var TriangleArrowDownIcon = React8.forwardRef(
         xmlns: "http://www.w3.org/2000/svg"
       }, props), {
         ref: forwardedRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "path",
           {
             d: "M7.10844 0.8125H0.891554C0.197392 0.8125 -0.177096 1.62672 0.274659 2.15377L3.3831 5.78029C3.70737 6.1586 4.29263 6.1586 4.6169 5.78029L7.72534 2.15377C8.1771 1.62672 7.80261 0.8125 7.10844 0.8125Z",
@@ -449,11 +455,11 @@ TriangleArrowDownIcon.displayName = "ArrowDownIcon";
 
 // src/icons/up.tsx
 var React9 = __toESM(require("react"), 1);
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var TriangleArrowUpIcon = React9.forwardRef(
   (_a, forwardedRef) => {
     var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         fill: "none",
@@ -463,7 +469,7 @@ var TriangleArrowUpIcon = React9.forwardRef(
         xmlns: "http://www.w3.org/2000/svg"
       }, props), {
         ref: forwardedRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "path",
           {
             d: "M0.891555 6.1875L7.10845 6.1875C7.80261 6.1875 8.1771 5.37328 7.72534 4.84623L4.6169 1.21971C4.29263 0.841403 3.70737 0.841403 3.3831 1.21971L0.274659 4.84623C-0.177095 5.37328 0.197393 6.1875 0.891555 6.1875Z",
@@ -479,7 +485,7 @@ TriangleArrowUpIcon.displayName = "ArrowUpIcon";
 // src/molecules/expand-table/row.tsx
 var import_react_table = require("@tanstack/react-table");
 var import_react13 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Row(props) {
   const { row, ExpandComp, gridColTemp } = props;
   const [open, setOpen] = (0, import_react13.useState)(false);
@@ -488,12 +494,12 @@ function Row(props) {
     (_a = props.onRowClick) == null ? void 0 : _a.call(props, row.original);
     setOpen((prev) => !prev);
   }, [props, row.original]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       className: `tr-wrapper ${ExpandComp ? "expandable" : ""}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "button",
           {
             className: "tr",
@@ -503,7 +509,7 @@ function Row(props) {
             children: row.getVisibleCells().map((cell) => {
               var _a, _b;
               const autoSize = (_a = cell.column.columnDef.meta) == null ? void 0 : _a.autoSize;
-              return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                 "div",
                 {
                   className: "td",
@@ -513,7 +519,7 @@ function Row(props) {
                   },
                   children: [
                     (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()),
-                    ((_b = cell.column.columnDef.meta) == null ? void 0 : _b.OpenBtn) ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    ((_b = cell.column.columnDef.meta) == null ? void 0 : _b.OpenBtn) ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                       cell.column.columnDef.meta.OpenBtn,
                       {
                         data: row.original,
@@ -529,7 +535,7 @@ function Row(props) {
           },
           `tr_${row.id}`
         ),
-        ExpandComp ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Collapse, { open, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "expand-comp-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ExpandComp, { row }) }) }) : null
+        ExpandComp ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Collapse, { open, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "expand-comp-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ExpandComp, { row }) }) }) : null
       ]
     },
     `tr-wrapper_${row.id}`
@@ -537,7 +543,7 @@ function Row(props) {
 }
 
 // src/molecules/expand-table/index.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function ExpandTable(props) {
   const { data, columns, ExpandComp, placeholder, onRowClick } = props;
   const [sorting, setSorting] = (0, import_react14.useState)([]);
@@ -560,8 +566,8 @@ function ExpandTable(props) {
     }).join(" ");
   }, [columns]);
   const rowModels = getRowModel();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "expand-table", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "expand-table", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "div",
       {
         className: "tr",
@@ -569,30 +575,30 @@ function ExpandTable(props) {
         children: headerGroup.headers.map((header) => {
           const sortable = header.column.getCanSort();
           const sortedState = header.column.getIsSorted();
-          return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "th", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "th", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
             "button",
             {
               onClick: header.column.getToggleSortingHandler(),
               style: sortable ? { cursor: "pointer" } : void 0,
               type: "button",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Typo, { variant: "body", children: (0, import_react_table2.flexRender)(
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typo, { variant: "body", children: (0, import_react_table2.flexRender)(
                   header.column.columnDef.header,
                   header.getContext()
                 ) }),
-                sortable ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                sortable ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
                   import_themes19.Flex,
                   {
                     direction: "column",
                     style: { marginLeft: "var(--space-2)" },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                         TriangleArrowUpIcon,
                         {
                           color: sortedState === "asc" ? "var(--iris-10)" : "var(--iris-6)"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                         TriangleArrowDownIcon,
                         {
                           color: sortedState === "desc" ? "var(--iris-10)" : "var(--iris-6)"
@@ -608,10 +614,10 @@ function ExpandTable(props) {
       },
       headerGroup.id
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "tbody", children: [
-      rowModels.rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "tr", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes19.Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Typo, { color: "gray", mb: "6", mt: "6", variant: "body", children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" }) }) }, "expand_placeholder"),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "tbody", children: [
+      rowModels.rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "tr", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes19.Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typo, { color: "gray", mb: "6", mt: "6", variant: "body", children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" }) }) }, "expand_placeholder"),
       rowModels.rows.map((row) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           Row,
           {
             ExpandComp,