@vadimcomanescu/nadicode-design-system 4.0.11 → 5.0.1

package/dist/chunk-XX4XJJSH.js

@@ -0,0 +1,230 @@
+import { AreaChart } from './chunk-ZTNHUABC.js';
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { SettingsModal } from './chunk-KKBTPNXT.js';
+import { MetricCard } from './chunk-JWWXY7XR.js';
+import { DataFreshness } from './chunk-WST5NLLC.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-PXDHNGTG.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem } from './chunk-ETS5O4ZQ.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { ChartCard } from './chunk-TKT6WW4E.js';
+import { Empty, EmptyIcon, EmptyTitle, EmptyDescription } from './chunk-4TF4QFIM.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-7UY24UWL.js';
+import { Avatar, AvatarFallback } from './chunk-NAAU5IWU.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { UsersIcon } from './chunk-WUO7OONN.js';
+import { SearchIcon } from './chunk-T6BRD7TS.js';
+import { PackageIcon } from './chunk-VDYPDMYR.js';
+import { DollarSignIcon } from './chunk-2MOEOEOI.js';
+import { CreditCardIcon } from './chunk-JHQTKMKG.js';
+import { ActivityIcon } from './chunk-JJTQOH7J.js';
+import { ArrowUpRightIcon } from './chunk-PRUXIDBD.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import * as React from 'react';
+import dynamic from 'next/dynamic';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ProfilePage = dynamic(() => import('./ProfilePage-KJVA3ZQ5.js').then((m) => ({ default: m.ProfilePage })), { ssr: false, loading: () => null });
+var TeamPage = dynamic(() => import('./TeamPage-IYWL6N4I.js').then((m) => ({ default: m.TeamPage })), { ssr: false, loading: () => null });
+function SettingsContent({ tab }) {
+  switch (tab) {
+    case "profile":
+      return /* @__PURE__ */ jsx(ProfilePage, {});
+    case "team":
+      return /* @__PURE__ */ jsx(TeamPage, {});
+    default:
+      return null;
+  }
+}
+var defaultKpis = [
+  { label: "Total Revenue", value: 45231, prefix: "$", formatter: (v) => v.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }), trend: { value: 20.1, direction: "up" }, sparklineData: [30, 35, 32, 40, 38, 45, 42, 50], icon: /* @__PURE__ */ jsx(DollarSignIcon, { size: 16, className: "text-text-tertiary" }) },
+  { label: "Subscriptions", value: 2350, trend: { value: 180.1, direction: "up" }, sparklineData: [10, 15, 18, 22, 20, 28, 25, 30], icon: /* @__PURE__ */ jsx(UsersIcon, { size: 16, className: "text-text-tertiary" }) },
+  { label: "Sales", value: 12234, trend: { value: -19, direction: "down" }, sparklineData: [50, 45, 48, 40, 42, 38, 35, 30], icon: /* @__PURE__ */ jsx(CreditCardIcon, { size: 16, className: "text-text-tertiary" }) },
+  { label: "Active Now", value: 573, trend: { value: 201, direction: "up" }, sparklineData: [5, 8, 12, 10, 15, 18, 22, 25], icon: /* @__PURE__ */ jsx(ActivityIcon, { size: 16, className: "text-text-tertiary" }) }
+];
+var defaultChartData = [
+  { month: "January", desktop: 186, mobile: 80 },
+  { month: "February", desktop: 305, mobile: 200 },
+  { month: "March", desktop: 237, mobile: 120 },
+  { month: "April", desktop: 73, mobile: 190 },
+  { month: "May", desktop: 209, mobile: 130 },
+  { month: "June", desktop: 214, mobile: 140 }
+];
+var defaultChartConfig = {
+  desktop: {
+    label: "Desktop",
+    color: "rgb(var(--chart-1))"
+  },
+  mobile: {
+    label: "Mobile",
+    color: "rgb(var(--chart-2))"
+  }
+};
+var defaultTransactions = [
+  { name: "Liam Johnson", email: "liam@email.com", type: "Sale", status: "Approved", date: "2023-06-23", amount: "$250.00" },
+  { name: "Olivia Smith", email: "olivia@email.com", type: "Refund", status: "Declined", date: "2023-06-24", amount: "$150.00" },
+  { name: "Noah Williams", email: "noah@email.com", type: "Subscription", status: "Approved", date: "2023-06-25", amount: "$350.00" }
+];
+var defaultRecentSales = [
+  { initials: "OM", name: "Olivia Martin", email: "olivia.martin@email.com", amount: "+$1,999.00" },
+  { initials: "JL", name: "Jackson Lee", email: "jackson.lee@email.com", amount: "+$39.00" },
+  { initials: "IN", name: "Isabella Nguyen", email: "isabella.nguyen@email.com", amount: "+$299.00" },
+  { initials: "WK", name: "William Kim", email: "will@email.com", amount: "+$99.00" },
+  { initials: "SD", name: "Sofia Davis", email: "sofia.davis@email.com", amount: "+$39.00" }
+];
+var DASHBOARD_LAST_UPDATED = /* @__PURE__ */ new Date();
+function DashboardBlock({
+  props,
+  emit
+}) {
+  const [settingsOpen, setSettingsOpen] = React.useState(false);
+  const navItems = props.navItems ?? ["Dashboard", "Orders", "Products", "Customers", "Analytics"];
+  const recentSalesTitle = props.recentSalesTitle ?? "Recent Sales";
+  const recentSalesDescription = props.recentSalesDescription ?? "You made 265 sales this month.";
+  const transactionsTitle = props.transactionsTitle ?? "Transactions";
+  const transactionsDescription = props.transactionsDescription ?? "Recent transactions from your store.";
+  const className = props.className;
+  return /* @__PURE__ */ jsxs("div", { className: className ?? "flex min-h-dvh w-full flex-col bg-background", children: [
+    /* @__PURE__ */ jsxs("header", { className: "sticky top-0 z-30 flex h-16 items-center gap-4 border-b border-border bg-background px-4 md:px-6", children: [
+      /* @__PURE__ */ jsxs("nav", { "aria-label": "Dashboard navigation", className: "hidden flex-col gap-6 text-lg font-medium md:flex md:flex-row md:items-center md:gap-6 md:text-sm lg:gap-6", children: [
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: "#",
+            className: "flex items-center gap-2 text-lg font-semibold md:text-base",
+            children: [
+              /* @__PURE__ */ jsx(PackageIcon, { size: 24 }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Nadicode" })
+            ]
+          }
+        ),
+        navItems.map((item, i) => /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: "#",
+            className: i === 0 ? "text-text-primary transition-colors hover:text-text-primary" : "text-text-secondary transition-colors hover:text-text-primary",
+            children: item
+          },
+          item
+        ))
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-4 md:ml-auto md:gap-2 lg:gap-4", children: [
+        /* @__PURE__ */ jsx(DataFreshness, { lastUpdated: DASHBOARD_LAST_UPDATED, isLive: true, className: "hidden sm:flex" }),
+        /* @__PURE__ */ jsx("form", { className: "ml-auto flex-1 sm:flex-initial", onSubmit: (e) => e.preventDefault(), children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(SearchIcon, { size: 16, className: "absolute left-2.5 top-2.5 text-text-tertiary" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "search",
+              name: "query",
+              placeholder: "Search products...",
+              className: "pl-8 sm:w-[300px]"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "icon", className: "rounded-full", children: /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8 touch-target-44", children: /* @__PURE__ */ jsx(AvatarFallback, { children: "JD" }) }) }) }),
+          /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+            /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "My Account" }),
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: () => {
+              setSettingsOpen(true);
+              emit("openSettings");
+            }, children: "Settings" }),
+            /* @__PURE__ */ jsx(DropdownMenuItem, { children: "Support" }),
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx(DropdownMenuItem, { children: "Logout" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          SettingsModal,
+          {
+            open: settingsOpen,
+            onOpenChange: (open) => {
+              setSettingsOpen(open);
+              if (!open) emit("closeSettings");
+            },
+            ContentComponent: SettingsContent
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("main", { className: "flex flex-1 flex-col gap-4 p-4 md:gap-8 md:p-8", children: [
+      /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 80, className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: defaultKpis.map((kpi) => /* @__PURE__ */ jsx(
+        MetricCard,
+        {
+          label: kpi.label,
+          value: kpi.value,
+          prefix: kpi.prefix,
+          formatter: kpi.formatter,
+          trend: kpi.trend,
+          sparklineData: kpi.sparklineData,
+          icon: kpi.icon
+        },
+        kpi.label
+      )) }),
+      /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsxs("section", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: [
+        /* @__PURE__ */ jsx(
+          ChartCard,
+          {
+            title: "Overview",
+            data: defaultChartData,
+            chart: /* @__PURE__ */ jsx(AreaChart, { data: defaultChartData, config: defaultChartConfig, indexKey: "month" }),
+            className: "lg:col-span-2"
+          }
+        ),
+        /* @__PURE__ */ jsxs(Card, { className: "col-span-1", children: [
+          /* @__PURE__ */ jsxs(CardHeader, { children: [
+            /* @__PURE__ */ jsx(CardTitle, { children: recentSalesTitle }),
+            /* @__PURE__ */ jsx(CardDescription, { children: recentSalesDescription })
+          ] }),
+          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "space-y-8", children: defaultRecentSales.map((sale) => /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ jsx(Avatar, { className: "h-9 w-9", children: /* @__PURE__ */ jsx(AvatarFallback, { children: sale.initials }) }),
+            /* @__PURE__ */ jsxs("div", { className: "ml-4 space-y-1.5", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium leading-none", children: sale.name }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-text-tertiary", children: sale.email })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "ml-auto font-medium", children: sale.amount })
+          ] }, sale.email)) }) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsx(CardTitle, { children: transactionsTitle }),
+            /* @__PURE__ */ jsx(CardDescription, { children: transactionsDescription })
+          ] }),
+          /* @__PURE__ */ jsx(Button, { asChild: true, size: "sm", className: "ml-auto gap-1.5", children: /* @__PURE__ */ jsxs("a", { href: "#", children: [
+            "View All",
+            /* @__PURE__ */ jsx(ArrowUpRightIcon, { size: 16 })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx(TableHead, { children: "Customer" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "hidden xl:table-cell", children: "Type" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "hidden xl:table-cell", children: "Status" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "hidden xl:table-cell", children: "Date" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: "Amount" })
+          ] }) }),
+          /* @__PURE__ */ jsx(TableBody, { children: defaultTransactions.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 5, children: /* @__PURE__ */ jsxs(Empty, { className: "my-4", children: [
+            /* @__PURE__ */ jsx(EmptyIcon, { children: /* @__PURE__ */ jsx(PackageIcon, { size: 20 }) }),
+            /* @__PURE__ */ jsx(EmptyTitle, { children: "No transactions" }),
+            /* @__PURE__ */ jsx(EmptyDescription, { children: "Transactions will appear here once customers make purchases." })
+          ] }) }) }) : defaultTransactions.map((tx) => /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsxs(TableCell, { children: [
+              /* @__PURE__ */ jsx("div", { className: "font-medium", children: tx.name }),
+              /* @__PURE__ */ jsx("div", { className: "hidden text-sm text-text-secondary md:inline", children: tx.email })
+            ] }),
+            /* @__PURE__ */ jsx(TableCell, { className: "hidden xl:table-cell", children: tx.type }),
+            /* @__PURE__ */ jsx(TableCell, { className: "hidden xl:table-cell", children: /* @__PURE__ */ jsx(Badge, { className: "text-xs", variant: "outline", children: tx.status }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "hidden xl:table-cell", children: tx.date }),
+            /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: tx.amount })
+          ] }, tx.email)) })
+        ] }) }) })
+      ] }) }) })
+    ] })
+  ] });
+}
+
+export { DashboardBlock };

package/dist/chunk-XYMFKNKG.js

@@ -0,0 +1,93 @@
+import { nn } from './chunk-2NMP3J5R.js';
+import { SidebarProvider, Sidebar, SidebarTrigger } from './chunk-4DWRAIM2.js';
+import { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink } from './chunk-LO3MDQSJ.js';
+import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarShortcut } from './chunk-LH5KBOIA.js';
+import { Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription } from './chunk-BHPATKC7.js';
+import { FloatingDock } from './chunk-TXRGQO5M.js';
+import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbPage, BreadcrumbLink, BreadcrumbSeparator } from './chunk-35EX5FP5.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var navigationComponents = {
+  Breadcrumb: ({ props }) => {
+    const items = props.items ?? [];
+    return /* @__PURE__ */ jsx(Breadcrumb, { className: nn(props.className), children: /* @__PURE__ */ jsx(BreadcrumbList, { children: items.map((item, i) => {
+      const isLast = i === items.length - 1;
+      return /* @__PURE__ */ jsx(BreadcrumbItem, { children: isLast ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(BreadcrumbLink, { href: item.href ?? "#", children: item.label }),
+        /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
+      ] }) }, i);
+    }) }) });
+  },
+  NavigationMenu: ({ props, emit }) => {
+    const items = props.items ?? [];
+    return /* @__PURE__ */ jsx(NavigationMenu, { className: nn(props.className), children: /* @__PURE__ */ jsx(NavigationMenuList, { children: items.map((item, i) => /* @__PURE__ */ jsx(NavigationMenuItem, { children: item.children && item.children.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(NavigationMenuTrigger, { children: item.label }),
+      /* @__PURE__ */ jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsx("ul", { className: "grid gap-1 p-3 w-48", children: item.children.map((child, j) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavigationMenuLink, { href: child.href, onClick: () => emit("navigate"), className: "block rounded px-3 py-2 text-sm hover:bg-surface-hover transition-colors", children: child.label }) }, j)) }) })
+    ] }) : /* @__PURE__ */ jsx(NavigationMenuLink, { href: item.href ?? "#", onClick: () => emit("navigate"), className: "px-3 py-2 text-sm", children: item.label }) }, i)) }) });
+  },
+  Sidebar: ({ props, children }) => {
+    return /* @__PURE__ */ jsxs(SidebarProvider, { children: [
+      /* @__PURE__ */ jsx(
+        Sidebar,
+        {
+          side: props.side ?? "left",
+          variant: props.variant ?? "sidebar",
+          collapsible: props.collapsible ?? "offcanvas",
+          className: nn(props.className),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(SidebarTrigger, { className: "md:hidden" })
+    ] });
+  },
+  Drawer: ({
+    props,
+    emit,
+    children
+  }) => {
+    return /* @__PURE__ */ jsxs(
+      Drawer,
+      {
+        onOpenChange: (v) => {
+          if (!v) emit("close");
+        },
+        children: [
+          /* @__PURE__ */ jsx(DrawerTrigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { children: props.triggerLabel ?? "Open" }) }),
+          /* @__PURE__ */ jsxs(DrawerContent, { className: nn(props.className), children: [
+            (props.title || props.description) && /* @__PURE__ */ jsxs(DrawerHeader, { children: [
+              props.title && /* @__PURE__ */ jsx(DrawerTitle, { children: props.title }),
+              props.description && /* @__PURE__ */ jsx(DrawerDescription, { children: props.description })
+            ] }),
+            children
+          ] })
+        ]
+      }
+    );
+  },
+  FloatingDock: ({ props, emit }) => {
+    const items = (props.items ?? []).map((item) => ({
+      icon: /* @__PURE__ */ jsx("span", { children: item.icon }),
+      label: item.label,
+      onClick: () => emit("select")
+    }));
+    return /* @__PURE__ */ jsx(
+      FloatingDock,
+      {
+        items,
+        className: nn(props.className)
+      }
+    );
+  },
+  Menubar: ({ props, emit }) => {
+    const menus = props.menus ?? [];
+    return /* @__PURE__ */ jsx(Menubar, { className: nn(props.className), children: menus.map((menu, i) => /* @__PURE__ */ jsxs(MenubarMenu, { children: [
+      /* @__PURE__ */ jsx(MenubarTrigger, { children: menu.label }),
+      /* @__PURE__ */ jsx(MenubarContent, { children: menu.items.map((item) => /* @__PURE__ */ jsxs(MenubarItem, { onSelect: () => emit("select"), children: [
+        item.label,
+        item.shortcut && /* @__PURE__ */ jsx(MenubarShortcut, { children: item.shortcut })
+      ] }, item.value)) })
+    ] }, i)) });
+  }
+};
+
+export { navigationComponents };

package/dist/chunk-XZDVTOXJ.js

@@ -0,0 +1,94 @@
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var memoryTypeBadgeVariant = {
+  episodic: "accent",
+  semantic: "secondary",
+  procedural: "outline"
+};
+function MemoryInspector({ className, entries, onSearch, ref, ...props }) {
+  const [query, setQuery] = React.useState("");
+  const [expandedId, setExpandedId] = React.useState(null);
+  const memoryPanelBaseId = React.useId();
+  const filtered = React.useMemo(() => {
+    if (!query) return entries;
+    const q = query.toLowerCase();
+    return entries.filter(
+      (e) => e.content.toLowerCase().includes(q) || e.type.includes(q) || e.source?.toLowerCase().includes(q)
+    );
+  }, [query, entries]);
+  function handleQueryChange(e) {
+    const value = e.target.value;
+    setQuery(value);
+    onSearch?.(value);
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("glass-panel rounded-lg p-4 space-y-4", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: query,
+            onChange: handleQueryChange,
+            placeholder: "Search memories...",
+            className: "w-full rounded-md border border-border bg-surface px-4 py-1.5 text-sm text-text-primary placeholder:text-text-tertiary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent",
+            "aria-label": "Search memories"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2 max-h-80 overflow-y-auto", children: [
+          filtered.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-tertiary text-center py-4", children: "No memories found" }),
+          filtered.map((entry, index) => {
+            const isExpanded = expandedId === entry.id;
+            const contentId = `${memoryPanelBaseId}-entry-${index}`;
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "rounded-md border border-border/50 bg-surface/30 p-2.5",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 justify-between", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+                      /* @__PURE__ */ jsx(Badge, { variant: memoryTypeBadgeVariant[entry.type], className: "text-[10px] px-1.5 py-0 shrink-0", children: entry.type }),
+                      entry.source && /* @__PURE__ */ jsx("span", { className: "text-xs text-text-tertiary truncate", children: entry.source })
+                    ] }),
+                    entry.timestamp && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-text-tertiary shrink-0 tabular-nums", children: entry.timestamp })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setExpandedId(isExpanded ? null : entry.id),
+                      "aria-expanded": isExpanded,
+                      "aria-controls": contentId,
+                      className: "mt-1.5 text-left w-full focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent rounded-sm",
+                      children: /* @__PURE__ */ jsx(
+                        "p",
+                        {
+                          id: contentId,
+                          className: cn(
+                            "text-xs text-text-secondary leading-relaxed",
+                            !isExpanded && "line-clamp-2"
+                          ),
+                          children: entry.content
+                        }
+                      )
+                    }
+                  )
+                ]
+              },
+              entry.id
+            );
+          })
+        ] })
+      ]
+    }
+  );
+}
+
+export { MemoryInspector };

package/dist/{chunk-OTFIAT6T.js → chunk-YB3J4ZRZ.js}

@@ -1,15 +1,17 @@
-import { HeatmapChartBlock } from './chunk-4INNXURW.js';
-import { RadialBarChart } from './chunk-RAVRFGA5.js';
+import { HeatmapChartBlock } from './chunk-767GZSNJ.js';
 import { AreaChart } from './chunk-ZTNHUABC.js';
 import { BarChart } from './chunk-JICACDAV.js';
 import { LineChart } from './chunk-Z2NBLCSD.js';
 import { PieChart } from './chunk-O4QTL2EQ.js';
 import { RadarChart } from './chunk-UFZH45UL.js';
+import { RadialBarChart } from './chunk-RAVRFGA5.js';
 import { StaggerChildren } from './chunk-DQPK2XRL.js';
 import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-7UY24UWL.js';
-import { cn } from './chunk-QYZT24TS.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+var noop = () => {
+};
+var noopOn = () => ({ emit: noop, shouldPreventDefault: false, bound: false });
 var areaData = [
   { month: "Jan", desktop: 186, mobile: 80 },
   { month: "Feb", desktop: 305, mobile: 200 },
@@ -72,8 +74,8 @@ var radialConfig = {
   edge: { label: "Edge", color: "rgb(var(--chart-4))" },
   other: { label: "Other", color: "rgb(var(--chart-5))" }
 };
-function ChartCollectionBlock({ className }) {
-  return /* @__PURE__ */ jsxs(StaggerChildren, { staggerMs: 100, className: cn("grid gap-6 md:grid-cols-2 lg:grid-cols-3", className), children: [
+function ChartCollectionBlock(_) {
+  return /* @__PURE__ */ jsxs(StaggerChildren, { staggerMs: 100, className: "grid gap-6 md:grid-cols-2 lg:grid-cols-3", children: [
     /* @__PURE__ */ jsxs(Card, { children: [
       /* @__PURE__ */ jsxs(CardHeader, { children: [
         /* @__PURE__ */ jsx(CardTitle, { children: "Area Chart" }),
@@ -164,7 +166,14 @@ function ChartCollectionBlock({ className }) {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx(HeatmapChartBlock, {})
+    /* @__PURE__ */ jsx(
+      HeatmapChartBlock,
+      {
+        props: { data: null, config: null, title: null, description: null },
+        emit: noop,
+        on: noopOn
+      }
+    )
   ] });
 }
 

package/dist/chunk-YCS4MMC3.js

@@ -0,0 +1,133 @@
+import { buttonVariants } from './chunk-7KIDDF3I.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+function AlertDialogOverlay({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Overlay,
+    {
+      className: cn(
+        "fixed inset-0 z-50 bg-overlay/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props,
+      ref
+    }
+  );
+}
+function AlertDialogContent({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 glass-panel p-6 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+var AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+var AlertDialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+function AlertDialogTitle({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Title,
+    {
+      ref,
+      className: cn("text-lg font-semibold text-text-primary", className),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Description,
+    {
+      ref,
+      className: cn("text-sm text-text-secondary", className),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Action,
+    {
+      ref,
+      className: cn(buttonVariants(), className),
+      ...props
+    }
+  );
+}
+function AlertDialogCancel({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Cancel,
+    {
+      ref,
+      className: cn(
+        buttonVariants({ variant: "outline" }),
+        "mt-2 sm:mt-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };