@locusgraph/components 0.2.1 → 0.2.2

package/dist/shell/navigation/app-sidebar.js

@@ -1,194 +1,72 @@
-import { c as _c } from "react/compiler-runtime";
 import { Sidebar, SidebarRail } from "../../layout/sidebar/sidebar.js";
 import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "../../layout/sidebar/sidebar-menu.js";
 import { SidebarContent, SidebarFooter, SidebarHeader } from "../../layout/sidebar/sidebar-sections.js";
 import { NavGroup } from "./nav-group.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function BrandLink(t0) {
-  const $ = _c(14);
-  const {
-    brand,
-    Link
-  } = t0;
-  let t1;
-  if ($[0] !== brand.icon) {
-    t1 = /*#__PURE__*/_jsx("span", {
-      "data-slot": "app-brand-icon",
-      className: "flex aspect-square size-8 shrink-0 items-center justify-center rounded-lg border border-line bg-ghost",
-      children: brand.icon
-    });
-    $[0] = brand.icon;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== brand.title) {
-    t2 = /*#__PURE__*/_jsx("span", {
-      className: "truncate text-sm font-semibold tracking-tight",
-      children: brand.title
-    });
-    $[2] = brand.title;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== brand.subtitle) {
-    t3 = brand.subtitle && /*#__PURE__*/_jsx("span", {
-      className: "truncate text-xs text-soft",
-      children: brand.subtitle
-    });
-    $[4] = brand.subtitle;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] !== t2 || $[7] !== t3) {
-    t4 = /*#__PURE__*/_jsxs("span", {
-      className: "grid flex-1 text-left leading-tight",
-      children: [t2, t3]
-    });
-    $[6] = t2;
-    $[7] = t3;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] !== Link || $[10] !== brand.href || $[11] !== t1 || $[12] !== t4) {
-    t5 = /*#__PURE__*/_jsx(SidebarMenu, {
-      children: /*#__PURE__*/_jsx(SidebarMenuItem, {
-        children: /*#__PURE__*/_jsx(SidebarMenuButton, {
-          size: "lg",
-          asChild: true,
-          children: /*#__PURE__*/_jsxs(Link, {
-            href: brand.href,
-            children: [t1, t4]
-          })
+function BrandLink({
+  brand,
+  Link
+}) {
+  return /*#__PURE__*/_jsx(SidebarMenu, {
+    children: /*#__PURE__*/_jsx(SidebarMenuItem, {
+      children: /*#__PURE__*/_jsx(SidebarMenuButton, {
+        size: "lg",
+        asChild: true,
+        children: /*#__PURE__*/_jsxs(Link, {
+          href: brand.href,
+          children: [/*#__PURE__*/_jsx("span", {
+            "data-slot": "app-brand-icon",
+            className: "flex aspect-square size-8 shrink-0 items-center justify-center rounded-lg border border-line bg-ghost",
+            children: brand.icon
+          }), /*#__PURE__*/_jsxs("span", {
+            className: "grid flex-1 text-left leading-tight",
+            children: [/*#__PURE__*/_jsx("span", {
+              className: "truncate text-sm font-semibold tracking-tight",
+              children: brand.title
+            }), brand.subtitle && /*#__PURE__*/_jsx("span", {
+              className: "truncate text-xs text-soft",
+              children: brand.subtitle
+            })]
+          })]
         })
       })
-    });
-    $[9] = Link;
-    $[10] = brand.href;
-    $[11] = t1;
-    $[12] = t4;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  return t5;
+    })
+  });
 }
-function AppSidebar(t0) {
-  const $ = _c(24);
-  const {
-    brand,
-    groups,
-    bottomItems,
-    footer,
-    activeHref,
-    linkComponent: t1
-  } = t0;
-  const linkComponent = t1 === undefined ? "a" : t1;
-  let t2;
-  if ($[0] !== brand || $[1] !== linkComponent) {
-    t2 = /*#__PURE__*/_jsx(SidebarHeader, {
+function AppSidebar({
+  brand,
+  groups,
+  bottomItems,
+  footer,
+  activeHref,
+  linkComponent = "a"
+}) {
+  return /*#__PURE__*/_jsxs(Sidebar, {
+    collapsible: "icon",
+    children: [/*#__PURE__*/_jsx(SidebarHeader, {
       className: "h-14 justify-center border-b border-line py-0",
       children: /*#__PURE__*/_jsx(BrandLink, {
         brand: brand,
         Link: linkComponent
       })
-    });
-    $[0] = brand;
-    $[1] = linkComponent;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  let t3;
-  if ($[3] !== activeHref || $[4] !== groups || $[5] !== linkComponent) {
-    let t4;
-    if ($[7] !== activeHref || $[8] !== linkComponent) {
-      t4 = group => /*#__PURE__*/_jsx(NavGroup, {
+    }), /*#__PURE__*/_jsxs(SidebarContent, {
+      children: [groups.map(group => /*#__PURE__*/_jsx(NavGroup, {
         group: group,
         activeHref: activeHref,
         Link: linkComponent
-      }, group.label);
-      $[7] = activeHref;
-      $[8] = linkComponent;
-      $[9] = t4;
-    } else {
-      t4 = $[9];
-    }
-    t3 = groups.map(t4);
-    $[3] = activeHref;
-    $[4] = groups;
-    $[5] = linkComponent;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  let t4;
-  if ($[10] !== activeHref || $[11] !== bottomItems || $[12] !== linkComponent) {
-    t4 = bottomItems && bottomItems.length > 0 && /*#__PURE__*/_jsx(NavGroup, {
-      group: {
-        label: "",
-        items: bottomItems
-      },
-      activeHref: activeHref,
-      Link: linkComponent,
-      className: "mt-auto"
-    });
-    $[10] = activeHref;
-    $[11] = bottomItems;
-    $[12] = linkComponent;
-    $[13] = t4;
-  } else {
-    t4 = $[13];
-  }
-  let t5;
-  if ($[14] !== t3 || $[15] !== t4) {
-    t5 = /*#__PURE__*/_jsxs(SidebarContent, {
-      children: [t3, t4]
-    });
-    $[14] = t3;
-    $[15] = t4;
-    $[16] = t5;
-  } else {
-    t5 = $[16];
-  }
-  let t6;
-  if ($[17] !== footer) {
-    t6 = footer && /*#__PURE__*/_jsx(SidebarFooter, {
+      }, group.label)), bottomItems && bottomItems.length > 0 && /*#__PURE__*/_jsx(NavGroup, {
+        group: {
+          label: "",
+          items: bottomItems
+        },
+        activeHref: activeHref,
+        Link: linkComponent,
+        className: "mt-auto"
+      })]
+    }), footer && /*#__PURE__*/_jsx(SidebarFooter, {
       className: "border-t border-line",
       children: footer
-    });
-    $[17] = footer;
-    $[18] = t6;
-  } else {
-    t6 = $[18];
-  }
-  let t7;
-  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-    t7 = /*#__PURE__*/_jsx(SidebarRail, {});
-    $[19] = t7;
-  } else {
-    t7 = $[19];
-  }
-  let t8;
-  if ($[20] !== t2 || $[21] !== t5 || $[22] !== t6) {
-    t8 = /*#__PURE__*/_jsxs(Sidebar, {
-      collapsible: "icon",
-      children: [t2, t5, t6, t7]
-    });
-    $[20] = t2;
-    $[21] = t5;
-    $[22] = t6;
-    $[23] = t8;
-  } else {
-    t8 = $[23];
-  }
-  return t8;
+    }), /*#__PURE__*/_jsx(SidebarRail, {})]
+  });
 }
 export { AppSidebar };

package/dist/shell/navigation/nav-group.js

@@ -1,168 +1,59 @@
-import { c as _c } from "react/compiler-runtime";
 import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "../../layout/sidebar/sidebar-menu.js";
 import { SidebarGroup, SidebarGroupContent, SidebarGroupLabel } from "../../layout/sidebar/sidebar-sections.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function isActiveHref(itemHref, activeHref) {
   return activeHref === itemHref || activeHref.startsWith(`${itemHref}/`);
 }
-function NavItemLink(t0) {
-  const $ = _c(20);
-  let Link;
-  let item;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      item,
-      Link,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = Link;
-    $[2] = item;
-    $[3] = props;
-  } else {
-    Link = $[1];
-    item = $[2];
-    props = $[3];
-  }
-  let t1;
-  if ($[4] !== item.icon) {
-    t1 = /*#__PURE__*/_jsx(item.icon, {});
-    $[4] = item.icon;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  let t2;
-  if ($[6] !== item.title) {
-    t2 = /*#__PURE__*/_jsx("span", {
+function NavItemLink({
+  item,
+  Link,
+  ...props
+}) {
+  const content = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(item.icon, {}), /*#__PURE__*/_jsx("span", {
       children: item.title
-    });
-    $[6] = item.title;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  let t3;
-  if ($[8] !== t1 || $[9] !== t2) {
-    t3 = /*#__PURE__*/_jsxs(_Fragment, {
-      children: [t1, t2]
-    });
-    $[8] = t1;
-    $[9] = t2;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  const content = t3;
+    })]
+  });
   if (item.external) {
-    let t4;
-    if ($[11] !== content || $[12] !== item.href || $[13] !== props) {
-      t4 = /*#__PURE__*/_jsx("a", {
-        ...props,
-        href: item.href,
-        target: "_blank",
-        rel: "noreferrer",
-        children: content
-      });
-      $[11] = content;
-      $[12] = item.href;
-      $[13] = props;
-      $[14] = t4;
-    } else {
-      t4 = $[14];
-    }
-    return t4;
-  }
-  let t4;
-  if ($[15] !== Link || $[16] !== content || $[17] !== item.href || $[18] !== props) {
-    t4 = /*#__PURE__*/_jsx(Link, {
+    return /*#__PURE__*/_jsx("a", {
       ...props,
       href: item.href,
+      target: "_blank",
+      rel: "noreferrer",
       children: content
     });
-    $[15] = Link;
-    $[16] = content;
-    $[17] = item.href;
-    $[18] = props;
-    $[19] = t4;
-  } else {
-    t4 = $[19];
   }
-  return t4;
+  return /*#__PURE__*/_jsx(Link, {
+    ...props,
+    href: item.href,
+    children: content
+  });
 }
-function NavGroup(t0) {
-  const $ = _c(15);
-  const {
-    group,
-    activeHref,
-    Link,
-    className
-  } = t0;
-  let t1;
-  if ($[0] !== group.label) {
-    t1 = group.label && /*#__PURE__*/_jsx(SidebarGroupLabel, {
+function NavGroup({
+  group,
+  activeHref,
+  Link,
+  className
+}) {
+  return /*#__PURE__*/_jsxs(SidebarGroup, {
+    className: className,
+    children: [group.label && /*#__PURE__*/_jsx(SidebarGroupLabel, {
       children: group.label
-    });
-    $[0] = group.label;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== Link || $[3] !== activeHref || $[4] !== group.items) {
-    let t3;
-    if ($[6] !== Link || $[7] !== activeHref) {
-      t3 = item => /*#__PURE__*/_jsx(SidebarMenuItem, {
-        children: /*#__PURE__*/_jsx(SidebarMenuButton, {
-          asChild: true,
-          isActive: isActiveHref(item.href, activeHref),
-          tooltip: item.title,
-          children: /*#__PURE__*/_jsx(NavItemLink, {
-            item: item,
-            Link: Link
-          })
-        })
-      }, item.href);
-      $[6] = Link;
-      $[7] = activeHref;
-      $[8] = t3;
-    } else {
-      t3 = $[8];
-    }
-    t2 = group.items.map(t3);
-    $[2] = Link;
-    $[3] = activeHref;
-    $[4] = group.items;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  let t3;
-  if ($[9] !== t2) {
-    t3 = /*#__PURE__*/_jsx(SidebarGroupContent, {
+    }), /*#__PURE__*/_jsx(SidebarGroupContent, {
       children: /*#__PURE__*/_jsx(SidebarMenu, {
-        children: t2
+        children: group.items.map(item => /*#__PURE__*/_jsx(SidebarMenuItem, {
+          children: /*#__PURE__*/_jsx(SidebarMenuButton, {
+            asChild: true,
+            isActive: isActiveHref(item.href, activeHref),
+            tooltip: item.title,
+            children: /*#__PURE__*/_jsx(NavItemLink, {
+              item: item,
+              Link: Link
+            })
+          })
+        }, item.href))
       })
-    });
-    $[9] = t2;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  let t4;
-  if ($[11] !== className || $[12] !== t1 || $[13] !== t3) {
-    t4 = /*#__PURE__*/_jsxs(SidebarGroup, {
-      className: className,
-      children: [t1, t3]
-    });
-    $[11] = className;
-    $[12] = t1;
-    $[13] = t3;
-    $[14] = t4;
-  } else {
-    t4 = $[14];
-  }
-  return t4;
+    })]
+  });
 }
 export { isActiveHref, NavGroup };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@locusgraph/components",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Radix and shadcn based React components, shells and theme for LocusGraph apps.",
   "license": "MIT",
   "repository": {