@locusgraph/components 0.2.1 → 0.2.2

package/dist/display/content/item.js

@@ -1,89 +1,30 @@
-import { c as _c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
 import * as React from "react";
 import { Separator } from "../separator.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-function ItemGroup(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("group/item-group flex flex-col", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      role: "list",
-      "data-slot": "item-group",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function ItemGroup({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    role: "list",
+    "data-slot": "item-group",
+    className: cn("group/item-group flex flex-col", className),
+    ...props
+  });
 }
-function ItemSeparator(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("my-0", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx(Separator, {
-      "data-slot": "item-separator",
-      orientation: "horizontal",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function ItemSeparator({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Separator, {
+    "data-slot": "item-separator",
+    orientation: "horizontal",
+    className: cn("my-0", className),
+    ...props
+  });
 }
 const itemVariants = cva("group/item flex flex-wrap items-center rounded-md border border-transparent text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background [a]:transition-colors [a]:hover:bg-accent/50", {
   variants: {
@@ -102,71 +43,25 @@ const itemVariants = cva("group/item flex flex-wrap items-center rounded-md bord
     size: "default"
   }
 });
-function Item(t0) {
-  const $ = _c(16);
-  let className;
-  let props;
-  let t1;
-  let t2;
-  let t3;
-  if ($[0] !== t0) {
-    ({
-      className,
-      variant: t1,
-      size: t2,
-      asChild: t3,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-    $[3] = t1;
-    $[4] = t2;
-    $[5] = t3;
-  } else {
-    className = $[1];
-    props = $[2];
-    t1 = $[3];
-    t2 = $[4];
-    t3 = $[5];
-  }
-  const variant = t1 === undefined ? "default" : t1;
-  const size = t2 === undefined ? "default" : t2;
-  const asChild = t3 === undefined ? false : t3;
+function Item({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
   const Comp = asChild ? Slot.Root : "div";
-  let t4;
-  if ($[6] !== className || $[7] !== size || $[8] !== variant) {
-    t4 = cn(itemVariants({
+  return /*#__PURE__*/_jsx(Comp, {
+    "data-slot": "item",
+    "data-variant": variant,
+    "data-size": size,
+    className: cn(itemVariants({
       variant,
       size,
       className
-    }));
-    $[6] = className;
-    $[7] = size;
-    $[8] = variant;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  let t5;
-  if ($[10] !== Comp || $[11] !== props || $[12] !== size || $[13] !== t4 || $[14] !== variant) {
-    t5 = /*#__PURE__*/_jsx(Comp, {
-      "data-slot": "item",
-      "data-variant": variant,
-      "data-size": size,
-      className: t4,
-      ...props
-    });
-    $[10] = Comp;
-    $[11] = props;
-    $[12] = size;
-    $[13] = t4;
-    $[14] = variant;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  return t5;
+    })),
+    ...props
+  });
 }
 const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none", {
   variants: {
@@ -180,288 +75,79 @@ const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 g
     variant: "default"
   }
 });
-function ItemMedia(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(itemMediaVariants({
+function ItemMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "item-media",
+    "data-variant": variant,
+    className: cn(itemMediaVariants({
       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": "item-media",
-      "data-variant": variant,
-      className: t2,
-      ...props
-    });
-    $[7] = props;
-    $[8] = t2;
-    $[9] = variant;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  return t3;
+    })),
+    ...props
+  });
 }
-function ItemContent(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 flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "item-content",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function ItemContent({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "item-content",
+    className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
+    ...props
+  });
 }
-function ItemTitle(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-fit items-center gap-2 text-sm leading-snug font-medium", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "item-title",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function ItemTitle({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "item-title",
+    className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
+    ...props
+  });
 }
-function ItemDescription(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("line-clamp-2 text-sm leading-normal font-normal text-balance 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("p", {
-      "data-slot": "item-description",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function ItemDescription({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("p", {
+    "data-slot": "item-description",
+    className: cn("line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+    ...props
+  });
 }
-function ItemActions(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 items-center gap-2", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "item-actions",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function ItemActions({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "item-actions",
+    className: cn("flex items-center gap-2", className),
+    ...props
+  });
 }
-function ItemHeader(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 basis-full items-center justify-between gap-2", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "item-header",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function ItemHeader({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "item-header",
+    className: cn("flex basis-full items-center justify-between gap-2", className),
+    ...props
+  });
 }
-function ItemFooter(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 basis-full items-center justify-between gap-2", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "item-footer",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function ItemFooter({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "item-footer",
+    className: cn("flex basis-full items-center justify-between gap-2", className),
+    ...props
+  });
 }
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/display/content/kbd.js

@@ -1,82 +1,23 @@
-import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import { jsx as _jsx } from "react/jsx-runtime";
-function Kbd(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("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-foreground/80 ring-1 ring-border ring-inset select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:ring-0 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("kbd", {
-      "data-slot": "kbd",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function Kbd({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("kbd", {
+    "data-slot": "kbd",
+    className: cn("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-foreground/80 ring-1 ring-border ring-inset select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:ring-0 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className),
+    ...props
+  });
 }
-function KbdGroup(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("inline-flex items-center gap-1", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("kbd", {
-      "data-slot": "kbd-group",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function KbdGroup({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("kbd", {
+    "data-slot": "kbd-group",
+    className: cn("inline-flex items-center gap-1", className),
+    ...props
+  });
 }
 export { Kbd, KbdGroup };