@locusgraph/components 0.1.0 → 0.2.0

package/dist/shell/docs/on-this-page.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "cn";
-import { useActiveSection } from "./use-active-section";
+import { useActiveSection } from "./use-active-section.js";
 function OnThisPage({ sections, title = "On This Page" }) {
     const [activeId, pinSection] = useActiveSection(sections.map((section) => section.id));
-    return (_jsxs("nav", { "aria-label": title, className: "flex flex-col gap-2 text-sm", children: [_jsx("p", { className: "h-6 text-xs font-medium text-muted-foreground", children: title }), sections.map((section) => (_jsx("button", { type: "button", onClick: () => {
+    return (_jsxs("nav", { "aria-label": title, className: "flex flex-col gap-2 text-sm", children: [_jsx("p", { className: "eyebrow flex h-6 items-center", children: title }), sections.map((section) => (_jsx("button", { type: "button", onClick: () => {
                     pinSection(section.id);
                     document.getElementById(section.id)?.scrollIntoView({ behavior: "smooth" });
                 }, "aria-current": activeId === section.id ? "location" : undefined, className: cn("text-left text-[0.8rem] text-muted-foreground transition-colors hover:text-foreground", section.nested && "pl-4", activeId === section.id && "font-medium text-foreground"), children: section.title }, section.id)))] }));

package/dist/shell/navigation/app-sidebar.d.ts

@@ -1,6 +1,6 @@
 import type * as React from "react";
-import type { LinkComponent } from "../link";
-import { type AppNavGroup, type AppNavItem } from "./nav-group";
+import type { LinkComponent } from "../link.js";
+import { type AppNavGroup, type AppNavItem } from "./nav-group.js";
 type AppBrand = {
     title: React.ReactNode;
     subtitle?: string;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Sidebar, SidebarRail } from "../../layout/sidebar/sidebar";
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "../../layout/sidebar/sidebar-menu";
-import { SidebarContent, SidebarFooter, SidebarHeader, } from "../../layout/sidebar/sidebar-sections";
-import { NavGroup } from "./nav-group";
+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";
 function BrandLink({ brand, Link }) {
     return (_jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { size: "lg", asChild: true, children: _jsxs(Link, { href: brand.href, children: [_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 }), _jsxs("span", { className: "grid flex-1 text-left leading-tight", children: [_jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: brand.title }), brand.subtitle && (_jsx("span", { className: "truncate text-xs text-soft", children: brand.subtitle }))] })] }) }) }) }));
 }

package/dist/shell/navigation/nav-group.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { LinkComponent } from "../link";
+import type { LinkComponent } from "../link.js";
 type AppNavItem = {
     title: string;
     href: string;

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

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "../../layout/sidebar/sidebar-menu";
-import { SidebarGroup, SidebarGroupContent, SidebarGroupLabel, } from "../../layout/sidebar/sidebar-sections";
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "../../layout/sidebar/sidebar-menu.js";
+import { SidebarGroup, SidebarGroupContent, SidebarGroupLabel, } from "../../layout/sidebar/sidebar-sections.js";
 function isActiveHref(itemHref, activeHref) {
     return activeHref === itemHref || activeHref.startsWith(`${itemHref}/`);
 }

package/dist/shell/theme-toggle.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MoonIcon, SunIcon } from "lucide-react";
-import { Button } from "../action/button";
+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" })] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@locusgraph/components",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Radix and shadcn based React components, shells and theme for LocusGraph apps.",
   "license": "MIT",
   "repository": {
@@ -33,14 +33,14 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.9.0",
-    "@locusgraph/tokens": "0.1.0",
+    "@carbon/icons-react": "11.89.0",
+    "@locusgraph/tokens": "0.2.0",
     "@shadcn/react": "^0.3.1",
     "class-variance-authority": "^0.7.1",
     "cmdk": "^1.1.1",
     "cn": "^0.4.0",
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.5.0",
-    "lucide-react": "^1.28.0",
     "radix-ui": "^1.8.1",
     "react-day-picker": "^9.14.0",
     "react-hook-form": "^7.90.0",
@@ -50,7 +50,7 @@
     "vaul": "^1.1.2"
   },
   "devDependencies": {
-    "@locusgraph/config": "0.1.0",
+    "@locusgraph/config": "0.1.1",
     "@types/node": "^22.0.0",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
@@ -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",
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && cp -R src/styles dist/styles && node ../../scripts/esm-extensions.mjs dist",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "test": "vitest run"
   }