@vadimcomanescu/nadicode-design-system 4.0.11 → 5.0.0

package/dist/chunk-LIJYUSSE.js

@@ -1,152 +0,0 @@
-import { SearchIcon } from './chunk-T6BRD7TS.js';
-import { CornerDownLeftIcon } from './chunk-4FEAWXJD.js';
-import { cn } from './chunk-QYZT24TS.js';
-import * as React from 'react';
-import { useTranslations } from 'next-intl';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var searchCommandVariants = cva(
-  "flex flex-col rounded-xl glass-panel overflow-hidden",
-  {
-    variants: {
-      variant: {
-        default: "",
-        floating: "shadow-lg shadow-black/20"
-      },
-      size: {
-        sm: "max-w-sm",
-        default: "max-w-lg",
-        lg: "max-w-2xl"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var EMPTY_RESULTS = [];
-function SearchCommand({
-  className,
-  variant,
-  size,
-  value = "",
-  onChange,
-  results = EMPTY_RESULTS,
-  onSelect,
-  placeholder,
-  loading = false,
-  showShortcut = true,
-  ref,
-  ...props
-}) {
-  const t = useTranslations("components.searchCommand");
-  const resolvedPlaceholder = placeholder ?? t("placeholder");
-  const [selectedIndex, setSelectedIndex] = React.useState(0);
-  const inputRef = React.useRef(null);
-  const prevResultsRef = React.useRef(results);
-  if (prevResultsRef.current !== results) {
-    prevResultsRef.current = results;
-    if (selectedIndex !== 0) setSelectedIndex(0);
-  }
-  const handleKeyDown = (e) => {
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      setSelectedIndex((prev) => (prev + 1) % Math.max(results.length, 1));
-    } else if (e.key === "ArrowUp") {
-      e.preventDefault();
-      setSelectedIndex(
-        (prev) => prev <= 0 ? Math.max(results.length - 1, 0) : prev - 1
-      );
-    } else if (e.key === "Enter" && results[selectedIndex]) {
-      e.preventDefault();
-      onSelect?.(results[selectedIndex]);
-    }
-  };
-  const groupedResults = React.useMemo(() => results.reduce(
-    (acc, result) => {
-      const category = result.category ?? "Results";
-      if (!acc[category]) acc[category] = [];
-      acc[category].push(result);
-      return acc;
-    },
-    {}
-  ), [results]);
-  let flatIndex = -1;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      className: cn(searchCommandVariants({ variant, size }), "w-full", className),
-      role: "combobox",
-      "aria-expanded": results.length > 0,
-      "aria-controls": "search-command-listbox",
-      "aria-haspopup": "listbox",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-border pl-4 pr-12 transition-[border-color]", children: [
-          /* @__PURE__ */ jsx(SearchIcon, { size: 16, className: "shrink-0 text-text-tertiary" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: inputRef,
-              className: "flex-1 bg-transparent py-4 text-sm text-text-primary placeholder:text-text-tertiary outline-none focus-visible:outline-1 focus-visible:outline-border",
-              placeholder: resolvedPlaceholder,
-              value,
-              onChange: (e) => onChange?.(e.target.value),
-              onKeyDown: handleKeyDown,
-              role: "searchbox",
-              "aria-label": "Search",
-              "aria-autocomplete": "list",
-              "aria-activedescendant": results[selectedIndex] ? `search-option-${results[selectedIndex].id}` : void 0
-            }
-          ),
-          !!showShortcut && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 text-text-tertiary", children: /* @__PURE__ */ jsx(CornerDownLeftIcon, { size: 12 }) })
-        ] }),
-        !!loading && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsx("span", { className: "text-sm text-text-tertiary animate-pulse", children: t("searching") }) }),
-        !loading && results.length > 0 && /* @__PURE__ */ jsx(
-          "ul",
-          {
-            id: "search-command-listbox",
-            className: "max-h-[300px] overflow-y-auto py-1.5",
-            role: "listbox",
-            "aria-label": "Search results",
-            children: Object.entries(groupedResults).map(([category, items]) => /* @__PURE__ */ jsxs("li", { role: "presentation", children: [
-              /* @__PURE__ */ jsx("div", { className: "px-4 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-text-tertiary", children: category }),
-              /* @__PURE__ */ jsx("ul", { role: "group", "aria-label": category, children: items.map((result) => {
-                flatIndex++;
-                const idx = flatIndex;
-                return /* @__PURE__ */ jsxs(
-                  "li",
-                  {
-                    id: `search-option-${result.id}`,
-                    role: "option",
-                    "aria-selected": idx === selectedIndex,
-                    className: cn(
-                      "flex items-center gap-4 cursor-pointer px-4 py-2 text-sm transition-colors",
-                      idx === selectedIndex ? "bg-accent/10 text-accent" : "text-text-primary hover:bg-surface-hover"
-                    ),
-                    onClick: () => onSelect?.(result),
-                    onMouseEnter: () => setSelectedIndex(idx),
-                    children: [
-                      result.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-text-tertiary", children: result.icon }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                        /* @__PURE__ */ jsx("p", { className: "truncate", children: result.title }),
-                        result.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-tertiary truncate", children: result.description })
-                      ] })
-                    ]
-                  },
-                  result.id
-                );
-              }) })
-            ] }, category))
-          }
-        ),
-        !loading && value && results.length === 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsx("span", { className: "text-sm text-text-tertiary", children: t("noResults") }) })
-      ]
-    }
-  );
-}
-
-export { SearchCommand, searchCommandVariants };

package/dist/chunk-LNVZNQCZ.js

@@ -1,124 +0,0 @@
-import { XIcon } from './chunk-UIUMTURU.js';
-import { cn } from './chunk-QYZT24TS.js';
-import * as ToastPrimitive from '@radix-ui/react-toast';
-import { cva } from 'class-variance-authority';
-import { useTranslations } from 'next-intl';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var ToastProvider = ToastPrimitive.Provider;
-function ToastViewport({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ToastPrimitive.Viewport,
-    {
-      ref,
-      className: cn(
-        "fixed top-0 z-toast flex max-h-dvh w-full flex-col-reverse p-4 pb-[max(1rem,env(safe-area-inset-bottom))] sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var toastVariants = cva(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all duration-normal ease-out-cubic data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
-  {
-    variants: {
-      variant: {
-        default: "border bg-surface text-text-primary",
-        destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Toast({
-  className,
-  variant,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ToastPrimitive.Root,
-    {
-      ref,
-      className: cn(toastVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function ToastAction({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ToastPrimitive.Action,
-    {
-      ref,
-      className: cn(
-        "inline-flex h-9 shrink-0 items-center justify-center rounded-md border bg-transparent px-4 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-accent focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ToastClose({
-  className,
-  ref,
-  ...props
-}) {
-  const t = useTranslations("common");
-  return /* @__PURE__ */ jsxs(
-    ToastPrimitive.Close,
-    {
-      ref,
-      className: cn(
-        "absolute right-2 top-2 flex h-9 w-9 items-center justify-center rounded-md text-text-primary/50 opacity-0 transition-opacity hover:text-text-primary focus:opacity-100 focus-visible:outline-none focus-visible:ring-2 group-hover:opacity-100 group-focus-within:opacity-100 group-[.destructive]:text-destructive-foreground group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus-visible:ring-destructive group-[.destructive]:focus-visible:ring-offset-destructive touch-target-44",
-        className
-      ),
-      "toast-close": "",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(XIcon, { size: 16 }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("close") })
-      ]
-    }
-  );
-}
-function ToastTitle({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ToastPrimitive.Title,
-    {
-      ref,
-      className: cn("text-sm font-semibold", className),
-      ...props
-    }
-  );
-}
-function ToastDescription({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ToastPrimitive.Description,
-    {
-      ref,
-      className: cn("text-sm opacity-90", className),
-      ...props
-    }
-  );
-}
-
-export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, toastVariants };

package/dist/chunk-LPW5LWX7.js

@@ -1,32 +0,0 @@
-import { LoginBlock } from './chunk-JRLU2VSB.js';
-import { cn } from './chunk-QYZT24TS.js';
-import { jsx } from 'react/jsx-runtime';
-
-function LoginPageKit({
-  action,
-  googleAction,
-  error,
-  showSocial = true,
-  labels,
-  forgotPasswordHref,
-  signUpHref,
-  className,
-  cardClassName
-}) {
-  return /* @__PURE__ */ jsx("section", { className: cn("min-h-dvh w-full bg-background px-4 py-12 md:px-8 md:py-20", className), children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full max-w-5xl items-center justify-center", children: /* @__PURE__ */ jsx(
-    LoginBlock,
-    {
-      className: cn("w-full", cardClassName),
-      type: "login",
-      action,
-      googleAction,
-      error,
-      showSocial,
-      labels,
-      forgotPasswordHref,
-      signUpHref
-    }
-  ) }) });
-}
-
-export { LoginPageKit };

package/dist/chunk-MX7GIO2A.js

@@ -1,83 +0,0 @@
-import { MarketingShellPageKit } from './chunk-CCUXLYZX.js';
-import { Typography } from './chunk-PC6VMNDY.js';
-import { FieldSet, Field, FieldLabel, FieldDescription } from './chunk-RX5EUODB.js';
-import { Input } from './chunk-AP3XXYAY.js';
-import { Card, CardHeader, CardTitle, CardContent } from './chunk-7UY24UWL.js';
-import { Alert, AlertTitle, AlertDescription } from './chunk-6CLSVCWP.js';
-import { Button } from './chunk-7KIDDF3I.js';
-import { cn } from './chunk-QYZT24TS.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function CheckoutPageKit({
-  shell,
-  state = "default",
-  summary,
-  billingFields,
-  onBillingFieldChange,
-  onSubmit,
-  onRetry,
-  onContinue,
-  errorMessage,
-  successMessage = "Payment successful. Your subscription is now active.",
-  processingMessage = "Processing payment confirmation...",
-  className
-}) {
-  const isBusy = state === "submitting" || state === "processing";
-  return /* @__PURE__ */ jsx(MarketingShellPageKit, { ...shell, children: /* @__PURE__ */ jsxs("section", { className: cn("mx-auto grid w-full max-w-6xl gap-6 px-6 pb-16 lg:grid-cols-[minmax(0,1.1fr)_420px]", className), children: [
-    /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Checkout" }) }),
-      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Complete billing details and confirm payment with app-owned checkout orchestration." }),
-        state === "processing" ? /* @__PURE__ */ jsxs(Alert, { children: [
-          /* @__PURE__ */ jsx(AlertTitle, { children: "Processing" }),
-          /* @__PURE__ */ jsx(AlertDescription, { children: processingMessage })
-        ] }) : null,
-        state === "error" ? /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsx(AlertTitle, { children: "Payment failed" }),
-          /* @__PURE__ */ jsx(AlertDescription, { children: errorMessage ?? "Payment failed. Review billing details and retry." })
-        ] }) : null,
-        state === "success" ? /* @__PURE__ */ jsxs(Alert, { children: [
-          /* @__PURE__ */ jsx(AlertTitle, { children: "Payment complete" }),
-          /* @__PURE__ */ jsx(AlertDescription, { children: successMessage })
-        ] }) : null,
-        /* @__PURE__ */ jsx(FieldSet, { children: billingFields.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
-          ] }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: field.id,
-              name: field.id,
-              type: field.type ?? "text",
-              value: field.value,
-              placeholder: field.placeholder,
-              required: field.required,
-              disabled: isBusy || state === "success",
-              onChange: (event) => onBillingFieldChange?.(field.id, event.target.value)
-            }
-          ),
-          field.description ? /* @__PURE__ */ jsx(FieldDescription, { children: field.description }) : null
-        ] }, field.id)) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-end gap-2", children: [
-          state === "error" ? /* @__PURE__ */ jsx(Button, { type: "button", onClick: onRetry, children: "Retry payment" }) : null,
-          state === "success" ? /* @__PURE__ */ jsx(Button, { type: "button", onClick: onContinue, children: "Continue" }) : null,
-          state !== "error" && state !== "success" ? /* @__PURE__ */ jsx(Button, { type: "button", disabled: isBusy, onClick: onSubmit, children: isBusy ? "Submitting..." : "Submit payment" }) : null
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsxs(CardHeader, { children: [
-        /* @__PURE__ */ jsx(CardTitle, { children: summary.title }),
-        /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: summary.amountLabel })
-      ] }),
-      /* @__PURE__ */ jsx(CardContent, { className: "space-y-3", children: summary.lineItems.map((lineItem) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: lineItem.label }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium text-text-primary", children: lineItem.value })
-      ] }, lineItem.id)) })
-    ] })
-  ] }) });
-}
-
-export { CheckoutPageKit };

package/dist/chunk-NBQKHIAP.js

@@ -1,120 +0,0 @@
-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-7UY24UWL.js';
-import { Alert, AlertDescription } from './chunk-6CLSVCWP.js';
-import { Button } from './chunk-7KIDDF3I.js';
-import { m, scaleIn } from './chunk-PD2YEH3H.js';
-import { SparklesIcon } from './chunk-CGUCH322.js';
-import { MailIcon } from './chunk-XQ2UDMPO.js';
-import { CheckIcon } from './chunk-CXACRCZ4.js';
-import { cn } from './chunk-QYZT24TS.js';
-import * as React from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-function MagicLinkBlock({
-  className,
-  onSubmit,
-  onBackToLogin,
-  title = "Sign in with magic link",
-  subtitle = "No password needed",
-  successTitle = "Check your email",
-  expiryMinutes = 15,
-  placeholder = "name@example.com"
-}) {
-  const [email, setEmail] = React.useState("");
-  const [state, setState] = React.useState("idle");
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    if (!email) return;
-    setState("loading");
-    onSubmit?.(email);
-    setTimeout(() => setState("success"), 1500);
-  };
-  if (state === "success") {
-    return /* @__PURE__ */ jsx(m.div, { ...scaleIn, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
-        /* @__PURE__ */ jsx("div", { className: "mx-auto mb-2", children: /* @__PURE__ */ jsx(MailIcon, { size: 48, className: "text-accent" }) }),
-        /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: successTitle }),
-        /* @__PURE__ */ jsxs(CardDescription, { children: [
-          "We sent a magic link to ",
-          /* @__PURE__ */ jsx("span", { className: "font-mono text-text-primary", children: email })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(CardContent, { className: "grid gap-4", children: /* @__PURE__ */ jsxs("ul", { className: "space-y-2 text-sm text-text-secondary", children: [
-        /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ jsx(CheckIcon, { size: 16, className: "text-success mt-0.5 shrink-0" }),
-          /* @__PURE__ */ jsx("span", { children: "Click the link in the email to sign in" })
-        ] }),
-        /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ jsx(CheckIcon, { size: 16, className: "text-success mt-0.5 shrink-0" }),
-          /* @__PURE__ */ jsxs("span", { children: [
-            "The link expires in ",
-            expiryMinutes,
-            " minutes"
-          ] })
-        ] })
-      ] }) }),
-      /* @__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"
-        }
-      ) })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx(m.div, { ...scaleIn, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
-      /* @__PURE__ */ jsx("div", { className: "mx-auto mb-2", children: /* @__PURE__ */ jsx(SparklesIcon, { size: 32, className: "text-accent" }) }),
-      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: title }),
-      /* @__PURE__ */ jsx(CardDescription, { children: subtitle })
-    ] }),
-    /* @__PURE__ */ jsxs(CardContent, { children: [
-      /* @__PURE__ */ jsxs("form", { noValidate: true, onSubmit: handleSubmit, className: "grid gap-4", children: [
-        /* @__PURE__ */ jsxs(Field, { children: [
-          /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "magic-email", children: "Email" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "magic-email",
-              name: "email",
-              type: "email",
-              placeholder,
-              value: email,
-              onChange: (e) => setEmail(e.target.value),
-              autoComplete: "email",
-              required: true
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(Alert, { children: /* @__PURE__ */ jsxs(AlertDescription, { className: "text-xs text-text-tertiary", children: [
-          "We",
-          "'",
-          "ll send you a link that expires in ",
-          expiryMinutes,
-          " minutes."
-        ] }) }),
-        /* @__PURE__ */ jsx(Button, { variant: "accent", className: "w-full", disabled: state === "loading", children: state === "loading" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Spinner, { className: "mr-2" }),
-          "Sending..."
-        ] }) : "Send magic link" })
-      ] }),
-      /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
-      /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onBackToLogin,
-          className: "text-sm text-text-tertiary hover:text-text-primary transition-colors",
-          children: "Prefer password? Sign in normally"
-        }
-      ) })
-    ] })
-  ] }) });
-}
-
-export { MagicLinkBlock };

package/dist/chunk-O3LHOHLI.js

@@ -1,56 +0,0 @@
-import { Heading } from './chunk-UXX6HHPS.js';
-import { Card, CardHeader, CardContent } from './chunk-7UY24UWL.js';
-import { ZapIcon } from './chunk-FLF5AMNO.js';
-import { SparklesIcon } from './chunk-CGUCH322.js';
-import { SettingsIcon } from './chunk-OITJWGFV.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var defaultFeatures = [
-  {
-    title: "Customizable",
-    description: "Extensive customization options, allowing you to tailor every aspect to meet your specific needs.",
-    icon: /* @__PURE__ */ jsx(ZapIcon, { size: 24, "aria-hidden": true })
-  },
-  {
-    title: "You have full control",
-    description: "From design elements to functionality, you have complete control to create a unique and personalized experience.",
-    icon: /* @__PURE__ */ jsx(SettingsIcon, { size: 24, "aria-hidden": true })
-  },
-  {
-    title: "Powered By AI",
-    description: "Elements to functionality, you have complete control to create a unique experience.",
-    icon: /* @__PURE__ */ jsx(SparklesIcon, { size: 24, "aria-hidden": true })
-  }
-];
-function FeatureGridBlock({
-  title = "Built to cover your needs",
-  description = "Libero sapiente aliquam quibusdam aspernatur, praesentium iusto repellendus.",
-  features = defaultFeatures,
-  className
-} = {}) {
-  return /* @__PURE__ */ jsx("section", { className: className ?? "bg-background py-16 md:py-32 dark:bg-transparent", children: /* @__PURE__ */ jsxs("div", { className: "@container mx-auto max-w-5xl px-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-4xl lg:text-5xl", children: title }),
-      /* @__PURE__ */ jsx("p", { className: "mt-4", children: description })
-    ] }),
-    /* @__PURE__ */ jsx(Card, { className: "lg:max-w-full lg:grid-cols-3 lg:divide-x lg:divide-y-0 mx-auto mt-8 grid max-w-sm divide-y overflow-hidden shadow-sm *:text-center md:mt-16", children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: "group shadow-sm", children: [
-      /* @__PURE__ */ jsxs(CardHeader, { className: "pb-4", children: [
-        /* @__PURE__ */ jsx(CardDecorator, { children: feature.icon }),
-        /* @__PURE__ */ jsx(Heading, { level: 3, size: "title", className: "mt-6 font-medium", children: feature.title })
-      ] }),
-      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm", children: feature.description }) })
-    ] }, i)) })
-  ] }) });
-}
-var CardDecorator = ({ children }) => /* @__PURE__ */ jsxs("div", { className: "mask-radial-from-40% mask-radial-to-60% relative mx-auto size-36 duration-200 [--color-border:color-mix(in_oklab,var(--color-text-primary)10%,transparent)] group-hover:[--color-border:color-mix(in_oklab,var(--color-text-primary)20%,transparent)] dark:[--color-border:color-mix(in_oklab,var(--color-text-primary)15%,transparent)] dark:group-hover:[--color-border:color-mix(in_oklab,var(--color-text-primary)20%,transparent)]", children: [
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      "aria-hidden": true,
-      className: "absolute inset-0 bg-[linear-gradient(to_right,var(--color-border)_1px,transparent_1px),linear-gradient(to_bottom,var(--color-border)_1px,transparent_1px)] bg-[size:24px_24px] dark:opacity-50"
-    }
-  ),
-  /* @__PURE__ */ jsx("div", { className: "bg-background absolute inset-0 m-auto flex size-12 items-center justify-center border-l border-t", children })
-] });
-
-export { FeatureGridBlock };