@mdxui/tremor 6.0.0

package/dist/solar/index.js

@@ -0,0 +1,1130 @@
+// src/solar/shared/utils.ts
+import { twMerge } from "tailwind-merge";
+function cx(...args) {
+  return twMerge(
+    args.flat().filter(
+      (x) => typeof x === "string" || typeof x === "number"
+    ).join(" ")
+  );
+}
+var focusRing = [
+  "outline outline-offset-2 outline-0 focus-visible:outline-2",
+  "outline-blue-500 dark:outline-blue-500"
+];
+
+// src/solar/components/cta/cta.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DefaultLink({ href, children, className }) {
+  return /* @__PURE__ */ jsx("a", { href, className, children });
+}
+function resolveAction(action, defaultHref = "#") {
+  if (!action) return { href: defaultHref };
+  if (typeof action === "string") return { href: action };
+  return { href: action.href, onClick: action.onClick, target: action.target };
+}
+function CTA({
+  title,
+  description,
+  callToAction,
+  secondaryCallToAction,
+  image,
+  imageAlt = "CTA image",
+  actions,
+  LinkComponent = DefaultLink,
+  className
+}) {
+  const primaryAction = resolveAction(actions?.primary, "#");
+  const secondaryAction = resolveAction(actions?.secondary, "#");
+  const PrimaryButton = primaryAction.onClick ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: primaryAction.onClick,
+      className: cx(
+        "inline-flex items-center justify-center rounded-md border-b-[1.5px] border-orange-700 bg-gradient-to-b from-orange-400 to-orange-500 px-4 py-2.5 text-base font-medium text-white shadow-sm transition-all hover:shadow-orange-300",
+        focusRing
+      ),
+      children: callToAction
+    }
+  ) : /* @__PURE__ */ jsx(
+    LinkComponent,
+    {
+      href: primaryAction.href,
+      className: cx(
+        "inline-flex items-center justify-center rounded-md border-b-[1.5px] border-orange-700 bg-gradient-to-b from-orange-400 to-orange-500 px-4 py-2.5 text-base font-medium text-white shadow-sm transition-all hover:shadow-orange-300",
+        focusRing
+      ),
+      children: callToAction
+    }
+  );
+  const SecondaryButton = secondaryCallToAction ? secondaryAction.onClick ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: secondaryAction.onClick,
+      className: cx(
+        "inline-flex items-center justify-center rounded-md border border-gray-300 bg-white px-4 py-2.5 text-base font-medium text-gray-900 shadow-xs transition-colors hover:bg-gray-50",
+        focusRing
+      ),
+      children: secondaryCallToAction
+    }
+  ) : /* @__PURE__ */ jsx(
+    LinkComponent,
+    {
+      href: secondaryAction.href,
+      className: cx(
+        "inline-flex items-center justify-center rounded-md border border-gray-300 bg-white px-4 py-2.5 text-base font-medium text-gray-900 shadow-xs transition-colors hover:bg-gray-50",
+        focusRing
+      ),
+      children: secondaryCallToAction
+    }
+  ) : null;
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      "aria-labelledby": "cta-title",
+      className: cx("mx-auto max-w-6xl px-4 xl:px-0", className),
+      children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-8 sm:grid-cols-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
+          /* @__PURE__ */ jsx(
+            "h2",
+            {
+              id: "cta-title",
+              className: "scroll-my-60 text-3xl font-semibold tracking-tighter text-balance text-gray-900 md:text-4xl",
+              children: title
+            }
+          ),
+          description && /* @__PURE__ */ jsx("p", { className: "mt-3 mb-8 text-lg text-gray-600", children: description }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-4", children: [
+            PrimaryButton,
+            SecondaryButton
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "relative isolate rounded-xl sm:col-span-4 sm:h-full", children: typeof image === "string" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              "aria-hidden": true,
+              alt: imageAlt,
+              src: image,
+              className: "absolute inset-0 -z-10 rounded-2xl blur-xl"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              alt: imageAlt,
+              src: image,
+              className: "relative z-10 rounded-2xl w-full h-auto"
+            }
+          )
+        ] }) : image ? image : /* @__PURE__ */ jsx("div", { className: "h-64 w-full rounded-2xl bg-gradient-to-br from-orange-100 to-orange-200" }) })
+      ] })
+    }
+  );
+}
+
+// src/solar/components/features/features.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Features({
+  id = "solutions",
+  blocks = [],
+  items = [],
+  columns = 3,
+  className,
+  children
+}) {
+  const columnClasses = {
+    2: "md:grid-cols-2",
+    3: "md:grid-cols-3",
+    4: "md:grid-cols-4"
+  };
+  if (children) {
+    return /* @__PURE__ */ jsx2(
+      "section",
+      {
+        "aria-label": "Features",
+        id,
+        className: cx(
+          "relative mx-auto max-w-6xl scroll-my-24 px-4 xl:px-0",
+          className
+        ),
+        children
+      }
+    );
+  }
+  if (blocks.length > 0) {
+    return /* @__PURE__ */ jsxs2(
+      "section",
+      {
+        "aria-label": "Features",
+        id,
+        className: cx("relative mx-auto max-w-6xl scroll-my-24", className),
+        children: [
+          /* @__PURE__ */ jsxs2("div", { className: "pointer-events-none inset-0 select-none", children: [
+            /* @__PURE__ */ jsx2(
+              "div",
+              {
+                className: "absolute inset-y-0 -my-20 w-px",
+                style: {
+                  maskImage: "linear-gradient(transparent, white 5rem, white calc(100% - 5rem), transparent)"
+                },
+                children: /* @__PURE__ */ jsx2("svg", { className: "h-full w-full", preserveAspectRatio: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(
+                  "line",
+                  {
+                    x1: "0",
+                    y1: "0",
+                    x2: "0",
+                    y2: "100%",
+                    className: "stroke-gray-300",
+                    strokeWidth: "2",
+                    strokeDasharray: "3 3"
+                  }
+                ) })
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              "div",
+              {
+                className: "absolute inset-y-0 right-0 -my-20 w-px",
+                style: {
+                  maskImage: "linear-gradient(transparent, white 5rem, white calc(100% - 5rem), transparent)"
+                },
+                children: /* @__PURE__ */ jsx2("svg", { className: "h-full w-full", preserveAspectRatio: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(
+                  "line",
+                  {
+                    x1: "0",
+                    y1: "0",
+                    x2: "0",
+                    y2: "100%",
+                    className: "stroke-gray-300",
+                    strokeWidth: "2",
+                    strokeDasharray: "3 3"
+                  }
+                ) })
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              "div",
+              {
+                className: "absolute inset-y-0 left-1/2 -z-10 -my-20 w-px",
+                style: {
+                  maskImage: "linear-gradient(transparent, white 5rem, white calc(100% - 5rem), transparent)"
+                },
+                children: /* @__PURE__ */ jsx2("svg", { className: "h-full w-full", preserveAspectRatio: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(
+                  "line",
+                  {
+                    x1: "0",
+                    y1: "0",
+                    x2: "0",
+                    y2: "100%",
+                    className: "stroke-gray-300",
+                    strokeWidth: "2",
+                    strokeDasharray: "3 3"
+                  }
+                ) })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx2("div", { className: "grid grid-cols-1 gap-12 md:grid-cols-4 md:gap-0", children: blocks.map((block, index) => /* @__PURE__ */ jsxs2("div", { className: "contents", children: [
+            /* @__PURE__ */ jsxs2(
+              "div",
+              {
+                className: cx(
+                  "col-span-2 my-auto px-2",
+                  index % 2 === 1 ? "md:order-2" : ""
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs2("h2", { className: "relative text-lg font-semibold tracking-tight text-orange-500", children: [
+                    block.badge,
+                    /* @__PURE__ */ jsx2("div", { className: "absolute top-1 -left-[8px] h-5 w-[3px] rounded-r-sm bg-orange-500" })
+                  ] }),
+                  /* @__PURE__ */ jsx2("p", { className: "mt-2 text-3xl font-semibold tracking-tighter text-balance text-gray-900 md:text-4xl", children: block.title }),
+                  /* @__PURE__ */ jsx2("p", { className: "mt-4 text-balance text-gray-700", children: block.description })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              "div",
+              {
+                className: cx(
+                  "relative col-span-2 flex items-center justify-center overflow-hidden",
+                  index % 2 === 1 ? "md:order-1" : ""
+                ),
+                children: block.illustration || /* @__PURE__ */ jsx2("div", { className: "h-64 w-full bg-gradient-to-br from-orange-50 to-orange-100 rounded-lg" })
+              }
+            )
+          ] }, block.badge)) })
+        ]
+      }
+    );
+  }
+  if (items.length > 0) {
+    return /* @__PURE__ */ jsx2(
+      "section",
+      {
+        "aria-label": "Features",
+        id,
+        className: cx("mx-auto max-w-6xl px-4 xl:px-0", className),
+        children: /* @__PURE__ */ jsx2("div", { className: cx("grid grid-cols-1 gap-8", columnClasses[columns]), children: items.map((item) => /* @__PURE__ */ jsxs2(
+          "div",
+          {
+            className: "rounded-lg border border-gray-200 bg-white p-6 shadow-sm",
+            children: [
+              item.icon && /* @__PURE__ */ jsx2("div", { className: "mb-4 inline-flex size-10 items-center justify-center rounded-lg bg-orange-100 text-orange-600", children: item.icon }),
+              /* @__PURE__ */ jsx2("h3", { className: "text-lg font-semibold text-gray-900", children: item.title }),
+              /* @__PURE__ */ jsx2("p", { className: "mt-2 text-sm text-gray-600", children: item.description })
+            ]
+          },
+          item.title
+        )) })
+      }
+    );
+  }
+  return null;
+}
+
+// src/solar/components/footer/index.tsx
+import { twMerge as twMerge2 } from "tailwind-merge";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function DefaultLink2({
+  href,
+  children,
+  className,
+  target,
+  rel
+}) {
+  return /* @__PURE__ */ jsx3("a", { href, className, target, rel, children });
+}
+function SocialIcon({ platform }) {
+  const iconClass = "size-5";
+  switch (platform) {
+    case "twitter":
+      return /* @__PURE__ */ jsx3(
+        "svg",
+        {
+          className: iconClass,
+          fill: "currentColor",
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx3("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" })
+        }
+      );
+    case "github":
+      return /* @__PURE__ */ jsx3(
+        "svg",
+        {
+          className: iconClass,
+          fill: "currentColor",
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx3(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+            }
+          )
+        }
+      );
+    case "youtube":
+      return /* @__PURE__ */ jsx3(
+        "svg",
+        {
+          className: iconClass,
+          fill: "currentColor",
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx3(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z"
+            }
+          )
+        }
+      );
+    case "discord":
+      return /* @__PURE__ */ jsx3(
+        "svg",
+        {
+          className: iconClass,
+          fill: "currentColor",
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx3("path", { d: "M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z" })
+        }
+      );
+    case "linkedin":
+      return /* @__PURE__ */ jsx3(
+        "svg",
+        {
+          className: iconClass,
+          fill: "currentColor",
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx3("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" })
+        }
+      );
+    case "instagram":
+      return /* @__PURE__ */ jsx3(
+        "svg",
+        {
+          className: iconClass,
+          fill: "currentColor",
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx3(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
+            }
+          )
+        }
+      );
+    default:
+      return /* @__PURE__ */ jsx3(
+        "svg",
+        {
+          className: iconClass,
+          fill: "currentColor",
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx3("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z" })
+        }
+      );
+  }
+}
+function Footer({
+  logo,
+  links,
+  linkGroups = [],
+  social,
+  copyright,
+  LinkComponent = DefaultLink2,
+  className
+}) {
+  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const defaultCopyright = `${currentYear} All rights reserved.`;
+  return /* @__PURE__ */ jsxs3(
+    "footer",
+    {
+      id: "footer",
+      className: twMerge2(
+        "relative mx-auto flex max-w-6xl flex-wrap px-4 pt-4 xl:px-0",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs3("div", { className: "pointer-events-none inset-0", children: [
+          /* @__PURE__ */ jsx3(
+            "div",
+            {
+              className: "absolute inset-y-0 -my-20 w-px",
+              style: { maskImage: "linear-gradient(transparent, white 5rem)" },
+              children: /* @__PURE__ */ jsx3("svg", { className: "h-full w-full", preserveAspectRatio: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
+                "line",
+                {
+                  x1: "0",
+                  y1: "0",
+                  x2: "0",
+                  y2: "100%",
+                  className: "stroke-gray-300",
+                  strokeWidth: "2",
+                  strokeDasharray: "3 3"
+                }
+              ) })
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            "div",
+            {
+              className: "absolute inset-y-0 right-0 -my-20 w-px",
+              style: { maskImage: "linear-gradient(transparent, white 5rem)" },
+              children: /* @__PURE__ */ jsx3("svg", { className: "h-full w-full", preserveAspectRatio: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
+                "line",
+                {
+                  x1: "0",
+                  y1: "0",
+                  x2: "0",
+                  y2: "100%",
+                  className: "stroke-gray-300",
+                  strokeWidth: "2",
+                  strokeDasharray: "3 3"
+                }
+              ) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs3("svg", { className: "mb-10 h-20 w-full border-y border-dashed border-gray-300 stroke-gray-300", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx3("defs", { children: /* @__PURE__ */ jsx3(
+            "pattern",
+            {
+              id: "diagonal-footer-pattern",
+              patternUnits: "userSpaceOnUse",
+              width: "64",
+              height: "64",
+              children: Array.from({ length: 17 }, (_, i) => {
+                const offset = i * 8;
+                return /* @__PURE__ */ jsx3(
+                  "path",
+                  {
+                    d: `M${-106 + offset} 110L${22 + offset} -18`,
+                    strokeWidth: "1"
+                  },
+                  i.toString()
+                );
+              })
+            }
+          ) }),
+          /* @__PURE__ */ jsx3(
+            "rect",
+            {
+              stroke: "none",
+              width: "100%",
+              height: "100%",
+              fill: "url(#diagonal-footer-pattern)"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "mr-auto flex w-full justify-between lg:w-fit lg:flex-col", children: [
+          logo && /* @__PURE__ */ jsx3(
+            LinkComponent,
+            {
+              href: "/",
+              className: "flex items-center font-medium text-gray-700 select-none sm:text-sm",
+              children: typeof logo === "string" ? /* @__PURE__ */ jsx3("span", { className: "ml-2 text-xl font-semibold", children: logo }) : logo
+            }
+          ),
+          /* @__PURE__ */ jsxs3("div", { children: [
+            social && social.length > 0 && /* @__PURE__ */ jsx3("div", { className: "mt-4 flex items-center", children: social.map((item) => /* @__PURE__ */ jsx3(
+              LinkComponent,
+              {
+                href: item.href,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "rounded-sm p-2 text-gray-700 transition-colors duration-200 hover:bg-gray-200 hover:text-gray-900",
+                children: /* @__PURE__ */ jsx3(SocialIcon, { platform: item.platform })
+              },
+              item.platform
+            )) }),
+            /* @__PURE__ */ jsx3("div", { className: "ml-2 hidden text-sm text-gray-700 lg:inline", children: copyright || defaultCopyright })
+          ] })
+        ] }),
+        linkGroups.map((group) => /* @__PURE__ */ jsxs3("div", { className: "mt-10 min-w-44 pl-2 lg:mt-0 lg:pl-0", children: [
+          /* @__PURE__ */ jsx3("h3", { className: "mb-4 font-medium text-gray-900 sm:text-sm", children: group.title }),
+          /* @__PURE__ */ jsx3("ul", { className: "space-y-4", children: group.links.map((link) => /* @__PURE__ */ jsx3("li", { className: "text-sm", children: /* @__PURE__ */ jsx3(
+            LinkComponent,
+            {
+              href: link.href,
+              target: link.external ? "_blank" : void 0,
+              rel: link.external ? "noopener noreferrer" : void 0,
+              className: "text-gray-600 transition-colors duration-200 hover:text-gray-900",
+              children: link.label
+            }
+          ) }, link.label)) })
+        ] }, group.title)),
+        linkGroups.length === 0 && links.length > 0 && /* @__PURE__ */ jsx3("div", { className: "mt-10 flex flex-wrap gap-6 lg:mt-0", children: links.map((link) => /* @__PURE__ */ jsx3(
+          LinkComponent,
+          {
+            href: link.href,
+            target: link.external ? "_blank" : void 0,
+            rel: link.external ? "noopener noreferrer" : void 0,
+            className: "text-sm text-gray-600 transition-colors duration-200 hover:text-gray-900",
+            children: link.label
+          },
+          link.label
+        )) }),
+        /* @__PURE__ */ jsx3("div", { className: "mt-10 w-full text-center text-sm text-gray-700 lg:hidden", children: copyright || defaultCopyright })
+      ]
+    }
+  );
+}
+
+// src/solar/components/header/index.tsx
+import { useEffect, useState } from "react";
+import { twMerge as twMerge3 } from "tailwind-merge";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function DefaultLink3({ href, children, className, onClick }) {
+  return /* @__PURE__ */ jsx4("a", { href, className, onClick, children });
+}
+function MenuIcon({ className }) {
+  return /* @__PURE__ */ jsx4("svg", { className, fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" }) });
+}
+function CloseIcon({ className }) {
+  return /* @__PURE__ */ jsx4("svg", { className, fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) });
+}
+function Header({
+  logo,
+  navItems,
+  cta,
+  LinkComponent = DefaultLink3,
+  sticky = true,
+  transparentOnTop = false,
+  className
+}) {
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+  const [scrolled, setScrolled] = useState(false);
+  useEffect(() => {
+    const handleScroll = () => {
+      setScrolled(window.scrollY > 15);
+    };
+    window.addEventListener("scroll", handleScroll);
+    return () => window.removeEventListener("scroll", handleScroll);
+  }, []);
+  const closeMobileMenu = () => setMobileMenuOpen(false);
+  const showBackground = scrolled || mobileMenuOpen || !transparentOnTop;
+  return /* @__PURE__ */ jsx4(
+    "header",
+    {
+      className: twMerge3(
+        "inset-x-4 top-4 z-50 mx-auto flex max-w-6xl justify-center rounded-lg border border-transparent px-3 py-3 transition duration-300",
+        sticky && "fixed",
+        showBackground ? "border-gray-200/50 bg-white/80 shadow-2xl shadow-black/5 backdrop-blur-sm" : "bg-white/0",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs4("div", { className: "w-full md:my-auto", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "relative flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx4(LinkComponent, { href: "/", className: "flex items-center", children: typeof logo === "string" ? /* @__PURE__ */ jsx4("span", { className: "text-xl font-semibold text-gray-900", children: logo }) : logo }),
+          navItems.length > 0 && /* @__PURE__ */ jsx4("nav", { className: "hidden sm:block md:absolute md:top-1/2 md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2", children: /* @__PURE__ */ jsx4("div", { className: "flex items-center gap-10 font-medium", children: navItems.map((item) => /* @__PURE__ */ jsx4(LinkComponent, { href: item.href, className: "px-2 py-1 text-gray-900 hover:text-gray-600 transition-colors", children: item.label }, item.href)) }) }),
+          cta && /* @__PURE__ */ jsx4(
+            "button",
+            {
+              type: "button",
+              className: "hidden h-10 rounded-md border border-gray-200 bg-white px-4 font-semibold text-gray-900 transition-colors hover:bg-gray-50 sm:block",
+              onClick: cta.onClick,
+              children: cta.label
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "button",
+            {
+              type: "button",
+              onClick: () => setMobileMenuOpen(!mobileMenuOpen),
+              className: "rounded-md border border-gray-200 bg-white p-1.5 sm:hidden",
+              "aria-label": mobileMenuOpen ? "Close navigation menu" : "Open navigation menu",
+              children: mobileMenuOpen ? /* @__PURE__ */ jsx4(CloseIcon, { className: "size-6 shrink-0 text-gray-900" }) : /* @__PURE__ */ jsx4(MenuIcon, { className: "size-6 shrink-0 text-gray-900" })
+            }
+          )
+        ] }),
+        mobileMenuOpen && /* @__PURE__ */ jsxs4("nav", { className: "mt-6 flex flex-col gap-6 text-lg sm:hidden", children: [
+          /* @__PURE__ */ jsx4("ul", { className: "space-y-4 font-medium", children: navItems.map((item) => (
+            // biome-ignore lint/a11y/useKeyWithClickEvents: Header is a client component
+            /* @__PURE__ */ jsx4("li", { onClick: closeMobileMenu, children: /* @__PURE__ */ jsx4(LinkComponent, { href: item.href, className: "text-gray-900", children: item.label }) }, item.href)
+          )) }),
+          cta && /* @__PURE__ */ jsx4(
+            "button",
+            {
+              type: "button",
+              className: "rounded-md border border-gray-200 bg-white px-4 py-3 text-lg font-medium text-gray-900 transition-colors hover:bg-gray-50",
+              onClick: cta.onClick,
+              children: cta.label
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/solar/components/hero/index.tsx
+import { twMerge as twMerge4 } from "tailwind-merge";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function DefaultLink4({ href, children, className }) {
+  return /* @__PURE__ */ jsx5("a", { href, className, children });
+}
+function resolveAction2(action) {
+  if (!action) return {};
+  if (typeof action === "string") return { href: action };
+  return { onClick: action };
+}
+function CTAButton({
+  children,
+  action,
+  variant = "primary",
+  LinkComponent
+}) {
+  const resolved = resolveAction2(action);
+  const isPrimary = variant === "primary";
+  const className = twMerge4(
+    "inline-flex items-center justify-center gap-1 rounded-md px-5 py-3 font-medium tracking-wide whitespace-nowrap transition-all duration-200",
+    isPrimary ? "border-b-[1.5px] border-orange-700 bg-gradient-to-b from-orange-400 to-orange-500 text-white shadow-[0_0_0_2px_rgba(0,0,0,0.04),0_0_14px_0_rgba(255,255,255,0.19)] hover:shadow-orange-300" : "border border-gray-300 bg-white text-gray-900 hover:bg-gray-50"
+  );
+  if (resolved.onClick) {
+    return /* @__PURE__ */ jsx5("button", { type: "button", className, onClick: resolved.onClick, children });
+  }
+  if (resolved.href) {
+    return /* @__PURE__ */ jsx5(LinkComponent, { href: resolved.href, className, children });
+  }
+  return /* @__PURE__ */ jsx5("button", { type: "button", className, children });
+}
+function Hero({
+  title,
+  subtitle,
+  badge,
+  callToAction,
+  secondaryCallToAction,
+  variant = "default",
+  actions,
+  LinkComponent = DefaultLink4,
+  className,
+  children
+}) {
+  if (variant === "minimal") {
+    return /* @__PURE__ */ jsx5(
+      HeroMinimal,
+      {
+        title,
+        subtitle,
+        badge,
+        callToAction,
+        secondaryCallToAction,
+        actions,
+        LinkComponent,
+        className,
+        children
+      }
+    );
+  }
+  if (variant === "gradient") {
+    return /* @__PURE__ */ jsx5(
+      HeroGradient,
+      {
+        title,
+        subtitle,
+        badge,
+        callToAction,
+        secondaryCallToAction,
+        actions,
+        LinkComponent,
+        className,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx5("section", { "aria-label": "hero", className: twMerge4("relative", className), children: /* @__PURE__ */ jsxs5("div", { className: "relative flex flex-col items-center justify-center py-16 sm:py-24", children: [
+    badge && /* @__PURE__ */ jsx5("div", { className: "mb-6", children: /* @__PURE__ */ jsx5("div", { className: "inline-flex items-center gap-3 rounded-full bg-white/5 px-2.5 py-0.5 pr-3 pl-0.5 font-medium text-gray-900 ring-1 shadow-lg shadow-orange-400/20 ring-black/10 backdrop-blur-[1px] transition-colors hover:bg-orange-500/5 sm:text-sm", children: /* @__PURE__ */ jsx5("span", { className: "shrink-0 rounded-full border bg-gray-50 px-2.5 py-1 text-sm text-gray-600 sm:text-xs", children: badge }) }) }),
+    /* @__PURE__ */ jsx5("h1", { className: "mt-2 text-center text-5xl font-semibold tracking-tighter text-gray-900 sm:text-8xl sm:leading-[1.1]", children: title }),
+    subtitle && /* @__PURE__ */ jsx5("p", { className: "mt-5 max-w-xl text-center text-base text-balance text-gray-700 sm:mt-8 sm:text-xl", children: subtitle }),
+    (callToAction || secondaryCallToAction) && /* @__PURE__ */ jsxs5("div", { className: "mt-6 flex flex-wrap items-center justify-center gap-4", children: [
+      callToAction && /* @__PURE__ */ jsx5(
+        CTAButton,
+        {
+          action: typeof actions?.primary === "string" ? actions.primary : actions?.primary?.href,
+          variant: "primary",
+          LinkComponent,
+          children: callToAction
+        }
+      ),
+      secondaryCallToAction && /* @__PURE__ */ jsx5(
+        CTAButton,
+        {
+          action: typeof actions?.secondary === "string" ? actions.secondary : actions?.secondary?.href,
+          variant: "secondary",
+          LinkComponent,
+          children: secondaryCallToAction
+        }
+      )
+    ] }),
+    children
+  ] }) });
+}
+function HeroMinimal({
+  title,
+  subtitle,
+  badge,
+  callToAction,
+  secondaryCallToAction,
+  actions,
+  LinkComponent = DefaultLink4,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx5("section", { "aria-label": "hero", className: twMerge4("relative", className), children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center justify-center py-12 sm:py-20", children: [
+    badge && /* @__PURE__ */ jsx5("div", { className: "mb-4", children: /* @__PURE__ */ jsx5("span", { className: "inline-flex rounded-full bg-gray-100 px-3 py-1 text-sm font-medium text-gray-700", children: badge }) }),
+    /* @__PURE__ */ jsx5("h1", { className: "text-center text-4xl font-semibold tracking-tight text-gray-900 sm:text-6xl", children: title }),
+    subtitle && /* @__PURE__ */ jsx5("p", { className: "mt-4 max-w-lg text-center text-base text-gray-600 sm:mt-6 sm:text-lg", children: subtitle }),
+    (callToAction || secondaryCallToAction) && /* @__PURE__ */ jsxs5("div", { className: "mt-6 flex flex-wrap items-center justify-center gap-4", children: [
+      callToAction && /* @__PURE__ */ jsx5(
+        CTAButton,
+        {
+          action: typeof actions?.primary === "string" ? actions.primary : actions?.primary?.href,
+          variant: "primary",
+          LinkComponent,
+          children: callToAction
+        }
+      ),
+      secondaryCallToAction && /* @__PURE__ */ jsx5(
+        CTAButton,
+        {
+          action: typeof actions?.secondary === "string" ? actions.secondary : actions?.secondary?.href,
+          variant: "secondary",
+          LinkComponent,
+          children: secondaryCallToAction
+        }
+      )
+    ] }),
+    children
+  ] }) });
+}
+function HeroGradient({
+  title,
+  subtitle,
+  badge,
+  callToAction,
+  secondaryCallToAction,
+  actions,
+  LinkComponent = DefaultLink4,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxs5(
+    "section",
+    {
+      "aria-label": "hero",
+      className: twMerge4("relative overflow-hidden", className),
+      children: [
+        /* @__PURE__ */ jsx5("div", { className: "absolute inset-0 -z-10 bg-gradient-to-br from-orange-50 via-white to-orange-100" }),
+        /* @__PURE__ */ jsx5("div", { className: "absolute inset-0 -z-10 bg-gradient-radial from-orange-200/30 via-transparent to-transparent" }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center justify-center py-16 sm:py-24", children: [
+          badge && /* @__PURE__ */ jsx5("div", { className: "mb-6", children: /* @__PURE__ */ jsx5("div", { className: "inline-flex items-center gap-3 rounded-full bg-white/80 px-2.5 py-0.5 pr-3 pl-0.5 font-medium text-gray-900 ring-1 shadow-lg shadow-orange-400/20 ring-black/10 backdrop-blur-sm transition-colors hover:bg-white sm:text-sm", children: /* @__PURE__ */ jsx5("span", { className: "shrink-0 rounded-full border bg-orange-50 px-2.5 py-1 text-sm text-orange-700 sm:text-xs", children: badge }) }) }),
+          /* @__PURE__ */ jsx5("h1", { className: "text-center text-5xl font-semibold tracking-tighter text-gray-900 sm:text-8xl sm:leading-[1.1]", children: title }),
+          subtitle && /* @__PURE__ */ jsx5("p", { className: "mt-5 max-w-xl text-center text-base text-balance text-gray-700 sm:mt-8 sm:text-xl", children: subtitle }),
+          (callToAction || secondaryCallToAction) && /* @__PURE__ */ jsxs5("div", { className: "mt-6 flex flex-wrap items-center justify-center gap-4", children: [
+            callToAction && /* @__PURE__ */ jsx5(
+              CTAButton,
+              {
+                action: typeof actions?.primary === "string" ? actions.primary : actions?.primary?.href,
+                variant: "primary",
+                LinkComponent,
+                children: callToAction
+              }
+            ),
+            secondaryCallToAction && /* @__PURE__ */ jsx5(
+              CTAButton,
+              {
+                action: typeof actions?.secondary === "string" ? actions.secondary : actions?.secondary?.href,
+                variant: "secondary",
+                LinkComponent,
+                children: secondaryCallToAction
+              }
+            )
+          ] }),
+          children
+        ] })
+      ]
+    }
+  );
+}
+
+// src/solar/layouts/landing-page.tsx
+import { isValidElement } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function HeroSection({
+  title,
+  subtitle,
+  callToAction,
+  secondaryCallToAction,
+  actions,
+  variant: _variant
+}) {
+  return /* @__PURE__ */ jsx6("section", { className: "relative py-20 lg:py-32 bg-gradient-to-br from-slate-900 to-slate-800", children: /* @__PURE__ */ jsxs6("div", { className: "mx-auto max-w-7xl px-6 lg:px-8 text-center", children: [
+    /* @__PURE__ */ jsx6("h1", { className: "text-4xl font-bold tracking-tight text-white sm:text-6xl", children: title }),
+    subtitle && /* @__PURE__ */ jsx6("p", { className: "mt-6 text-lg leading-8 text-slate-300", children: subtitle }),
+    /* @__PURE__ */ jsxs6("div", { className: "mt-10 flex items-center justify-center gap-x-6", children: [
+      /* @__PURE__ */ jsx6(
+        "a",
+        {
+          href: typeof actions?.primary === "string" ? actions.primary : actions?.primary?.href ?? "#",
+          className: "rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500",
+          children: callToAction
+        }
+      ),
+      secondaryCallToAction && /* @__PURE__ */ jsxs6(
+        "a",
+        {
+          href: typeof actions?.secondary === "string" ? actions.secondary : actions?.secondary?.href ?? "#",
+          className: "text-sm font-semibold leading-6 text-white",
+          children: [
+            secondaryCallToAction,
+            " ",
+            /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", children: "->" })
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function FeaturesSection({
+  title,
+  description,
+  features,
+  variant: _variant,
+  columns = 3
+}) {
+  return /* @__PURE__ */ jsx6("section", { className: "py-20 lg:py-24 bg-white", children: /* @__PURE__ */ jsxs6("div", { className: "mx-auto max-w-7xl px-6 lg:px-8", children: [
+    title && /* @__PURE__ */ jsxs6("div", { className: "mx-auto max-w-2xl text-center", children: [
+      /* @__PURE__ */ jsx6("h2", { className: "text-3xl font-bold tracking-tight text-slate-900 sm:text-4xl", children: title }),
+      description && /* @__PURE__ */ jsx6("p", { className: "mt-4 text-lg leading-8 text-slate-600", children: description })
+    ] }),
+    /* @__PURE__ */ jsx6(
+      "div",
+      {
+        className: `mx-auto mt-16 grid max-w-2xl gap-x-8 gap-y-16 lg:max-w-none ${columns === 2 ? "sm:grid-cols-2" : columns === 4 ? "sm:grid-cols-2 lg:grid-cols-4" : "sm:grid-cols-2 lg:grid-cols-3"}`,
+        children: features.map((feature, index) => /* @__PURE__ */ jsxs6("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx6("h3", { className: "text-lg font-semibold leading-8 text-slate-900", children: feature.title }),
+          /* @__PURE__ */ jsx6("p", { className: "mt-2 text-base leading-7 text-slate-600", children: feature.description })
+        ] }, index.toString()))
+      }
+    )
+  ] }) });
+}
+function PricingSection({
+  title,
+  description,
+  tiers,
+  showToggle: _showToggle
+}) {
+  return /* @__PURE__ */ jsx6("section", { className: "py-20 lg:py-24 bg-slate-50", children: /* @__PURE__ */ jsxs6("div", { className: "mx-auto max-w-7xl px-6 lg:px-8", children: [
+    title && /* @__PURE__ */ jsxs6("div", { className: "mx-auto max-w-2xl text-center", children: [
+      /* @__PURE__ */ jsx6("h2", { className: "text-3xl font-bold tracking-tight text-slate-900 sm:text-4xl", children: title }),
+      description && /* @__PURE__ */ jsx6("p", { className: "mt-4 text-lg leading-8 text-slate-600", children: description })
+    ] }),
+    /* @__PURE__ */ jsx6("div", { className: "mx-auto mt-16 grid max-w-lg gap-8 lg:max-w-none lg:grid-cols-3", children: tiers.map((tier, index) => /* @__PURE__ */ jsxs6(
+      "div",
+      {
+        className: `flex flex-col rounded-2xl p-8 ring-1 ${tier.highlighted ? "ring-2 ring-indigo-600 bg-white" : "ring-slate-200 bg-white"}`,
+        children: [
+          /* @__PURE__ */ jsx6("h3", { className: "text-lg font-semibold leading-8 text-slate-900", children: tier.name }),
+          /* @__PURE__ */ jsx6("p", { className: "mt-4 text-4xl font-bold tracking-tight text-slate-900", children: tier.price }),
+          tier.description && /* @__PURE__ */ jsx6("p", { className: "mt-4 text-base leading-7 text-slate-600", children: tier.description }),
+          /* @__PURE__ */ jsx6("ul", { className: "mt-8 space-y-3 text-sm leading-6 text-slate-600", children: tier.features.map((feature, featureIndex) => /* @__PURE__ */ jsxs6("li", { className: "flex gap-x-3", children: [
+            /* @__PURE__ */ jsx6("span", { className: "text-indigo-600", children: "*" }),
+            feature
+          ] }, featureIndex.toString())) }),
+          /* @__PURE__ */ jsx6(
+            "a",
+            {
+              href: typeof tier.actions?.primary === "string" ? tier.actions.primary : tier.actions?.primary?.href ?? "#",
+              className: `mt-8 block rounded-md px-3 py-2 text-center text-sm font-semibold shadow-sm ${tier.highlighted ? "bg-indigo-600 text-white hover:bg-indigo-500" : "bg-white text-indigo-600 ring-1 ring-inset ring-indigo-200 hover:ring-indigo-300"}`,
+              children: tier.callToAction
+            }
+          )
+        ]
+      },
+      index.toString()
+    )) })
+  ] }) });
+}
+function TestimonialsSection({
+  title,
+  testimonials,
+  variant: _variant
+}) {
+  return /* @__PURE__ */ jsx6("section", { className: "py-20 lg:py-24 bg-white", children: /* @__PURE__ */ jsxs6("div", { className: "mx-auto max-w-7xl px-6 lg:px-8", children: [
+    title && /* @__PURE__ */ jsx6("h2", { className: "text-center text-3xl font-bold tracking-tight text-slate-900 sm:text-4xl", children: title }),
+    /* @__PURE__ */ jsx6("div", { className: "mx-auto mt-16 grid max-w-2xl gap-8 lg:max-w-none lg:grid-cols-3", children: testimonials.map((testimonial, index) => /* @__PURE__ */ jsxs6(
+      "div",
+      {
+        className: "flex flex-col bg-slate-50 p-8 rounded-2xl",
+        children: [
+          /* @__PURE__ */ jsxs6("blockquote", { className: "text-lg leading-7 text-slate-700", children: [
+            "\u201C",
+            testimonial.quote,
+            "\u201D"
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "mt-6", children: [
+            /* @__PURE__ */ jsx6("p", { className: "font-semibold text-slate-900", children: testimonial.author }),
+            (testimonial.title || testimonial.company) && /* @__PURE__ */ jsxs6("p", { className: "text-sm text-slate-500", children: [
+              testimonial.title,
+              testimonial.title && testimonial.company ? ", " : "",
+              testimonial.company
+            ] })
+          ] })
+        ]
+      },
+      index.toString()
+    )) })
+  ] }) });
+}
+function CTASection({
+  title,
+  description,
+  callToAction,
+  secondaryCallToAction,
+  actions,
+  variant: _variant
+}) {
+  return /* @__PURE__ */ jsx6("section", { className: "py-20 lg:py-24 bg-indigo-600", children: /* @__PURE__ */ jsxs6("div", { className: "mx-auto max-w-7xl px-6 lg:px-8 text-center", children: [
+    /* @__PURE__ */ jsx6("h2", { className: "text-3xl font-bold tracking-tight text-white sm:text-4xl", children: title }),
+    description && /* @__PURE__ */ jsx6("p", { className: "mx-auto mt-6 max-w-xl text-lg leading-8 text-indigo-100", children: description }),
+    /* @__PURE__ */ jsxs6("div", { className: "mt-10 flex items-center justify-center gap-x-6", children: [
+      /* @__PURE__ */ jsx6(
+        "a",
+        {
+          href: typeof actions?.primary === "string" ? actions.primary : actions?.primary?.href ?? "#",
+          className: "rounded-md bg-white px-3.5 py-2.5 text-sm font-semibold text-indigo-600 shadow-sm hover:bg-indigo-50",
+          children: callToAction
+        }
+      ),
+      secondaryCallToAction && /* @__PURE__ */ jsxs6(
+        "a",
+        {
+          href: typeof actions?.secondary === "string" ? actions.secondary : actions?.secondary?.href ?? "#",
+          className: "text-sm font-semibold leading-6 text-white",
+          children: [
+            secondaryCallToAction,
+            " ",
+            /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", children: "->" })
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function FAQSection({ title, items, variant: _variant }) {
+  return /* @__PURE__ */ jsx6("section", { className: "py-20 lg:py-24 bg-white", children: /* @__PURE__ */ jsxs6("div", { className: "mx-auto max-w-7xl px-6 lg:px-8", children: [
+    title && /* @__PURE__ */ jsx6("h2", { className: "text-center text-3xl font-bold tracking-tight text-slate-900 sm:text-4xl", children: title }),
+    /* @__PURE__ */ jsx6("div", { className: "mx-auto mt-16 max-w-3xl divide-y divide-slate-200", children: items.map((item, index) => /* @__PURE__ */ jsxs6("div", { className: "py-6", children: [
+      /* @__PURE__ */ jsx6("h3", { className: "text-lg font-semibold leading-7 text-slate-900", children: item.question }),
+      /* @__PURE__ */ jsx6("p", { className: "mt-2 text-base leading-7 text-slate-600", children: item.answer })
+    ] }, index.toString())) })
+  ] }) });
+}
+function LandingPage({
+  hero,
+  features,
+  pricing,
+  testimonials,
+  cta,
+  faq,
+  sections,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs6("div", { className, children: [
+    hero && (isValidElement(hero) ? hero : /* @__PURE__ */ jsx6(HeroSection, { ...hero })),
+    features && (isValidElement(features) ? features : /* @__PURE__ */ jsx6(FeaturesSection, { ...features })),
+    pricing && (isValidElement(pricing) ? pricing : /* @__PURE__ */ jsx6(PricingSection, { ...pricing })),
+    testimonials && (isValidElement(testimonials) ? testimonials : /* @__PURE__ */ jsx6(TestimonialsSection, { ...testimonials })),
+    cta && (isValidElement(cta) ? cta : /* @__PURE__ */ jsx6(CTASection, { ...cta })),
+    faq && (isValidElement(faq) ? faq : /* @__PURE__ */ jsx6(FAQSection, { ...faq })),
+    sections?.map((section, index) => /* @__PURE__ */ jsx6("div", { children: section }, index.toString())),
+    children
+  ] });
+}
+
+// src/solar/layouts/site.tsx
+import { isValidElement as isValidElement2 } from "react";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function Header2({ logo, nav, cta, LinkComponent }) {
+  const Link = LinkComponent ?? (({
+    href,
+    children,
+    className
+  }) => /* @__PURE__ */ jsx7("a", { href, className, children }));
+  return /* @__PURE__ */ jsx7("header", { className: "sticky top-0 z-50 bg-white/80 backdrop-blur-md border-b border-slate-200", children: /* @__PURE__ */ jsxs7("nav", { className: "mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8", children: [
+    /* @__PURE__ */ jsx7("div", { className: "flex lg:flex-1", children: /* @__PURE__ */ jsx7(Link, { href: "/", className: "-m-1.5 p-1.5", children: logo }) }),
+    /* @__PURE__ */ jsx7("div", { className: "hidden lg:flex lg:gap-x-12", children: nav.map((item, index) => /* @__PURE__ */ jsx7(
+      Link,
+      {
+        href: item.href,
+        className: "text-sm font-semibold leading-6 text-slate-900 hover:text-slate-600",
+        children: item.label
+      },
+      index.toString()
+    )) }),
+    /* @__PURE__ */ jsx7("div", { className: "hidden lg:flex lg:flex-1 lg:justify-end", children: cta && /* @__PURE__ */ jsx7(
+      Link,
+      {
+        href: cta.href,
+        className: "rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500",
+        children: cta.text
+      }
+    ) })
+  ] }) });
+}
+function Footer2({ logo, links, social, copyright }) {
+  return /* @__PURE__ */ jsx7("footer", { className: "bg-slate-900", children: /* @__PURE__ */ jsxs7("div", { className: "mx-auto max-w-7xl px-6 py-12 lg:px-8 lg:py-16", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "xl:grid xl:grid-cols-3 xl:gap-8", children: [
+      /* @__PURE__ */ jsx7("div", { className: "space-y-8", children: logo }),
+      links.length > 0 && /* @__PURE__ */ jsx7("div", { className: "mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0", children: links.map((group, groupIndex) => /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx7("h3", { className: "text-sm font-semibold leading-6 text-white", children: group.title }),
+        /* @__PURE__ */ jsx7("ul", { className: "mt-6 space-y-4", children: group.links.map((link, linkIndex) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(
+          "a",
+          {
+            href: link.href,
+            className: "text-sm leading-6 text-slate-300 hover:text-white",
+            children: link.label
+          }
+        ) }, linkIndex.toString())) })
+      ] }, groupIndex.toString())) })
+    ] }),
+    (social || copyright) && /* @__PURE__ */ jsx7("div", { className: "mt-16 border-t border-slate-700 pt-8 sm:mt-20 lg:mt-24", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
+      copyright && /* @__PURE__ */ jsx7("p", { className: "text-sm leading-5 text-slate-400", children: copyright }),
+      social && social.length > 0 && /* @__PURE__ */ jsx7("div", { className: "flex space-x-6", children: social.map((item, index) => /* @__PURE__ */ jsxs7(
+        "a",
+        {
+          href: item.href,
+          className: "text-slate-400 hover:text-slate-300",
+          children: [
+            /* @__PURE__ */ jsx7("span", { className: "sr-only", children: item.platform }),
+            item.icon ?? item.platform
+          ]
+        },
+        index.toString()
+      )) })
+    ] }) })
+  ] }) });
+}
+function Site({
+  name: _name,
+  domain: _domain,
+  theme,
+  header,
+  footer,
+  children
+}) {
+  const isHeaderNode = isValidElement2(header);
+  const isFooterNode = isValidElement2(footer);
+  return /* @__PURE__ */ jsxs7("div", { className: "min-h-screen flex flex-col", "data-theme": theme, children: [
+    isHeaderNode ? header : /* @__PURE__ */ jsx7(Header2, { ...header }),
+    /* @__PURE__ */ jsx7("main", { className: "flex-1", children }),
+    isFooterNode ? footer : /* @__PURE__ */ jsx7(Footer2, { ...footer })
+  ] });
+}
+
+// src/solar/index.ts
+var components = {
+  // Layout components (required by SiteComponents)
+  Site,
+  Header,
+  Footer,
+  LandingPage,
+  // Section components
+  Hero,
+  HeroMinimal,
+  HeroGradient,
+  Features,
+  CTA,
+  // Page component (using LandingPage as default Page)
+  Page: LandingPage
+};
+var siteComponents = components;
+export {
+  CTA,
+  Features,
+  Footer,
+  Header,
+  Hero,
+  HeroGradient,
+  HeroMinimal,
+  LandingPage,
+  Site,
+  components,
+  siteComponents
+};
+//# sourceMappingURL=index.js.map