@jarrodmedrano/ui 0.1.0

package/dist/components/tailwind/contact.js

@@ -0,0 +1,356 @@
+"use client";
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ChevronDownIcon } from "@heroicons/react/20/solid";
+import { Switch } from "@headlessui/react";
+import { Input } from "../ui/input";
+import { useRecaptcha } from "../../hooks/useRecaptcha";
+function classNames(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+const Contact = () => {
+  const [agreed, setAgreed] = useState(false);
+  const [status, setStatus] = useState("idle");
+  const [errorMessage, setErrorMessage] = useState("");
+  const { executeRecaptcha } = useRecaptcha();
+  const handleSubmit = (e) => __async(null, null, function* () {
+    var _a;
+    e.preventDefault();
+    if (!agreed) {
+      setErrorMessage("You must agree to the privacy policy");
+      return;
+    }
+    const form = e.currentTarget;
+    const data = new FormData(form);
+    const recaptchaToken = yield executeRecaptcha("contact");
+    const body = {
+      firstName: data.get("first-name"),
+      lastName: data.get("last-name"),
+      company: data.get("company"),
+      email: data.get("email"),
+      phone: data.get("phone-number"),
+      message: data.get("message"),
+      agreed: true,
+      recaptchaToken: recaptchaToken != null ? recaptchaToken : void 0
+    };
+    setStatus("loading");
+    setErrorMessage("");
+    try {
+      const res = yield fetch("/api/contact", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(body)
+      });
+      if (!res.ok) {
+        const json = yield res.json();
+        throw new Error((_a = json.error) != null ? _a : "Something went wrong");
+      }
+      setStatus("success");
+      form.reset();
+      setAgreed(false);
+    } catch (err) {
+      setStatus("error");
+      setErrorMessage(
+        err instanceof Error ? err.message : "Something went wrong"
+      );
+    }
+  });
+  if (status === "success") {
+    return /* @__PURE__ */ jsx("div", { className: "isolate bg-white px-6 py-24 sm:py-32 lg:px-8 dark:bg-gray-800 dark:text-white", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-2xl text-center", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl dark:text-gray-100", children: "Message sent" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-4 text-lg leading-8 text-gray-600 dark:text-gray-400", children: "Thanks for reaching out. We'll get back to you as soon as possible." })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "isolate bg-white px-6 py-24 sm:py-32 lg:px-8 dark:bg-gray-800 dark:text-white", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "absolute inset-x-0 top-[-10rem] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[-20rem]",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "aspect-1155/678 bg-linear-to-tr relative left-1/2 -z-10 w-[36.125rem] max-w-none -translate-x-1/2 rotate-[30deg] from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-40rem)] sm:w-[72.1875rem]",
+            style: {
+              clipPath: "polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"
+            }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-2xl text-center", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl dark:text-gray-100", children: "Contact us" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-lg leading-8 text-gray-600 dark:text-gray-400", children: "Have a question or want to learn more? Send us a message." })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "mx-auto mt-16 max-w-xl sm:mt-20", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              htmlFor: "first-name",
+              className: "block text-sm font-semibold leading-6 text-gray-900 dark:text-white",
+              children: "First name"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "mt-2.5", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              name: "first-name",
+              id: "first-name",
+              autoComplete: "given-name",
+              required: true,
+              disabled: status === "loading",
+              className: "focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              htmlFor: "last-name",
+              className: "block text-sm font-semibold leading-6 text-gray-900 dark:text-white",
+              children: "Last name"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "mt-2.5", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              name: "last-name",
+              id: "last-name",
+              autoComplete: "family-name",
+              required: true,
+              disabled: status === "loading",
+              className: "focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              htmlFor: "company",
+              className: "block text-sm font-semibold leading-6 text-gray-900 dark:text-white",
+              children: "Company"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "mt-2.5", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              name: "company",
+              id: "company",
+              autoComplete: "organization",
+              disabled: status === "loading",
+              className: "focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              htmlFor: "email",
+              className: "block text-sm font-semibold leading-6 text-gray-900 dark:text-white",
+              children: "Email"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "mt-2.5", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "email",
+              name: "email",
+              id: "email",
+              autoComplete: "email",
+              required: true,
+              disabled: status === "loading",
+              className: "focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              htmlFor: "phone-number",
+              className: "block text-sm font-semibold leading-6 text-gray-900 dark:text-white",
+              children: "Phone number"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "relative mt-2.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "absolute inset-y-0 left-0 flex items-center", children: [
+              /* @__PURE__ */ jsx("label", { htmlFor: "country", className: "sr-only", children: "Country" }),
+              /* @__PURE__ */ jsxs(
+                "select",
+                {
+                  id: "country",
+                  name: "country",
+                  disabled: status === "loading",
+                  className: "h-full rounded-md border-0 bg-transparent bg-none py-0 pl-4 pr-9 text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm",
+                  children: [
+                    /* @__PURE__ */ jsx("option", { children: "US" }),
+                    /* @__PURE__ */ jsx("option", { children: "CA" }),
+                    /* @__PURE__ */ jsx("option", { children: "EU" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ChevronDownIcon,
+                {
+                  className: "pointer-events-none absolute right-3 top-0 h-full w-5 text-gray-400",
+                  "aria-hidden": "true"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "tel",
+                name: "phone-number",
+                id: "phone-number",
+                autoComplete: "tel",
+                disabled: status === "loading",
+                className: "focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              htmlFor: "message",
+              className: "block text-sm font-semibold leading-6 text-gray-900 dark:text-white",
+              children: "Message"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "mt-2.5", children: /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              name: "message",
+              id: "message",
+              rows: 4,
+              required: true,
+              disabled: status === "loading",
+              className: "focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full",
+              defaultValue: ""
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs(Switch.Group, { as: "div", className: "flex gap-x-4 sm:col-span-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex h-6 items-center", children: /* @__PURE__ */ jsxs(
+            Switch,
+            {
+              checked: agreed,
+              onChange: setAgreed,
+              disabled: status === "loading",
+              className: classNames(
+                agreed ? "bg-primary-600" : "bg-gray-200",
+                "focus-visible:outline-primary-600 flex w-8 flex-none cursor-pointer rounded-full p-px ring-1 ring-inset ring-gray-900/5 transition-colors duration-200 ease-in-out focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Agree to policies" }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: classNames(
+                      agreed ? "translate-x-3.5" : "translate-x-0",
+                      "shadow-2xs h-4 w-4 transform rounded-full bg-white ring-1 ring-gray-900/5 transition duration-200 ease-in-out"
+                    )
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(Switch.Label, { className: "text-sm leading-6 text-gray-600 dark:text-white", children: [
+            "By selecting this, you agree to our",
+            " ",
+            /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: "/about/privacy",
+                className: "text-primary-600 font-semibold",
+                children: "privacy\xA0policy"
+              }
+            ),
+            "."
+          ] })
+        ] })
+      ] }),
+      errorMessage && /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: "mt-4 text-sm text-red-600 dark:text-red-400",
+          role: "alert",
+          children: errorMessage
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "mt-10", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "submit",
+          disabled: status === "loading",
+          className: "bg-primary-500 hover:bg-primary-400 focus-visible:outline-primary-500 shadow-2xs flex w-full items-center justify-center rounded-md px-3 py-2 text-sm font-semibold text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-60",
+          children: status === "loading" ? "Sending\u2026" : "Send message"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("p", { className: "mt-4 text-center text-xs text-gray-400 dark:text-gray-500", children: [
+        "This site is protected by reCAPTCHA and the Google",
+        " ",
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: "https://policies.google.com/privacy",
+            className: "underline hover:text-gray-600 dark:hover:text-gray-300",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "Privacy Policy"
+          }
+        ),
+        " ",
+        "and",
+        " ",
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: "https://policies.google.com/terms",
+            className: "underline hover:text-gray-600 dark:hover:text-gray-300",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "Terms of Service"
+          }
+        ),
+        " ",
+        "apply."
+      ] })
+    ] })
+  ] });
+};
+export {
+  Contact
+};
+//# sourceMappingURL=contact.js.map

package/dist/components/tailwind/contact.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/tailwind/contact.tsx"],"sourcesContent":["'use client'\nimport { useState } from 'react'\nimport { ChevronDownIcon } from '@heroicons/react/20/solid'\nimport { Switch } from '@headlessui/react'\nimport { Input } from '../ui/input'\nimport { useRecaptcha } from '../../hooks/useRecaptcha'\n\nfunction classNames(...classes: string[]) {\n  return classes.filter(Boolean).join(' ')\n}\n\ntype Status = 'idle' | 'loading' | 'success' | 'error'\n\nexport const Contact = () => {\n  const [agreed, setAgreed] = useState(false)\n  const [status, setStatus] = useState<Status>('idle')\n  const [errorMessage, setErrorMessage] = useState('')\n  const { executeRecaptcha } = useRecaptcha()\n\n  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n\n    if (!agreed) {\n      setErrorMessage('You must agree to the privacy policy')\n      return\n    }\n\n    const form = e.currentTarget\n    const data = new FormData(form)\n\n    const recaptchaToken = await executeRecaptcha('contact')\n\n    const body = {\n      firstName: data.get('first-name') as string,\n      lastName: data.get('last-name') as string,\n      company: data.get('company') as string,\n      email: data.get('email') as string,\n      phone: data.get('phone-number') as string,\n      message: data.get('message') as string,\n      agreed: true as const,\n      recaptchaToken: recaptchaToken ?? undefined,\n    }\n\n    setStatus('loading')\n    setErrorMessage('')\n\n    try {\n      const res = await fetch('/api/contact', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify(body),\n      })\n\n      if (!res.ok) {\n        const json = await res.json()\n        throw new Error(json.error ?? 'Something went wrong')\n      }\n\n      setStatus('success')\n      form.reset()\n      setAgreed(false)\n    } catch (err) {\n      setStatus('error')\n      setErrorMessage(\n        err instanceof Error ? err.message : 'Something went wrong',\n      )\n    }\n  }\n\n  if (status === 'success') {\n    return (\n      <div className=\"isolate bg-white px-6 py-24 sm:py-32 lg:px-8 dark:bg-gray-800 dark:text-white\">\n        <div className=\"mx-auto max-w-2xl text-center\">\n          <h2 className=\"text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl dark:text-gray-100\">\n            Message sent\n          </h2>\n          <p className=\"mt-4 text-lg leading-8 text-gray-600 dark:text-gray-400\">\n            Thanks for reaching out. We&apos;ll get back to you as soon as\n            possible.\n          </p>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"isolate bg-white px-6 py-24 sm:py-32 lg:px-8 dark:bg-gray-800 dark:text-white\">\n      <div\n        className=\"absolute inset-x-0 top-[-10rem] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[-20rem]\"\n        aria-hidden=\"true\"\n      >\n        <div\n          className=\"aspect-1155/678 bg-linear-to-tr relative left-1/2 -z-10 w-[36.125rem] max-w-none -translate-x-1/2 rotate-[30deg] from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-40rem)] sm:w-[72.1875rem]\"\n          style={{\n            clipPath:\n              'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',\n          }}\n        />\n      </div>\n      <div className=\"mx-auto max-w-2xl text-center\">\n        <h2 className=\"text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl dark:text-gray-100\">\n          Contact us\n        </h2>\n        <p className=\"mt-2 text-lg leading-8 text-gray-600 dark:text-gray-400\">\n          Have a question or want to learn more? Send us a message.\n        </p>\n      </div>\n      <form onSubmit={handleSubmit} className=\"mx-auto mt-16 max-w-xl sm:mt-20\">\n        <div className=\"grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2\">\n          <div>\n            <label\n              htmlFor=\"first-name\"\n              className=\"block text-sm font-semibold leading-6 text-gray-900 dark:text-white\"\n            >\n              First name\n            </label>\n            <div className=\"mt-2.5\">\n              <Input\n                type=\"text\"\n                name=\"first-name\"\n                id=\"first-name\"\n                autoComplete=\"given-name\"\n                required\n                disabled={status === 'loading'}\n                className=\"focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full\"\n              />\n            </div>\n          </div>\n          <div>\n            <label\n              htmlFor=\"last-name\"\n              className=\"block text-sm font-semibold leading-6 text-gray-900 dark:text-white\"\n            >\n              Last name\n            </label>\n            <div className=\"mt-2.5\">\n              <Input\n                type=\"text\"\n                name=\"last-name\"\n                id=\"last-name\"\n                autoComplete=\"family-name\"\n                required\n                disabled={status === 'loading'}\n                className=\"focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full\"\n              />\n            </div>\n          </div>\n          <div className=\"sm:col-span-2\">\n            <label\n              htmlFor=\"company\"\n              className=\"block text-sm font-semibold leading-6 text-gray-900 dark:text-white\"\n            >\n              Company\n            </label>\n            <div className=\"mt-2.5\">\n              <Input\n                type=\"text\"\n                name=\"company\"\n                id=\"company\"\n                autoComplete=\"organization\"\n                disabled={status === 'loading'}\n                className=\"focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full\"\n              />\n            </div>\n          </div>\n          <div className=\"sm:col-span-2\">\n            <label\n              htmlFor=\"email\"\n              className=\"block text-sm font-semibold leading-6 text-gray-900 dark:text-white\"\n            >\n              Email\n            </label>\n            <div className=\"mt-2.5\">\n              <Input\n                type=\"email\"\n                name=\"email\"\n                id=\"email\"\n                autoComplete=\"email\"\n                required\n                disabled={status === 'loading'}\n                className=\"focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full\"\n              />\n            </div>\n          </div>\n          <div className=\"sm:col-span-2\">\n            <label\n              htmlFor=\"phone-number\"\n              className=\"block text-sm font-semibold leading-6 text-gray-900 dark:text-white\"\n            >\n              Phone number\n            </label>\n            <div className=\"relative mt-2.5\">\n              <div className=\"absolute inset-y-0 left-0 flex items-center\">\n                <label htmlFor=\"country\" className=\"sr-only\">\n                  Country\n                </label>\n                <select\n                  id=\"country\"\n                  name=\"country\"\n                  disabled={status === 'loading'}\n                  className=\"h-full rounded-md border-0 bg-transparent bg-none py-0 pl-4 pr-9 text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm\"\n                >\n                  <option>US</option>\n                  <option>CA</option>\n                  <option>EU</option>\n                </select>\n                <ChevronDownIcon\n                  className=\"pointer-events-none absolute right-3 top-0 h-full w-5 text-gray-400\"\n                  aria-hidden=\"true\"\n                />\n              </div>\n              <Input\n                type=\"tel\"\n                name=\"phone-number\"\n                id=\"phone-number\"\n                autoComplete=\"tel\"\n                disabled={status === 'loading'}\n                className=\"focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full\"\n              />\n            </div>\n          </div>\n          <div className=\"sm:col-span-2\">\n            <label\n              htmlFor=\"message\"\n              className=\"block text-sm font-semibold leading-6 text-gray-900 dark:text-white\"\n            >\n              Message\n            </label>\n            <div className=\"mt-2.5\">\n              <textarea\n                name=\"message\"\n                id=\"message\"\n                rows={4}\n                required\n                disabled={status === 'loading'}\n                className=\"focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full\"\n                defaultValue={''}\n              />\n            </div>\n          </div>\n          <Switch.Group as=\"div\" className=\"flex gap-x-4 sm:col-span-2\">\n            <div className=\"flex h-6 items-center\">\n              <Switch\n                checked={agreed}\n                onChange={setAgreed}\n                disabled={status === 'loading'}\n                className={classNames(\n                  agreed ? 'bg-primary-600' : 'bg-gray-200',\n                  'focus-visible:outline-primary-600 flex w-8 flex-none cursor-pointer rounded-full p-px ring-1 ring-inset ring-gray-900/5 transition-colors duration-200 ease-in-out focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2',\n                )}\n              >\n                <span className=\"sr-only\">Agree to policies</span>\n                <span\n                  aria-hidden=\"true\"\n                  className={classNames(\n                    agreed ? 'translate-x-3.5' : 'translate-x-0',\n                    'shadow-2xs h-4 w-4 transform rounded-full bg-white ring-1 ring-gray-900/5 transition duration-200 ease-in-out',\n                  )}\n                />\n              </Switch>\n            </div>\n            <Switch.Label className=\"text-sm leading-6 text-gray-600 dark:text-white\">\n              By selecting this, you agree to our{' '}\n              <a\n                href=\"/about/privacy\"\n                className=\"text-primary-600 font-semibold\"\n              >\n                privacy&nbsp;policy\n              </a>\n              .\n            </Switch.Label>\n          </Switch.Group>\n        </div>\n\n        {errorMessage && (\n          <p\n            className=\"mt-4 text-sm text-red-600 dark:text-red-400\"\n            role=\"alert\"\n          >\n            {errorMessage}\n          </p>\n        )}\n\n        <div className=\"mt-10\">\n          <button\n            type=\"submit\"\n            disabled={status === 'loading'}\n            className=\"bg-primary-500 hover:bg-primary-400 focus-visible:outline-primary-500 shadow-2xs flex w-full items-center justify-center rounded-md px-3 py-2 text-sm font-semibold text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-60\"\n          >\n            {status === 'loading' ? 'Sending…' : 'Send message'}\n          </button>\n        </div>\n        <p className=\"mt-4 text-center text-xs text-gray-400 dark:text-gray-500\">\n          This site is protected by reCAPTCHA and the Google{' '}\n          <a\n            href=\"https://policies.google.com/privacy\"\n            className=\"underline hover:text-gray-600 dark:hover:text-gray-300\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Privacy Policy\n          </a>{' '}\n          and{' '}\n          <a\n            href=\"https://policies.google.com/terms\"\n            className=\"underline hover:text-gray-600 dark:hover:text-gray-300\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Terms of Service\n          </a>{' '}\n          apply.\n        </p>\n      </form>\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/components/tailwind/content-page.cjs

@@ -0,0 +1,58 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var content_page_exports = {};
+__export(content_page_exports, {
+  ContentList: () => ContentList,
+  ContentPage: () => ContentPage,
+  ContentSection: () => ContentSection
+});
+module.exports = __toCommonJS(content_page_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function ContentPage({
+  title,
+  subtitle,
+  lastUpdated,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-white dark:bg-gray-900", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto max-w-7xl px-6 py-24 sm:py-32 lg:px-8 lg:py-40", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl dark:text-white", children: title }),
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-4 text-lg text-gray-600 dark:text-gray-400", children: subtitle }),
+    lastUpdated && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-3 text-sm text-gray-400 dark:text-gray-500", children: [
+      "Last updated: ",
+      lastUpdated
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dl", { className: "mt-16 divide-y divide-gray-900/10 dark:divide-white/10", children })
+  ] }) });
+}
+function ContentSection({ title, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "py-8 first:pt-0 last:pb-0 lg:grid lg:grid-cols-12 lg:gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { className: "text-base/7 font-semibold text-gray-900 lg:col-span-5 dark:text-white", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "mt-4 space-y-4 text-base/7 text-gray-600 lg:col-span-7 lg:mt-0 dark:text-gray-400", children })
+  ] });
+}
+function ContentList({ items }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "list-disc space-y-2 pl-5", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: item }, i)) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ContentList,
+  ContentPage,
+  ContentSection
+});
+//# sourceMappingURL=content-page.cjs.map

package/dist/components/tailwind/content-page.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/tailwind/content-page.tsx"],"sourcesContent":["import { ReactNode } from 'react'\n\ninterface ContentPageProps {\n  title: string\n  subtitle?: string\n  lastUpdated?: string\n  children: ReactNode\n}\n\nexport function ContentPage({\n  title,\n  subtitle,\n  lastUpdated,\n  children,\n}: ContentPageProps) {\n  return (\n    <div className=\"bg-white dark:bg-gray-900\">\n      <div className=\"mx-auto max-w-7xl px-6 py-24 sm:py-32 lg:px-8 lg:py-40\">\n        <h2 className=\"text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl dark:text-white\">\n          {title}\n        </h2>\n        {subtitle && (\n          <p className=\"mt-4 text-lg text-gray-600 dark:text-gray-400\">\n            {subtitle}\n          </p>\n        )}\n        {lastUpdated && (\n          <p className=\"mt-3 text-sm text-gray-400 dark:text-gray-500\">\n            Last updated: {lastUpdated}\n          </p>\n        )}\n        <dl className=\"mt-16 divide-y divide-gray-900/10 dark:divide-white/10\">\n          {children}\n        </dl>\n      </div>\n    </div>\n  )\n}\n\ninterface ContentSectionProps {\n  title: string\n  children: ReactNode\n}\n\nexport function ContentSection({ title, children }: ContentSectionProps) {\n  return (\n    <div className=\"py-8 first:pt-0 last:pb-0 lg:grid lg:grid-cols-12 lg:gap-8\">\n      <dt className=\"text-base/7 font-semibold text-gray-900 lg:col-span-5 dark:text-white\">\n        {title}\n      </dt>\n      <dd className=\"mt-4 space-y-4 text-base/7 text-gray-600 lg:col-span-7 lg:mt-0 dark:text-gray-400\">\n        {children}\n      </dd>\n    </div>\n  )\n}\n\nexport function ContentList({ items }: { items: ReactNode[] }) {\n  return (\n    <ul className=\"list-disc space-y-2 pl-5\">\n      {items.map((item, i) => (\n        <li key={i}>{item}</li>\n      ))}\n    </ul>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBQ;AATD,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,SACE,4CAAC,SAAI,WAAU,6BACb,uDAAC,SAAI,WAAU,0DACb;AAAA,gDAAC,QAAG,WAAU,mFACX,iBACH;AAAA,IACC,YACC,4CAAC,OAAE,WAAU,iDACV,oBACH;AAAA,IAED,eACC,6CAAC,OAAE,WAAU,iDAAgD;AAAA;AAAA,MAC5C;AAAA,OACjB;AAAA,IAEF,4CAAC,QAAG,WAAU,0DACX,UACH;AAAA,KACF,GACF;AAEJ;AAOO,SAAS,eAAe,EAAE,OAAO,SAAS,GAAwB;AACvE,SACE,6CAAC,SAAI,WAAU,8DACb;AAAA,gDAAC,QAAG,WAAU,yEACX,iBACH;AAAA,IACA,4CAAC,QAAG,WAAU,qFACX,UACH;AAAA,KACF;AAEJ;AAEO,SAAS,YAAY,EAAE,MAAM,GAA2B;AAC7D,SACE,4CAAC,QAAG,WAAU,4BACX,gBAAM,IAAI,CAAC,MAAM,MAChB,4CAAC,QAAY,kBAAJ,CAAS,CACnB,GACH;AAEJ;","names":[]}

package/dist/components/tailwind/content-page.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+interface ContentPageProps {
+    title: string;
+    subtitle?: string;
+    lastUpdated?: string;
+    children: ReactNode;
+}
+export declare function ContentPage({ title, subtitle, lastUpdated, children, }: ContentPageProps): import("react/jsx-runtime").JSX.Element;
+interface ContentSectionProps {
+    title: string;
+    children: ReactNode;
+}
+export declare function ContentSection({ title, children }: ContentSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContentList({ items }: {
+    items: ReactNode[];
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=content-page.d.ts.map

package/dist/components/tailwind/content-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-page.d.ts","sourceRoot":"","sources":["../../../components/tailwind/content-page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,EAAE,gBAAgB,2CAuBlB;AAED,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAWtE;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,EAAE,CAAA;CAAE,2CAQ5D"}

package/dist/components/tailwind/content-page.js

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function ContentPage({
+  title,
+  subtitle,
+  lastUpdated,
+  children
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "bg-white dark:bg-gray-900", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl px-6 py-24 sm:py-32 lg:px-8 lg:py-40", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl dark:text-white", children: title }),
+    subtitle && /* @__PURE__ */ jsx("p", { className: "mt-4 text-lg text-gray-600 dark:text-gray-400", children: subtitle }),
+    lastUpdated && /* @__PURE__ */ jsxs("p", { className: "mt-3 text-sm text-gray-400 dark:text-gray-500", children: [
+      "Last updated: ",
+      lastUpdated
+    ] }),
+    /* @__PURE__ */ jsx("dl", { className: "mt-16 divide-y divide-gray-900/10 dark:divide-white/10", children })
+  ] }) });
+}
+function ContentSection({ title, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "py-8 first:pt-0 last:pb-0 lg:grid lg:grid-cols-12 lg:gap-8", children: [
+    /* @__PURE__ */ jsx("dt", { className: "text-base/7 font-semibold text-gray-900 lg:col-span-5 dark:text-white", children: title }),
+    /* @__PURE__ */ jsx("dd", { className: "mt-4 space-y-4 text-base/7 text-gray-600 lg:col-span-7 lg:mt-0 dark:text-gray-400", children })
+  ] });
+}
+function ContentList({ items }) {
+  return /* @__PURE__ */ jsx("ul", { className: "list-disc space-y-2 pl-5", children: items.map((item, i) => /* @__PURE__ */ jsx("li", { children: item }, i)) });
+}
+export {
+  ContentList,
+  ContentPage,
+  ContentSection
+};
+//# sourceMappingURL=content-page.js.map

package/dist/components/tailwind/content-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/tailwind/content-page.tsx"],"sourcesContent":["import { ReactNode } from 'react'\n\ninterface ContentPageProps {\n  title: string\n  subtitle?: string\n  lastUpdated?: string\n  children: ReactNode\n}\n\nexport function ContentPage({\n  title,\n  subtitle,\n  lastUpdated,\n  children,\n}: ContentPageProps) {\n  return (\n    <div className=\"bg-white dark:bg-gray-900\">\n      <div className=\"mx-auto max-w-7xl px-6 py-24 sm:py-32 lg:px-8 lg:py-40\">\n        <h2 className=\"text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl dark:text-white\">\n          {title}\n        </h2>\n        {subtitle && (\n          <p className=\"mt-4 text-lg text-gray-600 dark:text-gray-400\">\n            {subtitle}\n          </p>\n        )}\n        {lastUpdated && (\n          <p className=\"mt-3 text-sm text-gray-400 dark:text-gray-500\">\n            Last updated: {lastUpdated}\n          </p>\n        )}\n        <dl className=\"mt-16 divide-y divide-gray-900/10 dark:divide-white/10\">\n          {children}\n        </dl>\n      </div>\n    </div>\n  )\n}\n\ninterface ContentSectionProps {\n  title: string\n  children: ReactNode\n}\n\nexport function ContentSection({ title, children }: ContentSectionProps) {\n  return (\n    <div className=\"py-8 first:pt-0 last:pb-0 lg:grid lg:grid-cols-12 lg:gap-8\">\n      <dt className=\"text-base/7 font-semibold text-gray-900 lg:col-span-5 dark:text-white\">\n        {title}\n      </dt>\n      <dd className=\"mt-4 space-y-4 text-base/7 text-gray-600 lg:col-span-7 lg:mt-0 dark:text-gray-400\">\n        {children}\n      </dd>\n    </div>\n  )\n}\n\nexport function ContentList({ items }: { items: ReactNode[] }) {\n  return (\n    <ul className=\"list-disc space-y-2 pl-5\">\n      {items.map((item, i) => (\n        <li key={i}>{item}</li>\n      ))}\n    </ul>\n  )\n}\n"],"mappings":"AAkBQ,cASE,YATF;AATD,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,SACE,oBAAC,SAAI,WAAU,6BACb,+BAAC,SAAI,WAAU,0DACb;AAAA,wBAAC,QAAG,WAAU,mFACX,iBACH;AAAA,IACC,YACC,oBAAC,OAAE,WAAU,iDACV,oBACH;AAAA,IAED,eACC,qBAAC,OAAE,WAAU,iDAAgD;AAAA;AAAA,MAC5C;AAAA,OACjB;AAAA,IAEF,oBAAC,QAAG,WAAU,0DACX,UACH;AAAA,KACF,GACF;AAEJ;AAOO,SAAS,eAAe,EAAE,OAAO,SAAS,GAAwB;AACvE,SACE,qBAAC,SAAI,WAAU,8DACb;AAAA,wBAAC,QAAG,WAAU,yEACX,iBACH;AAAA,IACA,oBAAC,QAAG,WAAU,qFACX,UACH;AAAA,KACF;AAEJ;AAEO,SAAS,YAAY,EAAE,MAAM,GAA2B;AAC7D,SACE,oBAAC,QAAG,WAAU,4BACX,gBAAM,IAAI,CAAC,MAAM,MAChB,oBAAC,QAAY,kBAAJ,CAAS,CACnB,GACH;AAEJ;","names":[]}

package/dist/components/tailwind/feature.cjs

@@ -0,0 +1,95 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var feature_exports = {};
+__export(feature_exports, {
+  Feature: () => Feature
+});
+module.exports = __toCommonJS(feature_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_solid = require("@heroicons/react/20/solid");
+const features = [
+  {
+    name: "AI story assistant",
+    description: "Describe your scene or character and let the AI help you develop it further. Catch plot holes, suggest backstory details, and keep your narrative consistent across hundreds of entries without leaving your story bible.",
+    href: "/about/features",
+    icon: import_solid.SparklesIcon
+  },
+  {
+    name: "Wiki-style story bibles",
+    description: "Every character, location, and timeline entry is a living document. Add images, rich text, and cross-links so your world feels as interconnected as it really is. Search across everything instantly.",
+    href: "/about/features",
+    icon: import_solid.BookOpenIcon
+  },
+  {
+    name: "Characters, locations & timelines",
+    description: "Purpose-built entry types for the building blocks of every story. Track character arcs, map out locations with history and atmosphere, and sequence events on a visual timeline. Structured, but flexible.",
+    href: "/about/features",
+    icon: import_solid.UsersIcon
+  }
+];
+const Feature = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: "relative bg-gray-900 bg-cover bg-center bg-no-repeat py-24 sm:py-32",
+      style: { backgroundImage: "url('/img/bg-footer.png')" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-gray-900/80" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative mx-auto max-w-7xl px-6 lg:px-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto max-w-2xl lg:text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-primary-400 text-base font-semibold leading-7", children: "Built for storytellers" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl", children: "Everything a writer needs to stay in the flow" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-6 text-lg leading-8 text-gray-300", children: "Whether you write novels, screenplays, games, or fan fiction, Story Bible Ultimate adapts to your process. Start simple and grow your world as your story does." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dl", { className: "grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3", children: features.map((feature) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dt", { className: "flex items-center gap-x-3 text-base font-semibold leading-7 text-white", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                feature.icon,
+                {
+                  className: "text-primary-400 h-5 w-5 flex-none",
+                  "aria-hidden": "true"
+                }
+              ),
+              feature.name
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dd", { className: "mt-4 flex flex-auto flex-col text-base leading-7 text-gray-300", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "flex-auto", children: feature.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                "a",
+                {
+                  href: feature.href,
+                  className: "text-primary-400 text-sm font-semibold leading-6",
+                  children: [
+                    "Learn more ",
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", children: "\u2192" })
+                  ]
+                }
+              ) })
+            ] })
+          ] }, feature.name)) }) })
+        ] })
+      ]
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Feature
+});
+//# sourceMappingURL=feature.cjs.map

package/dist/components/tailwind/feature.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/tailwind/feature.tsx"],"sourcesContent":["import {\n  SparklesIcon,\n  BookOpenIcon,\n  UsersIcon,\n} from '@heroicons/react/20/solid'\n\nconst features = [\n  {\n    name: 'AI story assistant',\n    description:\n      'Describe your scene or character and let the AI help you develop it further. Catch plot holes, suggest backstory details, and keep your narrative consistent across hundreds of entries without leaving your story bible.',\n    href: '/about/features',\n    icon: SparklesIcon,\n  },\n  {\n    name: 'Wiki-style story bibles',\n    description:\n      'Every character, location, and timeline entry is a living document. Add images, rich text, and cross-links so your world feels as interconnected as it really is. Search across everything instantly.',\n    href: '/about/features',\n    icon: BookOpenIcon,\n  },\n  {\n    name: 'Characters, locations & timelines',\n    description:\n      'Purpose-built entry types for the building blocks of every story. Track character arcs, map out locations with history and atmosphere, and sequence events on a visual timeline. Structured, but flexible.',\n    href: '/about/features',\n    icon: UsersIcon,\n  },\n]\n\nexport const Feature = () => {\n  return (\n    <div\n      className=\"relative bg-gray-900 bg-cover bg-center bg-no-repeat py-24 sm:py-32\"\n      style={{ backgroundImage: \"url('/img/bg-footer.png')\" }}\n    >\n      <div className=\"absolute inset-0 bg-gray-900/80\" />\n      <div className=\"relative mx-auto max-w-7xl px-6 lg:px-8\">\n        <div className=\"mx-auto max-w-2xl lg:text-center\">\n          <h2 className=\"text-primary-400 text-base font-semibold leading-7\">\n            Built for storytellers\n          </h2>\n          <p className=\"mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl\">\n            Everything a writer needs to stay in the flow\n          </p>\n          <p className=\"mt-6 text-lg leading-8 text-gray-300\">\n            Whether you write novels, screenplays, games, or fan fiction, Story\n            Bible Ultimate adapts to your process. Start simple and grow your\n            world as your story does.\n          </p>\n        </div>\n        <div className=\"mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none\">\n          <dl className=\"grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3\">\n            {features.map((feature) => (\n              <div key={feature.name} className=\"flex flex-col\">\n                <dt className=\"flex items-center gap-x-3 text-base font-semibold leading-7 text-white\">\n                  <feature.icon\n                    className=\"text-primary-400 h-5 w-5 flex-none\"\n                    aria-hidden=\"true\"\n                  />\n                  {feature.name}\n                </dt>\n                <dd className=\"mt-4 flex flex-auto flex-col text-base leading-7 text-gray-300\">\n                  <p className=\"flex-auto\">{feature.description}</p>\n                  <p className=\"mt-6\">\n                    <a\n                      href={feature.href}\n                      className=\"text-primary-400 text-sm font-semibold leading-6\"\n                    >\n                      Learn more <span aria-hidden=\"true\">→</span>\n                    </a>\n                  </p>\n                </dd>\n              </div>\n            ))}\n          </dl>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCM;AApCN,mBAIO;AAEP,MAAM,WAAW;AAAA,EACf;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,IACF,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,IACF,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,IACF,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEO,MAAM,UAAU,MAAM;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,iBAAiB,4BAA4B;AAAA,MAEtD;AAAA,oDAAC,SAAI,WAAU,mCAAkC;AAAA,QACjD,6CAAC,SAAI,WAAU,2CACb;AAAA,uDAAC,SAAI,WAAU,oCACb;AAAA,wDAAC,QAAG,WAAU,sDAAqD,oCAEnE;AAAA,YACA,4CAAC,OAAE,WAAU,iEAAgE,2DAE7E;AAAA,YACA,4CAAC,OAAE,WAAU,wCAAuC,6KAIpD;AAAA,aACF;AAAA,UACA,4CAAC,SAAI,WAAU,2DACb,sDAAC,QAAG,WAAU,2EACX,mBAAS,IAAI,CAAC,YACb,6CAAC,SAAuB,WAAU,iBAChC;AAAA,yDAAC,QAAG,WAAU,0EACZ;AAAA;AAAA,gBAAC,QAAQ;AAAA,gBAAR;AAAA,kBACC,WAAU;AAAA,kBACV,eAAY;AAAA;AAAA,cACd;AAAA,cACC,QAAQ;AAAA,eACX;AAAA,YACA,6CAAC,QAAG,WAAU,kEACZ;AAAA,0DAAC,OAAE,WAAU,aAAa,kBAAQ,aAAY;AAAA,cAC9C,4CAAC,OAAE,WAAU,QACX;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,QAAQ;AAAA,kBACd,WAAU;AAAA,kBACX;AAAA;AAAA,oBACY,4CAAC,UAAK,eAAY,QAAO,oBAAC;AAAA;AAAA;AAAA,cACvC,GACF;AAAA,eACF;AAAA,eAlBQ,QAAQ,IAmBlB,CACD,GACH,GACF;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/tailwind/feature.d.ts

@@ -0,0 +1,2 @@
+export declare const Feature: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=feature.d.ts.map