@locusgraph/components 0.2.0 → 0.2.2

package/dist/display/status/progress.js

@@ -1,25 +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";
+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",
+  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";
+  if (tone !== "auto") return tone;
+  if (percent >= 100) return "destructive";
+  if (percent >= 80) return "warn";
+  return "default";
 }
-function Progress({ className, value, max = 100, tone = "default", ...props }) {
-    const percent = max > 0 ? ((value ?? 0) / max) * 100 : 0;
-    const resolvedTone = resolveTone(tone, percent);
-    return (_jsx(ProgressPrimitive.Root, { "data-slot": "progress", "data-tone": resolvedTone, value: value, max: max, 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: cn("h-full w-full flex-1 transition-all", indicatorToneClass[resolvedTone]), style: { transform: `translateX(-${100 - Math.min(percent, 100)}%)` } }) }));
+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,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "cn";
-function Skeleton({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-skeleton", className), ...props }));
+import { jsx as _jsx } from "react/jsx-runtime";
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "skeleton",
+    className: cn("animate-pulse rounded-md bg-skeleton", className),
+    ...props
+  });
 }
 export { Skeleton };

package/dist/display/status/spinner.js

@@ -1,7 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { InProgress as Loader2Icon } from "@carbon/icons-react";
 import { cn } from "cn";
-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({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Loader2Icon, {
+    role: "status",
+    "aria-label": "Loading",
+    className: cn("size-4 animate-spin", className),
+    ...props
+  });
 }
 export { Spinner };

package/dist/display/table.js

@@ -1,27 +1,87 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "cn";
-function Table({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto scroll-fade-x", children: _jsx("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+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
+    })
+  });
 }
-function TableHeader({ className, ...props }) {
-    return _jsx("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
+function TableHeader({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("thead", {
+    "data-slot": "table-header",
+    className: cn("[&_tr]:border-b", className),
+    ...props
+  });
 }
-function TableBody({ className, ...props }) {
-    return (_jsx("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props }));
+function TableBody({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("tbody", {
+    "data-slot": "table-body",
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  });
 }
-function TableFooter({ className, ...props }) {
-    return (_jsx("tfoot", { "data-slot": "table-footer", className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
+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({ className, ...props }) {
-    return (_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 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({ className, ...props }) {
-    return (_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 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({ className, ...props }) {
-    return (_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 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({ className, ...props }) {
-    return (_jsx("caption", { "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+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/feedback/toaster.js

@@ -1,30 +1,107 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CheckmarkOutline as CircleCheckIcon, Information as InfoIcon, InProgress as Loader2Icon, ErrorOutline as OctagonXIcon, WarningAlt as TriangleAlertIcon, } from "@carbon/icons-react";
+
+import { c as _c } from "react/compiler-runtime";
+import { CheckmarkOutline as CircleCheckIcon, Information as InfoIcon, InProgress as Loader2Icon, ErrorOutline as OctagonXIcon, WarningAlt as TriangleAlertIcon } from "@carbon/icons-react";
 import { Toaster as Sonner } from "sonner";
+import { jsx as _jsx } from "react/jsx-runtime";
 const toasterColors = {
-    "--normal-bg": "var(--popover)",
-    "--normal-text": "var(--popover-foreground)",
-    "--normal-border": "var(--border)",
-    "--border-radius": "var(--radius)",
+  "--normal-bg": "var(--popover)",
+  "--normal-text": "var(--popover-foreground)",
+  "--normal-border": "var(--border)",
+  "--border-radius": "var(--radius)"
 };
 const statusRuleClassNames = {
-    success: "border-l-2! border-l-good! [&_[data-icon]]:text-good",
-    info: "border-l-2! border-l-info! [&_[data-icon]]:text-info",
-    warning: "border-l-2! border-l-warn! [&_[data-icon]]:text-warn",
-    error: "border-l-2! border-l-destructive! [&_[data-icon]]:text-destructive",
+  success: "border-l-2! border-l-good! [&_[data-icon]]:text-good",
+  info: "border-l-2! border-l-info! [&_[data-icon]]:text-info",
+  warning: "border-l-2! border-l-warn! [&_[data-icon]]:text-warn",
+  error: "border-l-2! border-l-destructive! [&_[data-icon]]:text-destructive"
 };
-function Toaster({ theme = "system", toastOptions, ...props }) {
-    return (_jsx(Sonner, { theme: theme, className: "toaster group", toastOptions: {
-            ...toastOptions,
-            classNames: { ...statusRuleClassNames, ...toastOptions?.classNames },
-        }, icons: {
-            success: _jsx(CircleCheckIcon, { className: "size-4" }),
-            info: _jsx(InfoIcon, { className: "size-4" }),
-            warning: _jsx(TriangleAlertIcon, { className: "size-4" }),
-            error: _jsx(OctagonXIcon, { className: "size-4" }),
-            loading: _jsx(Loader2Icon, { className: "size-4 animate-spin" }),
-        }, style: toasterColors, ...props }));
+function Toaster(t0) {
+  const $ = _c(14);
+  let props;
+  let t1;
+  let toastOptions;
+  if ($[0] !== t0) {
+    ({
+      theme: t1,
+      toastOptions,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+    $[2] = t1;
+    $[3] = toastOptions;
+  } else {
+    props = $[1];
+    t1 = $[2];
+    toastOptions = $[3];
+  }
+  const theme = t1 === undefined ? "system" : t1;
+  const t2 = toastOptions?.classNames;
+  let t3;
+  if ($[4] !== t2) {
+    t3 = {
+      ...statusRuleClassNames,
+      ...t2
+    };
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t3 || $[7] !== toastOptions) {
+    t4 = {
+      ...toastOptions,
+      classNames: t3
+    };
+    $[6] = t3;
+    $[7] = toastOptions;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = {
+      success: /*#__PURE__*/_jsx(CircleCheckIcon, {
+        className: "size-4"
+      }),
+      info: /*#__PURE__*/_jsx(InfoIcon, {
+        className: "size-4"
+      }),
+      warning: /*#__PURE__*/_jsx(TriangleAlertIcon, {
+        className: "size-4"
+      }),
+      error: /*#__PURE__*/_jsx(OctagonXIcon, {
+        className: "size-4"
+      }),
+      loading: /*#__PURE__*/_jsx(Loader2Icon, {
+        className: "size-4 animate-spin"
+      })
+    };
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== props || $[11] !== t4 || $[12] !== theme) {
+    t6 = /*#__PURE__*/_jsx(Sonner, {
+      theme: theme,
+      className: "toaster group",
+      toastOptions: t4,
+      icons: t5,
+      style: toasterColors,
+      ...props
+    });
+    $[10] = props;
+    $[11] = t4;
+    $[12] = theme;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  return t6;
 }
 export { toast } from "sonner";
 export { Toaster };

package/dist/form/advanced/calendar-day-button.js

@@ -1,19 +1,96 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import * as React from "react";
 import { getDefaultClassNames } from "react-day-picker";
 import { Button } from "../../action/button.js";
-function CalendarDayButton({ className, day, modifiers, ...props }) {
-    const defaultClassNames = getDefaultClassNames();
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (modifiers.focused)
-            ref.current?.focus();
-    }, [modifiers.focused]);
-    return (_jsx(Button, { ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
-            !modifiers.range_start &&
-            !modifiers.range_end &&
-            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-2 group-data-[focused=true]/day:ring-ring/70 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:rounded-none data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className), ...props }));
+import { jsx as _jsx } from "react/jsx-runtime";
+function CalendarDayButton(t0) {
+  const $ = _c(19);
+  let className;
+  let day;
+  let modifiers;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      day,
+      modifiers,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = day;
+    $[3] = modifiers;
+    $[4] = props;
+  } else {
+    className = $[1];
+    day = $[2];
+    modifiers = $[3];
+    props = $[4];
+  }
+  const defaultClassNames = getDefaultClassNames();
+  const ref = React.useRef(null);
+  let t1;
+  let t2;
+  if ($[5] !== modifiers.focused) {
+    t1 = () => {
+      if (modifiers.focused) {
+        ref.current?.focus();
+      }
+    };
+    t2 = [modifiers.focused];
+    $[5] = modifiers.focused;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t1 = $[6];
+    t2 = $[7];
+  }
+  React.useEffect(t1, t2);
+  const T0 = Button;
+  const t3 = "ghost";
+  const t4 = "icon";
+  let t5;
+  if ($[8] !== day.date) {
+    t5 = day.date.toLocaleDateString();
+    $[8] = day.date;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  const t6 = modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle;
+  const t7 = modifiers.range_start;
+  const t8 = modifiers.range_end;
+  const t9 = modifiers.range_middle;
+  const t10 = cn("flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-2 group-data-[focused=true]/day:ring-ring/70 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:rounded-none data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className);
+  let t11;
+  if ($[10] !== T0 || $[11] !== modifiers.range_end || $[12] !== modifiers.range_middle || $[13] !== modifiers.range_start || $[14] !== props || $[15] !== t10 || $[16] !== t5 || $[17] !== t6) {
+    t11 = /*#__PURE__*/_jsx(T0, {
+      ref: ref,
+      variant: t3,
+      size: t4,
+      "data-day": t5,
+      "data-selected-single": t6,
+      "data-range-start": t7,
+      "data-range-end": t8,
+      "data-range-middle": t9,
+      className: t10,
+      ...props
+    });
+    $[10] = T0;
+    $[11] = modifiers.range_end;
+    $[12] = modifiers.range_middle;
+    $[13] = modifiers.range_start;
+    $[14] = props;
+    $[15] = t10;
+    $[16] = t5;
+    $[17] = t6;
+    $[18] = t11;
+  } else {
+    t11 = $[18];
+  }
+  return t11;
 }
 export { CalendarDayButton };