@locusgraph/components 0.1.1 → 0.2.1

package/dist/display/table.js

@@ -1,27 +1,320 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-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(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("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({ className, ...props }) {
-    return _jsx("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
+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 TableBody({ className, ...props }) {
-    return (_jsx("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", 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 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(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 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(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 TableHead({ className, ...props }) {
-    return (_jsx("th", { "data-slot": "table-head", className: cn("h-9 px-3 text-left align-middle font-mono sm:px-4 text-[11.5px] font-normal whitespace-nowrap text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", 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 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(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 TableCaption({ className, ...props }) {
-    return (_jsx("caption", { "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", 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;
 }
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/feedback/toaster.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
 import { type ToasterProps } from "sonner";
-declare function Toaster({ theme, ...props }: ToasterProps): React.JSX.Element;
+declare function Toaster({ theme, toastOptions, ...props }: ToasterProps): React.JSX.Element;
 export { toast } from "sonner";
 export { Toaster };

package/dist/feedback/toaster.js

@@ -1,32 +1,107 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, } from "lucide-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";
-function statusColors(type, color) {
-    return {
-        [`--${type}-bg`]: `color-mix(in srgb, var(${color}) 8%, var(--popover))`,
-        [`--${type}-border`]: `color-mix(in srgb, var(${color}) 30%, var(--popover))`,
-        [`--${type}-text`]: `var(${color})`,
-    };
-}
+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)",
-    ...statusColors("success", "--good"),
-    ...statusColors("info", "--info"),
-    ...statusColors("warning", "--warn"),
-    ...statusColors("error", "--bad"),
+  "--normal-bg": "var(--popover)",
+  "--normal-text": "var(--popover-foreground)",
+  "--normal-border": "var(--border)",
+  "--border-radius": "var(--radius)"
 };
-function Toaster({ theme = "system", ...props }) {
-    return (_jsx(Sonner, { theme: theme, richColors: true, className: "toaster group", 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 }));
+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"
+};
+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:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 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]: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 };