@yamada-ui/native-table - npm Package Compare versions

Comparing version 0.2.6 to 0.2.7

dist/index.js

@@ -45,16 +45,18 @@ "use strict";
 });
-var NativeTable = (0, import_core.forwardRef)((props, ref) => {
-  const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
-  const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
-  const css = { tableLayout: layout, ...styles.table };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_core.ui.table,
-    {
-      ref,
-      className: (0, import_utils.cx)("ui-native-table", className),
-      __css: css,
-      ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
-    }
-  ) });
-});
+var NativeTable = (0, import_core.forwardRef)(
+  (props, ref) => {
+    const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
+    const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
+    const css = { tableLayout: layout, ...styles.table };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.table,
+      {
+        ref,
+        className: (0, import_utils.cx)("ui-native-table", className),
+        __css: css,
+        ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
+      }
+    ) });
+  }
+);
 
@@ -76,3 +78,11 @@ // src/table-container.tsx
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.div, { ref, className: (0, import_utils2.cx)("ui-table-container", className), __css: css, ...rest });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_core2.ui.div,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-table-container", className),
+        __css: css,
+        ...rest
+      }
+    );
   }
@@ -85,7 +95,17 @@ );
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var Thead = (0, import_core3.forwardRef)(({ className, ...rest }, ref) => {
-  const styles = useTableStyles();
-  const css = { ...styles.thead };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.ui.thead, { ref, className: (0, import_utils3.cx)("ui-table-thead", className), __css: css, ...rest });
-});
+var Thead = (0, import_core3.forwardRef)(
+  ({ className, ...rest }, ref) => {
+    const styles = useTableStyles();
+    const css = { ...styles.thead };
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_core3.ui.thead,
+      {
+        ref,
+        className: (0, import_utils3.cx)("ui-table-thead", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
 
@@ -96,7 +116,17 @@ // src/tbody.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var Tbody = (0, import_core4.forwardRef)(({ className, ...rest }, ref) => {
-  const styles = useTableStyles();
-  const css = { ...styles.tbody };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core4.ui.tbody, { ref, className: (0, import_utils4.cx)("ui-table-tbody", className), __css: css, ...rest });
-});
+var Tbody = (0, import_core4.forwardRef)(
+  ({ className, ...rest }, ref) => {
+    const styles = useTableStyles();
+    const css = { ...styles.tbody };
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_core4.ui.tbody,
+      {
+        ref,
+        className: (0, import_utils4.cx)("ui-table-tbody", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
 
@@ -107,7 +137,17 @@ // src/tfoot.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var Tfoot = (0, import_core5.forwardRef)(({ className, ...rest }, ref) => {
-  const styles = useTableStyles();
-  const css = { ...styles.tfoot };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core5.ui.tfoot, { ref, className: (0, import_utils5.cx)("ui-table-tfoot", className), __css: css, ...rest });
-});
+var Tfoot = (0, import_core5.forwardRef)(
+  ({ className, ...rest }, ref) => {
+    const styles = useTableStyles();
+    const css = { ...styles.tfoot };
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      import_core5.ui.tfoot,
+      {
+        ref,
+        className: (0, import_utils5.cx)("ui-table-tfoot", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
 
@@ -121,19 +161,8 @@ // src/tr.tsx
   const css = { ...styles.tr };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core6.ui.tr, { ref, className: (0, import_utils6.cx)("ui-table-tr", className), __css: css, ...rest });
-});
-
-// src/th.tsx
-var import_core7 = require("@yamada-ui/core");
-var import_utils7 = require("@yamada-ui/utils");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Th = (0, import_core7.forwardRef)(({ className, isNumeric, __css, ...rest }, ref) => {
-  const styles = useTableStyles();
-  const css = { ...styles.th, ...__css };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_core7.ui.th,
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_core6.ui.tr,
     {
       ref,
-      className: (0, import_utils7.cx)("ui-table-th", className),
+      className: (0, import_utils6.cx)("ui-table-tr", className),
       __css: css,
-      "data-is-numeric": isNumeric,
       ...rest
@@ -144,2 +173,23 @@ }
 
+// src/th.tsx
+var import_core7 = require("@yamada-ui/core");
+var import_utils7 = require("@yamada-ui/utils");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Th = (0, import_core7.forwardRef)(
+  ({ className, isNumeric, __css, ...rest }, ref) => {
+    const styles = useTableStyles();
+    const css = { ...styles.th, ...__css };
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_core7.ui.th,
+      {
+        ref,
+        className: (0, import_utils7.cx)("ui-table-th", className),
+        __css: css,
+        "data-is-numeric": isNumeric,
+        ...rest
+      }
+    );
+  }
+);
+
 // src/td.tsx
@@ -149,16 +199,18 @@ var import_core8 = require("@yamada-ui/core");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var Td = (0, import_core8.forwardRef)(({ className, isNumeric, ...rest }, ref) => {
-  const styles = useTableStyles();
-  const css = { ...styles.td };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_core8.ui.td,
-    {
-      ref,
-      className: (0, import_utils8.cx)("ui-table-td", className),
-      __css: css,
-      "data-is-numeric": isNumeric,
-      ...rest
-    }
-  );
-});
+var Td = (0, import_core8.forwardRef)(
+  ({ className, isNumeric, ...rest }, ref) => {
+    const styles = useTableStyles();
+    const css = { ...styles.td };
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_core8.ui.td,
+      {
+        ref,
+        className: (0, import_utils8.cx)("ui-table-td", className),
+        __css: css,
+        "data-is-numeric": isNumeric,
+        ...rest
+      }
+    );
+  }
+);
 
@@ -173,3 +225,11 @@ // src/table-caption.tsx
     const css = { captionSide: placement, ...styles.caption };
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core9.ui.caption, { ref, className: (0, import_utils9.cx)("ui-table-caption", className), __css: css, ...rest });
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_core9.ui.caption,
+      {
+        ref,
+        className: (0, import_utils9.cx)("ui-table-caption", className),
+        __css: css,
+        ...rest
+      }
+    );
   }
@@ -176,0 +236,0 @@ );

dist/native-table.js

@@ -35,16 +35,18 @@ "use strict";
 });
-var NativeTable = (0, import_core.forwardRef)((props, ref) => {
-  const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
-  const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
-  const css = { tableLayout: layout, ...styles.table };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_core.ui.table,
-    {
-      ref,
-      className: (0, import_utils.cx)("ui-native-table", className),
-      __css: css,
-      ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
-    }
-  ) });
-});
+var NativeTable = (0, import_core.forwardRef)(
+  (props, ref) => {
+    const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
+    const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
+    const css = { tableLayout: layout, ...styles.table };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.table,
+      {
+        ref,
+        className: (0, import_utils.cx)("ui-native-table", className),
+        __css: css,
+        ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
+      }
+    ) });
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
@@ -51,0 +53,0 @@ 0 && (module.exports = {

dist/table-caption.js

@@ -37,16 +37,18 @@ "use strict";
 });
-var NativeTable = (0, import_core.forwardRef)((props, ref) => {
-  const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
-  const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
-  const css = { tableLayout: layout, ...styles.table };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_core.ui.table,
-    {
-      ref,
-      className: (0, import_utils.cx)("ui-native-table", className),
-      __css: css,
-      ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
-    }
-  ) });
-});
+var NativeTable = (0, import_core.forwardRef)(
+  (props, ref) => {
+    const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
+    const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
+    const css = { tableLayout: layout, ...styles.table };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.table,
+      {
+        ref,
+        className: (0, import_utils.cx)("ui-native-table", className),
+        __css: css,
+        ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
+      }
+    ) });
+  }
+);
 
@@ -59,3 +61,11 @@ // src/table-caption.tsx
     const css = { captionSide: placement, ...styles.caption };
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.caption, { ref, className: (0, import_utils2.cx)("ui-table-caption", className), __css: css, ...rest });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_core2.ui.caption,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-table-caption", className),
+        __css: css,
+        ...rest
+      }
+    );
   }
@@ -62,0 +72,0 @@ );

dist/table-container.js

@@ -40,3 +40,11 @@ "use strict";
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.div, { ref, className: (0, import_utils.cx)("ui-table-container", className), __css: css, ...rest });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.div,
+      {
+        ref,
+        className: (0, import_utils.cx)("ui-table-container", className),
+        __css: css,
+        ...rest
+      }
+    );
   }
@@ -43,0 +51,0 @@ );

dist/tbody.js

@@ -37,24 +37,36 @@ "use strict";
 });
-var NativeTable = (0, import_core.forwardRef)((props, ref) => {
-  const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
-  const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
-  const css = { tableLayout: layout, ...styles.table };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_core.ui.table,
-    {
-      ref,
-      className: (0, import_utils.cx)("ui-native-table", className),
-      __css: css,
-      ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
-    }
-  ) });
-});
+var NativeTable = (0, import_core.forwardRef)(
+  (props, ref) => {
+    const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
+    const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
+    const css = { tableLayout: layout, ...styles.table };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.table,
+      {
+        ref,
+        className: (0, import_utils.cx)("ui-native-table", className),
+        __css: css,
+        ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
+      }
+    ) });
+  }
+);
 
 // src/tbody.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Tbody = (0, import_core2.forwardRef)(({ className, ...rest }, ref) => {
-  const styles = useTableStyles();
-  const css = { ...styles.tbody };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.tbody, { ref, className: (0, import_utils2.cx)("ui-table-tbody", className), __css: css, ...rest });
-});
+var Tbody = (0, import_core2.forwardRef)(
+  ({ className, ...rest }, ref) => {
+    const styles = useTableStyles();
+    const css = { ...styles.tbody };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_core2.ui.tbody,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-table-tbody", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
@@ -61,0 +73,0 @@ 0 && (module.exports = {

dist/td.js

@@ -37,33 +37,37 @@ "use strict";
 });
-var NativeTable = (0, import_core.forwardRef)((props, ref) => {
-  const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
-  const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
-  const css = { tableLayout: layout, ...styles.table };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_core.ui.table,
-    {
-      ref,
-      className: (0, import_utils.cx)("ui-native-table", className),
-      __css: css,
-      ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
-    }
-  ) });
-});
+var NativeTable = (0, import_core.forwardRef)(
+  (props, ref) => {
+    const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
+    const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
+    const css = { tableLayout: layout, ...styles.table };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.table,
+      {
+        ref,
+        className: (0, import_utils.cx)("ui-native-table", className),
+        __css: css,
+        ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
+      }
+    ) });
+  }
+);
 
 // src/td.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Td = (0, import_core2.forwardRef)(({ className, isNumeric, ...rest }, ref) => {
-  const styles = useTableStyles();
-  const css = { ...styles.td };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_core2.ui.td,
-    {
-      ref,
-      className: (0, import_utils2.cx)("ui-table-td", className),
-      __css: css,
-      "data-is-numeric": isNumeric,
-      ...rest
-    }
-  );
-});
+var Td = (0, import_core2.forwardRef)(
+  ({ className, isNumeric, ...rest }, ref) => {
+    const styles = useTableStyles();
+    const css = { ...styles.td };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_core2.ui.td,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-table-td", className),
+        __css: css,
+        "data-is-numeric": isNumeric,
+        ...rest
+      }
+    );
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
@@ -70,0 +74,0 @@ 0 && (module.exports = {

dist/tfoot.js

@@ -37,24 +37,36 @@ "use strict";
 });
-var NativeTable = (0, import_core.forwardRef)((props, ref) => {
-  const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
-  const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
-  const css = { tableLayout: layout, ...styles.table };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_core.ui.table,
-    {
-      ref,
-      className: (0, import_utils.cx)("ui-native-table", className),
-      __css: css,
-      ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
-    }
-  ) });
-});
+var NativeTable = (0, import_core.forwardRef)(
+  (props, ref) => {
+    const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
+    const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
+    const css = { tableLayout: layout, ...styles.table };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.table,
+      {
+        ref,
+        className: (0, import_utils.cx)("ui-native-table", className),
+        __css: css,
+        ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
+      }
+    ) });
+  }
+);
 
 // src/tfoot.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Tfoot = (0, import_core2.forwardRef)(({ className, ...rest }, ref) => {
-  const styles = useTableStyles();
-  const css = { ...styles.tfoot };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.tfoot, { ref, className: (0, import_utils2.cx)("ui-table-tfoot", className), __css: css, ...rest });
-});
+var Tfoot = (0, import_core2.forwardRef)(
+  ({ className, ...rest }, ref) => {
+    const styles = useTableStyles();
+    const css = { ...styles.tfoot };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_core2.ui.tfoot,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-table-tfoot", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
@@ -61,0 +73,0 @@ 0 && (module.exports = {

dist/th.js

@@ -37,33 +37,37 @@ "use strict";
 });
-var NativeTable = (0, import_core.forwardRef)((props, ref) => {
-  const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
-  const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
-  const css = { tableLayout: layout, ...styles.table };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_core.ui.table,
-    {
-      ref,
-      className: (0, import_utils.cx)("ui-native-table", className),
-      __css: css,
-      ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
-    }
-  ) });
-});
+var NativeTable = (0, import_core.forwardRef)(
+  (props, ref) => {
+    const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
+    const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
+    const css = { tableLayout: layout, ...styles.table };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.table,
+      {
+        ref,
+        className: (0, import_utils.cx)("ui-native-table", className),
+        __css: css,
+        ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
+      }
+    ) });
+  }
+);
 
 // src/th.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Th = (0, import_core2.forwardRef)(({ className, isNumeric, __css, ...rest }, ref) => {
-  const styles = useTableStyles();
-  const css = { ...styles.th, ...__css };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_core2.ui.th,
-    {
-      ref,
-      className: (0, import_utils2.cx)("ui-table-th", className),
-      __css: css,
-      "data-is-numeric": isNumeric,
-      ...rest
-    }
-  );
-});
+var Th = (0, import_core2.forwardRef)(
+  ({ className, isNumeric, __css, ...rest }, ref) => {
+    const styles = useTableStyles();
+    const css = { ...styles.th, ...__css };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_core2.ui.th,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-table-th", className),
+        __css: css,
+        "data-is-numeric": isNumeric,
+        ...rest
+      }
+    );
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
@@ -70,0 +74,0 @@ 0 && (module.exports = {

dist/thead.js

@@ -37,24 +37,36 @@ "use strict";
 });
-var NativeTable = (0, import_core.forwardRef)((props, ref) => {
-  const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
-  const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
-  const css = { tableLayout: layout, ...styles.table };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_core.ui.table,
-    {
-      ref,
-      className: (0, import_utils.cx)("ui-native-table", className),
-      __css: css,
-      ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
-    }
-  ) });
-});
+var NativeTable = (0, import_core.forwardRef)(
+  (props, ref) => {
+    const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
+    const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
+    const css = { tableLayout: layout, ...styles.table };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.table,
+      {
+        ref,
+        className: (0, import_utils.cx)("ui-native-table", className),
+        __css: css,
+        ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
+      }
+    ) });
+  }
+);
 
 // src/thead.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Thead = (0, import_core2.forwardRef)(({ className, ...rest }, ref) => {
-  const styles = useTableStyles();
-  const css = { ...styles.thead };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.thead, { ref, className: (0, import_utils2.cx)("ui-table-thead", className), __css: css, ...rest });
-});
+var Thead = (0, import_core2.forwardRef)(
+  ({ className, ...rest }, ref) => {
+    const styles = useTableStyles();
+    const css = { ...styles.thead };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_core2.ui.thead,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-table-thead", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
@@ -61,0 +73,0 @@ 0 && (module.exports = {

dist/tr.js

@@ -37,16 +37,18 @@ "use strict";
 });
-var NativeTable = (0, import_core.forwardRef)((props, ref) => {
-  const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
-  const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
-  const css = { tableLayout: layout, ...styles.table };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_core.ui.table,
-    {
-      ref,
-      className: (0, import_utils.cx)("ui-native-table", className),
-      __css: css,
-      ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
-    }
-  ) });
-});
+var NativeTable = (0, import_core.forwardRef)(
+  (props, ref) => {
+    const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Table", props);
+    const { className, layout, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
+    const css = { tableLayout: layout, ...styles.table };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableStyleProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.table,
+      {
+        ref,
+        className: (0, import_utils.cx)("ui-native-table", className),
+        __css: css,
+        ...(0, import_utils.omitObject)(rest, ["withColumnBorders", "highlightOnHover"])
+      }
+    ) });
+  }
+);
 
@@ -58,3 +60,11 @@ // src/tr.tsx
   const css = { ...styles.tr };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.tr, { ref, className: (0, import_utils2.cx)("ui-table-tr", className), __css: css, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_core2.ui.tr,
+    {
+      ref,
+      className: (0, import_utils2.cx)("ui-table-tr", className),
+      __css: css,
+      ...rest
+    }
+  );
 });
@@ -61,0 +71,0 @@ // Annotate the CommonJS export names for ESM import in node:

package.json

 {
   "name": "@yamada-ui/native-table",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "Yamada UI native table component",
@@ -38,4 +38,4 @@ "keywords": [
   "dependencies": {
-    "@yamada-ui/core": "0.5.1",
-    "@yamada-ui/utils": "0.1.3"
+    "@yamada-ui/core": "0.5.2",
+    "@yamada-ui/utils": "0.1.4"
   },
@@ -42,0 +42,0 @@ "devDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

49671

increased by3.22%

Lines of code

1289

increased by17.72%

Dependency changes

• + Added@yamada-ui/core@0.5.2(transitive)

• + Added@yamada-ui/portal@0.2.3(transitive)

• + Added@yamada-ui/utils@0.1.4(transitive)

• - Removed@yamada-ui/core@0.5.1(transitive)

• - Removed@yamada-ui/portal@0.2.2(transitive)

• - Removed@yamada-ui/utils@0.1.3(transitive)

• Updated@yamada-ui/core@0.5.2

• Updated@yamada-ui/utils@0.1.4