@firecms/ui 3.0.0-canary.265 → 3.0.0-canary.267

package/dist/index.es.js

@@ -31697,29 +31697,191 @@ function Tab(t0) {
   }
   return t4;
 }
-const Table = ({
-  children,
-  className,
-  style,
-  ...rest
-}) => /* @__PURE__ */ jsx("table", { className: cls("text-left text-surface-800 dark:text-white rounded-md overflow-x-auto", className), style, ...rest, children });
-const TableBody = ({
-  children,
-  className,
-  ...rest
-}) => /* @__PURE__ */ jsx("tbody", { className: cls("bg-white dark:bg-surface-950 text-sm divide-y divide-surface-100 dark:divide-surface-700 dark:divide-opacity-70", className), ...rest, children });
-const TableHeader = ({
-  children,
-  className,
-  ...rest
-}) => /* @__PURE__ */ jsx("thead", { ...rest, children: /* @__PURE__ */ jsx("tr", { className: cls(defaultBorderMixin, "text-sm font-medium text-surface-700 dark:text-surface-accent-300", "bg-surface-accent-50 border-b dark:bg-surface-900", className), children }) });
-const TableRow = ({
-  children,
-  className,
-  onClick,
-  style,
-  ...rest
-}) => /* @__PURE__ */ jsx("tr", { onClick, style, className: cls("bg-white dark:bg-surface-950", onClick ? "hover:bg-surface-accent-100 dark:hover:bg-surface-accent-800 cursor-pointer" : "", className), ...rest, children });
+const Table = (t0) => {
+  const $ = c(12);
+  let children;
+  let className;
+  let rest;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      style,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = rest;
+    $[4] = style;
+  } else {
+    children = $[1];
+    className = $[2];
+    rest = $[3];
+    style = $[4];
+  }
+  let t1;
+  if ($[5] !== className) {
+    t1 = cls("text-left text-surface-800 dark:text-white rounded-md overflow-x-auto", className);
+    $[5] = className;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== children || $[8] !== rest || $[9] !== style || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx("table", { className: t1, style, ...rest, children });
+    $[7] = children;
+    $[8] = rest;
+    $[9] = style;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+};
+const TableBody = (t0) => {
+  const $ = c(10);
+  let children;
+  let className;
+  let rest;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = rest;
+  } else {
+    children = $[1];
+    className = $[2];
+    rest = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = cls("bg-white dark:bg-surface-950 text-sm divide-y divide-surface-100 dark:divide-surface-700 dark:divide-opacity-70", className);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx("tbody", { className: t1, ...rest, children });
+    $[6] = children;
+    $[7] = rest;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+};
+const TableHeader = (t0) => {
+  const $ = c(12);
+  let children;
+  let className;
+  let rest;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = rest;
+  } else {
+    children = $[1];
+    className = $[2];
+    rest = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = cls(defaultBorderMixin, "text-sm font-medium text-surface-700 dark:text-surface-accent-300", "bg-surface-accent-50 border-b dark:bg-surface-900", className);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== children || $[7] !== t1) {
+    t2 = /* @__PURE__ */ jsx("tr", { className: t1, children });
+    $[6] = children;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== rest || $[10] !== t2) {
+    t3 = /* @__PURE__ */ jsx("thead", { ...rest, children: t2 });
+    $[9] = rest;
+    $[10] = t2;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
+};
+const TableRow = (t0) => {
+  const $ = c(15);
+  let children;
+  let className;
+  let onClick;
+  let rest;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      onClick,
+      style,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = onClick;
+    $[4] = rest;
+    $[5] = style;
+  } else {
+    children = $[1];
+    className = $[2];
+    onClick = $[3];
+    rest = $[4];
+    style = $[5];
+  }
+  const t1 = onClick ? "hover:bg-surface-accent-100 dark:hover:bg-surface-accent-800 cursor-pointer" : "";
+  let t2;
+  if ($[6] !== className || $[7] !== t1) {
+    t2 = cls("bg-white dark:bg-surface-950", t1, className);
+    $[6] = className;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== children || $[10] !== onClick || $[11] !== rest || $[12] !== style || $[13] !== t2) {
+    t3 = /* @__PURE__ */ jsx("tr", { onClick, style, className: t2, ...rest, children });
+    $[9] = children;
+    $[10] = onClick;
+    $[11] = rest;
+    $[12] = style;
+    $[13] = t2;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  return t3;
+};
 const TableCell = ({
   children,
   header = false,