@vadimcomanescu/nadicode-design-system 2.0.8 → 4.0.0

package/dist/components/page-kits/VoiceAgentsPageKit.js

@@ -1,21 +1,22 @@
-import { VoiceAgentCard } from '../../chunk-HWHJ6IRQ.js';
-import { AgentConversationBlock } from '../../chunk-4IGBBIYW.js';
+export { VoiceAgentsPageKit } from '../../chunk-32OLQ7FC.js';
+import '../../chunk-HWHJ6IRQ.js';
+import '../../chunk-4IGBBIYW.js';
 import '../../chunk-4WPZ6T7V.js';
 import '../../chunk-MDAYDDTC.js';
-import { Typography } from '../../chunk-N53OMWW2.js';
+import '../../chunk-N53OMWW2.js';
 import '../../chunk-OSNTB6RY.js';
-import { ScrollArea } from '../../chunk-GLU236NN.js';
-import { Heading } from '../../chunk-WI547C47.js';
-import { Input } from '../../chunk-AP3XXYAY.js';
+import '../../chunk-GLU236NN.js';
+import '../../chunk-WI547C47.js';
+import '../../chunk-AP3XXYAY.js';
 import '../../chunk-LIBXYD5Q.js';
-import { Card, CardContent, CardHeader, CardTitle } from '../../chunk-AH6YSYYT.js';
-import { AudioWaveform } from '../../chunk-5UESKK6S.js';
+import '../../chunk-AH6YSYYT.js';
+import '../../chunk-5UESKK6S.js';
 import '../../chunk-4S326Z3D.js';
-import { Button } from '../../chunk-7KIDDF3I.js';
+import '../../chunk-7KIDDF3I.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
-import { AgentMessageBubble } from '../../chunk-I66XWYSS.js';
+import '../../chunk-I66XWYSS.js';
 import '../../chunk-GO35FTNJ.js';
 import '../../chunk-WUO7OONN.js';
 import '../../chunk-FLF5AMNO.js';
@@ -125,126 +126,8 @@ import '../../chunk-UHXGBV5N.js';
 import '../../chunk-UIUMTURU.js';
 import '../../chunk-PRUXIDBD.js';
 import '../../chunk-NURPUVUV.js';
-import { Badge } from '../../chunk-S4JAHKOP.js';
+import '../../chunk-S4JAHKOP.js';
 import '../../chunk-TV4RSQH4.js';
 import '../../chunk-HJBXUXTD.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { useMemo } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var EMPTY_MESSAGES = [];
-function presenceLabel(state) {
-  switch (state) {
-    case "listening":
-      return "Listening";
-    case "speaking":
-      return "Speaking";
-    case "idle":
-      return "Idle";
-  }
-}
-function VoiceAgentsPageKit({
-  state = "agent-selection",
-  agents,
-  selectedAgentId,
-  presenceState = "idle",
-  messages = EMPTY_MESSAGES,
-  streamingReply,
-  composerValue = "",
-  composerPlaceholder = "Send a voice prompt...",
-  onComposerChange,
-  onSendMessage,
-  onSelectAgent,
-  onBackToSelection,
-  noAgentsMessage = "No voice agents are available right now.",
-  disconnectedMessage = "The selected agent is unavailable. Choose another agent.",
-  className
-}) {
-  const selectedAgent = useMemo(
-    () => selectedAgentId ? agents.find((agent) => agent.id === selectedAgentId) : null,
-    [agents, selectedAgentId]
-  );
-  function handleSendMessage() {
-    const payload = composerValue.trim();
-    if (!payload) {
-      return;
-    }
-    onSendMessage?.(payload);
-  }
-  if (state === "agent-selection") {
-    return /* @__PURE__ */ jsxs("section", { className: cn("space-y-6", className), children: [
-      /* @__PURE__ */ jsxs("header", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx(Heading, { level: 3, children: "Voice agents" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "muted", children: "Choose an agent to start a voice session." })
-      ] }),
-      agents.length === 0 ? /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "py-6", children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: noAgentsMessage }) }) }) : /* @__PURE__ */ jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: agents.map((agent) => /* @__PURE__ */ jsx(
-        VoiceAgentCard,
-        {
-          agent,
-          state: "idle",
-          selected: false,
-          onSelect: () => onSelectAgent?.(agent.id),
-          ariaLabel: `Select ${agent.name}`
-        },
-        agent.id
-      )) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("section", { className: cn("space-y-6", className), children: [
-    /* @__PURE__ */ jsxs("header", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx(Heading, { level: 3, children: "Voice agents" }),
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onBackToSelection, children: "Back to agent selection" })
-      ] }),
-      /* @__PURE__ */ jsx(Typography, { variant: "muted", children: selectedAgent ? `Active voice session with ${selectedAgent.name}.` : disconnectedMessage })
-    ] }),
-    selectedAgent ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "small", className: "font-medium text-text-primary", children: selectedAgent.name }),
-      /* @__PURE__ */ jsx(Badge, { variant: "outline", children: presenceLabel(presenceState) }),
-      /* @__PURE__ */ jsx(AudioWaveform, { active: presenceState === "speaking", bars: 20, size: "sm", variant: "accent" })
-    ] }) : /* @__PURE__ */ jsx("div", { role: "alert", className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive", children: disconnectedMessage }),
-    /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Conversation" }) }),
-      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
-        /* @__PURE__ */ jsxs(ScrollArea, { className: "max-h-96", children: [
-          /* @__PURE__ */ jsx(
-            AgentConversationBlock,
-            {
-              messages: messages.length > 0 ? messages : [{
-                id: "voice-empty",
-                role: "system",
-                content: "No messages yet. Start speaking to begin the session."
-              }]
-            }
-          ),
-          !!streamingReply && /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-1", children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "small", className: "font-medium text-text-primary", children: "Streaming response" }),
-            /* @__PURE__ */ jsx(
-              AgentMessageBubble,
-              {
-                role: "assistant",
-                content: streamingReply,
-                isStreaming: true
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              "aria-label": "Voice composer",
-              value: composerValue,
-              placeholder: composerPlaceholder,
-              onChange: (event) => onComposerChange?.(event.target.value)
-            }
-          ),
-          /* @__PURE__ */ jsx(Button, { type: "button", onClick: handleSendMessage, children: "Send voice message" })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-
-export { VoiceAgentsPageKit };
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/CheckoutForm.js

@@ -1,7 +1,8 @@
 'use client';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '../../chunk-AH6YSYYT.js';
-import { Alert, AlertTitle, AlertDescription } from '../../chunk-GJUR6HT3.js';
-import { Button } from '../../chunk-7KIDDF3I.js';
+export { CheckoutForm } from '../../chunk-RNCX4JIE.js';
+import '../../chunk-AH6YSYYT.js';
+import '../../chunk-GJUR6HT3.js';
+import '../../chunk-7KIDDF3I.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
@@ -91,7 +92,7 @@ import '../../chunk-FMH55OKV.js';
 import '../../chunk-WXVNTJIB.js';
 import '../../chunk-T7H53CK2.js';
 import '../../chunk-TBKJ34BB.js';
-import { LoaderCircleIcon } from '../../chunk-BRP6D56U.js';
+import '../../chunk-BRP6D56U.js';
 import '../../chunk-6G3RRWJT.js';
 import '../../chunk-ZU2GYVAP.js';
 import '../../chunk-CRZ2JE24.js';
@@ -118,69 +119,3 @@ import '../../chunk-TV4RSQH4.js';
 import '../../chunk-HJBXUXTD.js';
 import '../../chunk-ASKFAYYR.js';
 import '../../chunk-QYZT24TS.js';
-import { useState } from 'react';
-import { useStripe, useElements, PaymentElement } from '@stripe/react-stripe-js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function CheckoutForm({ amount = 2e3, currency = "usd", returnUrl = "/settings/billing" }) {
-  const stripe = useStripe();
-  const elements = useElements();
-  const [message, setMessage] = useState(null);
-  const [isLoading, setIsLoading] = useState(false);
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    if (!stripe || !elements) {
-      return;
-    }
-    setIsLoading(true);
-    setMessage(null);
-    const { error } = await stripe.confirmPayment({
-      elements,
-      confirmParams: {
-        // Make sure to change this to your payment completion page
-        return_url: `${window.location.origin}${returnUrl}`
-      }
-    });
-    if (error.type === "card_error" || error.type === "validation_error") {
-      setMessage(error.message ?? "An unexpected error occurred.");
-    } else {
-      setMessage("An unexpected error occurred.");
-    }
-    setIsLoading(false);
-  };
-  return /* @__PURE__ */ jsxs(Card, { className: "w-full max-w-md", children: [
-    /* @__PURE__ */ jsxs(CardHeader, { children: [
-      /* @__PURE__ */ jsx(CardTitle, { children: "Payment Details" }),
-      /* @__PURE__ */ jsxs(CardDescription, { children: [
-        "Complete your purchase of $",
-        amount / 100,
-        " ",
-        currency.toUpperCase(),
-        "."
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-6", children: [
-        /* @__PURE__ */ jsx(PaymentElement, { id: "payment-element", options: { layout: "tabs" } }),
-        !!message && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsx(AlertTitle, { children: "Error" }),
-          /* @__PURE__ */ jsx(AlertDescription, { children: message })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          disabled: isLoading || !stripe || !elements,
-          className: "w-full",
-          type: "submit",
-          children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(LoaderCircleIcon, { size: 16, className: "mr-2 animate-spin" }),
-            "Processing..."
-          ] }) : "Pay Now"
-        }
-      ) })
-    ] })
-  ] });
-}
-
-export { CheckoutForm };

package/eslint-rules/nadicode/config.js

@@ -22,7 +22,6 @@ export const nadicodeRules = {
   "nadicode/no-falsy-and-render": "error",
   "nadicode/no-forbidden-bespoke-chat-primitive": "error",
   "nadicode/no-forbidden-chat-class-usage": "error",
-  "nadicode/no-forbidden-page-kit-import": "error",
   "nadicode/no-forbidden-tokens": "error",
   "nadicode/no-forward-ref": "error",
   "nadicode/no-hardcoded-inline-color": "error",
@@ -83,6 +82,7 @@ export const nadicodeRules = {
   "nadicode/no-handcoded-heading": "error",
   "nadicode/no-handcoded-empty-state": "error",
   "nadicode/no-handcoded-field": "error",
+  "nadicode/require-catalog-component": "error",
 };
 
 function normalizePattern(pattern) {

package/eslint-rules/nadicode/data/catalog-names.json

@@ -0,0 +1,93 @@
+{
+  "catalog": [
+    "AccountLockedBlock",
+    "AccountLockedPageKit",
+    "ActivityFeedBlock",
+    "AgentConversationBlock",
+    "AgentProfileGridBlock",
+    "AgentRunOverviewBlock",
+    "AgentsChatPageKit",
+    "AgentWorkbenchBlock",
+    "AnalyticsPageKit",
+    "AudioVisualizerBlock",
+    "AuthLayout",
+    "AuthSuccessBlock",
+    "BannerBlock",
+    "BarChartBlock",
+    "BlogContentPageKit",
+    "CallToActionBlock",
+    "ChangelogBlock",
+    "ChartBlock",
+    "ChartCollectionBlock",
+    "ChatLayout",
+    "CheckoutForm",
+    "CheckoutPageKit",
+    "CodeBlock",
+    "CompanySuitePageKit",
+    "ComparisonBlock",
+    "ContactBlock",
+    "CreateBlock",
+    "CrudFormPageKit",
+    "CrudListDetailPageKit",
+    "DashboardPageKit",
+    "DataGridBlock",
+    "DirectoryBlock",
+    "ErrorPageKit",
+    "FAQBlock",
+    "FeatureBlock",
+    "FeatureGridBlock",
+    "FooterBlock",
+    "FormWizard",
+    "GalleryBlock",
+    "HeaderBlock",
+    "HeatmapChartBlock",
+    "HeroBlock",
+    "HeroSectionBlock",
+    "IntegrationsBlock",
+    "InteractiveAreaChartBlock",
+    "InviteUserModal",
+    "KanbanBoard",
+    "KanbanBoardPageKit",
+    "KanbanDemoBlock",
+    "LandingPageKit",
+    "LoginBlock",
+    "LoginPageKit",
+    "LogoCloud",
+    "MarketingShellPageKit",
+    "NavigationShellPageKit",
+    "NavUser",
+    "NewsletterBlock",
+    "NotFoundBlock",
+    "OnboardingBlock",
+    "OnboardingPageKit",
+    "PasswordRecoveryBlock",
+    "PricingBlock",
+    "PricingPageKit",
+    "ProcessFlowBlock",
+    "ProfileSettingsPageKit",
+    "RecoveryPageKit",
+    "ResetPageKit",
+    "ResetPasswordBlock",
+    "ServiceSuitePageKit",
+    "SettingsLayout",
+    "SettingsPageKit",
+    "SignUpBlock",
+    "SignupPageKit",
+    "SocialProofBlock",
+    "SolutionShowcaseBlock",
+    "StatsBlock",
+    "StatsMarketingBlock",
+    "SuccessPageKit",
+    "TeamBlock",
+    "TeamSettingsPageKit",
+    "TestimonialsBlock",
+    "TwoFactorChallengeBlock",
+    "TwoFactorPageKit",
+    "TwoFactorSetupBlock",
+    "UsageDonutBlock",
+    "VerifyEmailPageKit",
+    "VoiceAgentCard",
+    "VoiceAgentsPageKit",
+    "WizardBlock"
+  ]
+}

package/eslint-rules/nadicode/index.js

@@ -11,7 +11,6 @@ import noExternalUiLibrary from "./rules/no-external-ui-library.js";
 import noFalsyAndRender from "./rules/no-falsy-and-render.js";
 import noForbiddenBespokeChatPrimitive from "./rules/no-forbidden-bespoke-chat-primitive.js";
 import noForbiddenChatClassUsage from "./rules/no-forbidden-chat-class-usage.js";
-import noForbiddenPageKitImport from "./rules/no-forbidden-page-kit-import.js";
 import noForbiddenTokens from "./rules/no-forbidden-tokens.js";
 import noForwardRef from "./rules/no-forward-ref.js";
 import noFramerMotionImport from "./rules/no-framer-motion-import.js";
@@ -70,6 +69,7 @@ import noHandcodedBadge from "./rules/no-handcoded-badge.js";
 import noHandcodedHeading from "./rules/no-handcoded-heading.js";
 import noHandcodedEmptyState from "./rules/no-handcoded-empty-state.js";
 import noHandcodedField from "./rules/no-handcoded-field.js";
+import requireCatalogComponent from "./rules/require-catalog-component.js";
 
 export { nadicodeRules, createAllowlistOverrides } from "./config.js";
 
@@ -88,7 +88,6 @@ export const nadicodePlugin = {
     "no-falsy-and-render": noFalsyAndRender,
     "no-forbidden-bespoke-chat-primitive": noForbiddenBespokeChatPrimitive,
     "no-forbidden-chat-class-usage": noForbiddenChatClassUsage,
-    "no-forbidden-page-kit-import": noForbiddenPageKitImport,
     "no-forbidden-tokens": noForbiddenTokens,
     "no-forward-ref": noForwardRef,
     "no-framer-motion-import": noFramerMotionImport,
@@ -147,5 +146,6 @@ export const nadicodePlugin = {
     "no-handcoded-heading": noHandcodedHeading,
     "no-handcoded-empty-state": noHandcodedEmptyState,
     "no-handcoded-field": noHandcodedField,
+    "require-catalog-component": requireCatalogComponent,
   },
 };

package/eslint-rules/nadicode/rules/__tests__/require-catalog-component.test.js

@@ -0,0 +1,77 @@
+import { RuleTester } from "eslint";
+import { describe } from "vitest";
+
+import rule from "../require-catalog-component.js";
+
+const tester = new RuleTester({
+  languageOptions: {
+    ecmaVersion: "latest",
+    sourceType: "module",
+  },
+});
+
+describe("require-catalog-component", () => {
+  tester.run("require-catalog-component", rule, {
+    valid: [
+      // Component that IS in the catalog (catalog array)
+      {
+        code: "import HeroBlock from '@/components/blocks/HeroBlock';",
+        filename: "/repo/src/app/page.tsx",
+      },
+      // Page-kit that IS in the catalog
+      {
+        code: "import { LandingPageKit } from '@/components/page-kits/LandingPageKit';",
+        filename: "/repo/src/app/page.tsx",
+      },
+      // Imports from other paths are not checked
+      {
+        code: "import { Button } from '@/components/ui/Button';",
+        filename: "/repo/src/app/page.tsx",
+      },
+      // Test files are exempt
+      {
+        code: "import UnknownBlock from '@/components/blocks/UnknownBlock';",
+        filename: "/repo/src/components/blocks/__tests__/UnknownBlock.test.tsx",
+      },
+      {
+        code: "import UnknownBlock from '@/components/blocks/UnknownBlock';",
+        filename: "/repo/src/components/blocks/UnknownBlock.spec.tsx",
+      },
+    ],
+    invalid: [
+      // Component NOT in catalog (blocks)
+      {
+        code: "import UnknownBlock from '@/components/blocks/UnknownBlock';",
+        filename: "/repo/src/app/page.tsx",
+        errors: [
+          {
+            message:
+              "Component 'UnknownBlock' is not in the design system catalog. Add it to src/catalog/catalog.ts before use.",
+          },
+        ],
+      },
+      // Component NOT in catalog (page-kits)
+      {
+        code: "import UnknownPageKit from '@/components/page-kits/UnknownPageKit';",
+        filename: "/repo/src/app/page.tsx",
+        errors: [
+          {
+            message:
+              "Component 'UnknownPageKit' is not in the design system catalog. Add it to src/catalog/catalog.ts before use.",
+          },
+        ],
+      },
+      // Named import from unknown block
+      {
+        code: "import { GhostBlock } from '@/components/blocks/GhostBlock';",
+        filename: "/repo/src/app/marketing/page.tsx",
+        errors: [
+          {
+            message:
+              "Component 'GhostBlock' is not in the design system catalog. Add it to src/catalog/catalog.ts before use.",
+          },
+        ],
+      },
+    ],
+  });
+});

package/eslint-rules/nadicode/rules/require-catalog-component.js

@@ -0,0 +1,79 @@
+import { readFileSync } from "node:fs";
+import { resolve, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+
+import { getFilename, isTestFile } from "../utils.js";
+
+const RULES_DIR = dirname(fileURLToPath(import.meta.url));
+const CATALOG_PATH = resolve(RULES_DIR, "../data/catalog-names.json");
+
+const CHECKED_PREFIXES = ["@/components/blocks/", "@/components/page-kits/"];
+
+let knownNames = null;
+
+function loadKnownNames() {
+  if (knownNames) {
+    return knownNames;
+  }
+
+  knownNames = new Set();
+
+  try {
+    const data = JSON.parse(readFileSync(CATALOG_PATH, "utf8"));
+    for (const name of data.catalog ?? []) {
+      knownNames.add(name);
+    }
+  } catch {
+    // Data file missing (first run before generator runs). Rule becomes a no-op.
+  }
+
+  return knownNames;
+}
+
+const rule = {
+  meta: {
+    type: "problem",
+    docs: {
+      description:
+        "Disallow imports of blocks and page-kits that are not registered in the design system catalog.",
+    },
+    schema: [],
+  },
+  create(context) {
+    const filename = getFilename(context);
+    if (isTestFile(filename)) return {};
+
+    return {
+      ImportDeclaration(node) {
+        const source = node.source.value;
+        if (typeof source !== "string") return;
+
+        const matched = CHECKED_PREFIXES.find((prefix) =>
+          source.startsWith(prefix),
+        );
+        if (!matched) return;
+
+        const afterPrefix = source.slice(matched.length);
+        // Take only the first path segment so `@/components/blocks/Foo/Bar`
+        // resolves to `Foo`, not `Foo/Bar`.
+        const name = afterPrefix.split("/")[0];
+        if (!name) return;
+
+        const known = loadKnownNames();
+        // Empty set means catalog file is missing; skip silently.
+        if (known.size === 0) return;
+
+        if (!known.has(name)) {
+          context.report({
+            node,
+            message:
+              "Component '{{name}}' is not in the design system catalog. Add it to src/catalog/catalog.ts before use.",
+            data: { name },
+          });
+        }
+      },
+    };
+  },
+};
+
+export default rule;