@vadimcomanescu/nadicode-design-system 4.0.11 → 5.0.1

package/dist/chunk-7IXYIUQ5.js

@@ -1,114 +0,0 @@
-import { Shine } from './chunk-DARC2ACH.js';
-import { createAvatarDataUri } from './chunk-QQOWC53X.js';
-import { ShimmeringText } from './chunk-SGI25ZJ6.js';
-import { StaggerChildren } from './chunk-DQPK2XRL.js';
-import { Heading } from './chunk-UXX6HHPS.js';
-import { siteConfig } from './chunk-A7NUWD76.js';
-import { Card, CardContent } from './chunk-7UY24UWL.js';
-import { Avatar, AvatarImage, AvatarFallback } from './chunk-NAAU5IWU.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var defaultLogos = [
-  { name: "Vercel", icon: (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...props, children: /* @__PURE__ */ jsx("path", { d: "M12 2L22 22H2L12 2Z", fill: "currentColor", stroke: "none" }) }) },
-  { name: "Stripe", icon: (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...props, children: /* @__PURE__ */ jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" }) }) },
-  { name: "OpenAI", icon: (props) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...props, children: [
-    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" })
-  ] }) },
-  { name: siteConfig.name, icon: (props) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...props, children: [
-    /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-    /* @__PURE__ */ jsx("path", { d: "M9 9h6v6H9z" })
-  ] }) },
-  { name: "Next.js", icon: (props) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...props, children: [
-    /* @__PURE__ */ jsx("path", { d: "M21 8v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5z" }),
-    /* @__PURE__ */ jsx("path", { d: "M10 12h4" })
-  ] }) }
-];
-function LogoCloudVariant({
-  logos = defaultLogos,
-  title = "Trusted by innovative teams",
-  className
-} = {}) {
-  return /* @__PURE__ */ jsx("div", { className: className ?? "w-full py-12 lg:py-16", children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-4 text-center", children: [
-    /* @__PURE__ */ jsx("p", { className: "mb-8 text-sm font-medium text-text-tertiary uppercase tracking-wider", children: title }),
-    /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 60, distance: 12, className: "flex flex-wrap gap-8 items-center justify-center opacity-70", children: logos.map((logo) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "group flex items-center justify-center transition-all duration-300 hover:opacity-100 hover:scale-110",
-        children: [
-          /* @__PURE__ */ jsx(logo.icon, { className: "h-8 w-8 text-text-tertiary transition-colors group-hover:text-primary group-hover:drop-shadow-[0_0_8px_rgb(var(--color-primary)/0.5)]" }),
-          /* @__PURE__ */ jsx("span", { className: "ml-2 text-lg font-semibold text-text-tertiary group-hover:text-text-primary hidden md:inline-block", children: logo.name })
-        ]
-      },
-      logo.name
-    )) })
-  ] }) });
-}
-var defaultSocialTestimonials = [
-  {
-    quote: "Seed has completely transformed how we build AI interfaces. The depth and realism are unmatched.",
-    author: "Sarah Chen",
-    role: "Product Designer @ NeuralNet",
-    avatar: "SC"
-  },
-  {
-    quote: "The glassmorphism effects are incredibly performant. It feels like a native app running in the browser.",
-    author: "Marcus Rodriguez",
-    role: "Frontend Lead @ FutureScale",
-    avatar: "MR"
-  },
-  {
-    quote: "Finally, a design system that understands what 'futuristic' actually means. No more flat, boring SaaS UI.",
-    author: "Elena Kowalski",
-    role: "CTO @ CyberSystems",
-    avatar: "EK"
-  },
-  {
-    quote: "Development velocity increased by 3x. The components are so easy to compose.",
-    author: "David Park",
-    role: "Indie Hacker",
-    avatar: "DP"
-  }
-];
-function TestimonialsVariant({
-  title = "Loved by Builders",
-  testimonials = defaultSocialTestimonials,
-  className
-} = {}) {
-  return /* @__PURE__ */ jsx("section", { className: className ?? "py-16 md:py-24 relative overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-6 lg:px-8", children: [
-    /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-center mb-12", children: /* @__PURE__ */ jsx(
-      ShimmeringText,
-      {
-        text: title,
-        color: "var(--color-text-primary)",
-        shimmeringColor: "var(--color-accent)",
-        duration: 2
-      }
-    ) }),
-    /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 100, direction: "up", distance: 20, className: "flex flex-wrap justify-center gap-6", children: testimonials.map((t, i) => /* @__PURE__ */ jsx(Shine, { enableOnHover: true, loop: true, loopDelay: 200, color: "var(--color-accent)", opacity: 0.15, children: /* @__PURE__ */ jsx(Card, { interactive: true, className: "w-full max-w-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
-      /* @__PURE__ */ jsxs("p", { className: "mb-4 text-lg text-text-secondary leading-relaxed", children: [
-        '"',
-        t.quote,
-        '"'
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ jsxs(Avatar, { className: "h-10 w-10 border border-primary/20", children: [
-          /* @__PURE__ */ jsx(AvatarImage, { src: createAvatarDataUri(t.author, t.avatar) }),
-          /* @__PURE__ */ jsx(AvatarFallback, { children: t.avatar })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-text-primary", children: t.author }),
-          /* @__PURE__ */ jsx("div", { className: "text-xs text-text-tertiary", children: t.role })
-        ] })
-      ] })
-    ] }) }) }, i)) })
-  ] }) });
-}
-function SocialProofBlock({ variant = "logo-cloud", ...props }) {
-  if (variant === "testimonials") {
-    return /* @__PURE__ */ jsx(TestimonialsVariant, { ...props });
-  }
-  return /* @__PURE__ */ jsx(LogoCloudVariant, { ...props });
-}
-
-export { SocialProofBlock };

package/dist/chunk-7LIF2WZX.js

@@ -1,125 +0,0 @@
-import { hasChildWithDisplayName } from './chunk-6FOHUNXR.js';
-import { m, motionSpring, useMotionConfig } from './chunk-PD2YEH3H.js';
-import { XIcon } from './chunk-UIUMTURU.js';
-import { cn } from './chunk-QYZT24TS.js';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { useTranslations } from 'next-intl';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var AnimatedDialog = DialogPrimitive.Root;
-var AnimatedDialogTrigger = DialogPrimitive.Trigger;
-var AnimatedDialogClose = DialogPrimitive.Close;
-var AnimatedDialogPortal = DialogPrimitive.Portal;
-function AnimatedDialogOverlay({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx(
-    m.div,
-    {
-      className: cn("fixed inset-0 z-50 bg-overlay/80 backdrop-blur-sm", className),
-      initial: { opacity: 0 },
-      animate: { opacity: 1 },
-      exit: { opacity: 0 },
-      transition: motionSpring.snappy
-    }
-  ) });
-}
-function AnimatedDialogContent({
-  className,
-  children,
-  ref,
-  ...props
-}) {
-  const t = useTranslations("common");
-  const motionConfig = useMotionConfig();
-  const hasTitle = hasChildWithDisplayName(children, "AnimatedDialogTitle");
-  const hasDescription = hasChildWithDisplayName(children, "AnimatedDialogDescription");
-  return /* @__PURE__ */ jsxs(AnimatedDialogPortal, { children: [
-    /* @__PURE__ */ jsx(AnimatedDialogOverlay, {}),
-    /* @__PURE__ */ jsx(
-      DialogPrimitive.Content,
-      {
-        ref,
-        asChild: true,
-        ...props,
-        children: /* @__PURE__ */ jsxs(
-          m.div,
-          {
-            className: cn(
-              "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg gap-4 max-h-[90dvh] overflow-y-auto glass-panel p-6 sm:rounded-lg",
-              className
-            ),
-            style: { x: "-50%", y: "-50%" },
-            initial: { opacity: 0, scale: 0.85 },
-            animate: { opacity: 1, scale: 1 },
-            exit: { opacity: 0, scale: 0.85 },
-            transition: { ...motionSpring.snappy, ...motionConfig },
-            children: [
-              !hasTitle && /* @__PURE__ */ jsx(AnimatedDialogTitle, { className: "sr-only", children: "Dialog content" }),
-              !hasDescription && /* @__PURE__ */ jsx(AnimatedDialogDescription, { className: "sr-only", children: "Dialog content" }),
-              children,
-              /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-2 top-2 flex h-11 w-11 items-center justify-center rounded-md opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary text-text-primary", children: [
-                /* @__PURE__ */ jsx(XIcon, { size: 16 }),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("close") })
-              ] })
-            ]
-          }
-        )
-      }
-    )
-  ] });
-}
-var AnimatedDialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
-    ...props
-  }
-);
-var AnimatedDialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
-    ...props
-  }
-);
-function AnimatedDialogTitle({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Title,
-    {
-      ref,
-      className: cn("text-lg font-semibold leading-none tracking-sub text-text-primary", className),
-      ...props
-    }
-  );
-}
-AnimatedDialogTitle.displayName = "AnimatedDialogTitle";
-function AnimatedDialogDescription({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Description,
-    {
-      ref,
-      className: cn("text-sm text-text-secondary", className),
-      ...props
-    }
-  );
-}
-AnimatedDialogDescription.displayName = "AnimatedDialogDescription";
-
-export { AnimatedDialog, AnimatedDialogClose, AnimatedDialogContent, AnimatedDialogDescription, AnimatedDialogFooter, AnimatedDialogHeader, AnimatedDialogOverlay, AnimatedDialogPortal, AnimatedDialogTitle, AnimatedDialogTrigger };

package/dist/chunk-AN5TW4AL.js

@@ -1,50 +0,0 @@
-import { cn } from './chunk-QYZT24TS.js';
-import { useRef, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-function AudioVisualizerBlock({
-  className,
-  bars = 20,
-  isPlaying = false
-}) {
-  const barsRef = useRef(null);
-  const opacityOffsetsRef = useRef(null);
-  if (opacityOffsetsRef.current === null || opacityOffsetsRef.current.length !== bars) {
-    opacityOffsetsRef.current = Array.from({ length: bars }, (_, i) => (i * 3 + 1) % 10 * 0.05);
-  }
-  const opacityOffsets = opacityOffsetsRef.current;
-  useEffect(() => {
-    const container = barsRef.current;
-    if (!container) return;
-    let interval;
-    const applyHeights = (heights) => {
-      const children = container.children;
-      for (let i = 0; i < children.length; i++) {
-        const child = children[i];
-        child.style.height = `${Math.max(10, heights[i])}%`;
-        child.style.opacity = String(isPlaying ? 0.5 + opacityOffsets[i] : 0.3);
-      }
-    };
-    if (isPlaying) {
-      interval = setInterval(() => {
-        applyHeights(Array.from({ length: bars }, () => Math.random() * 100));
-      }, 100);
-    } else {
-      applyHeights(Array(bars).fill(10));
-    }
-    return () => clearInterval(interval);
-  }, [isPlaying, bars, opacityOffsets]);
-  return /* @__PURE__ */ jsx("div", { ref: barsRef, className: cn("flex h-16 items-center justify-center gap-1.5", className), children: Array.from({ length: bars }, (_, i) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "w-1 rounded-full bg-accent transition-[height,opacity] duration-micro ease-out",
-      style: {
-        height: "10%",
-        opacity: 0.3
-      }
-    },
-    i
-  )) });
-}
-
-export { AudioVisualizerBlock };

package/dist/chunk-BQLHU3KL.js

@@ -1,96 +0,0 @@
-import { MarketingShellPageKit } from './chunk-CCUXLYZX.js';
-import { TeamBlock } from './chunk-BI3TXPMR.js';
-import { FAQBlock } from './chunk-NTN5DWXV.js';
-import { ContactBlock } from './chunk-X4HXVLER.js';
-import { CallToActionBlock } from './chunk-LPED36AD.js';
-import { Typography } from './chunk-PC6VMNDY.js';
-import { Card, CardHeader, CardTitle, CardContent } from './chunk-7UY24UWL.js';
-import { cn } from './chunk-QYZT24TS.js';
-import React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var DEFAULT_SECTION_ORDER = [
-  "narrative",
-  "team",
-  "contact",
-  "faq",
-  "cta"
-];
-var DEFAULTS_BY_VARIANT = {
-  "company-about": {
-    narrative: {
-      title: "Built by practitioners who ship with contracts first.",
-      description: "We partner with teams that need high-quality interfaces and predictable release confidence."
-    },
-    team: {
-      title: "Leadership team"
-    },
-    contact: null,
-    faq: {},
-    cta: {
-      title: "Interested in working together?",
-      description: "Share your route goals and we will propose a rollout plan.",
-      primaryAction: { label: "Talk to us", href: "/contact" }
-    }
-  },
-  "company-contact": {
-    narrative: {
-      title: "Talk to our delivery team",
-      description: "Tell us what you are building, we will recommend an implementation path."
-    },
-    team: null,
-    contact: {
-      title: "Contact request",
-      description: "We respond within one business day.",
-      submitLabel: "Send request"
-    },
-    faq: {},
-    cta: {
-      title: "Prefer self-serve?",
-      description: "Start with our templates and scale with support as needed.",
-      primaryAction: { label: "View templates", href: "/templates" }
-    }
-  }
-};
-var SECTION_CLASS = "mx-auto w-full max-w-6xl px-6";
-function normalizeSectionOrder(sectionOrder) {
-  if (!sectionOrder || sectionOrder.length === 0) {
-    return DEFAULT_SECTION_ORDER;
-  }
-  return [...new Set(sectionOrder)];
-}
-function CompanySuitePageKit({
-  shell,
-  variant = "company-about",
-  sectionOrder,
-  narrative,
-  team,
-  contact,
-  faq,
-  cta,
-  className
-}) {
-  const defaults = DEFAULTS_BY_VARIANT[variant];
-  const resolvedNarrative = narrative ?? defaults.narrative ?? { title: "Company overview" };
-  const resolvedTeam = team === void 0 ? defaults.team : team;
-  const resolvedContact = contact === void 0 ? defaults.contact : contact;
-  const resolvedFaq = faq === void 0 ? defaults.faq : faq;
-  const resolvedCta = cta === void 0 ? defaults.cta : cta;
-  const orderedSections = normalizeSectionOrder(sectionOrder);
-  const sectionById = {
-    narrative: resolvedNarrative === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "company-section-narrative", className: SECTION_CLASS, children: /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: resolvedNarrative.title }) }),
-      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
-        resolvedNarrative.description ? /* @__PURE__ */ jsx(Typography, { variant: "muted", children: resolvedNarrative.description }) : null,
-        resolvedNarrative.content ? /* @__PURE__ */ jsx("div", { children: resolvedNarrative.content }) : null
-      ] })
-    ] }) }),
-    team: resolvedTeam === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "company-section-team", className: SECTION_CLASS, children: /* @__PURE__ */ jsx(TeamBlock, { ...resolvedTeam }) }),
-    contact: resolvedContact === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "company-section-contact", className: SECTION_CLASS, children: /* @__PURE__ */ jsx(ContactBlock, { ...resolvedContact }) }),
-    faq: resolvedFaq === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "company-section-faq", className: SECTION_CLASS, children: /* @__PURE__ */ jsx(FAQBlock, { ...resolvedFaq }) }),
-    cta: resolvedCta === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "company-section-cta", className: cn(SECTION_CLASS, "pb-16"), children: /* @__PURE__ */ jsx(CallToActionBlock, { ...resolvedCta }) })
-  };
-  return /* @__PURE__ */ jsx(MarketingShellPageKit, { ...shell, children: /* @__PURE__ */ jsx("div", { className: cn("space-y-10 pb-10", className), children: orderedSections.map((sectionId) => /* @__PURE__ */ jsx(React.Fragment, { children: sectionById[sectionId] }, sectionId)) }) });
-}
-
-export { CompanySuitePageKit };

package/dist/chunk-CCUXLYZX.js

@@ -1,33 +0,0 @@
-import { FooterBlock } from './chunk-TBXW5MDR.js';
-import { HeaderBlock } from './chunk-WOYBVPXK.js';
-import { cn } from './chunk-QYZT24TS.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function MarketingShellPageKit({
-  navigationItems,
-  primaryAction,
-  secondaryAction,
-  announcement,
-  footerProps,
-  children,
-  className,
-  contentClassName
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("min-h-dvh bg-background text-text-primary", className), children: [
-    announcement ? /* @__PURE__ */ jsx("div", { className: "border-b border-border/70 bg-surface/60 px-4 py-2 text-center text-sm text-text-secondary", children: announcement }) : null,
-    /* @__PURE__ */ jsx(
-      HeaderBlock,
-      {
-        menuItems: navigationItems,
-        loginLabel: secondaryAction?.label,
-        loginHref: secondaryAction?.href,
-        signUpLabel: primaryAction?.label,
-        signUpHref: primaryAction?.href
-      }
-    ),
-    /* @__PURE__ */ jsx("main", { className: cn("pt-28 md:pt-32", contentClassName), children }),
-    /* @__PURE__ */ jsx(FooterBlock, { ...footerProps })
-  ] });
-}
-
-export { MarketingShellPageKit };

package/dist/chunk-CI2O2OSW.js

@@ -1,168 +0,0 @@
-import { LogoIcon } from './chunk-GHIBG7OM.js';
-import { Heading } from './chunk-UXX6HHPS.js';
-import { Field, FieldLabel } from './chunk-RX5EUODB.js';
-import { siteConfig } from './chunk-A7NUWD76.js';
-import { Input } from './chunk-AP3XXYAY.js';
-import { GoogleIcon, MicrosoftIcon } from './chunk-EL4XPFOD.js';
-import { Button } from './chunk-7KIDDF3I.js';
-import Link from 'next/link';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-function SignUpBlock({
-  title = `Create a ${siteConfig.name} Account`,
-  description = "Welcome! Create an account to get started",
-  showSocial = true,
-  signInHref = "#",
-  onSubmit,
-  className
-}) {
-  return /* @__PURE__ */ jsx("section", { className: className ?? "flex min-h-dvh bg-background px-4 py-16 md:py-32 dark:bg-transparent", children: /* @__PURE__ */ jsxs(
-    "form",
-    {
-      action: "",
-      onSubmit,
-      className: "bg-surface m-auto h-fit w-full max-w-sm rounded-[calc(var(--radius)+.125rem)] border p-0.5 shadow-md dark:[--color-muted:var(--color-surface)]",
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "p-8 pb-6", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(
-              Link,
-              {
-                href: "#",
-                "aria-label": "go home",
-                children: /* @__PURE__ */ jsx(LogoIcon, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(Heading, { level: 1, size: "title", className: "mb-1.5 mt-4", children: title }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm", children: description })
-          ] }),
-          !!showSocial && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs("div", { className: "mt-6 grid grid-cols-2 gap-4", children: [
-              /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  type: "button",
-                  variant: "outline",
-                  className: "h-11",
-                  children: [
-                    /* @__PURE__ */ jsx(GoogleIcon, {}),
-                    /* @__PURE__ */ jsx("span", { children: "Google" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  type: "button",
-                  variant: "outline",
-                  className: "h-11",
-                  children: [
-                    /* @__PURE__ */ jsx(MicrosoftIcon, {}),
-                    /* @__PURE__ */ jsx("span", { children: "Microsoft" })
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx("hr", { className: "my-4 border-dashed" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-              /* @__PURE__ */ jsxs(Field, { children: [
-                /* @__PURE__ */ jsx(
-                  FieldLabel,
-                  {
-                    htmlFor: "firstname",
-                    className: "block text-sm",
-                    children: "Firstname"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    type: "text",
-                    required: true,
-                    name: "firstname",
-                    id: "firstname"
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs(Field, { children: [
-                /* @__PURE__ */ jsx(
-                  FieldLabel,
-                  {
-                    htmlFor: "lastname",
-                    className: "block text-sm",
-                    children: "Lastname"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    type: "text",
-                    required: true,
-                    name: "lastname",
-                    id: "lastname"
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs(Field, { children: [
-              /* @__PURE__ */ jsx(
-                FieldLabel,
-                {
-                  htmlFor: "email",
-                  className: "block text-sm",
-                  children: "Username"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  type: "email",
-                  required: true,
-                  name: "email",
-                  id: "email"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs(Field, { children: [
-              /* @__PURE__ */ jsx(
-                FieldLabel,
-                {
-                  htmlFor: "pwd",
-                  className: "text-sm",
-                  children: "Password"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  type: "password",
-                  required: true,
-                  name: "pwd",
-                  id: "pwd",
-                  className: "input sz-md variant-mixed"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx(Button, { className: "w-full", children: "Continue" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "bg-muted rounded-(--radius) border p-4", children: /* @__PURE__ */ jsxs("p", { className: "text-accent-foreground text-center text-sm", children: [
-          "Have an account ?",
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              asChild: true,
-              variant: "link",
-              className: "px-2",
-              children: /* @__PURE__ */ jsx(Link, { href: signInHref, children: "Sign In" })
-            }
-          )
-        ] }) })
-      ]
-    }
-  ) });
-}
-
-export { SignUpBlock };