@locusgraph/components 0.2.0 → 0.2.2

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

@@ -1,17 +1,59 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "../../layout/sidebar/sidebar-menu.js";
-import { SidebarGroup, SidebarGroupContent, SidebarGroupLabel, } from "../../layout/sidebar/sidebar-sections.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}/`);
+  return activeHref === itemHref || activeHref.startsWith(`${itemHref}/`);
 }
-function NavItemLink({ item, Link, ...props }) {
-    const content = (_jsxs(_Fragment, { children: [_jsx(item.icon, {}), _jsx("span", { children: item.title })] }));
-    if (item.external) {
-        return (_jsx("a", { ...props, href: item.href, target: "_blank", rel: "noreferrer", children: content }));
-    }
-    return (_jsx(Link, { ...props, href: item.href, children: content }));
+function NavItemLink({
+  item,
+  Link,
+  ...props
+}) {
+  const content = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(item.icon, {}), /*#__PURE__*/_jsx("span", {
+      children: item.title
+    })]
+  });
+  if (item.external) {
+    return /*#__PURE__*/_jsx("a", {
+      ...props,
+      href: item.href,
+      target: "_blank",
+      rel: "noreferrer",
+      children: content
+    });
+  }
+  return /*#__PURE__*/_jsx(Link, {
+    ...props,
+    href: item.href,
+    children: content
+  });
 }
-function NavGroup({ group, activeHref, Link, className }) {
-    return (_jsxs(SidebarGroup, { className: className, children: [group.label && _jsx(SidebarGroupLabel, { children: group.label }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: group.items.map((item) => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, isActive: isActiveHref(item.href, activeHref), tooltip: item.title, children: _jsx(NavItemLink, { item: item, Link: Link }) }) }, item.href))) }) })] }));
+function NavGroup({
+  group,
+  activeHref,
+  Link,
+  className
+}) {
+  return /*#__PURE__*/_jsxs(SidebarGroup, {
+    className: className,
+    children: [group.label && /*#__PURE__*/_jsx(SidebarGroupLabel, {
+      children: group.label
+    }), /*#__PURE__*/_jsx(SidebarGroupContent, {
+      children: /*#__PURE__*/_jsx(SidebarMenu, {
+        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))
+      })
+    })]
+  });
 }
 export { isActiveHref, NavGroup };

package/dist/shell/theme-toggle.js

@@ -1,9 +1,56 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { Moon as MoonIcon, Sun as SunIcon } from "@carbon/icons-react";
 import { Button } from "../action/button.js";
-function ThemeToggle({ theme, onThemeChange }) {
-    const nextTheme = theme === "dark" ? "light" : "dark";
-    return (_jsxs(Button, { variant: "ghost", size: "icon-sm", "aria-label": `Switch to ${nextTheme} theme`, onClick: () => onThemeChange(nextTheme), children: [_jsx(SunIcon, { className: "scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" }), _jsx(MoonIcon, { className: "absolute scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function ThemeToggle(t0) {
+  const $ = _c(8);
+  const {
+    theme,
+    onThemeChange
+  } = t0;
+  const nextTheme = theme === "dark" ? "light" : "dark";
+  const t1 = `Switch to ${nextTheme} theme`;
+  let t2;
+  if ($[0] !== nextTheme || $[1] !== onThemeChange) {
+    t2 = () => onThemeChange(nextTheme);
+    $[0] = nextTheme;
+    $[1] = onThemeChange;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  let t4;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /*#__PURE__*/_jsx(SunIcon, {
+      className: "scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"
+    });
+    t4 = /*#__PURE__*/_jsx(MoonIcon, {
+      className: "absolute scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"
+    });
+    $[3] = t3;
+    $[4] = t4;
+  } else {
+    t3 = $[3];
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] !== t1 || $[6] !== t2) {
+    t5 = /*#__PURE__*/_jsxs(Button, {
+      variant: "ghost",
+      size: "icon-sm",
+      "aria-label": t1,
+      onClick: t2,
+      children: [t3, t4]
+    });
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  return t5;
 }
 export { ThemeToggle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@locusgraph/components",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Radix and shadcn based React components, shells and theme for LocusGraph apps.",
   "license": "MIT",
   "repository": {
@@ -61,7 +61,7 @@
   },
   "homepage": "https://design.locusgraph.com",
   "scripts": {
-    "build": "rm -rf dist && tsc -p tsconfig.build.json && cp -R src/styles dist/styles && node ../../scripts/esm-extensions.mjs dist",
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && cp -R src/styles dist/styles && node ../../scripts/react-compiler.mjs dist && node ../../scripts/esm-extensions.mjs dist",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "test": "vitest run"
   }