@ctlyst.id/internal-ui 5.6.3 → 5.6.4

package/dist/index.mjs

@@ -965,7 +965,7 @@ var counter_default = Counter;
 
 // src/components/data-table/components/data-table.tsx
 import { ChevronDownIcon, ChevronUpIcon, UpDownIcon } from "@chakra-ui/icons";
-import { Box as Box11, Flex as Flex2, Skeleton as Skeleton2, Table, Tbody, Td, Th, Thead, Tr, useColorModeValue } from "@chakra-ui/react";
+import { Box as Box11, Flex as Flex2, keyframes, Skeleton as Skeleton2, Table, Tbody, Td, Th, Thead, Tr, useColorModeValue } from "@chakra-ui/react";
 import { css } from "@emotion/react";
 import { flexRender, getCoreRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 import * as React5 from "react";
@@ -1109,6 +1109,10 @@ var getCommonPinningStyles = (column, paddingRowX) => {
     } : {}
   };
 };
+var fadeIn = keyframes`
+  from { opacity: 0; }
+  to { opacity: 1; }
+`;
 var useDataTable = ({
   columns,
   dataSource = [],
@@ -1396,7 +1400,7 @@ var DataTable = React5.forwardRef((props, ref) => {
             }) }, headerGroup.id))
           }
         ),
-        /* @__PURE__ */ jsx24(Tbody, { ...styles == null ? void 0 : styles.tableBody, children: table.getRowModel().rows.map((row, index) => {
+        /* @__PURE__ */ jsx24(Tbody, { ...styles == null ? void 0 : styles.tableBody, animation: `${fadeIn} 0.15s ease-out`, children: table.getRowModel().rows.map((row, index) => {
           const isDisabledRow = disabledRow && disabledRow(row.original);
           const isHighlightedRow = Object.keys(selectedRow != null ? selectedRow : {}).filter((key) => selectedRow == null ? void 0 : selectedRow[key]).includes(row.id) || highlightedRow && highlightedRow(row.original);
           return /* @__PURE__ */ jsx24(
@@ -7310,8 +7314,8 @@ var input_default = Input4;
 
 // src/config/theme/components/loader.ts
 import { defineStyleConfig as defineStyleConfig4 } from "@chakra-ui/styled-system";
-import { keyframes } from "@emotion/react";
-var rotate = keyframes({
+import { keyframes as keyframes2 } from "@emotion/react";
+var rotate = keyframes2({
   "0%": {
     transform: "rotate(0deg)"
   },