@vadimcomanescu/nadicode-design-system 4.0.11 → 5.0.0

package/dist/chunk-THN674BW.js

@@ -1,269 +0,0 @@
-import { NavigationShellPageKit } from './chunk-ZBQLUB3B.js';
-import { Typography } from './chunk-PC6VMNDY.js';
-import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-HOWTYZL5.js';
-import { Pagination, PaginationContent, PaginationItem, PaginationPrevious, PaginationLink, PaginationNext } from './chunk-2BADJLMV.js';
-import { Heading } from './chunk-UXX6HHPS.js';
-import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-PXDHNGTG.js';
-import { Input } from './chunk-AP3XXYAY.js';
-import { Empty, EmptyTitle, EmptyDescription } from './chunk-4TF4QFIM.js';
-import { Card, CardHeader, CardTitle, CardContent } from './chunk-7UY24UWL.js';
-import { Button } from './chunk-7KIDDF3I.js';
-import { Badge } from './chunk-S4JAHKOP.js';
-import { cn } from './chunk-QYZT24TS.js';
-import { useMemo } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var EMPTY_FILTER_CONTROLS = [];
-var EMPTY_SELECTED_ROW_IDS = [];
-var EMPTY_BULK_ACTIONS = [];
-function toPlainText(value) {
-  if (typeof value === "string" || typeof value === "number") {
-    return String(value);
-  }
-  return null;
-}
-function deriveRowLabel(row, columns) {
-  if (row.summaryLabel) {
-    return row.summaryLabel;
-  }
-  const firstColumn = columns[0];
-  if (!firstColumn) {
-    return row.id;
-  }
-  const firstCellValue = row.cells[firstColumn.id];
-  return toPlainText(firstCellValue) ?? row.id;
-}
-function deriveState(state, rows, selectedRowId) {
-  if (state) {
-    return state;
-  }
-  if (rows.length === 0) {
-    return "empty";
-  }
-  if (selectedRowId) {
-    return "selected-row";
-  }
-  return "has-data";
-}
-function clampPage(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
-function CrudListDetailPageKit({
-  shell,
-  title = "CRUD list detail",
-  description = "Browse records, apply filters, and inspect row details without rebuilding route scaffolding.",
-  state,
-  columns,
-  rows,
-  filterControls = EMPTY_FILTER_CONTROLS,
-  selectedRowId = null,
-  selectedRowIds = EMPTY_SELECTED_ROW_IDS,
-  onRowSelect,
-  bulkActions = EMPTY_BULK_ACTIONS,
-  detailPanel,
-  emptyState,
-  pagination,
-  errorMessage,
-  listAriaLabel = "CRUD list region",
-  headerActions,
-  renderCollection,
-  className
-}) {
-  const selectedRow = useMemo(
-    () => selectedRowId ? rows.find((row) => row.id === selectedRowId) ?? null : null,
-    [rows, selectedRowId]
-  );
-  const resolvedState = deriveState(state, rows, selectedRowId);
-  const detailMode = detailPanel?.mode ?? "inline";
-  const computedSelectedRowIds = useMemo(() => {
-    if (selectedRowIds.length > 0) {
-      return selectedRowIds;
-    }
-    if (selectedRowId) {
-      return [selectedRowId];
-    }
-    return EMPTY_SELECTED_ROW_IDS;
-  }, [selectedRowId, selectedRowIds]);
-  const pages = useMemo(() => {
-    const totalPages = Math.max(1, pagination.totalPages);
-    const currentPage = clampPage(pagination.page, 1, totalPages);
-    const visible = 5;
-    const half = Math.floor(visible / 2);
-    let start = Math.max(1, currentPage - half);
-    const end = Math.min(totalPages, start + visible - 1);
-    if (end - start < visible - 1) {
-      start = Math.max(1, end - visible + 1);
-    }
-    return Array.from({ length: end - start + 1 }, (_, index) => start + index);
-  }, [pagination.page, pagination.totalPages]);
-  const showInlineDetail = Boolean(detailPanel && detailMode === "inline" && selectedRow);
-  const showSheetDetail = Boolean(detailPanel && detailMode === "sheet" && selectedRow);
-  return /* @__PURE__ */ jsx(NavigationShellPageKit, { ...shell, children: /* @__PURE__ */ jsxs("section", { className: cn("space-y-6", className), children: [
-    /* @__PURE__ */ jsxs("header", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx(Heading, { level: 3, children: title }),
-      /* @__PURE__ */ jsx(Typography, { variant: "muted", children: description })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-        computedSelectedRowIds.length > 0 ? /* @__PURE__ */ jsxs(Badge, { variant: "secondary", children: [
-          computedSelectedRowIds.length,
-          " selected"
-        ] }) : null,
-        resolvedState === "loading" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Loading" }) : null,
-        resolvedState === "filtered" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Filtered results" }) : null,
-        resolvedState === "error" ? /* @__PURE__ */ jsx(Badge, { variant: "destructive", children: "Error" }) : null
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-        bulkActions.map((action) => /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "secondary",
-            disabled: action.disabled || computedSelectedRowIds.length === 0,
-            onClick: () => action.onAction(computedSelectedRowIds, rows),
-            children: action.label
-          },
-          action.id
-        )),
-        headerActions
-      ] })
-    ] }),
-    filterControls.length > 0 ? /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Filters" }) }),
-      /* @__PURE__ */ jsx(CardContent, { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-3", children: filterControls.map((filter) => /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: filter.label }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            "aria-label": filter.label,
-            value: filter.value,
-            placeholder: filter.placeholder,
-            onChange: (event) => filter.onChange(event.target.value)
-          }
-        )
-      ] }, filter.id)) })
-    ] }) : null,
-    /* @__PURE__ */ jsxs("div", { className: cn("grid gap-4", showInlineDetail ? "xl:grid-cols-[minmax(0,1fr)_340px]" : "grid-cols-1"), children: [
-      /* @__PURE__ */ jsxs("section", { "aria-label": listAriaLabel, className: "space-y-3", children: [
-        resolvedState === "loading" ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Loading list data" }) : null,
-        resolvedState === "error" ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            role: "alert",
-            className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
-            children: errorMessage ?? "The list is unavailable. Retry once the data source recovers."
-          }
-        ) : null,
-        (resolvedState === "empty" || resolvedState === "filtered") && rows.length === 0 ? /* @__PURE__ */ jsxs(Empty, { children: [
-          /* @__PURE__ */ jsx(EmptyTitle, { children: emptyState?.title ?? "No rows to display" }),
-          /* @__PURE__ */ jsx(EmptyDescription, { children: emptyState?.description ?? "Adjust your filters or create a new record to populate this table." })
-        ] }) : null,
-        resolvedState !== "loading" && resolvedState !== "error" && rows.length > 0 ? renderCollection ? renderCollection({
-          rows,
-          columns,
-          selectedRowId,
-          onRowSelect
-        }) : /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-0", children: /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs(Table, { children: [
-          /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((column) => /* @__PURE__ */ jsx(TableHead, { className: column.headerClassName, children: column.header }, column.id)) }) }),
-          /* @__PURE__ */ jsx(TableBody, { children: rows.map((row) => {
-            const rowLabel = deriveRowLabel(row, columns);
-            return /* @__PURE__ */ jsx(
-              TableRow,
-              {
-                className: cn(
-                  selectedRowId === row.id ? "bg-surface-secondary/70" : void 0
-                ),
-                children: columns.map((column, columnIndex) => {
-                  const cell = row.cells[column.id] ?? "-";
-                  if (columnIndex === 0) {
-                    return /* @__PURE__ */ jsx(TableCell, { className: column.cellClassName, children: /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        variant: "ghost",
-                        className: "h-auto w-full justify-start px-0 text-left",
-                        "aria-label": `Select row ${rowLabel}`,
-                        onClick: () => onRowSelect?.(row.id),
-                        children: cell
-                      }
-                    ) }, column.id);
-                  }
-                  return /* @__PURE__ */ jsx(TableCell, { className: column.cellClassName, children: cell }, column.id);
-                })
-              },
-              row.id
-            );
-          }) })
-        ] }) }) }) }) : null,
-        /* @__PURE__ */ jsx(Pagination, { children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
-          /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-            PaginationPrevious,
-            {
-              href: "#",
-              onClick: (event) => {
-                event.preventDefault();
-                if (pagination.page > 1) {
-                  pagination.onPageChange(pagination.page - 1);
-                }
-              },
-              "aria-disabled": pagination.page <= 1,
-              className: pagination.page <= 1 ? "pointer-events-none opacity-50" : void 0
-            }
-          ) }),
-          pages.map((page) => /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-            PaginationLink,
-            {
-              href: "#",
-              isActive: page === pagination.page,
-              onClick: (event) => {
-                event.preventDefault();
-                pagination.onPageChange(page);
-              },
-              children: page
-            }
-          ) }, page)),
-          /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-            PaginationNext,
-            {
-              href: "#",
-              onClick: (event) => {
-                event.preventDefault();
-                if (pagination.page < pagination.totalPages) {
-                  pagination.onPageChange(pagination.page + 1);
-                }
-              },
-              "aria-disabled": pagination.page >= pagination.totalPages,
-              className: pagination.page >= pagination.totalPages ? "pointer-events-none opacity-50" : void 0
-            }
-          ) })
-        ] }) })
-      ] }),
-      showInlineDetail && detailPanel ? /* @__PURE__ */ jsx("aside", { "aria-label": detailPanel.title ?? "Detail panel", children: /* @__PURE__ */ jsxs(Card, { children: [
-        /* @__PURE__ */ jsxs(CardHeader, { children: [
-          /* @__PURE__ */ jsx(CardTitle, { children: detailPanel.title ?? "Detail" }),
-          detailPanel.description ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: detailPanel.description }) : null
-        ] }),
-        /* @__PURE__ */ jsx(CardContent, { children: selectedRow ? detailPanel.renderDetail(selectedRow) : null })
-      ] }) }) : null
-    ] }),
-    showSheetDetail && detailPanel && selectedRow ? /* @__PURE__ */ jsx(
-      Sheet,
-      {
-        open: showSheetDetail,
-        onOpenChange: (open) => {
-          detailPanel.onOpenChange?.(open);
-          if (!open) {
-            onRowSelect?.(null);
-          }
-        },
-        children: /* @__PURE__ */ jsxs(SheetContent, { side: "right", children: [
-          /* @__PURE__ */ jsxs(SheetHeader, { children: [
-            /* @__PURE__ */ jsx(SheetTitle, { children: detailPanel.title ?? "Detail" }),
-            detailPanel.description ? /* @__PURE__ */ jsx(SheetDescription, { children: detailPanel.description }) : null
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "mt-4", children: detailPanel.renderDetail(selectedRow) })
-        ] })
-      }
-    ) : null
-  ] }) });
-}
-
-export { CrudListDetailPageKit };

package/dist/chunk-TOLHBTIL.js

@@ -1,30 +0,0 @@
-import { AuthSuccessBlock } from './chunk-K4QZ377F.js';
-import { CheckCircleIcon } from './chunk-226EBOTK.js';
-import { cn } from './chunk-QYZT24TS.js';
-import { jsx } from 'react/jsx-runtime';
-
-function SuccessPageKit({
-  icon = /* @__PURE__ */ jsx(CheckCircleIcon, { size: 32, className: "text-success" }),
-  title = "Success",
-  description = "Your request completed successfully.",
-  buttonText = "Continue",
-  onContinue,
-  autoRedirectSeconds,
-  className,
-  cardClassName
-}) {
-  return /* @__PURE__ */ jsx("section", { className: cn("min-h-dvh w-full bg-background px-4 py-12 md:px-8 md:py-20", className), children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full max-w-5xl items-center justify-center", children: /* @__PURE__ */ jsx(
-    AuthSuccessBlock,
-    {
-      className: cn("w-full", cardClassName),
-      icon,
-      title,
-      description,
-      buttonText,
-      onContinue,
-      autoRedirectSeconds
-    }
-  ) }) });
-}
-
-export { SuccessPageKit };

package/dist/chunk-UMYGE2DM.js

@@ -1,47 +0,0 @@
-import { BarChart } from './chunk-JICACDAV.js';
-import { Empty, EmptyTitle, EmptyDescription } from './chunk-4TF4QFIM.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 defaultData = [
-  { name: "Jan", total: 3200, prediction: 1800 },
-  { name: "Feb", total: 4100, prediction: 2200 },
-  { name: "Mar", total: 2800, prediction: 1500 },
-  { name: "Apr", total: 4600, prediction: 2900 },
-  { name: "May", total: 3500, prediction: 2100 },
-  { name: "Jun", total: 5200, prediction: 3100 }
-];
-var defaultConfig = {
-  total: { label: "Total", color: "rgb(var(--chart-1))" },
-  prediction: { label: "Prediction", color: "rgb(var(--chart-2))" }
-};
-function BarChartBlock({
-  data = defaultData,
-  config = defaultConfig,
-  title = "Token Usage",
-  description = "Monthly inference token consumption",
-  className
-}) {
-  return /* @__PURE__ */ jsxs(Card, { className: cn("w-full", className), children: [
-    /* @__PURE__ */ jsxs(CardHeader, { children: [
-      /* @__PURE__ */ jsx(CardTitle, { children: title }),
-      /* @__PURE__ */ jsx(CardDescription, { children: description })
-    ] }),
-    /* @__PURE__ */ jsx(CardContent, { className: "pb-4", children: data.length === 0 ? /* @__PURE__ */ jsxs(Empty, { className: "min-h-[240px]", children: [
-      /* @__PURE__ */ jsx(EmptyTitle, { children: "No chart data" }),
-      /* @__PURE__ */ jsx(EmptyDescription, { children: "Token usage will appear here once analytics data is available." })
-    ] }) : /* @__PURE__ */ jsx(
-      BarChart,
-      {
-        data,
-        config,
-        indexKey: "name",
-        bars: ["total", "prediction"],
-        stacked: true
-      }
-    ) })
-  ] });
-}
-
-export { BarChartBlock };

package/dist/chunk-UO5DYAP7.js

@@ -1,35 +0,0 @@
-import { LOCAL_CLOUD_LOGOS } from './chunk-QQOWC53X.js';
-import { Heading } from './chunk-UXX6HHPS.js';
-import { cn } from './chunk-QYZT24TS.js';
-import Image from 'next/image';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var defaultLogos = LOCAL_CLOUD_LOGOS;
-function heightClass(h) {
-  if (h <= 16) return "h-4";
-  if (h <= 20) return "h-5";
-  if (h <= 24) return "h-6";
-  return "h-7";
-}
-function LogoCloud({
-  title = "Your favorite companies are our partners.",
-  logos = defaultLogos,
-  className
-}) {
-  return /* @__PURE__ */ jsx("section", { className: className ?? "bg-background py-16", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-6", children: [
-    /* @__PURE__ */ jsx(Heading, { level: 2, size: "eyebrow", className: "text-center", children: title }),
-    /* @__PURE__ */ jsx("div", { className: "mx-auto mt-20 flex max-w-4xl flex-wrap items-center justify-center gap-x-12 gap-y-8 sm:gap-x-16 sm:gap-y-12", children: logos.map((logo) => /* @__PURE__ */ jsx(
-      Image,
-      {
-        className: cn(heightClass(logo.height), "w-auto dark:invert"),
-        src: logo.src,
-        alt: logo.alt,
-        height: logo.height,
-        width: logo.height * 4
-      },
-      logo.alt
-    )) })
-  ] }) });
-}
-
-export { LogoCloud };

package/dist/chunk-UWLSJLKT.js

@@ -1,147 +0,0 @@
-import { WorkflowGraph } from './chunk-CPSTGXWC.js';
-import { Typography } from './chunk-PC6VMNDY.js';
-import { Heading } from './chunk-UXX6HHPS.js';
-import { ContextMeter } from './chunk-S2WSXZ7Y.js';
-import { AgentMetricsCard } from './chunk-OCQB4IU7.js';
-import { AgentTeamPanel } from './chunk-J3QL5UQ7.js';
-import { cn } from './chunk-QYZT24TS.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var defaultAgents = [
-  {
-    id: "orchestrator",
-    name: "Orchestrator",
-    role: "planner",
-    status: "active",
-    model: "Claude Opus 4",
-    currentAction: "Coordinating the next tool run",
-    tokenCount: 24800,
-    cost: 0.124,
-    elapsedMs: 312e3,
-    stepsCompleted: 4,
-    stepsTotal: 7,
-    toolCalls: [
-      { name: "dispatch_task", status: "done" },
-      { name: "plan_next", status: "running" }
-    ]
-  },
-  {
-    id: "coder",
-    name: "Coder",
-    role: "developer",
-    status: "active",
-    model: "Claude Sonnet 4",
-    currentAction: "Editing workflow graph routing",
-    tokenCount: 12450,
-    cost: 0.042,
-    elapsedMs: 154e3,
-    stepsCompleted: 3,
-    stepsTotal: 7,
-    toolCalls: [
-      { name: "search_web", status: "done" },
-      { name: "edit_file", status: "running" }
-    ]
-  },
-  {
-    id: "reviewer",
-    name: "Reviewer",
-    role: "qa",
-    status: "idle"
-  }
-];
-var defaultMetrics = [
-  { label: "Active Agents", value: 2, trend: "flat" },
-  { label: "Tool Calls", value: 12, trend: "up" },
-  { label: "Latency", value: "1.2", unit: "s", trend: "down" },
-  { label: "Cost", value: "$0.18", trend: "down" }
-];
-var defaultContext = {
-  used: 85e3,
-  total: 128e3,
-  breakdown: { system: 15, user: 35, assistant: 50 }
-};
-var defaultWorkflow = {
-  title: "Execution graph",
-  nodes: [
-    { id: "plan", label: "Planner", status: "done", type: "llm", duration: 2500 },
-    { id: "search", label: "Web Search", status: "done", type: "tool", duration: 1200 },
-    { id: "code", label: "Coder", status: "active", type: "llm" },
-    { id: "review", label: "Guardrail", status: "pending", type: "conditional" },
-    { id: "deploy", label: "Operator", status: "pending", type: "human" }
-  ],
-  edges: [
-    { from: "plan", to: "search", label: "queries" },
-    { from: "plan", to: "code" },
-    { from: "search", to: "code", label: "context" },
-    { from: "code", to: "review" },
-    { from: "review", to: "deploy", label: "approved" }
-  ]
-};
-function AgentRunOverviewBlock({
-  className,
-  title = "Runtime overview",
-  description = "A compact operator view of team health, context pressure, and workflow state.",
-  teamTitle = "Team",
-  metricsTitle = "Run metrics",
-  contextTitle = "Context window",
-  workflow = defaultWorkflow,
-  agents = defaultAgents,
-  metrics = defaultMetrics,
-  context = defaultContext,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      ref,
-      className: cn("space-y-4", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", children: title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "muted", children: description })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid gap-4 xl:grid-cols-[320px_minmax(0,1fr)]", children: [
-          /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "surface-solid rounded-lg p-4", children: [
-              /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "mb-4", children: teamTitle }),
-              /* @__PURE__ */ jsx(AgentTeamPanel, { agents })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "surface-solid rounded-lg p-4", children: [
-              /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center justify-between gap-2", children: [
-                /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", children: contextTitle }),
-                /* @__PURE__ */ jsxs("span", { className: "text-xs text-text-tertiary", children: [
-                  context.used.toLocaleString(),
-                  " / ",
-                  context.total.toLocaleString()
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx(
-                ContextMeter,
-                {
-                  used: context.used,
-                  total: context.total,
-                  breakdown: context.breakdown,
-                  size: "expanded"
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "surface-solid rounded-lg p-4", children: [
-              /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "mb-4", children: metricsTitle }),
-              /* @__PURE__ */ jsx(AgentMetricsCard, { metrics })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "surface-solid rounded-lg p-4", children: [
-              /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "mb-4", children: workflow.title ?? defaultWorkflow.title }),
-              /* @__PURE__ */ jsx(WorkflowGraph, { nodes: workflow.nodes, edges: workflow.edges })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
-export { AgentRunOverviewBlock };