@vadimcomanescu/nadicode-design-system 4.0.4 → 4.0.5

package/dist/catalog/components.js

@@ -1,99 +1,112 @@
 'use client';
+import { VoiceAgentsPageKit } from '../chunk-32OLQ7FC.js';
+import { ResetPageKit } from '../chunk-LP6ZZYOQ.js';
+import { ServiceSuitePageKit } from '../chunk-7ALMTY6W.js';
+import { SignupPageKit } from '../chunk-BRICSLHJ.js';
 import { SuccessPageKit } from '../chunk-3U56FXYC.js';
 import { TeamSettingsPageKit } from '../chunk-DEZXWNYF.js';
 import { TwoFactorPageKit } from '../chunk-S5OY2B63.js';
 import { VerifyEmailPageKit } from '../chunk-SWRJWMGG.js';
-import { VoiceAgentsPageKit } from '../chunk-32OLQ7FC.js';
+import { LandingPageKit } from '../chunk-LCMAB2BX.js';
+import { LoginPageKit } from '../chunk-Z2WION42.js';
 import { OnboardingPageKit } from '../chunk-BYEHHZZN.js';
-import { PricingPageKit } from '../chunk-RMGDDOCD.js';
+import { PricingPageKit } from '../chunk-3ZPNIY2Z.js';
 import { ProfileSettingsPageKit } from '../chunk-MGSGCARB.js';
-import { RecoveryPageKit } from '../chunk-BRCBJ3S4.js';
-import { ResetPageKit } from '../chunk-LP6ZZYOQ.js';
-import { ServiceSuitePageKit } from '../chunk-K4U67BVG.js';
 import { SettingsPageKit } from '../chunk-RKQPU75I.js';
-import { SignupPageKit } from '../chunk-BRICSLHJ.js';
+import { RecoveryPageKit } from '../chunk-BRCBJ3S4.js';
+import { BlogContentPageKit } from '../chunk-6NCLYJAI.js';
+import { CheckoutPageKit } from '../chunk-HMFIUUYC.js';
+import { CompanySuitePageKit } from '../chunk-TEWCCMRH.js';
+import { MarketingShellPageKit } from '../chunk-E4L6LR6P.js';
+import { CrudFormPageKit } from '../chunk-KWILREVQ.js';
 import { DashboardPageKit } from '../chunk-C33GUEDY.js';
 import { ErrorPageKit } from '../chunk-HPTHS7SX.js';
 import { KanbanBoardPageKit } from '../chunk-25BOZMXA.js';
 import { CrudListDetailPageKit } from '../chunk-OJ7OO3QB.js';
-import { LandingPageKit } from '../chunk-LK2L3C7D.js';
-import { LoginPageKit } from '../chunk-Z2WION42.js';
+import { UsageDonutBlock } from '../chunk-VRGPG2YN.js';
+import { VoiceAgentCard } from '../chunk-HWHJ6IRQ.js';
+import { WizardBlock } from '../chunk-XKKFSFYO.js';
+import { WorkspaceSwitcherBlock } from '../chunk-RPVG37RB.js';
 import { InviteUserModal } from '../chunk-YDYDGG5K.js';
 import { AccountLockedPageKit } from '../chunk-DNJEVMDY.js';
 import { AgentsChatPageKit } from '../chunk-UR43ANYS.js';
 import { AnalyticsPageKit } from '../chunk-CUDMDYKE.js';
-import { BlogContentPageKit } from '../chunk-AWZFQQGN.js';
-import { CheckoutPageKit } from '../chunk-LGW7FVG5.js';
-import { CompanySuitePageKit } from '../chunk-QW5II6YK.js';
-import { MarketingShellPageKit } from '../chunk-Z233ZQZE.js';
-import { CrudFormPageKit } from '../chunk-KWILREVQ.js';
 import { NavigationShellPageKit } from '../chunk-ZKLB5N3Q.js';
+import { SolutionShowcaseBlock } from '../chunk-RWCL5OPX.js';
+import { StatsBlock } from '../chunk-224KPIOG.js';
+import { StatsMarketingBlock } from '../chunk-QIHA7S3A.js';
 import { TeamBlock } from '../chunk-VBZQ4DBE.js';
 import { TestimonialsBlock } from '../chunk-FV2G6SAF.js';
 import { TimezonePickerBlock } from '../chunk-ZXVDDZZL.js';
 import '../chunk-PTJPPKDR.js';
 import { TwoFactorChallengeBlock } from '../chunk-W7FXDRQJ.js';
 import { TwoFactorSetupBlock } from '../chunk-IXQGKJU4.js';
-import { UsageDonutBlock } from '../chunk-VRGPG2YN.js';
-import { VoiceAgentCard } from '../chunk-HWHJ6IRQ.js';
-import { WizardBlock } from '../chunk-XKKFSFYO.js';
+import { PricingBlock } from '../chunk-VNNAL4A6.js';
+import { PricingTableBlock } from '../chunk-XAAJBX6R.js';
 import { ProcessFlowBlock } from '../chunk-HZERHGBT.js';
 import { ResetPasswordBlock } from '../chunk-X6VXWEDO.js';
+import { SavingsCalculatorBlock } from '../chunk-IC3BMFHV.js';
 import { SettingsLayout } from '../chunk-4MWKE6F5.js';
 import { SignUpBlock } from '../chunk-7IADIXDV.js';
 import { SocialProofBlock } from '../chunk-C7WHMSF3.js';
-import { SolutionShowcaseBlock } from '../chunk-RWCL5OPX.js';
-import { StatsBlock } from '../chunk-224KPIOG.js';
-import { StatsMarketingBlock } from '../chunk-QIHA7S3A.js';
-import { LogoCloud } from '../chunk-ZFKSVEYW.js';
+import { MagicLinkBlock } from '../chunk-WVKJNHQM.js';
 import { NavUser } from '../chunk-QJCE7NZF.js';
 import { NewsletterBlock } from '../chunk-K7NQ6ZAW.js';
+import '../chunk-DARC2ACH.js';
 import { NotFoundBlock } from '../chunk-XO7TBM47.js';
+import { OTPBlock } from '../chunk-K5AFXZDL.js';
 import { OnboardingBlock } from '../chunk-KQ7ZC6EM.js';
+import { PasswordChangedBlock } from '../chunk-QVAV4MA2.js';
 import { PasswordRecoveryBlock } from '../chunk-5PZ4VR2D.js';
-import { PricingBlock } from '../chunk-VNNAL4A6.js';
-import '../chunk-DARC2ACH.js';
-import { GalleryBlock } from '../chunk-FTGFOK6T.js';
 import { HeroBlock } from '../chunk-GJ557DGH.js';
 import { HeroSectionBlock } from '../chunk-ALA6OM7K.js';
-import '../chunk-QQOWC53X.js';
-import { HeaderBlock } from '../chunk-WOYBVPXK.js';
-import { IntegrationsBlock } from '../chunk-BSCC7OQK.js';
+import { IntegrationsBlock } from '../chunk-4TUJJ3UI.js';
 import '../chunk-3ZDYYZDD.js';
+import '../chunk-TSVN5A2F.js';
+import '../chunk-PX2WVDDB.js';
 import '../chunk-BZYMCJHW.js';
 import '../chunk-H466RJCI.js';
 import '../chunk-DT6DGTVW.js';
 import '../chunk-J5DRK4RF.js';
-import '../chunk-TSVN5A2F.js';
-import '../chunk-PX2WVDDB.js';
 import { InteractiveAreaChartBlock } from '../chunk-TPJ6JJ2F.js';
 import { KanbanDemoBlock } from '../chunk-CVTMWSNS.js';
-import { ContactBlock } from '../chunk-U4GYSYGN.js';
-import { CreateBlock } from '../chunk-HFBJ6L6O.js';
-import { DataGridBlock } from '../chunk-SP7NIZFP.js';
-import { DirectoryBlock } from '../chunk-TCQIJ3DO.js';
+import { LogoCloud } from '../chunk-ZFKSVEYW.js';
+import '../chunk-QQOWC53X.js';
+import { EmailVerifiedBlock } from '../chunk-CZ7NGW7N.js';
 import { FAQBlock } from '../chunk-NEHCPO53.js';
 import { FeatureBlock } from '../chunk-HJ3A2YNO.js';
 import { FeatureGridBlock } from '../chunk-Q5IYBNA7.js';
 import { FooterBlock } from '../chunk-AYWL4IYM.js';
+import { ForgotPasswordBlock } from '../chunk-PV62D7H6.js';
+import { GalleryBlock } from '../chunk-FTGFOK6T.js';
+import { HeaderBlock } from '../chunk-WOYBVPXK.js';
+import { CheckEmailBlock } from '../chunk-4KZLCCIR.js';
+import { CodeBlock } from '../chunk-XTASI4IY.js';
+import { CommandPaletteBlock } from '../chunk-FRGZSR2P.js';
+import '../chunk-JVIRZNQ6.js';
+import { ComparisonBlock } from '../chunk-VZCB4APK.js';
+import { ContactBlock } from '../chunk-U4GYSYGN.js';
+import { CreateBlock } from '../chunk-HFBJ6L6O.js';
+import { DataGridBlock } from '../chunk-SP7NIZFP.js';
+import { DirectoryBlock } from '../chunk-TCQIJ3DO.js';
+import { BannerBlock } from '../chunk-DNJOBML6.js';
 import { BarChartBlock } from '../chunk-3JJBJ4VR.js';
+import { BenchmarksBlock } from '../chunk-MB6TIORE.js';
 import { CallToActionBlock } from '../chunk-GJPTPLCQ.js';
 import { ChangelogBlock } from '../chunk-VEO56RH4.js';
 import { ChartBlock } from '../chunk-LV4P7WVM.js';
 import { ChartCollectionBlock } from '../chunk-YMJOUYMT.js';
 import { HeatmapChartBlock } from '../chunk-VDONTZZX.js';
 import { ChatLayout } from '../chunk-WSBLCWY7.js';
-import { CodeBlock } from '../chunk-XTASI4IY.js';
-import { ComparisonBlock } from '../chunk-VZCB4APK.js';
 import { AgentConversationBlock } from '../chunk-4IGBBIYW.js';
 import { AgentProfileGridBlock } from '../chunk-7NS3VFD7.js';
 import { AgentRunOverviewBlock } from '../chunk-KNR3WB5C.js';
 import { AgentWorkbenchBlock } from '../chunk-SIQNG72C.js';
+import { ApiKeysBlock } from '../chunk-W74WK3HB.js';
 import { AudioVisualizerBlock } from '../chunk-AN5TW4AL.js';
 import { AuthLayout } from '../chunk-N3YFYMNZ.js';
 import { LoginBlock } from '../chunk-RGE5OQMZ.js';
 import { AuthSuccessBlock } from '../chunk-LCKLZ4XK.js';
-import { BannerBlock } from '../chunk-DNJOBML6.js';
 import '../chunk-G5EO22OR.js';
 import '../chunk-OHX2LFAH.js';
 import '../chunk-SGI25ZJ6.js';
@@ -133,6 +146,7 @@ import '../chunk-HOWTYZL5.js';
 import '../chunk-ZLSWCV55.js';
 import '../chunk-OHCQPI3W.js';
 import '../chunk-GLU236NN.js';
+import '../chunk-LIJYUSSE.js';
 import '../chunk-UJDEGCCZ.js';
 import '../chunk-JWQXBRE7.js';
 import '../chunk-3UJ3HJZ3.js';
@@ -318,25 +332,31 @@ import '../chunk-QYZT24TS.js';
 // src/catalog/components.tsx
 var seedComponents = {
   AccountLockedBlock,
+  ApiKeysBlock,
   ActivityFeedBlock,
   AgentConversationBlock,
   AgentProfileGridBlock,
   AgentRunOverviewBlock,
   AgentWorkbenchBlock,
+  BenchmarksBlock,
   BannerBlock,
   BarChartBlock,
   CallToActionBlock,
   ChangelogBlock,
+  CheckEmailBlock,
   ChartBlock,
   ChartCollectionBlock,
+  CommandPaletteBlock,
   ComparisonBlock,
   ContactBlock,
   CreateBlock,
   DataGridBlock,
   DirectoryBlock,
+  EmailVerifiedBlock,
   FAQBlock,
   FeatureBlock,
   FeatureGridBlock,
+  ForgotPasswordBlock,
   FooterBlock,
   GalleryBlock,
   HeaderBlock,
@@ -346,13 +366,18 @@ var seedComponents = {
   IntegrationsBlock,
   InteractiveAreaChartBlock,
   LoginBlock,
+  MagicLinkBlock,
   NewsletterBlock,
   OnboardingBlock,
+  OTPBlock,
+  PasswordChangedBlock,
   PasswordRecoveryBlock,
   PricingBlock,
+  PricingTableBlock,
   ProcessFlowBlock,
   ResetPasswordBlock,
   SignUpBlock,
+  SavingsCalculatorBlock,
   SocialProofBlock,
   SolutionShowcaseBlock,
   StatsBlock,
@@ -379,6 +404,7 @@ var seedComponents = {
   SettingsLayout,
   VoiceAgentCard,
   WizardBlock,
+  WorkspaceSwitcherBlock,
   AccountLockedPageKit,
   AgentsChatPageKit,
   AnalyticsPageKit,

package/dist/{chunk-RMGDDOCD.js → chunk-3ZPNIY2Z.js}

@@ -1,8 +1,8 @@
-import { MarketingShellPageKit } from './chunk-Z233ZQZE.js';
+import { MarketingShellPageKit } from './chunk-E4L6LR6P.js';
 import { PricingBlock } from './chunk-VNNAL4A6.js';
 import { FAQBlock } from './chunk-NEHCPO53.js';
-import { CallToActionBlock } from './chunk-GJPTPLCQ.js';
 import { ComparisonBlock } from './chunk-VZCB4APK.js';
+import { CallToActionBlock } from './chunk-GJPTPLCQ.js';
 import { Typography } from './chunk-N53OMWW2.js';
 import { Heading } from './chunk-WI547C47.js';
 import { Card, CardHeader, CardTitle, CardContent } from './chunk-AH6YSYYT.js';

package/dist/chunk-4KZLCCIR.js

@@ -0,0 +1,88 @@
+import { Spinner } from './chunk-ZLSWCV55.js';
+import { Separator } from './chunk-CUZJIDU7.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { m, fadeInUp } from './chunk-PD2YEH3H.js';
+import { MailIcon } from './chunk-XQ2UDMPO.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var titleMap = {
+  verification: "Verify your email",
+  reset: "Check your email",
+  "magic-link": "Check your email"
+};
+var descMap = {
+  verification: "We sent a verification link to your email address.",
+  reset: "We sent a password reset link to your email address.",
+  "magic-link": "We sent a magic link to your email address."
+};
+function CheckEmailBlock({
+  className,
+  email,
+  type = "verification",
+  onResend,
+  onBackToLogin
+}) {
+  const [resendState, setResendState] = React.useState("idle");
+  const handleResend = () => {
+    setResendState("sending");
+    onResend?.();
+    setTimeout(() => {
+      setResendState("sent");
+      setTimeout(() => setResendState("idle"), 3e3);
+    }, 1e3);
+  };
+  return /* @__PURE__ */ jsx(m.div, { ...fadeInUp, className: cn("w-full max-w-md mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "mx-auto mb-2", children: /* @__PURE__ */ jsx(MailIcon, { size: 48, className: "text-accent" }) }),
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: titleMap[type] }),
+      /* @__PURE__ */ jsx(CardDescription, { children: descMap[type] })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4", children: [
+      Boolean(email) && /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "font-mono text-xs", children: email }) }),
+      /* @__PURE__ */ jsx("ol", { className: "space-y-2 text-sm text-text-secondary list-none", children: [
+        "Check your inbox for the email",
+        "Click the link in the email",
+        "Check your spam folder if you don't see it"
+      ].map((step, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-surface-active text-xs font-medium text-text-tertiary", children: i + 1 }),
+        /* @__PURE__ */ jsx("span", { children: step })
+      ] }, i)) }),
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsxs("div", { className: "text-center space-y-2", children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-sm text-text-tertiary", children: [
+          "Didn",
+          "'",
+          "t receive the email?"
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: handleResend,
+            disabled: resendState === "sending",
+            children: [
+              resendState === "sending" && /* @__PURE__ */ jsx(Spinner, { className: "mr-2" }),
+              resendState === "sent" ? "Email resent!" : "Resend email"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(CardFooter, { className: "justify-center", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onBackToLogin,
+        className: "text-sm text-text-tertiary hover:text-text-primary transition-colors",
+        children: "Back to login"
+      }
+    ) })
+  ] }) });
+}
+
+export { CheckEmailBlock };

package/dist/{chunk-AWZFQQGN.js → chunk-6NCLYJAI.js}

@@ -1,7 +1,7 @@
-import { MarketingShellPageKit } from './chunk-Z233ZQZE.js';
+import { MarketingShellPageKit } from './chunk-E4L6LR6P.js';
 import { NewsletterBlock } from './chunk-K7NQ6ZAW.js';
-import { ChangelogBlock } from './chunk-VEO56RH4.js';
 import { CodeBlock } from './chunk-XTASI4IY.js';
+import { ChangelogBlock } from './chunk-VEO56RH4.js';
 import { Typography } from './chunk-N53OMWW2.js';
 import { Heading } from './chunk-WI547C47.js';
 import { Card, CardHeader, CardTitle, CardContent } from './chunk-AH6YSYYT.js';

package/dist/{chunk-K4U67BVG.js → chunk-7ALMTY6W.js}

@@ -1,4 +1,4 @@
-import { MarketingShellPageKit } from './chunk-Z233ZQZE.js';
+import { MarketingShellPageKit } from './chunk-E4L6LR6P.js';
 import { TeamBlock } from './chunk-VBZQ4DBE.js';
 import { TestimonialsBlock } from './chunk-FV2G6SAF.js';
 import { ProcessFlowBlock } from './chunk-HZERHGBT.js';

package/dist/chunk-CZ7NGW7N.js

@@ -0,0 +1,60 @@
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { useMotionConfig, m, scaleIn, motionSpring } from './chunk-PD2YEH3H.js';
+import { CheckIcon } from './chunk-CXACRCZ4.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function EmailVerifiedBlock({
+  className,
+  title = "Email verified!",
+  description = "Your email address has been successfully verified.",
+  buttonText = "Continue",
+  onContinue,
+  autoRedirectSeconds
+}) {
+  const motionConfig = useMotionConfig();
+  const [countdown, setCountdown] = React.useState(autoRedirectSeconds ?? 0);
+  React.useEffect(() => {
+    if (!autoRedirectSeconds) return;
+    setCountdown(autoRedirectSeconds);
+    const interval = setInterval(() => {
+      setCountdown((prev) => {
+        if (prev <= 1) {
+          clearInterval(interval);
+          onContinue?.();
+          return 0;
+        }
+        return prev - 1;
+      });
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [autoRedirectSeconds, onContinue]);
+  return /* @__PURE__ */ jsx(m.div, { ...scaleIn, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
+      /* @__PURE__ */ jsx(
+        m.div,
+        {
+          className: "mx-auto mb-2",
+          initial: { scale: 0.8, opacity: 0 },
+          animate: { scale: 1, opacity: 1 },
+          transition: { ...motionSpring.bouncy, ...motionConfig },
+          children: /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-success/10 shadow-[0_0_24px_rgb(var(--color-success)/0.2)]", children: /* @__PURE__ */ jsx(CheckIcon, { size: 32, className: "text-success" }) })
+        }
+      ),
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: title }),
+      /* @__PURE__ */ jsx(CardDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4", children: [
+      autoRedirectSeconds !== void 0 && countdown > 0 && /* @__PURE__ */ jsxs("p", { className: "text-center text-sm text-text-tertiary tabular-nums", children: [
+        "Redirecting in ",
+        countdown,
+        "..."
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "accent", className: "w-full", onClick: onContinue, children: buttonText })
+    ] })
+  ] }) });
+}
+
+export { EmailVerifiedBlock };

package/dist/chunk-FRGZSR2P.js

@@ -0,0 +1,86 @@
+import { useHotkey } from './chunk-JVIRZNQ6.js';
+import { SearchCommand } from './chunk-LIJYUSSE.js';
+import { Dialog, DialogContent, DialogTitle } from './chunk-W73JAOHW.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { SearchIcon } from './chunk-T6BRD7TS.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useState, useCallback, useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var EMPTY_ITEMS = [];
+function CommandPaletteBlock({
+  items = EMPTY_ITEMS,
+  onSelect,
+  placeholder = "Search...",
+  className
+}) {
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const toggle = useCallback(() => setOpen((prev) => !prev), []);
+  useHotkey("mod+k", toggle);
+  const filtered = useMemo(
+    () => query ? items.filter(
+      (item) => item.title.toLowerCase().includes(query.toLowerCase())
+    ) : items,
+    [query, items]
+  );
+  function handleSelect(result) {
+    setOpen(false);
+    setQuery("");
+    onSelect?.(result);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn(className), children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "hidden gap-2 text-text-tertiary md:flex",
+        onClick: toggle,
+        children: [
+          /* @__PURE__ */ jsx(SearchIcon, { size: 16 }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm", children: placeholder }),
+          /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "outline",
+              className: "pointer-events-none hidden h-5 select-none items-center gap-1 font-mono md:inline-flex",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "text-xs", children: "\u2318" }),
+                "K"
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "md:hidden",
+        onClick: toggle,
+        "aria-label": "Search",
+        children: /* @__PURE__ */ jsx(SearchIcon, { size: 16 })
+      }
+    ),
+    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-lg gap-0 p-0", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "Search" }),
+      /* @__PURE__ */ jsx(
+        SearchCommand,
+        {
+          value: query,
+          onChange: setQuery,
+          results: filtered,
+          onSelect: handleSelect,
+          placeholder,
+          showShortcut: false
+        }
+      )
+    ] }) })
+  ] });
+}
+
+export { CommandPaletteBlock };

package/dist/{chunk-LGW7FVG5.js → chunk-HMFIUUYC.js}

@@ -1,4 +1,4 @@
-import { MarketingShellPageKit } from './chunk-Z233ZQZE.js';
+import { MarketingShellPageKit } from './chunk-E4L6LR6P.js';
 import { Typography } from './chunk-N53OMWW2.js';
 import { FieldSet, Field, FieldLabel, FieldDescription } from './chunk-RX5EUODB.js';
 import { Input } from './chunk-AP3XXYAY.js';

package/dist/chunk-IC3BMFHV.js

@@ -0,0 +1,86 @@
+import { CountingNumber } from './chunk-F3T2U7YL.js';
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Heading } from './chunk-WI547C47.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-PXDHNGTG.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-AH6YSYYT.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DEFAULT_BILLING_MODELS = [
+  { model: "Claude Opus 4.5/4.6", inputRate: "$5.00", savedPerRead: "$0.009" },
+  { model: "Claude Sonnet 4.5/4.6", inputRate: "$3.00", savedPerRead: "$0.0054" },
+  { model: "GPT-4o", inputRate: "$2.50", savedPerRead: "$0.0045" }
+];
+var DEFAULT_PROJECTIONS = [
+  { label: "On Sonnet ($3/MTok)", amount: 49, suffix: "/mo", detail: "16.2M tokens/mo saved" },
+  { label: "On Opus ($5/MTok)", amount: 81, suffix: "/mo", detail: "16.2M tokens/mo saved" }
+];
+var DEFAULT_SUMMARY_ITEMS = [
+  { label: "Team of 5 on Opus", value: "$400+/mo saved" },
+  { label: "Subscription stretch (Sonnet)", value: "1.6x further" }
+];
+function SavingsCalculatorBlock({
+  title = "What this saves you",
+  description = "Real numbers from API billing rates and SWE-Bench token data.",
+  badgeLabel = "Savings",
+  billingTitle = "API billing savings",
+  billingDescription = "Per file read, avg 1,800 tokens saved",
+  billingModels = DEFAULT_BILLING_MODELS,
+  projectionTitle = "Monthly projections",
+  projectionDescription = "Active developer, 300 pruned reads/day",
+  projections = DEFAULT_PROJECTIONS,
+  summaryItems = DEFAULT_SUMMARY_ITEMS,
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-center mb-16 max-w-2xl mx-auto", children: [
+      /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "mb-4", children: badgeLabel }),
+      /* @__PURE__ */ jsx(Heading, { level: 2, className: "mb-4", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "text-text-secondary text-lg", children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(StaggerChildren, { staggerMs: 120, className: "grid gap-8 lg:grid-cols-2 [grid-auto-rows:1fr]", children: [
+      /* @__PURE__ */ jsxs(Card, { className: "h-full", children: [
+        /* @__PURE__ */ jsxs(CardHeader, { children: [
+          /* @__PURE__ */ jsx(CardTitle, { children: billingTitle }),
+          /* @__PURE__ */ jsx(CardDescription, { children: billingDescription })
+        ] }),
+        /* @__PURE__ */ jsx(CardContent, { className: "flex-1 overflow-x-auto", children: /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx(TableHead, { children: "Model" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: "Input $/MTok" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: "Saved/read" })
+          ] }) }),
+          /* @__PURE__ */ jsx(TableBody, { children: billingModels.map((row) => /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: row.model }),
+            /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: row.inputRate }),
+            /* @__PURE__ */ jsx(TableCell, { className: "text-right font-semibold text-chart-4", children: row.savedPerRead })
+          ] }, row.model)) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { className: "h-full", children: [
+        /* @__PURE__ */ jsxs(CardHeader, { children: [
+          /* @__PURE__ */ jsx(CardTitle, { children: projectionTitle }),
+          /* @__PURE__ */ jsx(CardDescription, { children: projectionDescription })
+        ] }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "flex-1 space-y-8", children: [
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-6", children: projections.map((proj) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm text-text-tertiary", children: proj.label }),
+            /* @__PURE__ */ jsxs("div", { className: "text-3xl font-bold tabular-nums text-text-primary", children: [
+              "~$",
+              /* @__PURE__ */ jsx(CountingNumber, { number: proj.amount, inViewOnce: true }),
+              /* @__PURE__ */ jsx("span", { className: "text-lg text-text-secondary", children: proj.suffix })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-text-tertiary", children: proj.detail })
+          ] }, proj.label)) }),
+          summaryItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t border-border/50 pt-6 space-y-4", children: summaryItems.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-baseline", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-text-secondary", children: item.label }),
+            /* @__PURE__ */ jsx("span", { className: "text-lg font-bold text-chart-4", children: item.value })
+          ] }, item.label)) })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+export { SavingsCalculatorBlock };

package/dist/chunk-JVIRZNQ6.js

@@ -0,0 +1,37 @@
+import { useRef, useEffect, useMemo } from 'react';
+
+// src/hooks/useHotkey.ts
+function parseCombo(combo) {
+  const parts = combo.toLowerCase().split("+");
+  return {
+    key: parts[parts.length - 1],
+    mod: parts.includes("mod"),
+    shift: parts.includes("shift"),
+    alt: parts.includes("alt")
+  };
+}
+function useHotkey(combo, callback, options) {
+  const callbackRef = useRef(callback);
+  const enabled = options?.enabled ?? true;
+  useEffect(() => {
+    callbackRef.current = callback;
+  });
+  const parsed = useMemo(() => parseCombo(combo), [combo]);
+  useEffect(() => {
+    if (!enabled) return;
+    function handler(event) {
+      const mac = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.userAgent);
+      const modPressed = mac ? event.metaKey : event.ctrlKey;
+      if (parsed.mod && !modPressed) return;
+      if (parsed.shift && !event.shiftKey) return;
+      if (parsed.alt && !event.altKey) return;
+      if (event.key.toLowerCase() !== parsed.key) return;
+      event.preventDefault();
+      callbackRef.current(event);
+    }
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [parsed, enabled]);
+}
+
+export { useHotkey };

package/dist/chunk-K5AFXZDL.js

@@ -0,0 +1,30 @@
+import { InputOTP, InputOTPGroup, InputOTPSlot } from './chunk-WN5ONOHC.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { m, scaleIn } from './chunk-PD2YEH3H.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function OTPBlock({
+  className,
+  title = "One-Time Password",
+  description = "Please enter the one-time password sent to your phone.",
+  maxLength = 6,
+  buttonText = "Verify",
+  onVerify
+}) {
+  const [otp, setOtp] = React.useState("");
+  return /* @__PURE__ */ jsx(m.div, { ...scaleIn, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { className: "text-center", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: title }),
+      /* @__PURE__ */ jsx(CardDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4 justify-center", children: [
+      /* @__PURE__ */ jsx(InputOTP, { maxLength, value: otp, onChange: setOtp, children: /* @__PURE__ */ jsx(InputOTPGroup, { children: Array.from({ length: maxLength }, (_, i) => /* @__PURE__ */ jsx(InputOTPSlot, { index: i }, i)) }) }),
+      /* @__PURE__ */ jsx(Button, { className: "w-full", onClick: () => onVerify?.(otp), children: buttonText })
+    ] })
+  ] }) });
+}
+
+export { OTPBlock };

package/dist/{chunk-LK2L3C7D.js → chunk-LCMAB2BX.js}

@@ -1,8 +1,8 @@
-import { MarketingShellPageKit } from './chunk-Z233ZQZE.js';
-import { SocialProofBlock } from './chunk-C7WHMSF3.js';
+import { MarketingShellPageKit } from './chunk-E4L6LR6P.js';
 import { StatsMarketingBlock } from './chunk-QIHA7S3A.js';
-import { NewsletterBlock } from './chunk-K7NQ6ZAW.js';
 import { PricingBlock } from './chunk-VNNAL4A6.js';
+import { SocialProofBlock } from './chunk-C7WHMSF3.js';
+import { NewsletterBlock } from './chunk-K7NQ6ZAW.js';
 import { HeroBlock } from './chunk-GJ557DGH.js';
 import { FAQBlock } from './chunk-NEHCPO53.js';
 import { FeatureBlock } from './chunk-HJ3A2YNO.js';