@locusgraph/components 0.2.1 → 0.2.2

package/dist/display/skeletons/shapes/skeleton-avatar.js

@@ -1,4 +1,3 @@
-import { c as _c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import { SkeletonBar, SkeletonLoadingLabel, skeletonRootProps } from "../skeleton-parts.js";
@@ -15,88 +14,25 @@ const skeletonAvatarVariants = cva("rounded-full", {
     size: "md"
   }
 });
-function SkeletonAvatar(t0) {
-  const $ = _c(19);
-  let className;
-  let label;
-  let props;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      size: t1,
-      label,
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = label;
-    $[3] = props;
-    $[4] = t1;
-  } else {
-    className = $[1];
-    label = $[2];
-    props = $[3];
-    t1 = $[4];
-  }
-  const size = t1 === undefined ? "md" : t1;
-  let t2;
-  if ($[5] !== className) {
-    t2 = cn("inline-flex shrink-0", className);
-    $[5] = className;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  let t3;
-  if ($[7] !== size) {
-    t3 = skeletonAvatarVariants({
-      size
-    });
-    $[7] = size;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  let t4;
-  if ($[9] !== t3) {
-    t4 = /*#__PURE__*/_jsx(SkeletonBar, {
-      className: t3
-    });
-    $[9] = t3;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  let t5;
-  if ($[11] !== label) {
-    t5 = /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
+function SkeletonAvatar({
+  size = "md",
+  label,
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs("div", {
+    "data-slot": "skeleton-avatar",
+    "data-size": size,
+    ...skeletonRootProps,
+    className: cn("inline-flex shrink-0", className),
+    ...props,
+    children: [/*#__PURE__*/_jsx(SkeletonBar, {
+      className: skeletonAvatarVariants({
+        size
+      })
+    }), /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
       children: label
-    });
-    $[11] = label;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  let t6;
-  if ($[13] !== props || $[14] !== size || $[15] !== t2 || $[16] !== t4 || $[17] !== t5) {
-    t6 = /*#__PURE__*/_jsxs("div", {
-      "data-slot": "skeleton-avatar",
-      "data-size": size,
-      ...skeletonRootProps,
-      className: t2,
-      ...props,
-      children: [t4, t5]
-    });
-    $[13] = props;
-    $[14] = size;
-    $[15] = t2;
-    $[16] = t4;
-    $[17] = t5;
-    $[18] = t6;
-  } else {
-    t6 = $[18];
-  }
-  return t6;
+    })]
+  });
 }
 export { SkeletonAvatar, skeletonAvatarVariants };

package/dist/display/skeletons/shapes/skeleton-button.js

@@ -1,4 +1,3 @@
-import { c as _c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import { SkeletonBar, SkeletonLoadingLabel, skeletonRootProps } from "../skeleton-parts.js";
@@ -15,88 +14,25 @@ const skeletonButtonVariants = cva("rounded-full", {
     size: "default"
   }
 });
-function SkeletonButton(t0) {
-  const $ = _c(19);
-  let className;
-  let label;
-  let props;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      size: t1,
-      label,
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = label;
-    $[3] = props;
-    $[4] = t1;
-  } else {
-    className = $[1];
-    label = $[2];
-    props = $[3];
-    t1 = $[4];
-  }
-  const size = t1 === undefined ? "default" : t1;
-  let t2;
-  if ($[5] !== className) {
-    t2 = cn("inline-flex shrink-0", className);
-    $[5] = className;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  let t3;
-  if ($[7] !== size) {
-    t3 = skeletonButtonVariants({
-      size
-    });
-    $[7] = size;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  let t4;
-  if ($[9] !== t3) {
-    t4 = /*#__PURE__*/_jsx(SkeletonBar, {
-      className: t3
-    });
-    $[9] = t3;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  let t5;
-  if ($[11] !== label) {
-    t5 = /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
+function SkeletonButton({
+  size = "default",
+  label,
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs("div", {
+    "data-slot": "skeleton-button",
+    "data-size": size,
+    ...skeletonRootProps,
+    className: cn("inline-flex shrink-0", className),
+    ...props,
+    children: [/*#__PURE__*/_jsx(SkeletonBar, {
+      className: skeletonButtonVariants({
+        size
+      })
+    }), /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
       children: label
-    });
-    $[11] = label;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  let t6;
-  if ($[13] !== props || $[14] !== size || $[15] !== t2 || $[16] !== t4 || $[17] !== t5) {
-    t6 = /*#__PURE__*/_jsxs("div", {
-      "data-slot": "skeleton-button",
-      "data-size": size,
-      ...skeletonRootProps,
-      className: t2,
-      ...props,
-      children: [t4, t5]
-    });
-    $[13] = props;
-    $[14] = size;
-    $[15] = t2;
-    $[16] = t4;
-    $[17] = t5;
-    $[18] = t6;
-  } else {
-    t6 = $[18];
-  }
-  return t6;
+    })]
+  });
 }
 export { SkeletonButton, skeletonButtonVariants };

package/dist/display/skeletons/shapes/skeleton-text.js

@@ -1,84 +1,31 @@
-import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import { SkeletonBar, SkeletonLoadingLabel, skeletonRootProps } from "../skeleton-parts.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function lineWidth(index, lines) {
   return lines > 1 && index === lines - 1 ? "w-3/5" : "w-full";
 }
-function SkeletonText(t0) {
-  const $ = _c(16);
-  let className;
-  let label;
-  let props;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      lines: t1,
-      label,
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = label;
-    $[3] = props;
-    $[4] = t1;
-  } else {
-    className = $[1];
-    label = $[2];
-    props = $[3];
-    t1 = $[4];
-  }
-  const lines = t1 === undefined ? 3 : t1;
+function SkeletonText({
+  lines = 3,
+  label,
+  className,
+  ...props
+}) {
   const count = Math.max(1, Math.floor(lines));
-  let t2;
-  if ($[5] !== className) {
-    t2 = cn("flex w-full flex-col gap-2", className);
-    $[5] = className;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  let t3;
-  if ($[7] !== count) {
-    t3 = Array.from({
+  return /*#__PURE__*/_jsxs("div", {
+    "data-slot": "skeleton-text",
+    ...skeletonRootProps,
+    className: cn("flex w-full flex-col gap-2", className),
+    ...props,
+    children: [Array.from({
       length: count
-    }, (_, index) => /*#__PURE__*/_jsx(SkeletonBar, {
+    }, (_, index) => /*#__PURE__*/_jsx(SkeletonBar
+    // biome-ignore lint/suspicious/noArrayIndexKey: placeholder lines have no identity
+    , {
       "data-slot": "skeleton-text-line",
       className: cn("h-4", lineWidth(index, count))
-    }, index));
-    $[7] = count;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  let t4;
-  if ($[9] !== label) {
-    t4 = /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
+    }, index)), /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
       children: label
-    });
-    $[9] = label;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  let t5;
-  if ($[11] !== props || $[12] !== t2 || $[13] !== t3 || $[14] !== t4) {
-    t5 = /*#__PURE__*/_jsxs("div", {
-      "data-slot": "skeleton-text",
-      ...skeletonRootProps,
-      className: t2,
-      ...props,
-      children: [t3, t4]
-    });
-    $[11] = props;
-    $[12] = t2;
-    $[13] = t3;
-    $[14] = t4;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  return t5;
+    })]
+  });
 }
 export { SkeletonText };

package/dist/display/skeletons/skeleton-parts.js

@@ -1,65 +1,24 @@
-import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import { Skeleton } from "../status/skeleton.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-function SkeletonBar(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("rounded-none bg-skeleton motion-reduce:animate-none", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx(Skeleton, {
-      "aria-hidden": "true",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function SkeletonBar({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Skeleton, {
+    "aria-hidden": "true",
+    className: cn("rounded-none bg-skeleton motion-reduce:animate-none", className),
+    ...props
+  });
 }
-function SkeletonLoadingLabel(t0) {
-  const $ = _c(2);
-  const {
-    children: t1
-  } = t0;
-  const children = t1 === undefined ? "Loading\u2026" : t1;
-  let t2;
-  if ($[0] !== children) {
-    t2 = /*#__PURE__*/_jsx("span", {
-      "data-slot": "skeleton-loading-label",
-      className: "sr-only",
-      children: children
-    });
-    $[0] = children;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  return t2;
+function SkeletonLoadingLabel({
+  children = "Loading…"
+}) {
+  return /*#__PURE__*/_jsx("span", {
+    "data-slot": "skeleton-loading-label",
+    className: "sr-only",
+    children: children
+  });
 }
 const skeletonRootProps = {
   role: "status",

package/dist/display/status/alert.js

@@ -1,4 +1,3 @@
-import { c as _c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import * as React from "react";
@@ -16,129 +15,38 @@ const alertVariants = cva("relative grid w-full grid-cols-[0_1fr] items-start ga
     variant: "default"
   }
 });
-function Alert(t0) {
-  const $ = _c(10);
-  let className;
-  let props;
-  let variant;
-  if ($[0] !== t0) {
-    ({
-      className,
-      variant,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-    $[3] = variant;
-  } else {
-    className = $[1];
-    props = $[2];
-    variant = $[3];
-  }
-  let t1;
-  if ($[4] !== className || $[5] !== variant) {
-    t1 = cn(alertVariants({
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "alert",
+    role: "alert",
+    className: cn(alertVariants({
       variant
-    }), className);
-    $[4] = className;
-    $[5] = variant;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  let t2;
-  if ($[7] !== props || $[8] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "alert",
-      role: "alert",
-      className: t1,
-      ...props
-    });
-    $[7] = props;
-    $[8] = t1;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  return t2;
+    }), className),
+    ...props
+  });
 }
-function AlertTitle(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("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "alert-title",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function AlertTitle({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "alert-title",
+    className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
+    ...props
+  });
 }
-function AlertDescription(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("col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "alert-description",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "alert-description",
+    className: cn("col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed", className),
+    ...props
+  });
 }
 export { Alert, AlertDescription, AlertTitle };