@locusgraph/components 0.2.1 → 0.2.2

package/dist/navigation/pagination.js

@@ -1,338 +1,101 @@
-import { c as _c } from "react/compiler-runtime";
 import { ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon, OverflowMenuHorizontal as MoreHorizontalIcon } from "@carbon/icons-react";
 import { cn } from "cn";
 import * as React from "react";
 import { buttonVariants } from "../action/button.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function Pagination(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("mx-auto flex w-full justify-center", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("nav", {
-      role: "navigation",
-      "aria-label": "pagination",
-      "data-slot": "pagination",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function Pagination({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("nav", {
+    role: "navigation",
+    "aria-label": "pagination",
+    "data-slot": "pagination",
+    className: cn("mx-auto flex w-full justify-center", className),
+    ...props
+  });
 }
-function PaginationContent(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-row items-center gap-1", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("ul", {
-      "data-slot": "pagination-content",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function PaginationContent({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("ul", {
+    "data-slot": "pagination-content",
+    className: cn("flex flex-row items-center gap-1", className),
+    ...props
+  });
 }
-function PaginationItem(t0) {
-  const $ = _c(4);
-  let props;
-  if ($[0] !== t0) {
-    ({
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = props;
-  } else {
-    props = $[1];
-  }
-  let t1;
-  if ($[2] !== props) {
-    t1 = /*#__PURE__*/_jsx("li", {
-      "data-slot": "pagination-item",
-      ...props
-    });
-    $[2] = props;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
+function PaginationItem({
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("li", {
+    "data-slot": "pagination-item",
+    ...props
+  });
 }
 const activePageEmphasis = "border-input bg-muted font-semibold text-foreground dark:bg-muted";
-function PaginationLink(t0) {
-  const $ = _c(14);
-  let className;
-  let isActive;
-  let props;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      className,
-      isActive,
-      size: t1,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = isActive;
-    $[3] = props;
-    $[4] = t1;
-  } else {
-    className = $[1];
-    isActive = $[2];
-    props = $[3];
-    t1 = $[4];
-  }
-  const size = t1 === undefined ? "icon" : t1;
-  const t2 = isActive ? "page" : undefined;
-  let t3;
-  if ($[5] !== className || $[6] !== isActive || $[7] !== size) {
-    t3 = cn(buttonVariants({
+function PaginationLink({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("a", {
+    "aria-current": isActive ? "page" : undefined,
+    "data-slot": "pagination-link",
+    "data-active": isActive,
+    className: cn(buttonVariants({
       variant: isActive ? "outline" : "ghost",
       size
-    }), isActive ? activePageEmphasis : "text-muted-foreground hover:text-foreground", className);
-    $[5] = className;
-    $[6] = isActive;
-    $[7] = size;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  let t4;
-  if ($[9] !== isActive || $[10] !== props || $[11] !== t2 || $[12] !== t3) {
-    t4 = /*#__PURE__*/_jsx("a", {
-      "aria-current": t2,
-      "data-slot": "pagination-link",
-      "data-active": isActive,
-      className: t3,
-      ...props
-    });
-    $[9] = isActive;
-    $[10] = props;
-    $[11] = t2;
-    $[12] = t3;
-    $[13] = t4;
-  } else {
-    t4 = $[13];
-  }
-  return t4;
+    }), isActive ? activePageEmphasis : "text-muted-foreground hover:text-foreground", className),
+    ...props
+  });
 }
-function PaginationPrevious(t0) {
-  const $ = _c(10);
-  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("gap-1 px-2.5 text-foreground sm:pl-2.5", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  let t3;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /*#__PURE__*/_jsx(ChevronLeftIcon, {});
-    t3 = /*#__PURE__*/_jsx("span", {
+function PaginationPrevious({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(PaginationLink, {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: cn("gap-1 px-2.5 text-foreground sm:pl-2.5", className),
+    ...props,
+    children: [/*#__PURE__*/_jsx(ChevronLeftIcon, {}), /*#__PURE__*/_jsx("span", {
       className: "hidden sm:block",
       children: "Previous"
-    });
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t2 = $[5];
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== props || $[8] !== t1) {
-    t4 = /*#__PURE__*/_jsxs(PaginationLink, {
-      "aria-label": "Go to previous page",
-      size: "default",
-      className: t1,
-      ...props,
-      children: [t2, t3]
-    });
-    $[7] = props;
-    $[8] = t1;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  return t4;
+    })]
+  });
 }
-function PaginationNext(t0) {
-  const $ = _c(10);
-  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("gap-1 px-2.5 text-foreground sm:pr-2.5", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  let t3;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /*#__PURE__*/_jsx("span", {
+function PaginationNext({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(PaginationLink, {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: cn("gap-1 px-2.5 text-foreground sm:pr-2.5", className),
+    ...props,
+    children: [/*#__PURE__*/_jsx("span", {
       className: "hidden sm:block",
       children: "Next"
-    });
-    t3 = /*#__PURE__*/_jsx(ChevronRightIcon, {});
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t2 = $[5];
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== props || $[8] !== t1) {
-    t4 = /*#__PURE__*/_jsxs(PaginationLink, {
-      "aria-label": "Go to next page",
-      size: "default",
-      className: t1,
-      ...props,
-      children: [t2, t3]
-    });
-    $[7] = props;
-    $[8] = t1;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  return t4;
+    }), /*#__PURE__*/_jsx(ChevronRightIcon, {})]
+  });
 }
-function PaginationEllipsis(t0) {
-  const $ = _c(10);
-  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 size-9 items-center justify-center", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  let t3;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /*#__PURE__*/_jsx(MoreHorizontalIcon, {
+function PaginationEllipsis({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs("span", {
+    "aria-hidden": true,
+    "data-slot": "pagination-ellipsis",
+    className: cn("flex size-9 items-center justify-center", className),
+    ...props,
+    children: [/*#__PURE__*/_jsx(MoreHorizontalIcon, {
       className: "size-4"
-    });
-    t3 = /*#__PURE__*/_jsx("span", {
+    }), /*#__PURE__*/_jsx("span", {
       className: "sr-only",
       children: "More pages"
-    });
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t2 = $[5];
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== props || $[8] !== t1) {
-    t4 = /*#__PURE__*/_jsxs("span", {
-      "aria-hidden": true,
-      "data-slot": "pagination-ellipsis",
-      className: t1,
-      ...props,
-      children: [t2, t3]
-    });
-    $[7] = props;
-    $[8] = t1;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  return t4;
+    })]
+  });
 }
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/shell/app-header.js

@@ -1,86 +1,34 @@
-import { c as _c } from "react/compiler-runtime";
 import { Separator } from "../display/separator.js";
 import { SidebarTrigger } from "../layout/sidebar/sidebar.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function AppHeader(t0) {
-  const $ = _c(7);
-  const {
-    breadcrumbs,
-    children
-  } = t0;
-  let t1;
-  let t2;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /*#__PURE__*/_jsx(SidebarTrigger, {
+function AppHeader({
+  breadcrumbs,
+  children
+}) {
+  return /*#__PURE__*/_jsxs("header", {
+    "data-slot": "app-header",
+    className: "flex h-14 shrink-0 items-center gap-3 border-b border-line bg-background px-4",
+    children: [/*#__PURE__*/_jsx(SidebarTrigger, {
       className: "-ml-1"
-    });
-    t2 = /*#__PURE__*/_jsx(Separator, {
+    }), /*#__PURE__*/_jsx(Separator, {
       orientation: "vertical",
       className: "h-4"
-    });
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t1 = $[0];
-    t2 = $[1];
-  }
-  let t3;
-  if ($[2] !== children) {
-    t3 = /*#__PURE__*/_jsx("div", {
+    }), breadcrumbs, /*#__PURE__*/_jsx("div", {
       className: "ml-auto flex shrink-0 items-center gap-2",
       children: children
-    });
-    $[2] = children;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  let t4;
-  if ($[4] !== breadcrumbs || $[5] !== t3) {
-    t4 = /*#__PURE__*/_jsxs("header", {
-      "data-slot": "app-header",
-      className: "flex h-14 shrink-0 items-center gap-3 border-b border-line bg-background px-4",
-      children: [t1, t2, breadcrumbs, t3]
-    });
-    $[4] = breadcrumbs;
-    $[5] = t3;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  return t4;
+    })]
+  });
 }
-function CommandHint(t0) {
-  const $ = _c(5);
-  const {
-    shortcut: t1,
-    label: t2
-  } = t0;
-  const shortcut = t1 === undefined ? "\u2318K" : t1;
-  const label = t2 === undefined ? "commands" : t2;
-  let t3;
-  if ($[0] !== shortcut) {
-    t3 = /*#__PURE__*/_jsx("kbd", {
+function CommandHint({
+  shortcut = "⌘K",
+  label = "commands"
+}) {
+  return /*#__PURE__*/_jsxs("span", {
+    className: "hidden items-center gap-1.5 text-xs text-faint 2xl:flex",
+    children: [/*#__PURE__*/_jsx("kbd", {
       className: "rounded border border-line bg-ghost px-1.5 py-0.5 font-mono text-[11px]",
       children: shortcut
-    });
-    $[0] = shortcut;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  let t4;
-  if ($[2] !== label || $[3] !== t3) {
-    t4 = /*#__PURE__*/_jsxs("span", {
-      className: "hidden items-center gap-1.5 text-xs text-faint 2xl:flex",
-      children: [t3, label]
-    });
-    $[2] = label;
-    $[3] = t3;
-    $[4] = t4;
-  } else {
-    t4 = $[4];
-  }
-  return t4;
+    }), label]
+  });
 }
 export { AppHeader, CommandHint };

package/dist/shell/app-shell.js

@@ -1,63 +1,24 @@
-import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import { SidebarInset } from "../layout/sidebar/sidebar.js";
 import { SidebarProvider } from "../layout/sidebar/sidebar-context.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function AppShell(t0) {
-  const $ = _c(12);
-  const {
-    sidebar,
-    header,
-    children,
-    defaultOpen,
-    bodyClassName
-  } = t0;
-  let t1;
-  if ($[0] !== bodyClassName) {
-    t1 = cn("no-scrollbar flex w-full flex-1 flex-col overflow-y-auto px-6 pt-7 pb-8 lg:px-8", bodyClassName);
-    $[0] = bodyClassName;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== children || $[3] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "app-shell-body",
-      className: t1,
-      children: children
-    });
-    $[2] = children;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] !== header || $[6] !== t2) {
-    t3 = /*#__PURE__*/_jsxs(SidebarInset, {
+function AppShell({
+  sidebar,
+  header,
+  children,
+  defaultOpen,
+  bodyClassName
+}) {
+  return /*#__PURE__*/_jsxs(SidebarProvider, {
+    defaultOpen: defaultOpen,
+    children: [sidebar, /*#__PURE__*/_jsxs(SidebarInset, {
       className: "h-svh overflow-hidden",
-      children: [header, t2]
-    });
-    $[5] = header;
-    $[6] = t2;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  let t4;
-  if ($[8] !== defaultOpen || $[9] !== sidebar || $[10] !== t3) {
-    t4 = /*#__PURE__*/_jsxs(SidebarProvider, {
-      defaultOpen: defaultOpen,
-      children: [sidebar, t3]
-    });
-    $[8] = defaultOpen;
-    $[9] = sidebar;
-    $[10] = t3;
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
-  return t4;
+      children: [header, /*#__PURE__*/_jsx("div", {
+        "data-slot": "app-shell-body",
+        className: cn("no-scrollbar flex w-full flex-1 flex-col overflow-y-auto px-6 pt-7 pb-8 lg:px-8", bodyClassName),
+        children: children
+      })]
+    })]
+  });
 }
 export { AppShell };