@vadimcomanescu/nadicode-design-system 4.0.10 → 5.0.0

package/dist/{chunk-B66BU2S5.js → chunk-ID3N3MHQ.js}

@@ -1,9 +1,9 @@
-import { useSafeTimeout } from './chunk-MDAYDDTC.js';
 import { Spinner } from './chunk-ZLSWCV55.js';
 import { Field, FieldLabel } from './chunk-RX5EUODB.js';
 import { Separator } from './chunk-CUZJIDU7.js';
 import { Input } from './chunk-AP3XXYAY.js';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './chunk-3HHLJH72.js';
+import { useSafeTimeout } from './chunk-MDAYDDTC.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './chunk-7UY24UWL.js';
 import { Button } from './chunk-7KIDDF3I.js';
 import { m, fadeInUp, scaleIn } from './chunk-PD2YEH3H.js';
 import { SparklesIcon } from './chunk-CGUCH322.js';
@@ -21,16 +21,8 @@ var MODE_ICONS = {
   "magic-link": /* @__PURE__ */ jsx(SparklesIcon, { size: 32, className: "text-accent" })
 };
 var INSTRUCTION_STEPS = ["step1", "step2", "step3"];
-function PasswordRecoveryBlock({
-  className,
-  mode = "reset",
-  onSubmit,
-  onBackToLogin,
-  title,
-  description,
-  buttonText,
-  successTitle
-}) {
+function PasswordRecoveryBlock({ props, emit }) {
+  const mode = props.mode ?? "reset";
   const prefersReduced = useReducedMotion();
   const tShared = useTranslations("auth.passwordRecovery.shared");
   const tMode = useTranslations(mode === "magic-link" ? "auth.passwordRecovery.magicLink" : "auth.passwordRecovery.reset");
@@ -38,27 +30,27 @@ function PasswordRecoveryBlock({
   const [state, setState] = React.useState("entry");
   const [resendState, setResendState] = React.useState("idle");
   const setSafeTimeout = useSafeTimeout();
-  const resolvedTitle = title ?? tMode("title");
-  const resolvedDescription = description ?? tMode("description");
-  const resolvedButtonText = buttonText ?? tMode("button");
-  const resolvedSuccessTitle = successTitle ?? tShared("checkEmail");
+  const resolvedTitle = props.title ?? tMode("title");
+  const resolvedDescription = props.description ?? tMode("description");
+  const resolvedButtonText = props.buttonText ?? tMode("button");
+  const resolvedSuccessTitle = props.successTitle ?? tShared("checkEmail");
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!email) return;
     setState("loading");
-    onSubmit?.(email);
+    emit("submit");
     setSafeTimeout(() => setState("success"), 1500);
   };
   const handleResend = () => {
     setResendState("sending");
-    onSubmit?.(email);
+    emit("submit");
     setSafeTimeout(() => {
       setResendState("sent");
       setSafeTimeout(() => setResendState("idle"), 3e3);
     }, 1e3);
   };
   if (state === "success") {
-    return /* @__PURE__ */ jsx(m.div, { ...prefersReduced ? {} : fadeInUp, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
+    return /* @__PURE__ */ jsx(m.div, { ...prefersReduced ? {} : fadeInUp, className: cn("w-full max-w-sm mx-auto"), 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: resolvedSuccessTitle }),
@@ -92,14 +84,14 @@ function PasswordRecoveryBlock({
         "button",
         {
           type: "button",
-          onClick: onBackToLogin,
+          onClick: () => emit("backToLogin"),
           className: "text-sm text-text-tertiary hover:text-text-primary transition-colors",
           children: tShared("backToLogin")
         }
       ) })
     ] }) });
   }
-  return /* @__PURE__ */ jsx(m.div, { ...prefersReduced ? {} : scaleIn, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
+  return /* @__PURE__ */ jsx(m.div, { ...prefersReduced ? {} : scaleIn, className: cn("w-full max-w-sm mx-auto"), children: /* @__PURE__ */ jsxs(Card, { children: [
     /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
       /* @__PURE__ */ jsx("div", { className: "mx-auto mb-2", children: MODE_ICONS[mode] }),
       /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: resolvedTitle }),
@@ -131,7 +123,7 @@ function PasswordRecoveryBlock({
       "button",
       {
         type: "button",
-        onClick: onBackToLogin,
+        onClick: () => emit("backToLogin"),
         className: "text-sm text-text-tertiary hover:text-text-primary transition-colors",
         children: mode === "magic-link" ? tMode("backToPassword") : tShared("backToLogin")
       }

package/dist/{chunk-JGEE66UI.js → chunk-IHGZJS7N.js}

@@ -1,7 +1,6 @@
 import { AreaChart } from './chunk-ZTNHUABC.js';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-WH62BE24.js';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-3HHLJH72.js';
-import { cn } from './chunk-QYZT24TS.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-7UY24UWL.js';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -239,14 +238,12 @@ var defaultConfig = {
     color: "rgb(var(--chart-2))"
   }
 };
-function InteractiveAreaChartBlock({
-  data = defaultData,
-  config = defaultConfig,
-  title = "Traffic Analysis",
-  description = "Showing total visitors for the last 3 months",
-  timeRanges = defaultTimeRanges,
-  className
-}) {
+function InteractiveAreaChartBlock({ props, emit }) {
+  const data = props.data ?? defaultData;
+  const config = props.config ?? defaultConfig;
+  const title = props.title ?? "Traffic Analysis";
+  const description = props.description ?? "Showing total visitors for the last 3 months";
+  const timeRanges = props.timeRanges ?? defaultTimeRanges;
   const [timeRange, setTimeRange] = React.useState(timeRanges[0]?.value ?? "90d");
   const filteredData = React.useMemo(() => data.filter((item) => {
     const date = new Date(item.date);
@@ -256,13 +253,16 @@ function InteractiveAreaChartBlock({
     now.setDate(now.getDate() - daysToSubtract);
     return date >= now;
   }), [data, timeRanges, timeRange]);
-  return /* @__PURE__ */ jsxs(Card, { className: cn(className), children: [
+  return /* @__PURE__ */ jsxs(Card, { children: [
     /* @__PURE__ */ jsxs(CardHeader, { className: "flex items-center gap-2 space-y-0 border-b border-border py-6 sm:flex-row", children: [
       /* @__PURE__ */ jsxs("div", { className: "grid flex-1 gap-1.5 text-center sm:text-left", children: [
         /* @__PURE__ */ jsx(CardTitle, { children: title }),
         /* @__PURE__ */ jsx(CardDescription, { children: description })
       ] }),
-      /* @__PURE__ */ jsxs(Select, { value: timeRange, onValueChange: setTimeRange, children: [
+      /* @__PURE__ */ jsxs(Select, { value: timeRange, onValueChange: (v) => {
+        setTimeRange(v);
+        emit("timeRangeChange");
+      }, children: [
         /* @__PURE__ */ jsx(
           SelectTrigger,
           {

package/dist/{chunk-N3S6KCXN.js → chunk-IYK2ABFE.js}

@@ -6,52 +6,63 @@ import { Replit } from './chunk-DT6DGTVW.js';
 import { VSCodium } from './chunk-J5DRK4RF.js';
 import { StaggerChildren } from './chunk-DQPK2XRL.js';
 import { Heading } from './chunk-UXX6HHPS.js';
+import { Card } from './chunk-7UY24UWL.js';
 import { ScrollFadeIn } from './chunk-I23DDSU7.js';
-import { Card } from './chunk-3HHLJH72.js';
 import { Button } from './chunk-7KIDDF3I.js';
 import { ChevronRightIcon } from './chunk-G24VV5NO.js';
 import Link from 'next/link';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
+var ICON_MAP = {
+  Gemini: /* @__PURE__ */ jsx(Gemini, {}),
+  Replit: /* @__PURE__ */ jsx(Replit, {}),
+  MagicUI: /* @__PURE__ */ jsx(MagicUI, {}),
+  VSCodium: /* @__PURE__ */ jsx(VSCodium, {}),
+  MediaWiki: /* @__PURE__ */ jsx(MediaWiki, {}),
+  GooglePaLM: /* @__PURE__ */ jsx(GooglePaLM, {})
+};
+function resolveIntegrationIcon(iconKey) {
+  return ICON_MAP[iconKey] ?? /* @__PURE__ */ jsx("span", { children: iconKey });
+}
 var defaultIntegrations = [
   {
     title: "Google Gemini",
     description: "Advanced multimodal AI for reasoning, code generation, and creative tasks.",
-    icon: /* @__PURE__ */ jsx(Gemini, {})
+    icon: "Gemini"
   },
   {
     title: "Replit",
     description: "Cloud-based IDE with real-time collaboration and instant deployment.",
-    icon: /* @__PURE__ */ jsx(Replit, {})
+    icon: "Replit"
   },
   {
     title: "Magic UI",
     description: "Beautiful animated components to elevate your interface design.",
-    icon: /* @__PURE__ */ jsx(MagicUI, {})
+    icon: "MagicUI"
   },
   {
     title: "VSCodium",
     description: "Open-source code editor with full extension ecosystem support.",
-    icon: /* @__PURE__ */ jsx(VSCodium, {})
+    icon: "VSCodium"
   },
   {
     title: "MediaWiki",
     description: "Structured knowledge management with powerful search and versioning.",
-    icon: /* @__PURE__ */ jsx(MediaWiki, {})
+    icon: "MediaWiki"
   },
   {
     title: "Google PaLM",
     description: "Large language model API for text generation and understanding.",
-    icon: /* @__PURE__ */ jsx(GooglePaLM, {})
+    icon: "GooglePaLM"
   }
 ];
 function IntegrationsBlock({
-  title = "Integrate with your favorite tools",
-  description = "Connect seamlessly with popular platforms and services to enhance your workflow.",
-  integrations = defaultIntegrations,
-  className
-} = {}) {
-  return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx("section", { className, children: /* @__PURE__ */ jsx("div", { className: "py-32", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-6", children: [
+  props
+}) {
+  const title = props.title ?? "Integrate with your favorite tools";
+  const description = props.description ?? "Connect seamlessly with popular platforms and services to enhance your workflow.";
+  const integrations = props.integrations ? props.integrations.map((i) => ({ title: i.title, description: i.description, icon: i.icon, link: i.link ?? void 0 })) : defaultIntegrations;
+  return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsx("div", { className: "py-32", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-6", children: [
     /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "md:text-4xl", children: title }),
       /* @__PURE__ */ jsx("p", { className: "text-text-tertiary mt-6", children: description })
@@ -62,7 +73,7 @@ function IntegrationsBlock({
         title: integration.title,
         description: integration.description,
         link: integration.link,
-        children: integration.icon
+        children: resolveIntegrationIcon(integration.icon)
       },
       i
     )) })

package/dist/{chunk-WSBLCWY7.js → chunk-IZ7A62GI.js}

@@ -1,6 +1,6 @@
-import { useSafeTimeout } from './chunk-MDAYDDTC.js';
 import { ScrollArea } from './chunk-GLU236NN.js';
 import { Input } from './chunk-AP3XXYAY.js';
+import { useSafeTimeout } from './chunk-MDAYDDTC.js';
 import { Avatar, AvatarFallback } from './chunk-NAAU5IWU.js';
 import { Button } from './chunk-7KIDDF3I.js';
 import { useMotionConfig, m, motionSpring } from './chunk-PD2YEH3H.js';
@@ -21,12 +21,13 @@ var defaultInitialMessages = [
   }
 ];
 function ChatLayout({
-  initialMessages = defaultInitialMessages,
-  assistantName = "AI Assistant",
-  assistantStatus = "Online",
-  placeholder = "Type a message...",
-  className
+  props
 }) {
+  const initialMessages = props.initialMessages ?? defaultInitialMessages;
+  const assistantName = props.assistantName ?? "AI Assistant";
+  const assistantStatus = props.assistantStatus ?? "Online";
+  const placeholder = props.placeholder ?? "Type a message...";
+  const className = props.className;
   const t = useTranslations("blocks.chatLayout");
   const motionConfig = useMotionConfig();
   const [messages, setMessages] = React.useState(initialMessages);

package/dist/chunk-JDLCIPSC.js

@@ -0,0 +1,18 @@
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ButtonGroup({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "inline-flex -space-x-px rounded-md shadow-sm *:rounded-none first:*:rounded-l-md last:*:rounded-r-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { ButtonGroup };

package/dist/{chunk-B5HTI43H.js → chunk-JPA45CDE.js}

@@ -1,6 +1,6 @@
 import { StaggerChildren } from './chunk-DQPK2XRL.js';
 import { Heading } from './chunk-UXX6HHPS.js';
-import { Card, CardHeader, CardTitle, CardContent } from './chunk-3HHLJH72.js';
+import { Card, CardHeader, CardTitle, CardContent } from './chunk-7UY24UWL.js';
 import { Button } from './chunk-7KIDDF3I.js';
 import { ZapIcon } from './chunk-FLF5AMNO.js';
 import { KeyIcon } from './chunk-QSU23VYZ.js';
@@ -24,46 +24,83 @@ var ICON_COLORS = [
   "bg-chart-3/10 text-chart-3",
   "bg-chart-4/10 text-chart-4"
 ];
+var ICON_MAP = {
+  GlobeIcon: /* @__PURE__ */ jsx(GlobeIcon, { size: 20 }),
+  ZapIcon: /* @__PURE__ */ jsx(ZapIcon, { size: 20 }),
+  DatabaseIcon: /* @__PURE__ */ jsx(DatabaseIcon, { size: 20 }),
+  ShieldIcon: /* @__PURE__ */ jsx(ShieldIcon, { size: 20 }),
+  ChartBarIcon: /* @__PURE__ */ jsx(ChartBarIcon, { size: 20 }),
+  Code2Icon: /* @__PURE__ */ jsx(Code2Icon, { size: 20 }),
+  LayersIcon: /* @__PURE__ */ jsx(LayersIcon, { size: 24 }),
+  CloudIcon: /* @__PURE__ */ jsx(CloudIcon, { size: 96 }),
+  KeyIcon: /* @__PURE__ */ jsx(KeyIcon, { size: 16 }),
+  LaptopIcon: /* @__PURE__ */ jsx(LaptopIcon, { size: 16 })
+};
 var defaultGridFeatures = [
   {
     title: "Edge Network",
     description: "Deploy your AI models to the edge with a single click. Global low-latency inference.",
-    icon: /* @__PURE__ */ jsx(GlobeIcon, { size: 20 })
+    icon: "GlobeIcon",
+    badge: null,
+    bullets: null
   },
   {
     title: "Real-time Processing",
     description: "Process locally on device or in the cloud. WebGPU and WebAssembly support built-in.",
-    icon: /* @__PURE__ */ jsx(ZapIcon, { size: 20 })
+    icon: "ZapIcon",
+    badge: null,
+    bullets: null
   },
   {
     title: "Vector Database",
     description: "Integrated vector storage for semantic search and long-term memory retrieval.",
-    icon: /* @__PURE__ */ jsx(DatabaseIcon, { size: 20 })
+    icon: "DatabaseIcon",
+    badge: null,
+    bullets: null
   },
   {
     title: "End-to-End Encryption",
     description: "Your data is encrypted at rest and in transit. Enterprise-grade security standards.",
-    icon: /* @__PURE__ */ jsx(ShieldIcon, { size: 20 })
+    icon: "ShieldIcon",
+    badge: null,
+    bullets: null
   },
   {
     title: "Automated Scaling",
     description: "Scale from 0 to millions of requests without managing infrastructure.",
-    icon: /* @__PURE__ */ jsx(ChartBarIcon, { size: 20 })
+    icon: "ChartBarIcon",
+    badge: null,
+    bullets: null
   },
   {
     title: "API First",
     description: "Everything is available via API. Integrate with your existing stack seamlessly.",
-    icon: /* @__PURE__ */ jsx(Code2Icon, { size: 20 })
+    icon: "Code2Icon",
+    badge: null,
+    bullets: null
   }
 ];
-function FeatureGridVariant({
-  badge = "Capabilities",
-  title = "Everything you need to build",
-  description = "A complete toolkit for the next generation of intelligent applications.",
-  features = defaultGridFeatures,
-  className
-} = {}) {
-  return /* @__PURE__ */ jsx("section", { className: className ?? "py-24 relative", children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-6 lg:px-8", children: [
+var defaultListFeatures = [
+  {
+    title: "Unified Component Architecture",
+    description: "Stop wrestling with fragmented libraries. Seed provides a cohesive set of primitives that work together perfectly out of the box. Themeable, accessible, and composable.",
+    icon: "LayersIcon",
+    badge: null,
+    bullets: ["Type-safe design tokens", "Radix UI primitives", "Automatic dark mode"]
+  },
+  {
+    title: "Secure by Default",
+    description: "Enterprise-ready security features including SSO, audit logs, and role-based access control. Compliant with SOC2 and GDPR.",
+    icon: "ShieldIcon",
+    badge: null,
+    bullets: ["End-to-end encryption", "SAML & OIDC support", "99.99% Uptime SLA"]
+  }
+];
+function resolveIcon(iconName, size) {
+  return ICON_MAP[iconName] ?? /* @__PURE__ */ jsx("span", { children: iconName });
+}
+function FeatureGridVariant({ features, badge, title, description }) {
+  return /* @__PURE__ */ jsx("section", { className: "py-24 relative", 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: badge }),
       /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-text-primary sm:text-4xl mb-4", children: title }),
@@ -71,35 +108,18 @@ function FeatureGridVariant({
     ] }),
     /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 80, className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 [grid-auto-rows:1fr]", children: features.map((feature, i) => /* @__PURE__ */ jsxs(Card, { interactive: true, className: "h-full", children: [
       /* @__PURE__ */ jsxs(CardHeader, { className: "pb-2", children: [
-        /* @__PURE__ */ jsx("div", { className: cn("h-10 w-10 rounded-lg flex items-center justify-center mb-4", ICON_COLORS[i % ICON_COLORS.length]), children: feature.icon }),
+        /* @__PURE__ */ jsx("div", { className: cn("h-10 w-10 rounded-lg flex items-center justify-center mb-4", ICON_COLORS[i % ICON_COLORS.length]), children: resolveIcon(feature.icon) }),
         /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: feature.title })
       ] }),
       /* @__PURE__ */ jsx(CardContent, { className: "flex-1", children: /* @__PURE__ */ jsx("p", { className: "text-text-secondary", children: feature.description }) })
     ] }, i)) })
   ] }) });
 }
-var defaultListFeatures = [
-  {
-    title: "Unified Component Architecture",
-    description: "Stop wrestling with fragmented libraries. Seed provides a cohesive set of primitives that work together perfectly out of the box. Themeable, accessible, and composable.",
-    icon: /* @__PURE__ */ jsx(LayersIcon, { size: 24 }),
-    bullets: ["Type-safe design tokens", "Radix UI primitives", "Automatic dark mode"],
-    buttonLabel: "Explore Architecture"
-  },
-  {
-    title: "Secure by Default",
-    description: "Enterprise-ready security features including SSO, audit logs, and role-based access control. Compliant with SOC2 and GDPR.",
-    icon: /* @__PURE__ */ jsx(ShieldIcon, { size: 24 }),
-    bullets: ["End-to-end encryption", "SAML & OIDC support", "99.99% Uptime SLA"],
-    buttonLabel: "View Security Docs"
-  }
-];
-function FeatureListVariant({
-  features = defaultListFeatures,
-  className
-} = {}) {
-  return /* @__PURE__ */ jsx("section", { className: className ?? "py-24 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-6 lg:px-8 space-y-24", children: features.map((feature, i) => {
+function FeatureListVariant({ features }) {
+  return /* @__PURE__ */ jsx("section", { className: "py-24 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-6 lg:px-8 space-y-24", children: features.map((feature, i) => {
     const isReversed = i % 2 !== 0;
+    const bullets = feature.bullets ?? [];
+    const buttonLabel = feature.badge ?? "Learn more";
     return /* @__PURE__ */ jsxs("div", { className: "grid lg:grid-cols-2 gap-12 items-center", children: [
       isReversed && /* @__PURE__ */ jsxs("div", { className: "order-2 lg:order-1 relative", children: [
         /* @__PURE__ */ jsx("div", { className: "absolute -inset-4 bg-primary/10 blur-3xl rounded-full" }),
@@ -125,14 +145,14 @@ function FeatureListVariant({
         /* @__PURE__ */ jsx("div", { className: cn(
           "h-12 w-12 rounded-xl flex items-center justify-center mb-6",
           isReversed ? "bg-primary/20 text-primary" : "bg-accent/20 text-accent"
-        ), children: feature.icon }),
+        ), children: resolveIcon(feature.icon) }),
         /* @__PURE__ */ jsx(Heading, { level: 3, size: "section", className: "text-text-primary mb-4", children: feature.title }),
         /* @__PURE__ */ jsx("p", { className: "text-lg text-text-secondary mb-8 leading-relaxed", children: feature.description }),
-        /* @__PURE__ */ jsx("ul", { className: "space-y-4 mb-8", children: feature.bullets.map((item) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-4 text-text-primary", children: [
+        /* @__PURE__ */ jsx("ul", { className: "space-y-4 mb-8", children: bullets.map((item) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-4 text-text-primary", children: [
           /* @__PURE__ */ jsx("div", { className: isReversed ? "h-1.5 w-1.5 rounded-full bg-primary" : "h-1.5 w-1.5 rounded-full bg-accent" }),
           item
         ] }, item)) }),
-        /* @__PURE__ */ jsx(Button, { variant: "outline", children: feature.buttonLabel })
+        /* @__PURE__ */ jsx(Button, { variant: "outline", children: buttonLabel })
       ] }),
       !isReversed && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsx("div", { className: "absolute -inset-4 bg-accent/10 blur-3xl rounded-full" }),
@@ -153,11 +173,16 @@ function FeatureListVariant({
     ] }, i);
   }) }) });
 }
-function FeatureBlock({ variant = "grid", ...props }) {
+function FeatureBlock({ props }) {
+  const variant = props.variant ?? "grid";
+  const badge = props.badge ?? "Capabilities";
+  const title = props.title ?? "Everything you need to build";
+  const description = props.description ?? "A complete toolkit for the next generation of intelligent applications.";
+  const features = props.features ?? (variant === "list" ? defaultListFeatures : defaultGridFeatures);
   if (variant === "list") {
-    return /* @__PURE__ */ jsx(FeatureListVariant, { ...props, features: props.features });
+    return /* @__PURE__ */ jsx(FeatureListVariant, { features });
   }
-  return /* @__PURE__ */ jsx(FeatureGridVariant, { ...props, features: props.features });
+  return /* @__PURE__ */ jsx(FeatureGridVariant, { features, badge, title, description });
 }
 
 export { FeatureBlock };

package/dist/{chunk-J7F42IR3.js → chunk-JPNNAU26.js}

@@ -1,8 +1,8 @@
 import { RoleBadge } from './chunk-OHCQPI3W.js';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-WH62BE24.js';
 import { Field, FieldLabel } from './chunk-RX5EUODB.js';
-import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-C6MJQDPC.js';
 import { Input } from './chunk-AP3XXYAY.js';
+import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-KHLMOBAU.js';
 import { Button } from './chunk-7KIDDF3I.js';
 import { PlusIcon } from './chunk-E7RBK6ML.js';
 import { MailIcon } from './chunk-XQ2UDMPO.js';
@@ -17,7 +17,10 @@ var inviteSchema = z.object({
   email: z.string().email({ message: "Please enter a valid email address." }),
   role: z.enum(["admin", "member", "guest"])
 });
-function InviteUserModal({ onInvite, onInvited }) {
+function InviteUserModal({
+  emit,
+  onInvite
+}) {
   const [open, setOpen] = React.useState(false);
   const [isPending, startTransition] = React.useTransition();
   const [submitError, setSubmitError] = React.useState();
@@ -45,9 +48,10 @@ function InviteUserModal({ onInvite, onInvited }) {
           setSubmitError(result.error ?? "Failed to send invitation.");
           return;
         }
+        emit("invite");
         setOpen(false);
         reset();
-        onInvited?.();
+        emit("invited");
       }).catch(() => {
         setSubmitError("Failed to send invitation.");
       });

package/dist/chunk-JUAOQFC3.js

@@ -0,0 +1,32 @@
+import { useStyleMotion, useMotionConfig, m } from './chunk-PD2YEH3H.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx } from 'react/jsx-runtime';
+
+function SpringHover({ children, className, hoverScale = 1.03, pressScale = 0.95, disabled = false, ref }) {
+  const { spring, style } = useStyleMotion();
+  const motionConfig = useMotionConfig();
+  if (disabled) {
+    return /* @__PURE__ */ jsx("div", { ref, className, children });
+  }
+  const hoverRotate = style === "bloom" ? 0.5 : 0;
+  return /* @__PURE__ */ jsx(
+    m.div,
+    {
+      ref,
+      className: cn("inline-block", className),
+      whileHover: {
+        scale: hoverScale,
+        rotate: hoverRotate,
+        transition: { ...spring.bouncy, ...motionConfig }
+      },
+      whileTap: {
+        scale: pressScale,
+        rotate: 0,
+        transition: { ...spring.snappy, ...motionConfig }
+      },
+      children
+    }
+  );
+}
+
+export { SpringHover };

package/dist/{chunk-3TZLHB2L.js → chunk-JVQQQS2M.js}

@@ -1,9 +1,9 @@
-import { Typography } from './chunk-PC6VMNDY.js';
+import { Typography } from './chunk-Q7PCHHVJ.js';
 import { Button } from './chunk-7KIDDF3I.js';
 import { useMotionConfig, m, motionSpring } from './chunk-PD2YEH3H.js';
 import { InfoIcon } from './chunk-W3B3UOEG.js';
-import { AlertTriangleIcon } from './chunk-SXHYB7JB.js';
 import { XIcon } from './chunk-UIUMTURU.js';
+import { AlertTriangleIcon } from './chunk-SXHYB7JB.js';
 import { cn } from './chunk-QYZT24TS.js';
 import { useState } from 'react';
 import { AnimatePresence } from 'motion/react';
@@ -19,18 +19,14 @@ var variantIcons = {
   warning: /* @__PURE__ */ jsx(AlertTriangleIcon, { size: 16, className: "shrink-0" }),
   accent: /* @__PURE__ */ jsx(InfoIcon, { size: 16, className: "shrink-0" })
 };
-function BannerBlock({
-  children,
-  variant = "info",
-  dismissible = true,
-  onDismiss,
-  className
-}) {
+function BannerBlock({ props, emit, children }) {
   const motionConfig = useMotionConfig();
+  const variant = props.variant ?? "info";
+  const dismissible = props.dismissible ?? true;
   const [visible, setVisible] = useState(true);
   const handleDismiss = () => {
     setVisible(false);
-    onDismiss?.();
+    emit("dismiss");
   };
   return /* @__PURE__ */ jsx(AnimatePresence, { children: !!visible && /* @__PURE__ */ jsxs(
     m.div,
@@ -41,12 +37,11 @@ function BannerBlock({
       transition: { ...motionSpring.snappy, ...motionConfig },
       className: cn(
         "flex items-center gap-4 rounded-lg border px-4 py-4",
-        variantStyles[variant],
-        className
+        variantStyles[variant]
       ),
       children: [
         variantIcons[variant],
-        /* @__PURE__ */ jsx(Typography, { variant: "small", className: "flex-1 font-medium", children }),
+        /* @__PURE__ */ jsx(Typography, { variant: "small", className: "flex-1 font-medium", children: children ?? props.message ?? null }),
         !!dismissible && /* @__PURE__ */ jsx(
           Button,
           {

package/dist/{chunk-4GSIGQXI.js → chunk-JWWXY7XR.js}

@@ -2,17 +2,17 @@ import { SlidingNumber } from './chunk-ULLTRLBD.js';
 import { Sparkline } from './chunk-RHEF3WH6.js';
 import { TrendIndicator } from './chunk-3R2VLZUR.js';
 import { Skeleton } from './chunk-RASEB2XI.js';
-import { Card } from './chunk-3HHLJH72.js';
+import { Card } from './chunk-7UY24UWL.js';
 import { cn } from './chunk-QYZT24TS.js';
 import { cva } from 'class-variance-authority';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
-var metricCardVariants = cva("transition-all border-l-2 border-l-transparent hover:border-l-accent/60", {
+var metricCardVariants = cva("transition-all border-l-2 border-l-transparent hover:border-l-accent/60 min-w-0", {
   variants: {
     size: {
-      sm: "p-2 [&_.metric-label]:text-xs [&_.metric-value-row]:text-xl",
-      default: "p-4 [&_.metric-label]:text-sm [&_.metric-value-row]:text-3xl",
-      lg: "p-6 [&_.metric-label]:text-base [&_.metric-value-row]:text-4xl"
+      sm: "p-2 [&_.metric-label]:text-xs [&_.metric-value-row]:text-lg",
+      default: "p-4 [&_.metric-label]:text-sm [&_.metric-value-row]:text-2xl",
+      lg: "p-6 [&_.metric-label]:text-base [&_.metric-value-row]:text-3xl"
     }
   },
   defaultVariants: {
@@ -52,7 +52,7 @@ function MetricCard({
           /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
           !!sparklineData && /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-full" })
         ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "metric-value-row mt-2 font-semibold tracking-sub", children: /* @__PURE__ */ jsxs("span", { className: "metric-value inline-flex items-baseline gap-0.5 tabular-nums", children: [
+          /* @__PURE__ */ jsx("div", { className: "metric-value-row mt-2 font-semibold tracking-sub overflow-hidden", children: /* @__PURE__ */ jsxs("span", { className: "metric-value inline-flex items-baseline gap-0.5 tabular-nums", children: [
             !!prefix && /* @__PURE__ */ jsx("span", { className: "text-text-secondary", "data-slot": "metric-prefix", children: prefix }),
             typeof value === "number" ? formattedValue ? /* @__PURE__ */ jsx("span", { "data-slot": "metric-formatted", children: formattedValue }) : /* @__PURE__ */ jsx(
               SlidingNumber,