@jarrodmedrano/ui 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"feature.d.ts","sourceRoot":"","sources":["../../../components/tailwind/feature.tsx"],"names":[],"mappings":"AA8BA,eAAO,MAAM,OAAO,+CAkDnB,CAAA"}

package/dist/components/tailwind/feature.js

@@ -0,0 +1,75 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  SparklesIcon,
+  BookOpenIcon,
+  UsersIcon
+} from "@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: 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: 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: UsersIcon
+  }
+];
+const Feature = () => {
+  return /* @__PURE__ */ 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__ */ jsx("div", { className: "absolute inset-0 bg-gray-900/80" }),
+        /* @__PURE__ */ jsxs("div", { className: "relative mx-auto max-w-7xl px-6 lg:px-8", children: [
+          /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-2xl lg:text-center", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-primary-400 text-base font-semibold leading-7", children: "Built for storytellers" }),
+            /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { className: "mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none", children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsxs("dt", { className: "flex items-center gap-x-3 text-base font-semibold leading-7 text-white", children: [
+              /* @__PURE__ */ jsx(
+                feature.icon,
+                {
+                  className: "text-primary-400 h-5 w-5 flex-none",
+                  "aria-hidden": "true"
+                }
+              ),
+              feature.name
+            ] }),
+            /* @__PURE__ */ jsxs("dd", { className: "mt-4 flex flex-auto flex-col text-base leading-7 text-gray-300", children: [
+              /* @__PURE__ */ jsx("p", { className: "flex-auto", children: feature.description }),
+              /* @__PURE__ */ jsx("p", { className: "mt-6", children: /* @__PURE__ */ jsxs(
+                "a",
+                {
+                  href: feature.href,
+                  className: "text-primary-400 text-sm font-semibold leading-6",
+                  children: [
+                    "Learn more ",
+                    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2192" })
+                  ]
+                }
+              ) })
+            ] })
+          ] }, feature.name)) }) })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  Feature
+};
+//# sourceMappingURL=feature.js.map

package/dist/components/tailwind/feature.js.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":"AAoCM,cAEE,YAFF;AApCN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;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,4BAAC,SAAI,WAAU,mCAAkC;AAAA,QACjD,qBAAC,SAAI,WAAU,2CACb;AAAA,+BAAC,SAAI,WAAU,oCACb;AAAA,gCAAC,QAAG,WAAU,sDAAqD,oCAEnE;AAAA,YACA,oBAAC,OAAE,WAAU,iEAAgE,2DAE7E;AAAA,YACA,oBAAC,OAAE,WAAU,wCAAuC,6KAIpD;AAAA,aACF;AAAA,UACA,oBAAC,SAAI,WAAU,2DACb,8BAAC,QAAG,WAAU,2EACX,mBAAS,IAAI,CAAC,YACb,qBAAC,SAAuB,WAAU,iBAChC;AAAA,iCAAC,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,qBAAC,QAAG,WAAU,kEACZ;AAAA,kCAAC,OAAE,WAAU,aAAa,kBAAQ,aAAY;AAAA,cAC9C,oBAAC,OAAE,WAAU,QACX;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,QAAQ;AAAA,kBACd,WAAU;AAAA,kBACX;AAAA;AAAA,oBACY,oBAAC,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/featurelist.cjs

@@ -0,0 +1,99 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var featurelist_exports = {};
+__export(featurelist_exports, {
+  FeatureList: () => FeatureList
+});
+module.exports = __toCommonJS(featurelist_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_solid = require("@heroicons/react/20/solid");
+var import_button = require("../ui/button");
+var import_link = __toESM(require("next/link"), 1);
+const features = [
+  {
+    name: "Character profiles",
+    description: "Build detailed character sheets with backstory, personality traits, relationships, and image galleries."
+  },
+  {
+    name: "Location builder",
+    description: "Map out your world with rich location entries covering history, atmosphere, and notable details."
+  },
+  {
+    name: "Timeline tracking",
+    description: "Lay out events, plot points, and story arcs in chronological order so nothing slips through the cracks."
+  },
+  {
+    name: "Wiki-style cross-linking",
+    description: "Link characters, locations, and events together just like a professional story wiki."
+  },
+  {
+    name: "AI story assistant",
+    description: "Get AI-powered suggestions to spot plot holes, maintain character consistency, and deepen your world-building."
+  },
+  {
+    name: "Image galleries",
+    description: "Attach reference art, mood boards, and photos to any character, location, or timeline entry."
+  },
+  {
+    name: "Relationship mapping",
+    description: "Visualize how your characters connect \u2014 allies, rivals, family, and everything in between."
+  },
+  {
+    name: "Public sharing",
+    description: "Share your story bible with collaborators or readers, or keep it completely private."
+  }
+];
+const FeatureList = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-white py-24 sm:py-32 dark:bg-gray-900", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-auto max-w-7xl px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-primary-600 dark:text-primary-400 text-base font-semibold leading-7", children: "Everything you need" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl dark:text-white", children: "One place for your entire story world" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-6 text-base leading-7 text-gray-600 dark:text-gray-400", children: "Stop juggling scattered notes, spreadsheets, and docs. Story Bible Ultimate gives every element of your story a home: organized, searchable, and always at your fingertips." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/about/features", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { className: "bg-primary", children: "See all features" }) }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dl", { className: "col-span-2 grid grid-cols-1 gap-x-8 gap-y-10 text-base leading-7 text-gray-600 sm:grid-cols-2 lg:gap-y-16 dark:text-gray-400", children: features.map((feature) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative pl-9", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dt", { className: "font-semibold text-gray-900 dark:text-white", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_solid.CheckIcon,
+          {
+            className: "text-primary-500 absolute left-0 top-1 h-5 w-5",
+            "aria-hidden": "true"
+          }
+        ),
+        feature.name
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "mt-2", children: feature.description })
+    ] }, feature.name)) })
+  ] }) }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FeatureList
+});
+//# sourceMappingURL=featurelist.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/tailwind/featurelist.tsx"],"sourcesContent":["import { CheckIcon } from '@heroicons/react/20/solid'\nimport { Button } from '../ui/button'\nimport Link from 'next/link'\n\nconst features = [\n  {\n    name: 'Character profiles',\n    description:\n      'Build detailed character sheets with backstory, personality traits, relationships, and image galleries.',\n  },\n  {\n    name: 'Location builder',\n    description:\n      'Map out your world with rich location entries covering history, atmosphere, and notable details.',\n  },\n  {\n    name: 'Timeline tracking',\n    description:\n      'Lay out events, plot points, and story arcs in chronological order so nothing slips through the cracks.',\n  },\n  {\n    name: 'Wiki-style cross-linking',\n    description:\n      'Link characters, locations, and events together just like a professional story wiki.',\n  },\n  {\n    name: 'AI story assistant',\n    description:\n      'Get AI-powered suggestions to spot plot holes, maintain character consistency, and deepen your world-building.',\n  },\n  {\n    name: 'Image galleries',\n    description:\n      'Attach reference art, mood boards, and photos to any character, location, or timeline entry.',\n  },\n  {\n    name: 'Relationship mapping',\n    description:\n      'Visualize how your characters connect — allies, rivals, family, and everything in between.',\n  },\n  {\n    name: 'Public sharing',\n    description:\n      'Share your story bible with collaborators or readers, or keep it completely private.',\n  },\n]\n\nexport const FeatureList = () => {\n  return (\n    <div className=\"bg-white py-24 sm:py-32 dark:bg-gray-900\">\n      <div className=\"mx-auto max-w-7xl px-6 lg:px-8\">\n        <div className=\"mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3\">\n          <div>\n            <h2 className=\"text-primary-600 dark:text-primary-400 text-base font-semibold leading-7\">\n              Everything you need\n            </h2>\n            <p className=\"mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl dark:text-white\">\n              One place for your entire story world\n            </p>\n            <p className=\"mt-6 text-base leading-7 text-gray-600 dark:text-gray-400\">\n              Stop juggling scattered notes, spreadsheets, and docs. Story Bible\n              Ultimate gives every element of your story a home: organized,\n              searchable, and always at your fingertips.\n            </p>\n            <div className=\"mt-6\">\n              <Link href=\"/about/features\">\n                <Button className=\"bg-primary\">See all features</Button>\n              </Link>\n            </div>\n          </div>\n          <dl className=\"col-span-2 grid grid-cols-1 gap-x-8 gap-y-10 text-base leading-7 text-gray-600 sm:grid-cols-2 lg:gap-y-16 dark:text-gray-400\">\n            {features.map((feature) => (\n              <div key={feature.name} className=\"relative pl-9\">\n                <dt className=\"font-semibold text-gray-900 dark:text-white\">\n                  <CheckIcon\n                    className=\"text-primary-500 absolute left-0 top-1 h-5 w-5\"\n                    aria-hidden=\"true\"\n                  />\n                  {feature.name}\n                </dt>\n                <dd className=\"mt-2\">{feature.description}</dd>\n              </div>\n            ))}\n          </dl>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoDU;AApDV,mBAA0B;AAC1B,oBAAuB;AACvB,kBAAiB;AAEjB,MAAM,WAAW;AAAA,EACf;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AACF;AAEO,MAAM,cAAc,MAAM;AAC/B,SACE,4CAAC,SAAI,WAAU,4CACb,sDAAC,SAAI,WAAU,kCACb,uDAAC,SAAI,WAAU,wGACb;AAAA,iDAAC,SACC;AAAA,kDAAC,QAAG,WAAU,4EAA2E,iCAEzF;AAAA,MACA,4CAAC,OAAE,WAAU,oFAAmF,mDAEhG;AAAA,MACA,4CAAC,OAAE,WAAU,6DAA4D,yLAIzE;AAAA,MACA,4CAAC,SAAI,WAAU,QACb,sDAAC,YAAAA,SAAA,EAAK,MAAK,mBACT,sDAAC,wBAAO,WAAU,cAAa,8BAAgB,GACjD,GACF;AAAA,OACF;AAAA,IACA,4CAAC,QAAG,WAAU,gIACX,mBAAS,IAAI,CAAC,YACb,6CAAC,SAAuB,WAAU,iBAChC;AAAA,mDAAC,QAAG,WAAU,+CACZ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA;AAAA,QACd;AAAA,QACC,QAAQ;AAAA,SACX;AAAA,MACA,4CAAC,QAAG,WAAU,QAAQ,kBAAQ,aAAY;AAAA,SARlC,QAAQ,IASlB,CACD,GACH;AAAA,KACF,GACF,GACF;AAEJ;","names":["Link"]}

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

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

package/dist/components/tailwind/featurelist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"featurelist.d.ts","sourceRoot":"","sources":["../../../components/tailwind/featurelist.tsx"],"names":[],"mappings":"AA+CA,eAAO,MAAM,WAAW,+CAyCvB,CAAA"}

package/dist/components/tailwind/featurelist.js

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon } from "@heroicons/react/20/solid";
+import { Button } from "../ui/button";
+import Link from "next/link";
+const features = [
+  {
+    name: "Character profiles",
+    description: "Build detailed character sheets with backstory, personality traits, relationships, and image galleries."
+  },
+  {
+    name: "Location builder",
+    description: "Map out your world with rich location entries covering history, atmosphere, and notable details."
+  },
+  {
+    name: "Timeline tracking",
+    description: "Lay out events, plot points, and story arcs in chronological order so nothing slips through the cracks."
+  },
+  {
+    name: "Wiki-style cross-linking",
+    description: "Link characters, locations, and events together just like a professional story wiki."
+  },
+  {
+    name: "AI story assistant",
+    description: "Get AI-powered suggestions to spot plot holes, maintain character consistency, and deepen your world-building."
+  },
+  {
+    name: "Image galleries",
+    description: "Attach reference art, mood boards, and photos to any character, location, or timeline entry."
+  },
+  {
+    name: "Relationship mapping",
+    description: "Visualize how your characters connect \u2014 allies, rivals, family, and everything in between."
+  },
+  {
+    name: "Public sharing",
+    description: "Share your story bible with collaborators or readers, or keep it completely private."
+  }
+];
+const FeatureList = () => {
+  return /* @__PURE__ */ jsx("div", { className: "bg-white py-24 sm:py-32 dark:bg-gray-900", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-7xl px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-primary-600 dark:text-primary-400 text-base font-semibold leading-7", children: "Everything you need" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl dark:text-white", children: "One place for your entire story world" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-6 text-base leading-7 text-gray-600 dark:text-gray-400", children: "Stop juggling scattered notes, spreadsheets, and docs. Story Bible Ultimate gives every element of your story a home: organized, searchable, and always at your fingertips." }),
+      /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(Link, { href: "/about/features", children: /* @__PURE__ */ jsx(Button, { className: "bg-primary", children: "See all features" }) }) })
+    ] }),
+    /* @__PURE__ */ jsx("dl", { className: "col-span-2 grid grid-cols-1 gap-x-8 gap-y-10 text-base leading-7 text-gray-600 sm:grid-cols-2 lg:gap-y-16 dark:text-gray-400", children: features.map((feature) => /* @__PURE__ */ jsxs("div", { className: "relative pl-9", children: [
+      /* @__PURE__ */ jsxs("dt", { className: "font-semibold text-gray-900 dark:text-white", children: [
+        /* @__PURE__ */ jsx(
+          CheckIcon,
+          {
+            className: "text-primary-500 absolute left-0 top-1 h-5 w-5",
+            "aria-hidden": "true"
+          }
+        ),
+        feature.name
+      ] }),
+      /* @__PURE__ */ jsx("dd", { className: "mt-2", children: feature.description })
+    ] }, feature.name)) })
+  ] }) }) });
+};
+export {
+  FeatureList
+};
+//# sourceMappingURL=featurelist.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/tailwind/featurelist.tsx"],"sourcesContent":["import { CheckIcon } from '@heroicons/react/20/solid'\nimport { Button } from '../ui/button'\nimport Link from 'next/link'\n\nconst features = [\n  {\n    name: 'Character profiles',\n    description:\n      'Build detailed character sheets with backstory, personality traits, relationships, and image galleries.',\n  },\n  {\n    name: 'Location builder',\n    description:\n      'Map out your world with rich location entries covering history, atmosphere, and notable details.',\n  },\n  {\n    name: 'Timeline tracking',\n    description:\n      'Lay out events, plot points, and story arcs in chronological order so nothing slips through the cracks.',\n  },\n  {\n    name: 'Wiki-style cross-linking',\n    description:\n      'Link characters, locations, and events together just like a professional story wiki.',\n  },\n  {\n    name: 'AI story assistant',\n    description:\n      'Get AI-powered suggestions to spot plot holes, maintain character consistency, and deepen your world-building.',\n  },\n  {\n    name: 'Image galleries',\n    description:\n      'Attach reference art, mood boards, and photos to any character, location, or timeline entry.',\n  },\n  {\n    name: 'Relationship mapping',\n    description:\n      'Visualize how your characters connect — allies, rivals, family, and everything in between.',\n  },\n  {\n    name: 'Public sharing',\n    description:\n      'Share your story bible with collaborators or readers, or keep it completely private.',\n  },\n]\n\nexport const FeatureList = () => {\n  return (\n    <div className=\"bg-white py-24 sm:py-32 dark:bg-gray-900\">\n      <div className=\"mx-auto max-w-7xl px-6 lg:px-8\">\n        <div className=\"mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3\">\n          <div>\n            <h2 className=\"text-primary-600 dark:text-primary-400 text-base font-semibold leading-7\">\n              Everything you need\n            </h2>\n            <p className=\"mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl dark:text-white\">\n              One place for your entire story world\n            </p>\n            <p className=\"mt-6 text-base leading-7 text-gray-600 dark:text-gray-400\">\n              Stop juggling scattered notes, spreadsheets, and docs. Story Bible\n              Ultimate gives every element of your story a home: organized,\n              searchable, and always at your fingertips.\n            </p>\n            <div className=\"mt-6\">\n              <Link href=\"/about/features\">\n                <Button className=\"bg-primary\">See all features</Button>\n              </Link>\n            </div>\n          </div>\n          <dl className=\"col-span-2 grid grid-cols-1 gap-x-8 gap-y-10 text-base leading-7 text-gray-600 sm:grid-cols-2 lg:gap-y-16 dark:text-gray-400\">\n            {features.map((feature) => (\n              <div key={feature.name} className=\"relative pl-9\">\n                <dt className=\"font-semibold text-gray-900 dark:text-white\">\n                  <CheckIcon\n                    className=\"text-primary-500 absolute left-0 top-1 h-5 w-5\"\n                    aria-hidden=\"true\"\n                  />\n                  {feature.name}\n                </dt>\n                <dd className=\"mt-2\">{feature.description}</dd>\n              </div>\n            ))}\n          </dl>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAoDU,SACE,KADF;AApDV,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,OAAO,UAAU;AAEjB,MAAM,WAAW;AAAA,EACf;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aACE;AAAA,EACJ;AACF;AAEO,MAAM,cAAc,MAAM;AAC/B,SACE,oBAAC,SAAI,WAAU,4CACb,8BAAC,SAAI,WAAU,kCACb,+BAAC,SAAI,WAAU,wGACb;AAAA,yBAAC,SACC;AAAA,0BAAC,QAAG,WAAU,4EAA2E,iCAEzF;AAAA,MACA,oBAAC,OAAE,WAAU,oFAAmF,mDAEhG;AAAA,MACA,oBAAC,OAAE,WAAU,6DAA4D,yLAIzE;AAAA,MACA,oBAAC,SAAI,WAAU,QACb,8BAAC,QAAK,MAAK,mBACT,8BAAC,UAAO,WAAU,cAAa,8BAAgB,GACjD,GACF;AAAA,OACF;AAAA,IACA,oBAAC,QAAG,WAAU,gIACX,mBAAS,IAAI,CAAC,YACb,qBAAC,SAAuB,WAAU,iBAChC;AAAA,2BAAC,QAAG,WAAU,+CACZ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA;AAAA,QACd;AAAA,QACC,QAAQ;AAAA,SACX;AAAA,MACA,oBAAC,QAAG,WAAU,QAAQ,kBAAQ,aAAY;AAAA,SARlC,QAAQ,IASlB,CACD,GACH;AAAA,KACF,GACF,GACF;AAEJ;","names":[]}

package/dist/components/tailwind/footer.cjs

@@ -0,0 +1,104 @@
+"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 footer_exports = {};
+__export(footer_exports, {
+  Footer: () => Footer
+});
+module.exports = __toCommonJS(footer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_copyright = require("../generic/copyright");
+const navigation = {
+  resources: [
+    { name: "Features", href: "/about/features" },
+    { name: "Pricing", href: "/about/pricing" },
+    { name: "Contact", href: "/about/contact" }
+  ],
+  legal: [{ name: "Privacy", href: "/about/privacy" }]
+};
+const Footer = () => {
+  const [copyRight, setCopyright] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    setCopyright(`\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()}. All rights reserved.`);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("footer", { className: "bg-gray-900", "aria-labelledby": "footer-heading", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { id: "footer-heading", className: "sr-only", children: "Footer" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto max-w-7xl px-6 pb-8 pt-20 sm:pt-24 lg:px-8 lg:pt-32", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "xl:grid xl:grid-cols-3 xl:gap-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-2 gap-8 xl:col-span-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-sm font-semibold leading-6 text-white", children: "Resources" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { role: "list", className: "mt-6 space-y-4", children: navigation.resources.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "a",
+              {
+                href: item.href,
+                className: "text-sm leading-6 text-gray-300 hover:text-white",
+                children: item.name
+              }
+            ) }, item.name)) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-sm font-semibold leading-6 text-white", children: "Legal" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { role: "list", className: "mt-6 space-y-4", children: navigation.legal.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "a",
+              {
+                href: item.href,
+                className: "text-sm leading-6 text-gray-300 hover:text-white",
+                children: item.name
+              }
+            ) }, item.name)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-10 xl:mt-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-sm font-semibold leading-6 text-white", children: "Subscribe to our newsletter" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2 text-sm leading-6 text-gray-300", children: "The latest news, articles, and resources, sent to your inbox weekly." }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { className: "mt-6 sm:flex sm:max-w-md", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "email-address", className: "sr-only", children: "Email address" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "input",
+              {
+                type: "email",
+                name: "email-address",
+                id: "email-address",
+                autoComplete: "email",
+                required: true,
+                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",
+                placeholder: "Enter your email"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-4 sm:ml-4 sm:mt-0 sm:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "submit",
+                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",
+                children: "Subscribe"
+              }
+            ) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-16 border-t border-white/10 pt-8 sm:mt-20 lg:mt-24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_copyright.Copyright, { copyRight }) })
+    ] })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Footer
+});
+//# sourceMappingURL=footer.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/tailwind/footer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { Copyright } from '../generic/copyright'\n\nconst navigation = {\n  resources: [\n    { name: 'Features', href: '/about/features' },\n    { name: 'Pricing', href: '/about/pricing' },\n    { name: 'Contact', href: '/about/contact' },\n  ],\n  legal: [{ name: 'Privacy', href: '/about/privacy' }],\n}\n\nexport const Footer = () => {\n  const [copyRight, setCopyright] = useState('')\n  useEffect(() => {\n    setCopyright(`© ${new Date().getFullYear()}. All rights reserved.`)\n  }, [])\n  return (\n    <footer className=\"bg-gray-900\" aria-labelledby=\"footer-heading\">\n      <h2 id=\"footer-heading\" className=\"sr-only\">\n        Footer\n      </h2>\n      <div className=\"mx-auto max-w-7xl px-6 pb-8 pt-20 sm:pt-24 lg:px-8 lg:pt-32\">\n        <div className=\"xl:grid xl:grid-cols-3 xl:gap-8\">\n          <div className=\"grid grid-cols-2 gap-8 xl:col-span-2\">\n            <div>\n              <h3 className=\"text-sm font-semibold leading-6 text-white\">\n                Resources\n              </h3>\n              <ul role=\"list\" className=\"mt-6 space-y-4\">\n                {navigation.resources.map((item) => (\n                  <li key={item.name}>\n                    <a\n                      href={item.href}\n                      className=\"text-sm leading-6 text-gray-300 hover:text-white\"\n                    >\n                      {item.name}\n                    </a>\n                  </li>\n                ))}\n              </ul>\n            </div>\n            <div>\n              <h3 className=\"text-sm font-semibold leading-6 text-white\">\n                Legal\n              </h3>\n              <ul role=\"list\" className=\"mt-6 space-y-4\">\n                {navigation.legal.map((item) => (\n                  <li key={item.name}>\n                    <a\n                      href={item.href}\n                      className=\"text-sm leading-6 text-gray-300 hover:text-white\"\n                    >\n                      {item.name}\n                    </a>\n                  </li>\n                ))}\n              </ul>\n            </div>\n          </div>\n          <div className=\"mt-10 xl:mt-0\">\n            <h3 className=\"text-sm font-semibold leading-6 text-white\">\n              Subscribe to our newsletter\n            </h3>\n            <p className=\"mt-2 text-sm leading-6 text-gray-300\">\n              The latest news, articles, and resources, sent to your inbox\n              weekly.\n            </p>\n            <form className=\"mt-6 sm:flex sm:max-w-md\">\n              <label htmlFor=\"email-address\" className=\"sr-only\">\n                Email address\n              </label>\n              <input\n                type=\"email\"\n                name=\"email-address\"\n                id=\"email-address\"\n                autoComplete=\"email\"\n                required\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                placeholder=\"Enter your email\"\n              />\n              <div className=\"mt-4 sm:ml-4 sm:mt-0 sm:shrink-0\">\n                <button\n                  type=\"submit\"\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\"\n                >\n                  Subscribe\n                </button>\n              </div>\n            </form>\n          </div>\n        </div>\n        <div className=\"mt-16 border-t border-white/10 pt-8 sm:mt-20 lg:mt-24\">\n          <Copyright copyRight={copyRight} />\n        </div>\n      </div>\n    </footer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBM;AAnBN,mBAAoC;AACpC,uBAA0B;AAE1B,MAAM,aAAa;AAAA,EACjB,WAAW;AAAA,IACT,EAAE,MAAM,YAAY,MAAM,kBAAkB;AAAA,IAC5C,EAAE,MAAM,WAAW,MAAM,iBAAiB;AAAA,IAC1C,EAAE,MAAM,WAAW,MAAM,iBAAiB;AAAA,EAC5C;AAAA,EACA,OAAO,CAAC,EAAE,MAAM,WAAW,MAAM,iBAAiB,CAAC;AACrD;AAEO,MAAM,SAAS,MAAM;AAC1B,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAC7C,8BAAU,MAAM;AACd,iBAAa,SAAK,oBAAI,KAAK,GAAE,YAAY,CAAC,wBAAwB;AAAA,EACpE,GAAG,CAAC,CAAC;AACL,SACE,6CAAC,YAAO,WAAU,eAAc,mBAAgB,kBAC9C;AAAA,gDAAC,QAAG,IAAG,kBAAiB,WAAU,WAAU,oBAE5C;AAAA,IACA,6CAAC,SAAI,WAAU,+DACb;AAAA,mDAAC,SAAI,WAAU,mCACb;AAAA,qDAAC,SAAI,WAAU,wCACb;AAAA,uDAAC,SACC;AAAA,wDAAC,QAAG,WAAU,8CAA6C,uBAE3D;AAAA,YACA,4CAAC,QAAG,MAAK,QAAO,WAAU,kBACvB,qBAAW,UAAU,IAAI,CAAC,SACzB,4CAAC,QACC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM,KAAK;AAAA,gBACX,WAAU;AAAA,gBAET,eAAK;AAAA;AAAA,YACR,KANO,KAAK,IAOd,CACD,GACH;AAAA,aACF;AAAA,UACA,6CAAC,SACC;AAAA,wDAAC,QAAG,WAAU,8CAA6C,mBAE3D;AAAA,YACA,4CAAC,QAAG,MAAK,QAAO,WAAU,kBACvB,qBAAW,MAAM,IAAI,CAAC,SACrB,4CAAC,QACC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM,KAAK;AAAA,gBACX,WAAU;AAAA,gBAET,eAAK;AAAA;AAAA,YACR,KANO,KAAK,IAOd,CACD,GACH;AAAA,aACF;AAAA,WACF;AAAA,QACA,6CAAC,SAAI,WAAU,iBACb;AAAA,sDAAC,QAAG,WAAU,8CAA6C,yCAE3D;AAAA,UACA,4CAAC,OAAE,WAAU,wCAAuC,kFAGpD;AAAA,UACA,6CAAC,UAAK,WAAU,4BACd;AAAA,wDAAC,WAAM,SAAQ,iBAAgB,WAAU,WAAU,2BAEnD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,IAAG;AAAA,gBACH,cAAa;AAAA,gBACb,UAAQ;AAAA,gBACR,WAAU;AAAA,gBACV,aAAY;AAAA;AAAA,YACd;AAAA,YACA,4CAAC,SAAI,WAAU,oCACb;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBACX;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,MACA,4CAAC,SAAI,WAAU,yDACb,sDAAC,8BAAU,WAAsB,GACnC;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

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

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

package/dist/components/tailwind/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../components/tailwind/footer.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,MAAM,+CAsFlB,CAAA"}

package/dist/components/tailwind/footer.js

@@ -0,0 +1,80 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Copyright } from "../generic/copyright";
+const navigation = {
+  resources: [
+    { name: "Features", href: "/about/features" },
+    { name: "Pricing", href: "/about/pricing" },
+    { name: "Contact", href: "/about/contact" }
+  ],
+  legal: [{ name: "Privacy", href: "/about/privacy" }]
+};
+const Footer = () => {
+  const [copyRight, setCopyright] = useState("");
+  useEffect(() => {
+    setCopyright(`\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()}. All rights reserved.`);
+  }, []);
+  return /* @__PURE__ */ jsxs("footer", { className: "bg-gray-900", "aria-labelledby": "footer-heading", children: [
+    /* @__PURE__ */ jsx("h2", { id: "footer-heading", className: "sr-only", children: "Footer" }),
+    /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl px-6 pb-8 pt-20 sm:pt-24 lg:px-8 lg:pt-32", children: [
+      /* @__PURE__ */ jsxs("div", { className: "xl:grid xl:grid-cols-3 xl:gap-8", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8 xl:col-span-2", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold leading-6 text-white", children: "Resources" }),
+            /* @__PURE__ */ jsx("ul", { role: "list", className: "mt-6 space-y-4", children: navigation.resources.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: item.href,
+                className: "text-sm leading-6 text-gray-300 hover:text-white",
+                children: item.name
+              }
+            ) }, item.name)) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold leading-6 text-white", children: "Legal" }),
+            /* @__PURE__ */ jsx("ul", { role: "list", className: "mt-6 space-y-4", children: navigation.legal.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: item.href,
+                className: "text-sm leading-6 text-gray-300 hover:text-white",
+                children: item.name
+              }
+            ) }, item.name)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-10 xl:mt-0", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold leading-6 text-white", children: "Subscribe to our newsletter" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm leading-6 text-gray-300", children: "The latest news, articles, and resources, sent to your inbox weekly." }),
+          /* @__PURE__ */ jsxs("form", { className: "mt-6 sm:flex sm:max-w-md", children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: "email-address", className: "sr-only", children: "Email address" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "email",
+                name: "email-address",
+                id: "email-address",
+                autoComplete: "email",
+                required: true,
+                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",
+                placeholder: "Enter your email"
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "mt-4 sm:ml-4 sm:mt-0 sm:shrink-0", children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "submit",
+                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",
+                children: "Subscribe"
+              }
+            ) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-16 border-t border-white/10 pt-8 sm:mt-20 lg:mt-24", children: /* @__PURE__ */ jsx(Copyright, { copyRight }) })
+    ] })
+  ] });
+};
+export {
+  Footer
+};
+//# sourceMappingURL=footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/tailwind/footer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { Copyright } from '../generic/copyright'\n\nconst navigation = {\n  resources: [\n    { name: 'Features', href: '/about/features' },\n    { name: 'Pricing', href: '/about/pricing' },\n    { name: 'Contact', href: '/about/contact' },\n  ],\n  legal: [{ name: 'Privacy', href: '/about/privacy' }],\n}\n\nexport const Footer = () => {\n  const [copyRight, setCopyright] = useState('')\n  useEffect(() => {\n    setCopyright(`© ${new Date().getFullYear()}. All rights reserved.`)\n  }, [])\n  return (\n    <footer className=\"bg-gray-900\" aria-labelledby=\"footer-heading\">\n      <h2 id=\"footer-heading\" className=\"sr-only\">\n        Footer\n      </h2>\n      <div className=\"mx-auto max-w-7xl px-6 pb-8 pt-20 sm:pt-24 lg:px-8 lg:pt-32\">\n        <div className=\"xl:grid xl:grid-cols-3 xl:gap-8\">\n          <div className=\"grid grid-cols-2 gap-8 xl:col-span-2\">\n            <div>\n              <h3 className=\"text-sm font-semibold leading-6 text-white\">\n                Resources\n              </h3>\n              <ul role=\"list\" className=\"mt-6 space-y-4\">\n                {navigation.resources.map((item) => (\n                  <li key={item.name}>\n                    <a\n                      href={item.href}\n                      className=\"text-sm leading-6 text-gray-300 hover:text-white\"\n                    >\n                      {item.name}\n                    </a>\n                  </li>\n                ))}\n              </ul>\n            </div>\n            <div>\n              <h3 className=\"text-sm font-semibold leading-6 text-white\">\n                Legal\n              </h3>\n              <ul role=\"list\" className=\"mt-6 space-y-4\">\n                {navigation.legal.map((item) => (\n                  <li key={item.name}>\n                    <a\n                      href={item.href}\n                      className=\"text-sm leading-6 text-gray-300 hover:text-white\"\n                    >\n                      {item.name}\n                    </a>\n                  </li>\n                ))}\n              </ul>\n            </div>\n          </div>\n          <div className=\"mt-10 xl:mt-0\">\n            <h3 className=\"text-sm font-semibold leading-6 text-white\">\n              Subscribe to our newsletter\n            </h3>\n            <p className=\"mt-2 text-sm leading-6 text-gray-300\">\n              The latest news, articles, and resources, sent to your inbox\n              weekly.\n            </p>\n            <form className=\"mt-6 sm:flex sm:max-w-md\">\n              <label htmlFor=\"email-address\" className=\"sr-only\">\n                Email address\n              </label>\n              <input\n                type=\"email\"\n                name=\"email-address\"\n                id=\"email-address\"\n                autoComplete=\"email\"\n                required\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                placeholder=\"Enter your email\"\n              />\n              <div className=\"mt-4 sm:ml-4 sm:mt-0 sm:shrink-0\">\n                <button\n                  type=\"submit\"\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\"\n                >\n                  Subscribe\n                </button>\n              </div>\n            </form>\n          </div>\n        </div>\n        <div className=\"mt-16 border-t border-white/10 pt-8 sm:mt-20 lg:mt-24\">\n          <Copyright copyRight={copyRight} />\n        </div>\n      </div>\n    </footer>\n  )\n}\n"],"mappings":"AAmBM,cAMM,YANN;AAnBN,SAAS,WAAW,gBAAgB;AACpC,SAAS,iBAAiB;AAE1B,MAAM,aAAa;AAAA,EACjB,WAAW;AAAA,IACT,EAAE,MAAM,YAAY,MAAM,kBAAkB;AAAA,IAC5C,EAAE,MAAM,WAAW,MAAM,iBAAiB;AAAA,IAC1C,EAAE,MAAM,WAAW,MAAM,iBAAiB;AAAA,EAC5C;AAAA,EACA,OAAO,CAAC,EAAE,MAAM,WAAW,MAAM,iBAAiB,CAAC;AACrD;AAEO,MAAM,SAAS,MAAM;AAC1B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAC7C,YAAU,MAAM;AACd,iBAAa,SAAK,oBAAI,KAAK,GAAE,YAAY,CAAC,wBAAwB;AAAA,EACpE,GAAG,CAAC,CAAC;AACL,SACE,qBAAC,YAAO,WAAU,eAAc,mBAAgB,kBAC9C;AAAA,wBAAC,QAAG,IAAG,kBAAiB,WAAU,WAAU,oBAE5C;AAAA,IACA,qBAAC,SAAI,WAAU,+DACb;AAAA,2BAAC,SAAI,WAAU,mCACb;AAAA,6BAAC,SAAI,WAAU,wCACb;AAAA,+BAAC,SACC;AAAA,gCAAC,QAAG,WAAU,8CAA6C,uBAE3D;AAAA,YACA,oBAAC,QAAG,MAAK,QAAO,WAAU,kBACvB,qBAAW,UAAU,IAAI,CAAC,SACzB,oBAAC,QACC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM,KAAK;AAAA,gBACX,WAAU;AAAA,gBAET,eAAK;AAAA;AAAA,YACR,KANO,KAAK,IAOd,CACD,GACH;AAAA,aACF;AAAA,UACA,qBAAC,SACC;AAAA,gCAAC,QAAG,WAAU,8CAA6C,mBAE3D;AAAA,YACA,oBAAC,QAAG,MAAK,QAAO,WAAU,kBACvB,qBAAW,MAAM,IAAI,CAAC,SACrB,oBAAC,QACC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM,KAAK;AAAA,gBACX,WAAU;AAAA,gBAET,eAAK;AAAA;AAAA,YACR,KANO,KAAK,IAOd,CACD,GACH;AAAA,aACF;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,iBACb;AAAA,8BAAC,QAAG,WAAU,8CAA6C,yCAE3D;AAAA,UACA,oBAAC,OAAE,WAAU,wCAAuC,kFAGpD;AAAA,UACA,qBAAC,UAAK,WAAU,4BACd;AAAA,gCAAC,WAAM,SAAQ,iBAAgB,WAAU,WAAU,2BAEnD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,IAAG;AAAA,gBACH,cAAa;AAAA,gBACb,UAAQ;AAAA,gBACR,WAAU;AAAA,gBACV,aAAY;AAAA;AAAA,YACd;AAAA,YACA,oBAAC,SAAI,WAAU,oCACb;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBACX;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,MACA,oBAAC,SAAI,WAAU,yDACb,8BAAC,aAAU,WAAsB,GACnC;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}