@locusgraph/components 0.2.0 → 0.2.2

package/dist/display/rule-grid/rule-grid.js

@@ -1,41 +1,98 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
+import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 const ruleGridVariants = cva("grid grid-cols-1 gap-px p-px", {
-    variants: {
-        columns: {
-            1: "",
-            2: "sm:grid-cols-2",
-            3: "sm:grid-cols-2 lg:grid-cols-3",
-            4: "sm:grid-cols-2 lg:grid-cols-4",
-        },
-    },
-    defaultVariants: {
-        columns: 3,
-    },
+  variants: {
+    columns: {
+      1: "",
+      2: "sm:grid-cols-2",
+      3: "sm:grid-cols-2 lg:grid-cols-3",
+      4: "sm:grid-cols-2 lg:grid-cols-4"
+    }
+  },
+  defaultVariants: {
+    columns: 3
+  }
 });
-function RuleGrid({ className, columns = 3, ...props }) {
-    return (_jsx("div", { "data-slot": "rule-grid", "data-columns": columns, className: cn(ruleGridVariants({ columns, className })), ...props }));
+function RuleGrid({
+  className,
+  columns = 3,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "rule-grid",
+    "data-columns": columns,
+    className: cn(ruleGridVariants({
+      columns,
+      className
+    })),
+    ...props
+  });
 }
-function RuleGridCell({ className, asChild = false, interactive = false, ...props }) {
-    const Comp = asChild ? Slot.Root : "div";
-    return (_jsx(Comp, { "data-slot": "rule-grid-cell", "data-interactive": interactive || undefined, className: cn("flex min-w-0 flex-col gap-2 bg-card p-6 text-card-foreground ring-1 ring-border", interactive &&
-            "transition-colors duration-150 ease-out outline-none hover:bg-accent/60 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring active:bg-accent", className), ...props }));
+function RuleGridCell({
+  className,
+  asChild = false,
+  interactive = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "div";
+  return /*#__PURE__*/_jsx(Comp, {
+    "data-slot": "rule-grid-cell",
+    "data-interactive": interactive || undefined,
+    className: cn("flex min-w-0 flex-col gap-2 bg-card p-6 text-card-foreground ring-1 ring-border", interactive && "transition-colors duration-150 ease-out outline-none hover:bg-accent/60 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring active:bg-accent", className),
+    ...props
+  });
 }
-function RuleGridHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "rule-grid-header", className: cn("-mx-6 -mt-6 mb-2 flex min-h-11 items-center gap-2 border-b bg-muted/35 px-6 py-2.5", className), ...props }));
+function RuleGridHeader({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "rule-grid-header",
+    className: cn("-mx-6 -mt-6 mb-2 flex min-h-11 items-center gap-2 border-b bg-muted/35 px-6 py-2.5", className),
+    ...props
+  });
 }
-function RuleGridFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "rule-grid-footer", className: cn("-mx-6 mt-auto -mb-6 flex min-h-12 flex-wrap items-center gap-2 border-t bg-muted/70 px-6 py-3", className), ...props }));
+function RuleGridFooter({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "rule-grid-footer",
+    className: cn("-mx-6 mt-auto -mb-6 flex min-h-12 flex-wrap items-center gap-2 border-t bg-muted/70 px-6 py-3", className),
+    ...props
+  });
 }
-function RuleGridLabel({ className, ...props }) {
-    return _jsx("span", { "data-slot": "rule-grid-label", className: cn("eyebrow", className), ...props });
+function RuleGridLabel({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("span", {
+    "data-slot": "rule-grid-label",
+    className: cn("eyebrow", className),
+    ...props
+  });
 }
-function RuleGridTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "rule-grid-title", className: cn("text-[15px] font-medium tracking-[-0.01em]", className), ...props }));
+function RuleGridTitle({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "rule-grid-title",
+    className: cn("text-[15px] font-medium tracking-[-0.01em]", className),
+    ...props
+  });
 }
-function RuleGridDescription({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "rule-grid-description", className: cn("text-sm text-muted-foreground", className), ...props }));
+function RuleGridDescription({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("p", {
+    "data-slot": "rule-grid-description",
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  });
 }
-export { RuleGrid, RuleGridCell, RuleGridDescription, RuleGridFooter, RuleGridHeader, RuleGridLabel, RuleGridTitle, ruleGridVariants, };
+export { RuleGrid, RuleGridCell, RuleGridDescription, RuleGridFooter, RuleGridHeader, RuleGridLabel, RuleGridTitle, ruleGridVariants };

package/dist/display/separator.js

@@ -1,8 +1,61 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import * as SeparatorPrimitive from "radix-ui/separator";
-function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
-    return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className), ...props }));
+import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function Separator(t0) {
+  const $ = _c(12);
+  let className;
+  let props;
+  let t1;
+  let t2;
+  if ($[0] !== t0) {
+    ({
+      className,
+      orientation: t1,
+      decorative: t2,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    className = $[1];
+    props = $[2];
+    t1 = $[3];
+    t2 = $[4];
+  }
+  const orientation = t1 === undefined ? "horizontal" : t1;
+  const decorative = t2 === undefined ? true : t2;
+  let t3;
+  if ($[5] !== className) {
+    t3 = cn("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className);
+    $[5] = className;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== decorative || $[8] !== orientation || $[9] !== props || $[10] !== t3) {
+    t4 = /*#__PURE__*/_jsx(SeparatorPrimitive.Root, {
+      "data-slot": "separator",
+      decorative: decorative,
+      orientation: orientation,
+      className: t3,
+      ...props
+    });
+    $[7] = decorative;
+    $[8] = orientation;
+    $[9] = props;
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
 }
 export { Separator };

package/dist/display/skeletons/layouts/skeleton-rule-grid.js

@@ -1,10 +1,34 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RuleGrid, RuleGridCell } from "../../rule-grid/rule-grid.js";
 import { SkeletonBar, SkeletonLoadingLabel, skeletonRootProps } from "../skeleton-parts.js";
-function SkeletonRuleGrid({ cells = 3, columns = 3, label, ...props }) {
-    const count = Math.max(1, Math.floor(cells));
-    return (_jsxs(RuleGrid, { "data-slot": "skeleton-rule-grid", columns: columns, ...skeletonRootProps, ...props, children: [Array.from({ length: count }, (_, index) => (_jsxs(RuleGridCell
-            // biome-ignore lint/suspicious/noArrayIndexKey: placeholder cells have no identity
-            , { "data-slot": "skeleton-rule-grid-cell", "aria-hidden": "true", className: "gap-3", children: [_jsx(SkeletonBar, { className: "h-3 w-20" }), _jsx(SkeletonBar, { className: "h-7 w-28" })] }, index))), _jsx(SkeletonLoadingLabel, { children: label })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function SkeletonRuleGrid({
+  cells = 3,
+  columns = 3,
+  label,
+  ...props
+}) {
+  const count = Math.max(1, Math.floor(cells));
+  return /*#__PURE__*/_jsxs(RuleGrid, {
+    "data-slot": "skeleton-rule-grid",
+    columns: columns,
+    ...skeletonRootProps,
+    ...props,
+    children: [Array.from({
+      length: count
+    }, (_, index) => /*#__PURE__*/_jsxs(RuleGridCell
+    // biome-ignore lint/suspicious/noArrayIndexKey: placeholder cells have no identity
+    , {
+      "data-slot": "skeleton-rule-grid-cell",
+      "aria-hidden": "true",
+      className: "gap-3",
+      children: [/*#__PURE__*/_jsx(SkeletonBar, {
+        className: "h-3 w-20"
+      }), /*#__PURE__*/_jsx(SkeletonBar, {
+        className: "h-7 w-28"
+      })]
+    }, index)), /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
+      children: label
+    })]
+  });
 }
 export { SkeletonRuleGrid };

package/dist/display/skeletons/layouts/skeleton-table.js

@@ -1,16 +1,54 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "cn";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../table.js";
 import { SkeletonBar, SkeletonLoadingLabel, skeletonRootProps } from "../skeleton-parts.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const cellWidths = ["w-24", "w-32", "w-20", "w-28", "w-16"];
 function cellWidth(column) {
-    return cellWidths[column % cellWidths.length];
+  return cellWidths[column % cellWidths.length];
 }
 function indexes(count) {
-    return Array.from({ length: Math.max(1, Math.floor(count)) }, (_, index) => index);
+  return Array.from({
+    length: Math.max(1, Math.floor(count))
+  }, (_, index) => index);
 }
-function SkeletonTable({ rows = 5, columns = 4, label, className, ...props }) {
-    const columnIndexes = indexes(columns);
-    return (_jsxs("div", { "data-slot": "skeleton-table", ...skeletonRootProps, className: cn("w-full", className), ...props, children: [_jsxs(Table, { "aria-hidden": "true", children: [_jsx(TableHeader, { children: _jsx(TableRow, { className: "hover:bg-transparent", children: columnIndexes.map((column) => (_jsx(TableHead, { children: _jsx(SkeletonBar, { className: "h-3 w-16" }) }, column))) }) }), _jsx(TableBody, { children: indexes(rows).map((row) => (_jsx(TableRow, { "data-slot": "skeleton-table-row", className: "hover:bg-transparent", children: columnIndexes.map((column) => (_jsx(TableCell, { children: _jsx(SkeletonBar, { className: cn("h-4", cellWidth(column)) }) }, column))) }, row))) })] }), _jsx(SkeletonLoadingLabel, { children: label })] }));
+function SkeletonTable({
+  rows = 5,
+  columns = 4,
+  label,
+  className,
+  ...props
+}) {
+  const columnIndexes = indexes(columns);
+  return /*#__PURE__*/_jsxs("div", {
+    "data-slot": "skeleton-table",
+    ...skeletonRootProps,
+    className: cn("w-full", className),
+    ...props,
+    children: [/*#__PURE__*/_jsxs(Table, {
+      "aria-hidden": "true",
+      children: [/*#__PURE__*/_jsx(TableHeader, {
+        children: /*#__PURE__*/_jsx(TableRow, {
+          className: "hover:bg-transparent",
+          children: columnIndexes.map(column => /*#__PURE__*/_jsx(TableHead, {
+            children: /*#__PURE__*/_jsx(SkeletonBar, {
+              className: "h-3 w-16"
+            })
+          }, column))
+        })
+      }), /*#__PURE__*/_jsx(TableBody, {
+        children: indexes(rows).map(row => /*#__PURE__*/_jsx(TableRow, {
+          "data-slot": "skeleton-table-row",
+          className: "hover:bg-transparent",
+          children: columnIndexes.map(column => /*#__PURE__*/_jsx(TableCell, {
+            children: /*#__PURE__*/_jsx(SkeletonBar, {
+              className: cn("h-4", cellWidth(column))
+            })
+          }, column))
+        }, row))
+      })]
+    }), /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
+      children: label
+    })]
+  });
 }
 export { SkeletonTable };

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

@@ -1,20 +1,38 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import { SkeletonBar, SkeletonLoadingLabel, skeletonRootProps } from "../skeleton-parts.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const skeletonAvatarVariants = cva("rounded-full", {
-    variants: {
-        size: {
-            sm: "size-6",
-            md: "size-8",
-            lg: "size-10",
-        },
-    },
-    defaultVariants: {
-        size: "md",
-    },
+  variants: {
+    size: {
+      sm: "size-6",
+      md: "size-8",
+      lg: "size-10"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
 });
-function SkeletonAvatar({ size = "md", label, className, ...props }) {
-    return (_jsxs("div", { "data-slot": "skeleton-avatar", "data-size": size, ...skeletonRootProps, className: cn("inline-flex shrink-0", className), ...props, children: [_jsx(SkeletonBar, { className: skeletonAvatarVariants({ size }) }), _jsx(SkeletonLoadingLabel, { children: label })] }));
+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
+    })]
+  });
 }
 export { SkeletonAvatar, skeletonAvatarVariants };

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

@@ -1,20 +1,38 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import { SkeletonBar, SkeletonLoadingLabel, skeletonRootProps } from "../skeleton-parts.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const skeletonButtonVariants = cva("rounded-full", {
-    variants: {
-        size: {
-            sm: "h-8 w-20",
-            default: "h-9 w-24",
-            lg: "h-10 w-28",
-        },
-    },
-    defaultVariants: {
-        size: "default",
-    },
+  variants: {
+    size: {
+      sm: "h-8 w-20",
+      default: "h-9 w-24",
+      lg: "h-10 w-28"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
 });
-function SkeletonButton({ size = "default", label, className, ...props }) {
-    return (_jsxs("div", { "data-slot": "skeleton-button", "data-size": size, ...skeletonRootProps, className: cn("inline-flex shrink-0", className), ...props, children: [_jsx(SkeletonBar, { className: skeletonButtonVariants({ size }) }), _jsx(SkeletonLoadingLabel, { children: label })] }));
+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
+    })]
+  });
 }
 export { SkeletonButton, skeletonButtonVariants };

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

@@ -1,13 +1,31 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-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";
+  return lines > 1 && index === lines - 1 ? "w-3/5" : "w-full";
 }
-function SkeletonText({ lines = 3, label, className, ...props }) {
-    const count = Math.max(1, Math.floor(lines));
-    return (_jsxs("div", { "data-slot": "skeleton-text", ...skeletonRootProps, className: cn("flex w-full flex-col gap-2", className), ...props, children: [Array.from({ length: count }, (_, index) => (_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))), _jsx(SkeletonLoadingLabel, { children: label })] }));
+function SkeletonText({
+  lines = 3,
+  label,
+  className,
+  ...props
+}) {
+  const count = Math.max(1, Math.floor(lines));
+  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
+    // biome-ignore lint/suspicious/noArrayIndexKey: placeholder lines have no identity
+    , {
+      "data-slot": "skeleton-text-line",
+      className: cn("h-4", lineWidth(index, count))
+    }, index)), /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
+      children: label
+    })]
+  });
 }
 export { SkeletonText };

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

@@ -1,11 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "cn";
 import { Skeleton } from "../status/skeleton.js";
-function SkeletonBar({ className, ...props }) {
-    return (_jsx(Skeleton, { "aria-hidden": "true", className: cn("rounded-none bg-skeleton motion-reduce:animate-none", className), ...props }));
+import { jsx as _jsx } from "react/jsx-runtime";
+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({ children = "Loading…" }) {
-    return (_jsx("span", { "data-slot": "skeleton-loading-label", className: "sr-only", children: children }));
+function SkeletonLoadingLabel({
+  children = "Loading…"
+}) {
+  return /*#__PURE__*/_jsx("span", {
+    "data-slot": "skeleton-loading-label",
+    className: "sr-only",
+    children: children
+  });
 }
-const skeletonRootProps = { role: "status", "aria-busy": true };
+const skeletonRootProps = {
+  role: "status",
+  "aria-busy": true
+};
 export { SkeletonBar, SkeletonLoadingLabel, skeletonRootProps };

package/dist/display/status/alert.js

@@ -1,26 +1,52 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
+import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 const alertVariants = cva("relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5", {
-    variants: {
-        variant: {
-            default: "bg-card text-card-foreground",
-            success: "border-good/30 bg-good/5 text-card-foreground [&>svg]:text-good",
-            warning: "border-warn/30 bg-warn/5 text-card-foreground [&>svg]:text-warn",
-            destructive: "border-destructive/30 bg-destructive/5 text-card-foreground [&>svg]:text-destructive *:data-[slot=alert-title]:text-destructive",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
+  variants: {
+    variant: {
+      default: "bg-card text-card-foreground",
+      success: "border-good/30 bg-good/5 text-card-foreground [&>svg]:text-good",
+      warning: "border-warn/30 bg-warn/5 text-card-foreground [&>svg]:text-warn",
+      destructive: "border-destructive/30 bg-destructive/5 text-card-foreground [&>svg]:text-destructive *:data-[slot=alert-title]:text-destructive"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
 });
-function Alert({ className, variant, ...props }) {
-    return (_jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "alert",
+    role: "alert",
+    className: cn(alertVariants({
+      variant
+    }), className),
+    ...props
+  });
 }
-function AlertTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "alert-title", className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className), ...props }));
+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({ className, ...props }) {
-    return (_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 }));
+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 };

package/dist/display/status/empty.js

@@ -1,33 +1,80 @@
-import { jsx as _jsx } from "react/jsx-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 p-6 text-center text-balance md:p-12", className), ...props }));
+import { jsx as _jsx } from "react/jsx-runtime";
+function Empty({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "empty",
+    className: 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),
+    ...props
+  });
 }
-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({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "empty-header",
+    className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className),
+    ...props
+  });
 }
 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({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "empty-icon",
+    "data-variant": variant,
+    className: cn(emptyMediaVariants({
+      variant,
+      className
+    })),
+    ...props
+  });
 }
-function EmptyTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-title", className: cn("text-lg font-medium tracking-tight", className), ...props }));
+function EmptyTitle({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "empty-title",
+    className: cn("text-lg font-medium tracking-tight", className),
+    ...props
+  });
 }
-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({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_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 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({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_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
+  });
 }
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };