@locusgraph/components 0.1.1 → 0.2.1

package/dist/display/status/empty.js

@@ -1,33 +1,261 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
-function Empty({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty", className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12", className), ...props }));
+import { jsx as _jsx } from "react/jsx-runtime";
+function Empty(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("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 p-6 text-center text-balance md:p-12", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      "data-slot": "empty",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function EmptyHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-header", className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className), ...props }));
+function EmptyHeader(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("flex max-w-sm flex-col items-center gap-2 text-center", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      "data-slot": "empty-header",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
 const emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
-    variants: {
-        variant: {
-            default: "bg-transparent",
-            icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
 });
-function EmptyMedia({ className, variant = "default", ...props }) {
-    return (_jsx("div", { "data-slot": "empty-icon", "data-variant": variant, className: cn(emptyMediaVariants({ variant, className })), ...props }));
+function EmptyMedia(t0) {
+  const $ = _c(11);
+  let className;
+  let props;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      className,
+      variant: t1,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    className = $[1];
+    props = $[2];
+    t1 = $[3];
+  }
+  const variant = t1 === undefined ? "default" : t1;
+  let t2;
+  if ($[4] !== className || $[5] !== variant) {
+    t2 = cn(emptyMediaVariants({
+      variant,
+      className
+    }));
+    $[4] = className;
+    $[5] = variant;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== props || $[8] !== t2 || $[9] !== variant) {
+    t3 = /*#__PURE__*/_jsx("div", {
+      "data-slot": "empty-icon",
+      "data-variant": variant,
+      className: t2,
+      ...props
+    });
+    $[7] = props;
+    $[8] = t2;
+    $[9] = variant;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  return t3;
 }
-function EmptyTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-title", className: cn("text-lg font-medium tracking-tight", className), ...props }));
+function EmptyTitle(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("text-lg 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": "empty-title",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function EmptyDescription({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-description", className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), ...props }));
+function EmptyDescription(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("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      "data-slot": "empty-description",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function EmptyContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-content", className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className), ...props }));
+function EmptyContent(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("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      "data-slot": "empty-content",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

package/dist/display/status/progress.d.ts

@@ -1,4 +1,8 @@
 import * as ProgressPrimitive from "radix-ui/progress";
 import * as React from "react";
-declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): React.JSX.Element;
+type ProgressTone = "default" | "good" | "warn" | "destructive" | "auto";
+declare function Progress({ className, value, max, tone, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root> & {
+    tone?: ProgressTone;
+}): React.JSX.Element;
+export type { ProgressTone };
 export { Progress };

package/dist/display/status/progress.js

@@ -1,8 +1,125 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import * as ProgressPrimitive from "radix-ui/progress";
-function Progress({ className, value, ...props }) {
-    return (_jsx(ProgressPrimitive.Root, { "data-slot": "progress", className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: "h-full w-full flex-1 bg-primary transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) }));
+import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+const indicatorToneClass = {
+  default: "bg-primary",
+  good: "bg-good",
+  warn: "bg-warn",
+  destructive: "bg-destructive"
+};
+function resolveTone(tone, percent) {
+  if (tone !== "auto") return tone;
+  if (percent >= 100) return "destructive";
+  if (percent >= 80) return "warn";
+  return "default";
+}
+function Progress(t0) {
+  const $ = _c(25);
+  let className;
+  let props;
+  let t1;
+  let t2;
+  let value;
+  if ($[0] !== t0) {
+    ({
+      className,
+      value,
+      max: t1,
+      tone: t2,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = t1;
+    $[4] = t2;
+    $[5] = value;
+  } else {
+    className = $[1];
+    props = $[2];
+    t1 = $[3];
+    t2 = $[4];
+    value = $[5];
+  }
+  const max = t1 === undefined ? 100 : t1;
+  const tone = t2 === undefined ? "default" : t2;
+  const percent = max > 0 ? (value ?? 0) / max * 100 : 0;
+  let t3;
+  if ($[6] !== percent || $[7] !== tone) {
+    t3 = resolveTone(tone, percent);
+    $[6] = percent;
+    $[7] = tone;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const resolvedTone = t3;
+  let t4;
+  if ($[9] !== className) {
+    t4 = cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className);
+    $[9] = className;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const t5 = indicatorToneClass[resolvedTone];
+  let t6;
+  if ($[11] !== t5) {
+    t6 = cn("h-full w-full flex-1 transition-all", t5);
+    $[11] = t5;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  const t7 = `translateX(-${100 - Math.min(percent, 100)}%)`;
+  let t8;
+  if ($[13] !== t7) {
+    t8 = {
+      transform: t7
+    };
+    $[13] = t7;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] !== t6 || $[16] !== t8) {
+    t9 = /*#__PURE__*/_jsx(ProgressPrimitive.Indicator, {
+      "data-slot": "progress-indicator",
+      className: t6,
+      style: t8
+    });
+    $[15] = t6;
+    $[16] = t8;
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+  let t10;
+  if ($[18] !== max || $[19] !== props || $[20] !== resolvedTone || $[21] !== t4 || $[22] !== t9 || $[23] !== value) {
+    t10 = /*#__PURE__*/_jsx(ProgressPrimitive.Root, {
+      "data-slot": "progress",
+      "data-tone": resolvedTone,
+      value: value,
+      max: max,
+      className: t4,
+      ...props,
+      children: t9
+    });
+    $[18] = max;
+    $[19] = props;
+    $[20] = resolvedTone;
+    $[21] = t4;
+    $[22] = t9;
+    $[23] = value;
+    $[24] = t10;
+  } else {
+    t10 = $[24];
+  }
+  return t10;
 }
 export { Progress };

package/dist/display/status/skeleton.js

@@ -1,6 +1,43 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
-function Skeleton({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-accent", className), ...props }));
+import { jsx as _jsx } from "react/jsx-runtime";
+function Skeleton(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("animate-pulse rounded-md bg-skeleton", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      "data-slot": "skeleton",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
 export { Skeleton };

package/dist/display/status/spinner.js

@@ -1,7 +1,45 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
+import { InProgress as Loader2Icon } from "@carbon/icons-react";
 import { cn } from "cn";
-import { Loader2Icon } from "lucide-react";
-function Spinner({ className, ...props }) {
-    return (_jsx(Loader2Icon, { role: "status", "aria-label": "Loading", className: cn("size-4 animate-spin", className), ...props }));
+import { jsx as _jsx } from "react/jsx-runtime";
+function Spinner(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("size-4 animate-spin", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx(Loader2Icon, {
+      role: "status",
+      "aria-label": "Loading",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
 export { Spinner };