@locusgraph/components 0.2.1 → 0.2.2

package/dist/display/table.js

@@ -1,320 +1,87 @@
-import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import { jsx as _jsx } from "react/jsx-runtime";
-function Table(t0) {
-  const $ = _c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
+function Table({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "table-container",
+    className: "relative w-full overflow-x-auto scroll-fade-x",
+    children: /*#__PURE__*/_jsx("table", {
+      "data-slot": "table",
+      className: cn("w-full caption-bottom text-sm", className),
       ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = cn("w-full caption-bottom text-sm", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "table-container",
-      className: "relative w-full overflow-x-auto scroll-fade-x",
-      children: /*#__PURE__*/_jsx("table", {
-        "data-slot": "table",
-        className: t1,
-        ...props
-      })
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+    })
+  });
 }
-function TableHeader(t0) {
-  const $ = _c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = cn("[&_tr]:border-b", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("thead", {
-      "data-slot": "table-header",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function TableHeader({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("thead", {
+    "data-slot": "table-header",
+    className: cn("[&_tr]:border-b", className),
+    ...props
+  });
 }
-function TableBody(t0) {
-  const $ = _c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = cn("[&_tr:last-child]:border-0", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("tbody", {
-      "data-slot": "table-body",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function TableBody({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("tbody", {
+    "data-slot": "table-body",
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  });
 }
-function TableFooter(t0) {
-  const $ = _c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("tfoot", {
-      "data-slot": "table-footer",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function TableFooter({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("tfoot", {
+    "data-slot": "table-footer",
+    className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+    ...props
+  });
 }
-function TableRow(t0) {
-  const $ = _c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = cn("border-b transition-colors duration-150 ease-out hover:bg-muted/40 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("tr", {
-      "data-slot": "table-row",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function TableRow({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("tr", {
+    "data-slot": "table-row",
+    className: cn("border-b transition-colors duration-150 ease-out hover:bg-muted/40 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", className),
+    ...props
+  });
 }
-function TableHead(t0) {
-  const $ = _c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = cn("eyebrow h-9 px-3 text-left align-middle font-normal whitespace-nowrap sm:px-4 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("th", {
-      "data-slot": "table-head",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function TableHead({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("th", {
+    "data-slot": "table-head",
+    className: cn("eyebrow h-9 px-3 text-left align-middle font-normal whitespace-nowrap sm:px-4 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+    ...props
+  });
 }
-function TableCell(t0) {
-  const $ = _c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = cn("px-3 py-2.5 align-middle whitespace-nowrap tabular-nums sm:px-4 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("td", {
-      "data-slot": "table-cell",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function TableCell({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("td", {
+    "data-slot": "table-cell",
+    className: cn("px-3 py-2.5 align-middle whitespace-nowrap tabular-nums sm:px-4 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+    ...props
+  });
 }
-function TableCaption(t0) {
-  const $ = _c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = cn("mt-4 text-sm text-muted-foreground", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("caption", {
-      "data-slot": "table-caption",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("caption", {
+    "data-slot": "table-caption",
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  });
 }
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/form/field/field-error.js

@@ -1,123 +1,40 @@
-import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import { jsx as _jsx } from "react/jsx-runtime";
 function uniqueMessages(errors) {
   const messages = errors.map(error => error?.message).filter(message => !!message);
   return [...new Set(messages)];
 }
-function FieldErrorContent(t0) {
-  const $ = _c(4);
-  const {
-    messages
-  } = t0;
+function FieldErrorContent({
+  messages
+}) {
   if (messages.length === 1) {
     return messages[0];
   }
-  let t1;
-  if ($[0] !== messages) {
-    t1 = messages.map(_temp);
-    $[0] = messages;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== t1) {
-    t2 = /*#__PURE__*/_jsx("ul", {
-      className: "ml-4 flex list-disc flex-col gap-1",
-      children: t1
-    });
-    $[2] = t1;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  return t2;
-}
-function _temp(message) {
-  return /*#__PURE__*/_jsx("li", {
-    children: message
-  }, message);
+  return /*#__PURE__*/_jsx("ul", {
+    className: "ml-4 flex list-disc flex-col gap-1",
+    children: messages.map(message => /*#__PURE__*/_jsx("li", {
+      children: message
+    }, message))
+  });
 }
-function FieldError(t0) {
-  const $ = _c(18);
-  let children;
-  let className;
-  let errors;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      children,
-      errors,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = errors;
-    $[4] = props;
-  } else {
-    children = $[1];
-    className = $[2];
-    errors = $[3];
-    props = $[4];
-  }
-  let t1;
-  if ($[5] !== errors) {
-    t1 = errors ?? [];
-    $[5] = errors;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  let t2;
-  if ($[7] !== t1) {
-    t2 = uniqueMessages(t1);
-    $[7] = t1;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  const messages = t2;
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}) {
+  const messages = uniqueMessages(errors ?? []);
   if (!children && messages.length === 0) {
     return null;
   }
-  let t3;
-  if ($[9] !== className) {
-    t3 = cn("text-sm font-normal text-destructive", className);
-    $[9] = className;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  let t4;
-  if ($[11] !== children || $[12] !== messages) {
-    t4 = children ?? /*#__PURE__*/_jsx(FieldErrorContent, {
+  return /*#__PURE__*/_jsx("div", {
+    role: "alert",
+    "data-slot": "field-error",
+    className: cn("text-sm font-normal text-destructive", className),
+    ...props,
+    children: children ?? /*#__PURE__*/_jsx(FieldErrorContent, {
       messages: messages
-    });
-    $[11] = children;
-    $[12] = messages;
-    $[13] = t4;
-  } else {
-    t4 = $[13];
-  }
-  let t5;
-  if ($[14] !== props || $[15] !== t3 || $[16] !== t4) {
-    t5 = /*#__PURE__*/_jsx("div", {
-      role: "alert",
-      "data-slot": "field-error",
-      className: t3,
-      ...props,
-      children: t4
-    });
-    $[14] = props;
-    $[15] = t3;
-    $[16] = t4;
-    $[17] = t5;
-  } else {
-    t5 = $[17];
-  }
-  return t5;
+    })
+  });
 }
 export { FieldError };

package/dist/form/field/field-separator.js

@@ -1,74 +1,23 @@
-import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import { Separator } from "../../display/separator.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function FieldSeparator(t0) {
-  const $ = _c(14);
-  let children;
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      children,
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = props;
-  } else {
-    children = $[1];
-    className = $[2];
-    props = $[3];
-  }
-  const t1 = !!children;
-  let t2;
-  if ($[4] !== className) {
-    t2 = cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className);
-    $[4] = className;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  let t3;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /*#__PURE__*/_jsx(Separator, {
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs("div", {
+    "data-slot": "field-separator",
+    "data-content": !!children,
+    className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
+    ...props,
+    children: [/*#__PURE__*/_jsx(Separator, {
       className: "absolute inset-0 top-1/2"
-    });
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== children) {
-    t4 = children && /*#__PURE__*/_jsx("span", {
+    }), children && /*#__PURE__*/_jsx("span", {
       className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
       "data-slot": "field-separator-content",
       children: children
-    });
-    $[7] = children;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] !== props || $[10] !== t1 || $[11] !== t2 || $[12] !== t4) {
-    t5 = /*#__PURE__*/_jsxs("div", {
-      "data-slot": "field-separator",
-      "data-content": t1,
-      className: t2,
-      ...props,
-      children: [t3, t4]
-    });
-    $[9] = props;
-    $[10] = t1;
-    $[11] = t2;
-    $[12] = t4;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  return t5;
+    })]
+  });
 }
 export { FieldSeparator };