@vadimcomanescu/nadicode-design-system 2.0.6 → 2.0.7

package/dist/chunk-FX23F33E.js

@@ -0,0 +1,57 @@
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './chunk-AH6YSYYT.js';
+import { Alert, AlertDescription } from './chunk-GJUR6HT3.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { useMotionConfig, m, scaleIn, motionSpring } from './chunk-PD2YEH3H.js';
+import { LockIcon } from './chunk-RYOTIXZO.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var reasonMessages = {
+  too_many_attempts: (minutes) => `Too many failed login attempts.${minutes ? ` Try again in ${minutes} minutes.` : ""}`,
+  suspicious_activity: () => "We detected unusual activity on your account.",
+  admin: () => "Your account has been locked by an administrator."
+};
+function AccountLockedBlock({
+  className,
+  reason = "too_many_attempts",
+  unlockMinutes,
+  onContactSupport,
+  onBackToLogin,
+  title = "Account locked",
+  description = "Your account has been temporarily locked for security"
+}) {
+  const motionConfig = useMotionConfig();
+  return /* @__PURE__ */ jsx(m.div, { ...scaleIn, className: cn("w-full max-w-md 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: { x: 0 },
+          animate: { x: [0, -4, 4, -4, 4, 0] },
+          transition: { ...motionSpring.gentle, delay: 0.3, ...motionConfig },
+          children: /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-destructive/10 shadow-[0_0_24px_rgb(var(--color-destructive)/0.2)]", children: /* @__PURE__ */ jsx(LockIcon, { size: 32, className: "text-destructive" }) })
+        }
+      ),
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: title }),
+      /* @__PURE__ */ jsx(CardDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4", children: [
+      /* @__PURE__ */ jsx(Alert, { variant: "warning", children: /* @__PURE__ */ jsx(AlertDescription, { children: reasonMessages[reason](unlockMinutes) }) }),
+      reason === "too_many_attempts" && unlockMinutes && /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-text-tertiary", children: "Your account will be automatically unlocked after the waiting period." }),
+      (reason === "suspicious_activity" || reason === "admin") && /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-text-tertiary", children: "Please contact support to regain access to your account." }),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", className: "w-full", onClick: onContactSupport, children: "Contact support" })
+    ] }),
+    /* @__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 { AccountLockedBlock };

package/dist/chunk-GJPTPLCQ.js

@@ -0,0 +1,52 @@
+import { ShimmeringText } from './chunk-SGI25ZJ6.js';
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Heading } from './chunk-WI547C47.js';
+import { siteConfig } from './chunk-A7NUWD76.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import Link from 'next/link';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultDescription = `Join thousands of developers building premium interfaces with ${siteConfig.name}.`;
+var defaultPrimaryAction = { label: "Get Started", href: "#" };
+var defaultSecondaryAction = { label: "Book Demo", href: "#" };
+function CallToActionBlock({
+  title = "Start Building",
+  description = defaultDescription,
+  primaryAction = defaultPrimaryAction,
+  secondaryAction = defaultSecondaryAction,
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { className: className ?? "py-16 md:py-24", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-5xl px-6", children: /* @__PURE__ */ jsxs(StaggerChildren, { staggerMs: 100, className: "text-center", children: [
+    /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-4xl lg:text-5xl", children: /* @__PURE__ */ jsx(
+      ShimmeringText,
+      {
+        text: title,
+        color: "var(--color-text-primary)",
+        shimmeringColor: "var(--color-accent)",
+        duration: 2
+      }
+    ) }),
+    /* @__PURE__ */ jsx("p", { className: "mt-4 text-lg text-text-secondary", children: description }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-12 flex flex-wrap justify-center gap-4", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          asChild: true,
+          size: "lg",
+          children: /* @__PURE__ */ jsx(Link, { href: primaryAction.href, children: /* @__PURE__ */ jsx("span", { children: primaryAction.label }) })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          asChild: true,
+          size: "lg",
+          variant: "outline",
+          children: /* @__PURE__ */ jsx(Link, { href: secondaryAction.href, children: /* @__PURE__ */ jsx("span", { children: secondaryAction.label }) })
+        }
+      )
+    ] })
+  ] }) }) });
+}
+
+export { CallToActionBlock };

package/dist/chunk-GV4PKHG4.js

@@ -0,0 +1,147 @@
+import { NavigationShellPageKit } from './chunk-TUKZKU72.js';
+import { Typography } from './chunk-N53OMWW2.js';
+import { Textarea } from './chunk-4OBE2FS2.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-WH62BE24.js';
+import { FieldSet, Field, FieldLabel, FieldDescription, FieldError } from './chunk-RX5EUODB.js';
+import { Heading } from './chunk-WI547C47.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { Card, CardHeader, CardTitle, CardContent } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var EMPTY_SECTIONS = [];
+var ALERT_CLASS = "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive";
+function renderFieldInput(field, onFieldChange) {
+  const disabled = field.disabled || field.readOnly;
+  if (field.type === "textarea") {
+    return /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        id: field.id,
+        value: field.value,
+        placeholder: field.placeholder,
+        disabled,
+        readOnly: field.readOnly,
+        onChange: (event) => onFieldChange?.(field.id, event.target.value)
+      }
+    );
+  }
+  if (field.type === "select") {
+    return /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: field.value,
+        disabled,
+        onValueChange: (value) => onFieldChange?.(field.id, value),
+        children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { id: field.id, "aria-label": field.label, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: field.placeholder ?? "Select value" }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: (field.options ?? []).map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      id: field.id,
+      type: field.type ?? "text",
+      value: field.value,
+      placeholder: field.placeholder,
+      disabled,
+      readOnly: field.readOnly,
+      onChange: (event) => onFieldChange?.(field.id, event.target.value)
+    }
+  );
+}
+function CrudFormPageKit({
+  shell,
+  title = "CRUD form",
+  description = "Create and edit entities through a stable form contract with explicit save and error states.",
+  state = "pristine",
+  sections = EMPTY_SECTIONS,
+  onFieldChange,
+  actions,
+  validationMessage,
+  fatalErrorMessage,
+  savedMessage = "Changes saved.",
+  className
+}) {
+  const isBusy = state === "submitting" || state === "validating";
+  return /* @__PURE__ */ jsx(NavigationShellPageKit, { ...shell, children: /* @__PURE__ */ jsxs("section", { className: cn("space-y-6", className), children: [
+    /* @__PURE__ */ jsxs("header", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 3, children: title }),
+      /* @__PURE__ */ jsx(Typography, { variant: "muted", children: description })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      state === "dirty" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Unsaved changes" }) : null,
+      state === "validating" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Validating" }) : null,
+      state === "submitting" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Saving" }) : null,
+      state === "saved" ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: "Saved" }) : null
+    ] }),
+    state === "validation-error" ? /* @__PURE__ */ jsx("div", { role: "alert", className: ALERT_CLASS, children: validationMessage ?? "Validation failed. Resolve field errors and retry." }) : null,
+    state === "fatal-error" ? /* @__PURE__ */ jsx("div", { role: "alert", className: ALERT_CLASS, children: fatalErrorMessage ?? "The form failed to load. Retry or contact support." }) : null,
+    state === "saved" ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-success", children: savedMessage }) : null,
+    /* @__PURE__ */ jsx("div", { className: "grid gap-4", children: sections.map((section) => /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { children: section.title }),
+          section.optional ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Optional" }) : null
+        ] }),
+        section.description ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: section.description }) : null
+      ] }),
+      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+        section.content ? /* @__PURE__ */ jsx("div", { children: section.content }) : null,
+        section.fields && section.fields.length > 0 ? /* @__PURE__ */ jsx(FieldSet, { children: section.fields.map((field) => /* @__PURE__ */ jsxs(Field, { children: [
+          /* @__PURE__ */ jsxs(FieldLabel, { htmlFor: field.id, children: [
+            field.label,
+            field.required ? /* @__PURE__ */ jsx("span", { className: "ml-1 text-destructive", children: "*" }) : null
+          ] }),
+          renderFieldInput(field, onFieldChange),
+          field.description ? /* @__PURE__ */ jsx(FieldDescription, { children: field.description }) : null,
+          field.errorMessage ? /* @__PURE__ */ jsx(FieldError, { children: field.errorMessage }) : null
+        ] }, field.id)) }) : null
+      ] })
+    ] }, section.id)) }),
+    actions ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
+      actions.secondary ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          onClick: actions.secondary.onAction,
+          disabled: actions.secondary.disabled || isBusy,
+          children: actions.secondary.label
+        }
+      ) : null,
+      actions.tertiary ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: actions.tertiary.onAction,
+          disabled: actions.tertiary.disabled || isBusy,
+          children: actions.tertiary.label
+        }
+      ) : null,
+      actions.destructive ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "destructive",
+          onClick: actions.destructive.onAction,
+          disabled: actions.destructive.disabled || isBusy,
+          children: actions.destructive.label
+        }
+      ) : null,
+      actions.primary ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: actions.primary.onAction,
+          disabled: actions.primary.disabled || isBusy,
+          children: actions.primary.label
+        }
+      ) : null
+    ] }) : null
+  ] }) });
+}
+
+export { CrudFormPageKit };

package/dist/chunk-HJ3A2YNO.js

@@ -0,0 +1,163 @@
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Heading } from './chunk-WI547C47.js';
+import { Card, CardHeader, CardTitle, CardContent } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { ZapIcon } from './chunk-FLF5AMNO.js';
+import { KeyIcon } from './chunk-QSU23VYZ.js';
+import { LaptopIcon } from './chunk-BJYCQ2NV.js';
+import { LayersIcon } from './chunk-VM462WZC.js';
+import { GlobeIcon } from './chunk-JL4MVVFH.js';
+import { DatabaseIcon } from './chunk-WA45EC4Y.js';
+import { CloudIcon } from './chunk-JRJGSNI4.js';
+import { Code2Icon } from './chunk-RF6ECFS5.js';
+import { ChartBarIcon } from './chunk-KYZT3RNW.js';
+import { ShieldIcon } from './chunk-P6IRHPFM.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ICON_COLORS = [
+  "bg-primary/10 text-primary",
+  "bg-accent/10 text-accent",
+  "bg-chart-1/10 text-chart-1",
+  "bg-chart-2/10 text-chart-2",
+  "bg-chart-3/10 text-chart-3",
+  "bg-chart-4/10 text-chart-4"
+];
+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 })
+  },
+  {
+    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 })
+  },
+  {
+    title: "Vector Database",
+    description: "Integrated vector storage for semantic search and long-term memory retrieval.",
+    icon: /* @__PURE__ */ jsx(DatabaseIcon, { size: 20 })
+  },
+  {
+    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 })
+  },
+  {
+    title: "Automated Scaling",
+    description: "Scale from 0 to millions of requests without managing infrastructure.",
+    icon: /* @__PURE__ */ jsx(ChartBarIcon, { size: 20 })
+  },
+  {
+    title: "API First",
+    description: "Everything is available via API. Integrate with your existing stack seamlessly.",
+    icon: /* @__PURE__ */ jsx(Code2Icon, { size: 20 })
+  }
+];
+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: [
+    /* @__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 }),
+      /* @__PURE__ */ jsx("p", { className: "text-text-secondary text-lg", children: description })
+    ] }),
+    /* @__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(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) => {
+    const isReversed = i % 2 !== 0;
+    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" }),
+        /* @__PURE__ */ jsx(Card, { className: "p-0 overflow-hidden border-border/50", children: /* @__PURE__ */ jsxs("div", { className: "glass-overlay p-6 h-[350px] relative overflow-hidden flex flex-col items-center justify-center", children: [
+          /* @__PURE__ */ jsx(CloudIcon, { size: 96, className: "text-primary opacity-20 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" }),
+          /* @__PURE__ */ jsxs("div", { className: "z-10 surface-solid p-4 rounded-lg flex items-center gap-4 w-64", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-8 w-8 rounded bg-chart-4/20 text-chart-4 flex items-center justify-center", children: /* @__PURE__ */ jsx(KeyIcon, { size: 16 }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx("div", { className: "h-2 w-20 bg-text-primary/20 rounded mb-2" }),
+              /* @__PURE__ */ jsx("div", { className: "h-2 w-full bg-text-primary/10 rounded" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "z-10 surface-solid p-4 rounded-lg flex items-center gap-4 w-64 mt-4 translate-x-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-8 w-8 rounded bg-chart-2/20 text-chart-2 flex items-center justify-center", children: /* @__PURE__ */ jsx(LaptopIcon, { size: 16 }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx("div", { className: "h-2 w-16 bg-text-primary/20 rounded mb-2" }),
+              /* @__PURE__ */ jsx("div", { className: "h-2 w-full bg-text-primary/10 rounded" })
+            ] })
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: isReversed ? "order-1 lg:order-2" : void 0, children: [
+        /* @__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 }),
+        /* @__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("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 })
+      ] }),
+      !isReversed && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute -inset-4 bg-accent/10 blur-3xl rounded-full" }),
+        /* @__PURE__ */ jsxs(Card, { className: "p-0 overflow-hidden border-border/50", children: [
+          /* @__PURE__ */ jsxs("div", { className: "p-4 border-b border-border/50 flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-destructive/50" }),
+            /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-warning/50" }),
+            /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-success/50" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "p-8 h-[300px] flex items-center justify-center bg-background/50", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 w-full opacity-80", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-24 bg-surface/50 rounded-lg border border-border animate-pulse" }),
+            /* @__PURE__ */ jsx("div", { className: "h-24 bg-surface-active/50 rounded-lg border border-primary/20" }),
+            /* @__PURE__ */ jsx("div", { className: "h-24 bg-surface/50 rounded-lg border border-border" }),
+            /* @__PURE__ */ jsx("div", { className: "h-24 bg-surface rounded-lg border border-border" })
+          ] }) })
+        ] })
+      ] })
+    ] }, i);
+  }) }) });
+}
+function FeatureBlock({ variant = "grid", ...props }) {
+  if (variant === "list") {
+    return /* @__PURE__ */ jsx(FeatureListVariant, { ...props, features: props.features });
+  }
+  return /* @__PURE__ */ jsx(FeatureGridVariant, { ...props, features: props.features });
+}
+
+export { FeatureBlock };

package/dist/chunk-HJZRSPWB.js

@@ -0,0 +1,38 @@
+import { Skeleton } from './chunk-RASEB2XI.js';
+import { Empty, EmptyIcon, EmptyTitle, EmptyDescription } from './chunk-55HD4L6G.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-AH6YSYYT.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ChartCard({
+  title,
+  description,
+  action,
+  chart,
+  data,
+  loading = false,
+  emptyIcon,
+  emptyTitle,
+  emptyDescription,
+  emptyCta,
+  className,
+  ref
+}) {
+  return /* @__PURE__ */ jsxs(Card, { ref, className: cn(className), children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: action ? "flex flex-row items-start justify-between space-y-0 pb-4" : void 0, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-1.5", children: [
+        /* @__PURE__ */ jsx(CardTitle, { children: title }),
+        !!description && /* @__PURE__ */ jsx(CardDescription, { children: description })
+      ] }),
+      action
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: loading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-[300px] rounded-lg" }) : data.length === 0 ? /* @__PURE__ */ jsxs(Empty, { children: [
+      !!emptyIcon && /* @__PURE__ */ jsx(EmptyIcon, { children: emptyIcon }),
+      !!emptyTitle && /* @__PURE__ */ jsx(EmptyTitle, { children: emptyTitle }),
+      !!emptyDescription && /* @__PURE__ */ jsx(EmptyDescription, { children: emptyDescription }),
+      !!emptyCta && emptyCta
+    ] }) : /* @__PURE__ */ jsx("div", { className: "chart-glow-bg", children: chart }) })
+  ] });
+}
+
+export { ChartCard };

package/dist/chunk-IDKZEPWK.js

@@ -0,0 +1,133 @@
+import { Heading } from './chunk-WI547C47.js';
+import { Card, CardHeader, CardContent } from './chunk-AH6YSYYT.js';
+import { Avatar, AvatarImage, AvatarFallback } from './chunk-NAAU5IWU.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultTestimonials = [
+  {
+    quote: "Tailus has transformed the way I develop web applications. Their extensive collection of UI components, blocks, and templates has significantly accelerated my workflow. The flexibility to customize every aspect allows me to create unique user experiences. Tailus is a game-changer for modern web development",
+    author: "M\xE9schac Irung",
+    role: "Creator",
+    avatar: "https://avatars.githubusercontent.com/u/47919550?v=4",
+    featured: true
+  },
+  {
+    quote: "Tailus is really extraordinary and very practical, no need to break your head. A real gold mine.",
+    author: "Th\xE9o Balick",
+    role: "Frontend Dev",
+    avatar: "https://avatars.githubusercontent.com/u/68236786?v=4"
+  },
+  {
+    quote: "Great work on tailfolio template. This is one of the best personal website that I have seen so far!",
+    author: "Glodie Lukose",
+    role: "Frontend Dev",
+    avatar: "https://avatars.githubusercontent.com/u/99137927?v=4"
+  },
+  {
+    quote: "Great work on tailfolio template. This is one of the best personal website that I have seen so far!",
+    author: "Bernard Ngandu",
+    role: "Backend Dev",
+    avatar: "https://avatars.githubusercontent.com/u/31113941?v=4"
+  }
+];
+function getInitials(name) {
+  return name.split(" ").map((w) => w[0]).join("").toUpperCase().slice(0, 2);
+}
+function TestimonialsBlock({
+  title = "Build by makers, loved by thousand developers",
+  description = "Gemini is evolving to be more than just the models. It supports an entire to the APIs and platforms helping developers and businesses innovate.",
+  testimonials = defaultTestimonials,
+  className
+} = {}) {
+  const featured = React.useMemo(() => testimonials.find((t) => t.featured) ?? testimonials[0], [testimonials]);
+  const rest = React.useMemo(() => testimonials.filter((t) => t !== featured), [testimonials, featured]);
+  return /* @__PURE__ */ jsx("section", { className: className ?? "py-16 md:py-32", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl space-y-8 px-6 md:space-y-16", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative z-10 mx-auto max-w-xl space-y-6 text-center md:space-y-12", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-4xl lg:text-5xl", children: title }),
+      /* @__PURE__ */ jsx("p", { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2 md:grid-cols-4 lg:grid-rows-2", children: [
+      !!featured && /* @__PURE__ */ jsxs(Card, { className: "grid grid-rows-[auto_1fr] gap-8 sm:col-span-2 sm:p-6 lg:row-span-2", children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            className: "h-6 w-fit dark:invert",
+            src: "https://html.tailus.io/blocks/customers/nike.svg",
+            alt: "Nike Logo",
+            height: "24",
+            width: "auto"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("blockquote", { className: "grid h-full grid-rows-[1fr_auto] gap-6", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xl font-medium", children: featured.quote }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[auto_1fr] items-center gap-4", children: [
+            /* @__PURE__ */ jsxs(Avatar, { className: "size-12", children: [
+              /* @__PURE__ */ jsx(
+                AvatarImage,
+                {
+                  src: featured.avatar,
+                  alt: featured.author,
+                  height: "400",
+                  width: "400",
+                  loading: "lazy"
+                }
+              ),
+              /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(featured.author) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("cite", { className: "text-sm font-medium", children: featured.author }),
+              /* @__PURE__ */ jsx("span", { className: "text-text-tertiary block text-sm", children: featured.role })
+            ] })
+          ] })
+        ] }) })
+      ] }),
+      rest[0] && /* @__PURE__ */ jsx(Card, { className: "md:col-span-2", children: /* @__PURE__ */ jsx(CardContent, { className: "h-full pt-6", children: /* @__PURE__ */ jsxs("blockquote", { className: "grid h-full grid-rows-[1fr_auto] gap-6", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xl font-medium", children: rest[0].quote }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[auto_1fr] items-center gap-4", children: [
+          /* @__PURE__ */ jsxs(Avatar, { className: "size-12", children: [
+            /* @__PURE__ */ jsx(
+              AvatarImage,
+              {
+                src: rest[0].avatar,
+                alt: rest[0].author,
+                height: "400",
+                width: "400",
+                loading: "lazy"
+              }
+            ),
+            /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(rest[0].author) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("cite", { className: "text-sm font-medium", children: rest[0].author }),
+            /* @__PURE__ */ jsx("span", { className: "text-text-tertiary block text-sm", children: rest[0].role })
+          ] })
+        ] })
+      ] }) }) }),
+      rest.slice(1).map((t, i) => /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "h-full pt-6", children: /* @__PURE__ */ jsxs("blockquote", { className: "grid h-full grid-rows-[1fr_auto] gap-6", children: [
+        /* @__PURE__ */ jsx("p", { children: t.quote }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[auto_1fr] items-center gap-4", children: [
+          /* @__PURE__ */ jsxs(Avatar, { className: "size-12", children: [
+            /* @__PURE__ */ jsx(
+              AvatarImage,
+              {
+                src: t.avatar,
+                alt: t.author,
+                height: "400",
+                width: "400",
+                loading: "lazy"
+              }
+            ),
+            /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(t.author) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t.author }),
+            /* @__PURE__ */ jsx("span", { className: "text-text-tertiary block text-sm", children: t.role })
+          ] })
+        ] })
+      ] }) }) }, i))
+    ] })
+  ] }) });
+}
+
+export { TestimonialsBlock };