@vadimcomanescu/nadicode-design-system 4.0.10 → 5.0.0

package/dist/chunk-LYI5YMC6.js

@@ -0,0 +1,125 @@
+import { z } from 'zod';
+
+// src/catalog/definitions/overlay.ts
+var overlayDefinitions = {
+  AlertDialog: {
+    props: z.object({
+      title: z.string().nullable(),
+      description: z.string().nullable(),
+      confirmLabel: z.string().nullable(),
+      cancelLabel: z.string().nullable(),
+      open: z.boolean().nullable(),
+      triggerLabel: z.string().nullable()
+    }),
+    events: ["confirm", "cancel"],
+    description: "Destructive-action confirmation dialog with title, description, and confirm/cancel buttons. Built on Radix AlertDialog; blocks interaction until dismissed. Use for irreversible actions. triggerLabel sets the default trigger button text when no children are provided.",
+    example: { title: "Delete workspace?", description: "This will permanently remove all projects and data in this workspace.", confirmLabel: "Delete", cancelLabel: "Keep workspace", open: null, triggerLabel: "Delete workspace" }
+  },
+  Command: {
+    props: z.object({
+      placeholder: z.string().nullable(),
+      items: z.array(
+        z.object({
+          group: z.string().nullable(),
+          label: z.string(),
+          value: z.string(),
+          shortcut: z.string().nullable()
+        })
+      ).nullable()
+    }),
+    events: ["select"],
+    description: "Keyboard-navigable command menu (cmdk) with search input, grouped items, and keyboard shortcuts. Use standalone or inside CommandDialog. Fires select with the chosen item value.",
+    example: {
+      placeholder: "Type a command or search...",
+      items: [
+        { group: "Navigation", label: "Go to Dashboard", value: "dashboard", shortcut: "G D" },
+        { group: "Navigation", label: "Go to Settings", value: "settings", shortcut: "G S" },
+        { group: "Actions", label: "Create New Project", value: "new-project", shortcut: "C P" }
+      ]
+    }
+  },
+  ContextMenu: {
+    props: z.object({
+      items: z.array(
+        z.object({
+          label: z.string(),
+          value: z.string(),
+          shortcut: z.string().nullable(),
+          group: z.string().nullable()
+        })
+      ),
+      className: z.string().nullable()
+    }),
+    slots: ["default"],
+    events: ["select"],
+    description: "Right-click context menu. Wraps children as the trigger area. Items are rendered as menu items grouped by the group field. Fires select on item click.",
+    example: {
+      items: [
+        { label: "Copy", value: "copy", shortcut: "Ctrl+C", group: "Edit" },
+        { label: "Paste", value: "paste", shortcut: "Ctrl+V", group: "Edit" },
+        { label: "Delete", value: "delete", shortcut: null, group: null }
+      ],
+      className: null
+    }
+  },
+  Dialog: {
+    props: z.object({
+      title: z.string().nullable(),
+      description: z.string().nullable(),
+      open: z.boolean().nullable()
+    }),
+    slots: ["default"],
+    events: ["close"],
+    description: "Modal dialog with glass-panel surface, title, description, and default content slot. Built on Radix Dialog with spring entry animation. Fires close when dismissed via the close button or overlay click.",
+    example: { title: "Edit Profile", description: "Update your personal information below.", open: true }
+  },
+  HoverCard: {
+    props: z.object({
+      trigger: z.string().nullable(),
+      side: z.enum(["top", "right", "bottom", "left"]).nullable(),
+      align: z.enum(["start", "center", "end"]).nullable(),
+      sideOffset: z.number().nullable(),
+      className: z.string().nullable()
+    }),
+    slots: ["default"],
+    events: ["openChange"],
+    description: "Content card shown on hover over a trigger text span. side and align control placement. Built on Radix HoverCard with glass-floating surface.",
+    example: { trigger: "@elenavasquez", side: "bottom", align: "start", sideOffset: 4, className: null }
+  },
+  Popover: {
+    props: z.object({
+      trigger: z.string().nullable(),
+      side: z.enum(["top", "right", "bottom", "left"]).nullable(),
+      align: z.enum(["start", "center", "end"]).nullable(),
+      sideOffset: z.number().nullable()
+    }),
+    slots: ["default"],
+    events: ["close"],
+    description: "Floating content panel anchored to a trigger element. trigger sets the button label. side and align control placement relative to the trigger. Glass-panel surface with scroll containment. Fires close on dismiss.",
+    example: { trigger: "Open settings", side: "bottom", align: "end", sideOffset: 4 }
+  },
+  Sheet: {
+    props: z.object({
+      title: z.string().nullable(),
+      description: z.string().nullable(),
+      side: z.enum(["top", "right", "bottom", "left"]).nullable(),
+      open: z.boolean().nullable()
+    }),
+    slots: ["default"],
+    events: ["close"],
+    description: "Slide-in panel that overlays the page from a chosen edge (default: right). Glass-panel surface with spring slide animation and drag-to-dismiss on horizontal sides. Fires close when dismissed.",
+    example: { title: "Filters", description: "Narrow down your search results.", side: "right", open: true }
+  },
+  Tooltip: {
+    props: z.object({
+      content: z.string(),
+      side: z.enum(["top", "right", "bottom", "left"]).nullable(),
+      sideOffset: z.number().nullable()
+    }),
+    slots: ["default"],
+    description: "Informational tooltip shown on hover over the trigger slot. Glass-overlay surface with fade+zoom animation. side controls placement relative to the trigger. No events \u2014 purely presentational.",
+    example: { content: "Copy to clipboard", side: "top", sideOffset: 4 }
+  }
+};
+
+export { overlayDefinitions };

package/dist/chunk-LZ66ADSL.js

@@ -0,0 +1,142 @@
+import { primitiveComponents } from './chunk-MT76BPYV.js';
+import { InviteUserModal } from './chunk-JPNNAU26.js';
+import { StatsBlock } from './chunk-A4TQNK7R.js';
+import { StatsMarketingBlock } from './chunk-PD6WW7E5.js';
+import { TeamBlock } from './chunk-XMGWLDNG.js';
+import { TestimonialsBlock } from './chunk-PYRHNONA.js';
+import { TimezonePickerBlock } from './chunk-HF2HNDE7.js';
+import { TwoFactorSetupBlock } from './chunk-ZNF6S3DQ.js';
+import { UsageDonutBlock } from './chunk-HZTWLK7C.js';
+import { WizardBlock } from './chunk-5MLOZVOQ.js';
+import { OnboardingFlowBlock } from './chunk-C7LO3JEF.js';
+import { PasswordRecoveryBlock } from './chunk-ID3N3MHQ.js';
+import { PricingBlock } from './chunk-PQBVNNEG.js';
+import { ProcessFlowBlock } from './chunk-B4YCI5NM.js';
+import { ROICalculatorBlock } from './chunk-L77KWJJB.js';
+import { ResetPasswordBlock } from './chunk-YNBDA24W.js';
+import { SettingsNavBlock } from './chunk-PJ7DVYWA.js';
+import { SolutionShowcaseBlock } from './chunk-HX3VXWNJ.js';
+import { IntegrationsBlock } from './chunk-IYK2ABFE.js';
+import { InteractiveAreaChartBlock } from './chunk-IHGZJS7N.js';
+import { LogoCloud } from './chunk-STNVWBJH.js';
+import { NewsletterBlock } from './chunk-3TYPQWKD.js';
+import { NotFoundBlock } from './chunk-4EHXVFQY.js';
+import { OTPBlock } from './chunk-7SRNVMBY.js';
+import { OnboardingBlock } from './chunk-NVBF4OWT.js';
+import { FAQBlock } from './chunk-DSNPOAE6.js';
+import { FeatureBlock } from './chunk-JPA45CDE.js';
+import { FooterBlock } from './chunk-Q4CRHV5T.js';
+import { FormFieldBlock } from './chunk-KANK5FAG.js';
+import { GalleryBlock } from './chunk-6NL36QN3.js';
+import { HeaderBlock } from './chunk-CQ75K2DH.js';
+import { HeroBlock } from './chunk-NA6ZPKIK.js';
+import { CommandPaletteBlock } from './chunk-A44E44UV.js';
+import { ComparisonBlock } from './chunk-GE4WUAAE.js';
+import { ContactBlock } from './chunk-OMI2LLXM.js';
+import { CreateBlock } from './chunk-TNDMBLYP.js';
+import { CrudListBlock } from './chunk-P7CTBRHO.js';
+import { DashboardBlock } from './chunk-CPHVCY3M.js';
+import { DataGridBlock } from './chunk-D6MFOI3N.js';
+import { DirectoryBlock } from './chunk-7AUNUDHM.js';
+import { BlogIndexBlock } from './chunk-4ZST7OY5.js';
+import { CallToActionBlock } from './chunk-3BGWXRQC.js';
+import { ChangelogBlock } from './chunk-OLDUGLDM.js';
+import { ChartBlock } from './chunk-6LD76RMU.js';
+import { ChartCollectionBlock } from './chunk-YB3J4ZRZ.js';
+import { HeatmapChartBlock } from './chunk-767GZSNJ.js';
+import { ChatLayout } from './chunk-IZ7A62GI.js';
+import { CheckEmailBlock } from './chunk-BVXSAVKY.js';
+import { CodeBlock } from './chunk-GVOWGEGX.js';
+import { AgentRunOverviewBlock } from './chunk-KMTLCN6S.js';
+import { AgentWorkbenchBlock } from './chunk-BAB6AHOM.js';
+import { ApiKeysBlock } from './chunk-UIYX2EMT.js';
+import { AuthLayout } from './chunk-R4DPHCHJ.js';
+import { LoginBlock } from './chunk-QLPU2IEO.js';
+import { AuthSuccessBlock } from './chunk-OMGVZWRM.js';
+import { BannerBlock } from './chunk-JVQQQS2M.js';
+import { BenchmarksBlock } from './chunk-DGSNEGJP.js';
+import { BlogDetailBlock } from './chunk-6NND57T2.js';
+import { AccountLockedBlock } from './chunk-7OOO22KB.js';
+import { ActivityFeedBlock } from './chunk-KWIIKHIB.js';
+import { AgentConversationBlock } from './chunk-GNKNT52O.js';
+import { AgentProfileGridBlock } from './chunk-SIXPY62Q.js';
+import { VoiceAgentCard } from './chunk-TL5UCQC3.js';
+import { WorkspaceSwitcherBlock } from './chunk-6OBT3A5O.js';
+import { NavUser } from './chunk-OS2BLQ2G.js';
+import { KanbanItem, KanbanHandle, KanbanColumnHeader, KanbanColumn, KanbanBoardCatalog, KanbanBoard } from './chunk-KV726HMK.js';
+import { formWizardVariants, FormWizard } from './chunk-WHYKEOUV.js';
+import { CheckoutForm } from './chunk-MOFWXBTK.js';
+
+// src/catalog/components.tsx
+var seedComponents = {
+  ...primitiveComponents,
+  AccountLockedBlock,
+  AuthLayout,
+  AuthSuccessBlock,
+  CheckEmailBlock,
+  LoginBlock,
+  OTPBlock,
+  PasswordRecoveryBlock,
+  ResetPasswordBlock,
+  TwoFactorSetupBlock,
+  BannerBlock,
+  CallToActionBlock,
+  ComparisonBlock,
+  ContactBlock,
+  FAQBlock,
+  FeatureBlock,
+  GalleryBlock,
+  HeaderBlock,
+  HeroBlock,
+  FooterBlock,
+  LogoCloud,
+  NewsletterBlock,
+  SolutionShowcaseBlock,
+  TestimonialsBlock,
+  ActivityFeedBlock,
+  BenchmarksBlock,
+  ChartBlock,
+  ChartCollectionBlock,
+  DashboardBlock,
+  DataGridBlock,
+  HeatmapChartBlock,
+  InteractiveAreaChartBlock,
+  ProcessFlowBlock,
+  StatsBlock,
+  StatsMarketingBlock,
+  ApiKeysBlock,
+  CreateBlock,
+  CrudListBlock,
+  DirectoryBlock,
+  FormFieldBlock,
+  IntegrationsBlock,
+  InviteUserModal,
+  KanbanBoard: { KanbanBoard, KanbanBoardCatalog, KanbanColumn, KanbanColumnHeader, KanbanHandle, KanbanItem },
+  NavUser,
+  SettingsNavBlock,
+  TeamBlock,
+  TimezonePickerBlock,
+  WorkspaceSwitcherBlock,
+  AgentConversationBlock,
+  AgentProfileGridBlock,
+  AgentRunOverviewBlock,
+  AgentWorkbenchBlock,
+  VoiceAgentCard,
+  BlogDetailBlock,
+  BlogIndexBlock,
+  ChangelogBlock,
+  ChatLayout,
+  CheckoutForm,
+  CodeBlock,
+  CommandPaletteBlock,
+  FormWizard: { FormWizard, formWizardVariants },
+  OnboardingBlock,
+  OnboardingFlowBlock,
+  PricingBlock,
+  ROICalculatorBlock,
+  WizardBlock,
+  UsageDonutBlock,
+  NotFoundBlock
+};
+
+export { seedComponents };

package/dist/chunk-MB75U2OV.js

@@ -0,0 +1,77 @@
+import { m } from './chunk-PD2YEH3H.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useReducedMotion } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var FADE_DURATION_S = 0.3;
+var TITLE_DELAY_S = 0;
+var SUBTITLE_DELAY_S = 0.1;
+function ChatGreeting({
+  title = "Hello!",
+  subtitle = "How can I help you today?",
+  children,
+  className,
+  ref,
+  ...props
+}) {
+  const prefersReduced = useReducedMotion();
+  if (children) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col items-center justify-center gap-2", className),
+        ...props,
+        children
+      }
+    );
+  }
+  if (prefersReduced) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col items-center justify-center gap-2", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xl font-semibold text-text-primary", children: title }),
+          subtitle ? /* @__PURE__ */ jsx("p", { className: "text-lg text-text-secondary", children: subtitle }) : null
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col items-center justify-center gap-2", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          m.p,
+          {
+            className: "text-xl font-semibold text-text-primary",
+            initial: { opacity: 0, y: 10 },
+            animate: { opacity: 1, y: 0 },
+            exit: { opacity: 0, y: 10 },
+            transition: { duration: FADE_DURATION_S, delay: TITLE_DELAY_S },
+            children: title
+          }
+        ),
+        subtitle ? /* @__PURE__ */ jsx(
+          m.p,
+          {
+            className: "text-lg text-text-secondary",
+            initial: { opacity: 0, y: 10 },
+            animate: { opacity: 1, y: 0 },
+            exit: { opacity: 0, y: 10 },
+            transition: { duration: FADE_DURATION_S, delay: SUBTITLE_DELAY_S },
+            children: subtitle
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+export { ChatGreeting };

package/dist/{components/ui/AnimatedTabs.js → chunk-MFZYC6QC.js}

@@ -1,15 +1,21 @@
-'use client';
-import { m, motionSpring, useMotionConfig } from '../../chunk-PD2YEH3H.js';
-import '../../chunk-CRY67BIF.js';
-import '../../chunk-HJC6U46F.js';
-import { cn } from '../../chunk-QYZT24TS.js';
+import { useReducedMotion } from './chunk-KRBLVZII.js';
+import { m, motionSpring, useMotionConfig } from './chunk-PD2YEH3H.js';
+import { cn } from './chunk-QYZT24TS.js';
 import * as React from 'react';
 import { use } from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { AnimatePresence } from 'motion/react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-function AnimatedTabs({
+var TabsContext = React.createContext({
+  prevIndex: 0,
+  currentIndex: 0,
+  activeValue: "",
+  baseId: "tabs",
+  registerTab: () => {
+  }
+});
+function Tabs({
   className,
   onValueChange,
   value: controlledValue,
@@ -26,7 +32,7 @@ function AnimatedTabs({
   const generatedId = React.useId();
   const baseId = React.useMemo(() => {
     if (id) return String(id);
-    return `animated-tabs-${generatedId.replace(/:/g, "")}`;
+    return `tabs-${generatedId.replace(/:/g, "")}`;
   }, [generatedId, id]);
   const tabValues = React.useRef([]);
   React.useEffect(() => {
@@ -55,7 +61,7 @@ function AnimatedTabs({
     () => ({ prevIndex, currentIndex, activeValue, baseId, registerTab }),
     [prevIndex, currentIndex, activeValue, baseId, registerTab]
   );
-  return /* @__PURE__ */ jsx(AnimatedTabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
     TabsPrimitive.Root,
     {
       ref,
@@ -68,15 +74,7 @@ function AnimatedTabs({
     }
   ) });
 }
-var AnimatedTabsContext = React.createContext({
-  prevIndex: 0,
-  currentIndex: 0,
-  activeValue: "",
-  baseId: "animated-tabs",
-  registerTab: () => {
-  }
-});
-function AnimatedTabsList({
+function TabsList({
   className,
   ref,
   ...props
@@ -93,14 +91,15 @@ function AnimatedTabsList({
     }
   );
 }
-function AnimatedTabsTrigger({
+function TabsTrigger({
   className,
   value,
   children,
   ref,
   ...props
 }) {
-  const { registerTab, activeValue, baseId } = use(AnimatedTabsContext);
+  const { registerTab, activeValue, baseId } = use(TabsContext);
+  const reducedMotion = useReducedMotion();
   const isActive = value === activeValue;
   const triggerId = props.id ?? `${baseId}-trigger-${value}`;
   const contentId = props["aria-controls"] ?? `${baseId}-content-${value}`;
@@ -116,14 +115,15 @@ function AnimatedTabsTrigger({
       "aria-controls": contentId,
       className: cn(
         "relative inline-flex items-center justify-center whitespace-nowrap rounded-sm px-4 py-1.5 text-sm font-medium transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-text-primary hover:bg-surface/30 hover:text-text-primary",
+        reducedMotion && "data-[state=active]:glass-tab-active",
         className
       ),
       ...props,
       children: [
-        isActive && /* @__PURE__ */ jsx(
+        isActive && !reducedMotion && /* @__PURE__ */ jsx(
           m.span,
           {
-            layoutId: "active-tab-indicator",
+            layoutId: `${baseId}-active-indicator`,
             className: "absolute inset-0 rounded-sm glass-tab-active",
             transition: motionSpring.snappy,
             style: { zIndex: 0 }
@@ -134,17 +134,34 @@ function AnimatedTabsTrigger({
     }
   );
 }
-function AnimatedTabsContent({
+function TabsContent({
   className,
   children,
   ref,
   ...props
 }) {
-  const { prevIndex, currentIndex, baseId } = use(AnimatedTabsContext);
+  const { prevIndex, currentIndex, baseId } = use(TabsContext);
+  const reducedMotion = useReducedMotion();
   const motionConfig = useMotionConfig();
   const direction = currentIndex > prevIndex ? 1 : -1;
   const contentId = props.id ?? `${baseId}-content-${props.value}`;
   const labelledBy = props["aria-labelledby"] ?? `${baseId}-trigger-${props.value}`;
+  if (reducedMotion) {
+    return /* @__PURE__ */ jsx(
+      TabsPrimitive.Content,
+      {
+        ref,
+        id: contentId,
+        "aria-labelledby": labelledBy,
+        className: cn(
+          "mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Content,
     {
@@ -172,4 +189,4 @@ function AnimatedTabsContent({
   );
 }
 
-export { AnimatedTabs, AnimatedTabsContent, AnimatedTabsList, AnimatedTabsTrigger };
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/chunk-MOFWXBTK.js

@@ -0,0 +1,112 @@
+import { Skeleton } from './chunk-RASEB2XI.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './chunk-7UY24UWL.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { LoaderCircleIcon } from './chunk-BRP6D56U.js';
+import { Alert, AlertTitle, AlertDescription } from './chunk-6CLSVCWP.js';
+import { useMemo, useState } from 'react';
+import { loadStripe } from '@stripe/stripe-js';
+import { Elements, useStripe, useElements, PaymentElement } from '@stripe/react-stripe-js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function CheckoutFormInner({
+  returnUrl,
+  emit
+}) {
+  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: {
+        return_url: `${window.location.origin}${returnUrl}`
+      }
+    });
+    if (error) {
+      const msg = error.type === "card_error" || error.type === "validation_error" ? error.message ?? "An unexpected error occurred." : "An unexpected error occurred.";
+      setMessage(msg);
+      emit("error");
+    } else {
+      emit("complete");
+    }
+    setIsLoading(false);
+  };
+  const handleReady = () => {
+    emit("ready");
+  };
+  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-6", children: [
+      /* @__PURE__ */ jsx(PaymentElement, { id: "payment-element", options: { layout: "tabs" }, onReady: handleReady }),
+      !!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"
+      }
+    ) })
+  ] });
+}
+function CheckoutForm({
+  props,
+  emit
+}) {
+  const publishableKey = props.publishableKey;
+  const clientSecret = props.clientSecret;
+  const amount = props.amount ?? 2e3;
+  const currency = props.currency ?? "usd";
+  const returnUrl = props.returnUrl ?? "/settings/billing";
+  const appearance = props.appearance;
+  const stripePromise = useMemo(
+    () => loadStripe(publishableKey),
+    [publishableKey]
+  );
+  const elementsOptions = useMemo(() => ({
+    clientSecret,
+    ...appearance ? {
+      appearance: {
+        theme: appearance.theme ?? void 0,
+        variables: appearance.variables ?? void 0
+      }
+    } : {}
+  }), [clientSecret, appearance]);
+  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(),
+        "."
+      ] })
+    ] }),
+    clientSecret ? /* @__PURE__ */ jsx(Elements, { stripe: stripePromise, options: elementsOptions, children: /* @__PURE__ */ jsx(
+      CheckoutFormInner,
+      {
+        returnUrl,
+        emit
+      }
+    ) }) : /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary text-center", children: "Preparing payment form..." })
+    ] })
+  ] });
+}
+
+export { CheckoutForm };

package/dist/chunk-MT76BPYV.js

@@ -0,0 +1,30 @@
+import { textComponents } from './chunk-YGDO5KDY.js';
+import { displayComponents } from './chunk-EJQ73FJ5.js';
+import { effectsComponents } from './chunk-4GLBFZVI.js';
+import { formComponents } from './chunk-P5I63ETD.js';
+import { layoutComponents } from './chunk-OUXJUUCB.js';
+import { navigationComponents } from './chunk-XYMFKNKG.js';
+import { overlayComponents } from './chunk-3QMHVXSQ.js';
+import { textEffectsComponents } from './chunk-5B3GLRX3.js';
+import { actionComponents } from './chunk-GXUQFXT7.js';
+import { agentComponents } from './chunk-65CUE2WL.js';
+import { chartComponents } from './chunk-L55GVKLY.js';
+import { chatComponents } from './chunk-56TNQ2P4.js';
+
+// src/catalog/primitives/index.ts
+var primitiveComponents = {
+  ...layoutComponents,
+  ...textComponents,
+  ...displayComponents,
+  ...formComponents,
+  ...actionComponents,
+  ...overlayComponents,
+  ...navigationComponents,
+  ...effectsComponents,
+  ...agentComponents,
+  ...chartComponents,
+  ...textEffectsComponents,
+  ...chatComponents
+};
+
+export { primitiveComponents };

package/dist/{chunk-X5AEOQAL.js → chunk-MZGGA75L.js}

@@ -1,8 +1,6 @@
-import { m } from './chunk-PD2YEH3H.js';
 import { cn } from './chunk-QYZT24TS.js';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
-import { useReducedMotion, useMotionValue, useMotionTemplate } from 'motion/react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var CSS_ACCENT_095 = "rgb(var(--color-accent) / 0.95)";
@@ -97,42 +95,5 @@ function MouseGlow({
   }
   return element;
 }
-function MouseSpotlight({ children, className, color = "rgb(var(--color-text-primary) / 0.06)", size = 250, ref }) {
-  const prefersReduced = useReducedMotion();
-  const mouseX = useMotionValue(0);
-  const mouseY = useMotionValue(0);
-  const handleMouseMove = React.useCallback(
-    (e) => {
-      if (prefersReduced) return;
-      const rect = e.currentTarget.getBoundingClientRect();
-      mouseX.set(e.clientX - rect.left);
-      mouseY.set(e.clientY - rect.top);
-    },
-    [prefersReduced, mouseX, mouseY]
-  );
-  const bgImage = useMotionTemplate`radial-gradient(
-    ${size}px circle at ${mouseX}px ${mouseY}px,
-    ${color},
-    transparent 80%
-  )`;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      onMouseMove: handleMouseMove,
-      className: cn("group relative", className),
-      children: [
-        !prefersReduced && /* @__PURE__ */ jsx(
-          m.div,
-          {
-            className: "pointer-events-none absolute -inset-px rounded-xl opacity-0 transition duration-300 group-hover:opacity-100",
-            style: { background: bgImage }
-          }
-        ),
-        children
-      ]
-    }
-  );
-}
 
-export { MouseGlow, MouseSpotlight };
+export { MouseGlow };