@jarrodmedrano/ui 0.1.0

package/dist/components/flowbite/card-images.js

@@ -0,0 +1,84 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const ContentCardImagesSection = () => {
+  return /* @__PURE__ */ jsx("section", { className: "bg-white dark:bg-gray-900", children: /* @__PURE__ */ jsxs("div", { className: "max-w-(--breakpoint-xl) mx-auto px-4 py-8 lg:px-6 lg:py-16", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-center text-gray-900", children: [
+      /* @__PURE__ */ jsx("h2", { className: "mb-4 text-4xl font-extrabold tracking-tight text-gray-900 lg:text-5xl dark:text-white", children: "AI Driven Story Plotting" }),
+      /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: "/about/features",
+          className: "text-primary-600 hover:text-primary-800 dark:text-primary-500 dark:hover:text-primary-700 inline-flex items-center text-lg font-medium",
+          children: [
+            "Learn more about Story Bible",
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: "ml-1 h-6 w-6",
+                fill: "currentColor",
+                viewBox: "0 0 20 20",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+                    clipRule: "evenodd"
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-12 grid gap-6 md:grid-cols-3 lg:mt-14 lg:gap-12", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-2 flex md:mb-0 md:flex-col", children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            alt: "Story Bible AI wizard guiding you through story outline generation",
+            src: "/img/features-scroll.png",
+            className: "mr-4 h-36 w-auto rounded-lg md:h-auto md:w-full"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "mb-2.5 text-xl font-bold text-gray-900 md:mt-4 dark:text-white", children: "Generate your story outline" }),
+          /* @__PURE__ */ jsx("p", { className: "text-gray-500 dark:text-gray-400", children: "Start with one of our pre-defined story templates, or roll your own. Our AI wizard will guide you through the process." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mb-2 flex md:mb-0 md:flex-col", children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            alt: "World-building tools for creating characters, locations, and timelines",
+            src: "/img/features-world.png",
+            className: "mr-4 h-36 w-auto rounded-lg md:h-auto md:w-full"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "mb-2.5 text-xl font-bold text-gray-900 md:mt-4 dark:text-white", children: "Build Your World" }),
+          /* @__PURE__ */ jsx("p", { className: "text-gray-500 dark:text-gray-400", children: "Use our tools to create characters, locations, timelines, and more. Use AI to generate artwork and content, or upload your own." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex md:flex-col", children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            alt: "Story Bible community sharing and collaboration",
+            src: "https://flowbite.s3.amazonaws.com/blocks/marketing-ui/content/office-content-3.png",
+            className: "mr-4 h-36 w-auto rounded-lg md:h-auto md:w-full"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "mb-2.5 text-xl font-bold text-gray-900 md:mt-4 dark:text-white", children: "Share with our community" }),
+          /* @__PURE__ */ jsx("p", { className: "text-gray-500 dark:text-gray-400", children: "Story Bibles are public by default. Browse our collection for inspiration. Or subscribe today to unlock private stories and other features." })
+        ] })
+      ] })
+    ] })
+  ] }) });
+};
+var card_images_default = ContentCardImagesSection;
+export {
+  card_images_default as default
+};
+//# sourceMappingURL=card-images.js.map

package/dist/components/flowbite/card-images.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/flowbite/card-images.tsx"],"sourcesContent":["const ContentCardImagesSection = () => {\n  return (\n    <section className=\"bg-white dark:bg-gray-900\">\n      <div className=\"max-w-(--breakpoint-xl) mx-auto px-4 py-8 lg:px-6 lg:py-16\">\n        <div className=\"text-center text-gray-900\">\n          <h2 className=\"mb-4 text-4xl font-extrabold tracking-tight text-gray-900 lg:text-5xl dark:text-white\">\n            AI Driven Story Plotting\n          </h2>\n          <a\n            href=\"/about/features\"\n            className=\"text-primary-600 hover:text-primary-800 dark:text-primary-500 dark:hover:text-primary-700 inline-flex items-center text-lg font-medium\"\n          >\n            Learn more about Story Bible\n            <svg\n              className=\"ml-1 h-6 w-6\"\n              fill=\"currentColor\"\n              viewBox=\"0 0 20 20\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                fillRule=\"evenodd\"\n                d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </a>\n        </div>\n        <div className=\"mt-12 grid gap-6 md:grid-cols-3 lg:mt-14 lg:gap-12\">\n          <div className=\"mb-2 flex md:mb-0 md:flex-col\">\n            <img\n              alt=\"Story Bible AI wizard guiding you through story outline generation\"\n              src=\"/img/features-scroll.png\"\n              className=\"mr-4 h-36 w-auto rounded-lg md:h-auto md:w-full\"\n            />\n            <div>\n              <h3 className=\"mb-2.5 text-xl font-bold text-gray-900 md:mt-4 dark:text-white\">\n                Generate your story outline\n              </h3>\n              <p className=\"text-gray-500 dark:text-gray-400\">\n                Start with one of our pre-defined story templates, or roll your\n                own. Our AI wizard will guide you through the process.\n              </p>\n            </div>\n          </div>\n          <div className=\"mb-2 flex md:mb-0 md:flex-col\">\n            <img\n              alt=\"World-building tools for creating characters, locations, and timelines\"\n              src=\"/img/features-world.png\"\n              className=\"mr-4 h-36 w-auto rounded-lg md:h-auto md:w-full\"\n            />\n            <div>\n              <h3 className=\"mb-2.5 text-xl font-bold text-gray-900 md:mt-4 dark:text-white\">\n                Build Your World\n              </h3>\n              <p className=\"text-gray-500 dark:text-gray-400\">\n                Use our tools to create characters, locations, timelines, and\n                more. Use AI to generate artwork and content, or upload your\n                own.\n              </p>\n            </div>\n          </div>\n          <div className=\"flex md:flex-col\">\n            <img\n              alt=\"Story Bible community sharing and collaboration\"\n              src=\"https://flowbite.s3.amazonaws.com/blocks/marketing-ui/content/office-content-3.png\"\n              className=\"mr-4 h-36 w-auto rounded-lg md:h-auto md:w-full\"\n            />\n            <div>\n              <h3 className=\"mb-2.5 text-xl font-bold text-gray-900 md:mt-4 dark:text-white\">\n                Share with our community\n              </h3>\n              <p className=\"text-gray-500 dark:text-gray-400\">\n                Story Bibles are public by default. Browse our collection for\n                inspiration. Or subscribe today to unlock private stories and\n                other features.\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default ContentCardImagesSection\n"],"mappings":"AAKU,cAGA,YAHA;AALV,MAAM,2BAA2B,MAAM;AACrC,SACE,oBAAC,aAAQ,WAAU,6BACjB,+BAAC,SAAI,WAAU,8DACb;AAAA,yBAAC,SAAI,WAAU,6BACb;AAAA,0BAAC,QAAG,WAAU,yFAAwF,sCAEtG;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACX;AAAA;AAAA,YAEC;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,OAAM;AAAA,gBAEN;AAAA,kBAAC;AAAA;AAAA,oBACC,UAAS;AAAA,oBACT,GAAE;AAAA,oBACF,UAAS;AAAA;AAAA,gBACX;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IACA,qBAAC,SAAI,WAAU,sDACb;AAAA,2BAAC,SAAI,WAAU,iCACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAI;AAAA,YACJ,KAAI;AAAA,YACJ,WAAU;AAAA;AAAA,QACZ;AAAA,QACA,qBAAC,SACC;AAAA,8BAAC,QAAG,WAAU,kEAAiE,yCAE/E;AAAA,UACA,oBAAC,OAAE,WAAU,oCAAmC,oIAGhD;AAAA,WACF;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,iCACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAI;AAAA,YACJ,KAAI;AAAA,YACJ,WAAU;AAAA;AAAA,QACZ;AAAA,QACA,qBAAC,SACC;AAAA,8BAAC,QAAG,WAAU,kEAAiE,8BAE/E;AAAA,UACA,oBAAC,OAAE,WAAU,oCAAmC,6IAIhD;AAAA,WACF;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,oBACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAI;AAAA,YACJ,KAAI;AAAA,YACJ,WAAU;AAAA;AAAA,QACZ;AAAA,QACA,qBAAC,SACC;AAAA,8BAAC,QAAG,WAAU,kEAAiE,sCAE/E;AAAA,UACA,oBAAC,OAAE,WAAU,oCAAmC,yJAIhD;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KACF,GACF;AAEJ;AAEA,IAAO,sBAAQ;","names":[]}

package/dist/components/flowbite/gallery.cjs

@@ -0,0 +1,53 @@
+"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 gallery_exports = {};
+__export(gallery_exports, {
+  default: () => gallery_default
+});
+module.exports = __toCommonJS(gallery_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_masonry = __toESM(require("./masonry"), 1);
+const imageUrls = [
+  "https://flowbite.s3.amazonaws.com/docs/gallery/masonry/image.jpg",
+  "https://flowbite.s3.amazonaws.com/docs/gallery/masonry/image-1.jpg"
+];
+const items = imageUrls.map((url, index) => ({
+  id: index,
+  title: `Image ${index + 1}`,
+  content: null,
+  slug: null,
+  userId: "",
+  primaryImageUrl: url,
+  href: url
+}));
+const GalleryPage = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_masonry.default, { items });
+};
+var gallery_default = GalleryPage;
+//# sourceMappingURL=gallery.cjs.map

package/dist/components/flowbite/gallery.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/flowbite/gallery.tsx"],"sourcesContent":["import React from 'react'\nimport MasonryGrid, { EntityGridItem } from './masonry'\n\nconst imageUrls = [\n  'https://flowbite.s3.amazonaws.com/docs/gallery/masonry/image.jpg',\n  'https://flowbite.s3.amazonaws.com/docs/gallery/masonry/image-1.jpg',\n]\n\nconst items: EntityGridItem[] = imageUrls.map((url, index) => ({\n  id: index,\n  title: `Image ${index + 1}`,\n  content: null,\n  slug: null,\n  userId: '',\n  primaryImageUrl: url,\n  href: url,\n}))\n\nconst GalleryPage = () => {\n  return <MasonryGrid items={items} />\n}\n\nexport default GalleryPage\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBS;AAlBT,qBAA4C;AAE5C,MAAM,YAAY;AAAA,EAChB;AAAA,EACA;AACF;AAEA,MAAM,QAA0B,UAAU,IAAI,CAAC,KAAK,WAAW;AAAA,EAC7D,IAAI;AAAA,EACJ,OAAO,SAAS,QAAQ,CAAC;AAAA,EACzB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,MAAM;AACR,EAAE;AAEF,MAAM,cAAc,MAAM;AACxB,SAAO,4CAAC,eAAAA,SAAA,EAAY,OAAc;AACpC;AAEA,IAAO,kBAAQ;","names":["MasonryGrid"]}

package/dist/components/flowbite/gallery.d.ts

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

package/dist/components/flowbite/gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery.d.ts","sourceRoot":"","sources":["../../../components/flowbite/gallery.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,WAAW,+CAEhB,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/flowbite/gallery.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import MasonryGrid from "./masonry";
+const imageUrls = [
+  "https://flowbite.s3.amazonaws.com/docs/gallery/masonry/image.jpg",
+  "https://flowbite.s3.amazonaws.com/docs/gallery/masonry/image-1.jpg"
+];
+const items = imageUrls.map((url, index) => ({
+  id: index,
+  title: `Image ${index + 1}`,
+  content: null,
+  slug: null,
+  userId: "",
+  primaryImageUrl: url,
+  href: url
+}));
+const GalleryPage = () => {
+  return /* @__PURE__ */ jsx(MasonryGrid, { items });
+};
+var gallery_default = GalleryPage;
+export {
+  gallery_default as default
+};
+//# sourceMappingURL=gallery.js.map

package/dist/components/flowbite/gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/flowbite/gallery.tsx"],"sourcesContent":["import React from 'react'\nimport MasonryGrid, { EntityGridItem } from './masonry'\n\nconst imageUrls = [\n  'https://flowbite.s3.amazonaws.com/docs/gallery/masonry/image.jpg',\n  'https://flowbite.s3.amazonaws.com/docs/gallery/masonry/image-1.jpg',\n]\n\nconst items: EntityGridItem[] = imageUrls.map((url, index) => ({\n  id: index,\n  title: `Image ${index + 1}`,\n  content: null,\n  slug: null,\n  userId: '',\n  primaryImageUrl: url,\n  href: url,\n}))\n\nconst GalleryPage = () => {\n  return <MasonryGrid items={items} />\n}\n\nexport default GalleryPage\n"],"mappings":"AAmBS;AAlBT,OAAO,iBAAqC;AAE5C,MAAM,YAAY;AAAA,EAChB;AAAA,EACA;AACF;AAEA,MAAM,QAA0B,UAAU,IAAI,CAAC,KAAK,WAAW;AAAA,EAC7D,IAAI;AAAA,EACJ,OAAO,SAAS,QAAQ,CAAC;AAAA,EACzB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,MAAM;AACR,EAAE;AAEF,MAAM,cAAc,MAAM;AACxB,SAAO,oBAAC,eAAY,OAAc;AACpC;AAEA,IAAO,kBAAQ;","names":[]}

package/dist/components/flowbite/masonry.cjs

@@ -0,0 +1,73 @@
+"use strict";
+"use client";
+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 masonry_exports = {};
+__export(masonry_exports, {
+  default: () => MasonryGrid
+});
+module.exports = __toCommonJS(masonry_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_image = __toESM(require("next/image"), 1);
+var import_link = __toESM(require("next/link"), 1);
+const GRADIENT_PALETTE = [
+  "from-violet-600 to-indigo-600",
+  "from-rose-500 to-pink-500",
+  "from-amber-500 to-orange-500",
+  "from-emerald-500 to-teal-500",
+  "from-sky-500 to-blue-600",
+  "from-fuchsia-500 to-purple-600"
+];
+function getGradient(id) {
+  return GRADIENT_PALETTE[id % GRADIENT_PALETTE.length];
+}
+function MasonryGrid({ items }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "parallax grid grid-cols-4 gap-4 md:grid-cols-8", children: items.map((item) => {
+    const gradient = getGradient(item.id);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: item.href, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "parallax-container relative h-64 overflow-hidden rounded-lg", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: `absolute inset-0 bg-gradient-to-br ${gradient}`
+        }
+      ),
+      item.primaryImageUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_image.default,
+        {
+          className: "parallax-img absolute inset-0 h-full w-full origin-bottom rounded-lg object-cover",
+          src: item.primaryImageUrl,
+          alt: item.title,
+          width: 400,
+          height: 600
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 px-2 py-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "truncate text-sm font-medium text-white", children: item.title }) })
+    ] }) }, item.id);
+  }) });
+}
+//# sourceMappingURL=masonry.cjs.map

package/dist/components/flowbite/masonry.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/flowbite/masonry.tsx"],"sourcesContent":["'use client'\n\nimport Image from 'next/image'\nimport Link from 'next/link'\n\nexport interface EntityGridItem {\n  id: number\n  title: string\n  content: string | null\n  slug: string | null\n  userId: string\n  primaryImageUrl: string | null\n  href: string\n}\n\nconst GRADIENT_PALETTE = [\n  'from-violet-600 to-indigo-600',\n  'from-rose-500 to-pink-500',\n  'from-amber-500 to-orange-500',\n  'from-emerald-500 to-teal-500',\n  'from-sky-500 to-blue-600',\n  'from-fuchsia-500 to-purple-600',\n]\n\nfunction getGradient(id: number): string {\n  return GRADIENT_PALETTE[id % GRADIENT_PALETTE.length]\n}\n\nexport default function MasonryGrid({ items }: { items: EntityGridItem[] }) {\n  return (\n    <div className=\"parallax grid grid-cols-4 gap-4 md:grid-cols-8\">\n      {items.map((item) => {\n        const gradient = getGradient(item.id)\n        return (\n          <Link href={item.href} key={item.id}>\n            <div className=\"parallax-container relative h-64 overflow-hidden rounded-lg\">\n              <div\n                className={`absolute inset-0 bg-gradient-to-br ${gradient}`}\n              />\n              {item.primaryImageUrl && (\n                <Image\n                  className=\"parallax-img absolute inset-0 h-full w-full origin-bottom rounded-lg object-cover\"\n                  src={item.primaryImageUrl}\n                  alt={item.title}\n                  width={400}\n                  height={600}\n                />\n              )}\n              <div className=\"absolute bottom-0 left-0 right-0 bg-black/50 px-2 py-1\">\n                <p className=\"truncate text-sm font-medium text-white\">\n                  {item.title}\n                </p>\n              </div>\n            </div>\n          </Link>\n        )\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCY;AAjCZ,mBAAkB;AAClB,kBAAiB;AAYjB,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,YAAY,IAAoB;AACvC,SAAO,iBAAiB,KAAK,iBAAiB,MAAM;AACtD;AAEe,SAAR,YAA6B,EAAE,MAAM,GAAgC;AAC1E,SACE,4CAAC,SAAI,WAAU,kDACZ,gBAAM,IAAI,CAAC,SAAS;AACnB,UAAM,WAAW,YAAY,KAAK,EAAE;AACpC,WACE,4CAAC,YAAAA,SAAA,EAAK,MAAM,KAAK,MACf,uDAAC,SAAI,WAAU,+DACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,sCAAsC,QAAQ;AAAA;AAAA,MAC3D;AAAA,MACC,KAAK,mBACJ;AAAA,QAAC,aAAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK,KAAK;AAAA,UACV,KAAK,KAAK;AAAA,UACV,OAAO;AAAA,UACP,QAAQ;AAAA;AAAA,MACV;AAAA,MAEF,4CAAC,SAAI,WAAU,0DACb,sDAAC,OAAE,WAAU,2CACV,eAAK,OACR,GACF;AAAA,OACF,KAnB0B,KAAK,EAoBjC;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":["Link","Image"]}

package/dist/components/flowbite/masonry.d.ts

@@ -0,0 +1,13 @@
+export interface EntityGridItem {
+    id: number;
+    title: string;
+    content: string | null;
+    slug: string | null;
+    userId: string;
+    primaryImageUrl: string | null;
+    href: string;
+}
+export default function MasonryGrid({ items }: {
+    items: EntityGridItem[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=masonry.d.ts.map

package/dist/components/flowbite/masonry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"masonry.d.ts","sourceRoot":"","sources":["../../../components/flowbite/masonry.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAA;CACb;AAeD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,cAAc,EAAE,CAAA;CAAE,2CA+BzE"}

package/dist/components/flowbite/masonry.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+import Link from "next/link";
+const GRADIENT_PALETTE = [
+  "from-violet-600 to-indigo-600",
+  "from-rose-500 to-pink-500",
+  "from-amber-500 to-orange-500",
+  "from-emerald-500 to-teal-500",
+  "from-sky-500 to-blue-600",
+  "from-fuchsia-500 to-purple-600"
+];
+function getGradient(id) {
+  return GRADIENT_PALETTE[id % GRADIENT_PALETTE.length];
+}
+function MasonryGrid({ items }) {
+  return /* @__PURE__ */ jsx("div", { className: "parallax grid grid-cols-4 gap-4 md:grid-cols-8", children: items.map((item) => {
+    const gradient = getGradient(item.id);
+    return /* @__PURE__ */ jsx(Link, { href: item.href, children: /* @__PURE__ */ jsxs("div", { className: "parallax-container relative h-64 overflow-hidden rounded-lg", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `absolute inset-0 bg-gradient-to-br ${gradient}`
+        }
+      ),
+      item.primaryImageUrl && /* @__PURE__ */ jsx(
+        Image,
+        {
+          className: "parallax-img absolute inset-0 h-full w-full origin-bottom rounded-lg object-cover",
+          src: item.primaryImageUrl,
+          alt: item.title,
+          width: 400,
+          height: 600
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 px-2 py-1", children: /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-white", children: item.title }) })
+    ] }) }, item.id);
+  }) });
+}
+export {
+  MasonryGrid as default
+};
+//# sourceMappingURL=masonry.js.map

package/dist/components/flowbite/masonry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/flowbite/masonry.tsx"],"sourcesContent":["'use client'\n\nimport Image from 'next/image'\nimport Link from 'next/link'\n\nexport interface EntityGridItem {\n  id: number\n  title: string\n  content: string | null\n  slug: string | null\n  userId: string\n  primaryImageUrl: string | null\n  href: string\n}\n\nconst GRADIENT_PALETTE = [\n  'from-violet-600 to-indigo-600',\n  'from-rose-500 to-pink-500',\n  'from-amber-500 to-orange-500',\n  'from-emerald-500 to-teal-500',\n  'from-sky-500 to-blue-600',\n  'from-fuchsia-500 to-purple-600',\n]\n\nfunction getGradient(id: number): string {\n  return GRADIENT_PALETTE[id % GRADIENT_PALETTE.length]\n}\n\nexport default function MasonryGrid({ items }: { items: EntityGridItem[] }) {\n  return (\n    <div className=\"parallax grid grid-cols-4 gap-4 md:grid-cols-8\">\n      {items.map((item) => {\n        const gradient = getGradient(item.id)\n        return (\n          <Link href={item.href} key={item.id}>\n            <div className=\"parallax-container relative h-64 overflow-hidden rounded-lg\">\n              <div\n                className={`absolute inset-0 bg-gradient-to-br ${gradient}`}\n              />\n              {item.primaryImageUrl && (\n                <Image\n                  className=\"parallax-img absolute inset-0 h-full w-full origin-bottom rounded-lg object-cover\"\n                  src={item.primaryImageUrl}\n                  alt={item.title}\n                  width={400}\n                  height={600}\n                />\n              )}\n              <div className=\"absolute bottom-0 left-0 right-0 bg-black/50 px-2 py-1\">\n                <p className=\"truncate text-sm font-medium text-white\">\n                  {item.title}\n                </p>\n              </div>\n            </div>\n          </Link>\n        )\n      })}\n    </div>\n  )\n}\n"],"mappings":";AAmCY,SACE,KADF;AAjCZ,OAAO,WAAW;AAClB,OAAO,UAAU;AAYjB,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,YAAY,IAAoB;AACvC,SAAO,iBAAiB,KAAK,iBAAiB,MAAM;AACtD;AAEe,SAAR,YAA6B,EAAE,MAAM,GAAgC;AAC1E,SACE,oBAAC,SAAI,WAAU,kDACZ,gBAAM,IAAI,CAAC,SAAS;AACnB,UAAM,WAAW,YAAY,KAAK,EAAE;AACpC,WACE,oBAAC,QAAK,MAAM,KAAK,MACf,+BAAC,SAAI,WAAU,+DACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,sCAAsC,QAAQ;AAAA;AAAA,MAC3D;AAAA,MACC,KAAK,mBACJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK,KAAK;AAAA,UACV,KAAK,KAAK;AAAA,UACV,OAAO;AAAA,UACP,QAAQ;AAAA;AAAA,MACV;AAAA,MAEF,oBAAC,SAAI,WAAU,0DACb,8BAAC,OAAE,WAAU,2CACV,eAAK,OACR,GACF;AAAA,OACF,KAnB0B,KAAK,EAoBjC;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/components/flowbite/search-hero.cjs

@@ -0,0 +1,109 @@
+"use strict";
+"use client";
+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 search_hero_exports = {};
+__export(search_hero_exports, {
+  default: () => SearchBarDatepickerHeroSection
+});
+module.exports = __toCommonJS(search_hero_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_input = require("../ui/input");
+var import_label = require("../ui/label");
+var import_button = require("../ui/button");
+function SearchBarDatepickerHeroSection({
+  onSearch
+}) {
+  const [value, setValue] = (0, import_react.useState)("");
+  function handleSubmit(e) {
+    e.preventDefault();
+    onSearch(value.trim());
+  }
+  function handleClear() {
+    setValue("");
+    onSearch("");
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "z-1 max-w-(--breakpoint-xl) relative mx-auto px-4 py-8 text-white lg:py-16 xl:px-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-(--breakpoint-md) mb-6 lg:mb-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "mb-4 text-4xl font-extrabold leading-tight tracking-tight text-white md:text-5xl lg:text-6xl", children: "Find your inspiration" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mb-6 text-gray-300 md:text-lg lg:mb-8 lg:text-xl", children: "Peruse through our collection of public Story Bibles. Each guest account is allowed one public story. Subscribe to unlock private stories and other features." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "a",
+        {
+          href: "/signin",
+          className: "bg-primary-700 hover:bg-primary-800 focus:ring-primary-900 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800 focus:outline-hidden inline-flex items-center rounded-lg px-5 py-3 text-center font-medium text-white focus:ring-4",
+          children: "Sign In / Register"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "form",
+      {
+        onSubmit: handleSubmit,
+        className: "mt-8 grid w-full gap-y-4 rounded bg-white p-4 lg:mt-12 lg:grid-cols-9 lg:gap-x-4 dark:bg-gray-800",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative lg:col-span-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.Label, { htmlFor: "story-search", className: "sr-only", children: "Search stories" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_input.Input,
+              {
+                id: "story-search",
+                placeholder: "Search stories by title or content",
+                value,
+                onChange: (e) => setValue(e.target.value)
+              }
+            ),
+            value && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: handleClear,
+                className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600",
+                "aria-label": "Clear search",
+                children: "\u2715"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, { type: "submit", className: "lg:col-span-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "svg",
+              {
+                className: "-ml-1 mr-2 h-5 w-5",
+                fill: "currentColor",
+                viewBox: "0 0 20 20",
+                xmlns: "http://www.w3.org/2000/svg",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+                    clipRule: "evenodd"
+                  }
+                )
+              }
+            ),
+            "Search"
+          ] })
+        ]
+      }
+    )
+  ] }) });
+}
+//# sourceMappingURL=search-hero.cjs.map

package/dist/components/flowbite/search-hero.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/flowbite/search-hero.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\nimport { Input } from '../ui/input'\nimport { Label } from '../ui/label'\nimport { Button } from '../ui/button'\n\ninterface SearchBarProps {\n  onSearch: (query: string) => void\n}\n\nexport default function SearchBarDatepickerHeroSection({\n  onSearch,\n}: SearchBarProps) {\n  const [value, setValue] = useState('')\n\n  function handleSubmit(e: React.FormEvent) {\n    e.preventDefault()\n    onSearch(value.trim())\n  }\n\n  function handleClear() {\n    setValue('')\n    onSearch('')\n  }\n\n  return (\n    <section>\n      <div className=\"z-1 max-w-(--breakpoint-xl) relative mx-auto px-4 py-8 text-white lg:py-16 xl:px-0\">\n        <div className=\"max-w-(--breakpoint-md) mb-6 lg:mb-0\">\n          <h1 className=\"mb-4 text-4xl font-extrabold leading-tight tracking-tight text-white md:text-5xl lg:text-6xl\">\n            Find your inspiration\n          </h1>\n          <p className=\"mb-6 text-gray-300 md:text-lg lg:mb-8 lg:text-xl\">\n            Peruse through our collection of public Story Bibles. Each guest\n            account is allowed one public story. Subscribe to unlock private\n            stories and other features.\n          </p>\n          <a\n            href=\"/signin\"\n            className=\"bg-primary-700 hover:bg-primary-800 focus:ring-primary-900 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800 focus:outline-hidden inline-flex items-center rounded-lg px-5 py-3 text-center font-medium text-white focus:ring-4\"\n          >\n            Sign In / Register\n          </a>\n        </div>\n        <form\n          onSubmit={handleSubmit}\n          className=\"mt-8 grid w-full gap-y-4 rounded bg-white p-4 lg:mt-12 lg:grid-cols-9 lg:gap-x-4 dark:bg-gray-800\"\n        >\n          <div className=\"relative lg:col-span-4\">\n            <Label htmlFor=\"story-search\" className=\"sr-only\">\n              Search stories\n            </Label>\n            <Input\n              id=\"story-search\"\n              placeholder=\"Search stories by title or content\"\n              value={value}\n              onChange={(e) => setValue(e.target.value)}\n            />\n            {value && (\n              <button\n                type=\"button\"\n                onClick={handleClear}\n                className=\"absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600\"\n                aria-label=\"Clear search\"\n              >\n                ✕\n              </button>\n            )}\n          </div>\n          <Button type=\"submit\" className=\"lg:col-span-2\">\n            <svg\n              className=\"-ml-1 mr-2 h-5 w-5\"\n              fill=\"currentColor\"\n              viewBox=\"0 0 20 20\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n            >\n              <path\n                fillRule=\"evenodd\"\n                d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n            Search\n          </Button>\n        </form>\n      </div>\n    </section>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BQ;AA3BR,mBAAyB;AACzB,mBAAsB;AACtB,mBAAsB;AACtB,oBAAuB;AAMR,SAAR,+BAAgD;AAAA,EACrD;AACF,GAAmB;AACjB,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,EAAE;AAErC,WAAS,aAAa,GAAoB;AACxC,MAAE,eAAe;AACjB,aAAS,MAAM,KAAK,CAAC;AAAA,EACvB;AAEA,WAAS,cAAc;AACrB,aAAS,EAAE;AACX,aAAS,EAAE;AAAA,EACb;AAEA,SACE,4CAAC,aACC,uDAAC,SAAI,WAAU,sFACb;AAAA,iDAAC,SAAI,WAAU,wCACb;AAAA,kDAAC,QAAG,WAAU,gGAA+F,mCAE7G;AAAA,MACA,4CAAC,OAAE,WAAU,oDAAmD,2KAIhE;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,WAAU;AAAA,QAEV;AAAA,uDAAC,SAAI,WAAU,0BACb;AAAA,wDAAC,sBAAM,SAAQ,gBAAe,WAAU,WAAU,4BAElD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,aAAY;AAAA,gBACZ;AAAA,gBACA,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA;AAAA,YAC1C;AAAA,YACC,SACC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,WAAU;AAAA,gBACV,cAAW;AAAA,gBACZ;AAAA;AAAA,YAED;AAAA,aAEJ;AAAA,UACA,6CAAC,wBAAO,MAAK,UAAS,WAAU,iBAC9B;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,eAAY;AAAA,gBAEZ;AAAA,kBAAC;AAAA;AAAA,oBACC,UAAS;AAAA,oBACT,GAAE;AAAA,oBACF,UAAS;AAAA;AAAA,gBACX;AAAA;AAAA,YACF;AAAA,YAAM;AAAA,aAER;AAAA;AAAA;AAAA,IACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/flowbite/search-hero.d.ts

@@ -0,0 +1,6 @@
+interface SearchBarProps {
+    onSearch: (query: string) => void;
+}
+export default function SearchBarDatepickerHeroSection({ onSearch, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=search-hero.d.ts.map

package/dist/components/flowbite/search-hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-hero.d.ts","sourceRoot":"","sources":["../../../components/flowbite/search-hero.tsx"],"names":[],"mappings":"AAOA,UAAU,cAAc;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,MAAM,CAAC,OAAO,UAAU,8BAA8B,CAAC,EACrD,QAAQ,GACT,EAAE,cAAc,2CA6EhB"}

package/dist/components/flowbite/search-hero.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Input } from "../ui/input";
+import { Label } from "../ui/label";
+import { Button } from "../ui/button";
+function SearchBarDatepickerHeroSection({
+  onSearch
+}) {
+  const [value, setValue] = useState("");
+  function handleSubmit(e) {
+    e.preventDefault();
+    onSearch(value.trim());
+  }
+  function handleClear() {
+    setValue("");
+    onSearch("");
+  }
+  return /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsxs("div", { className: "z-1 max-w-(--breakpoint-xl) relative mx-auto px-4 py-8 text-white lg:py-16 xl:px-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "max-w-(--breakpoint-md) mb-6 lg:mb-0", children: [
+      /* @__PURE__ */ jsx("h1", { className: "mb-4 text-4xl font-extrabold leading-tight tracking-tight text-white md:text-5xl lg:text-6xl", children: "Find your inspiration" }),
+      /* @__PURE__ */ jsx("p", { className: "mb-6 text-gray-300 md:text-lg lg:mb-8 lg:text-xl", children: "Peruse through our collection of public Story Bibles. Each guest account is allowed one public story. Subscribe to unlock private stories and other features." }),
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "/signin",
+          className: "bg-primary-700 hover:bg-primary-800 focus:ring-primary-900 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800 focus:outline-hidden inline-flex items-center rounded-lg px-5 py-3 text-center font-medium text-white focus:ring-4",
+          children: "Sign In / Register"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: handleSubmit,
+        className: "mt-8 grid w-full gap-y-4 rounded bg-white p-4 lg:mt-12 lg:grid-cols-9 lg:gap-x-4 dark:bg-gray-800",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative lg:col-span-4", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "story-search", className: "sr-only", children: "Search stories" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "story-search",
+                placeholder: "Search stories by title or content",
+                value,
+                onChange: (e) => setValue(e.target.value)
+              }
+            ),
+            value && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleClear,
+                className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600",
+                "aria-label": "Clear search",
+                children: "\u2715"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { type: "submit", className: "lg:col-span-2", children: [
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: "-ml-1 mr-2 h-5 w-5",
+                fill: "currentColor",
+                viewBox: "0 0 20 20",
+                xmlns: "http://www.w3.org/2000/svg",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+                    clipRule: "evenodd"
+                  }
+                )
+              }
+            ),
+            "Search"
+          ] })
+        ]
+      }
+    )
+  ] }) });
+}
+export {
+  SearchBarDatepickerHeroSection as default
+};
+//# sourceMappingURL=search-hero.js.map

package/dist/components/flowbite/search-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/flowbite/search-hero.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\nimport { Input } from '../ui/input'\nimport { Label } from '../ui/label'\nimport { Button } from '../ui/button'\n\ninterface SearchBarProps {\n  onSearch: (query: string) => void\n}\n\nexport default function SearchBarDatepickerHeroSection({\n  onSearch,\n}: SearchBarProps) {\n  const [value, setValue] = useState('')\n\n  function handleSubmit(e: React.FormEvent) {\n    e.preventDefault()\n    onSearch(value.trim())\n  }\n\n  function handleClear() {\n    setValue('')\n    onSearch('')\n  }\n\n  return (\n    <section>\n      <div className=\"z-1 max-w-(--breakpoint-xl) relative mx-auto px-4 py-8 text-white lg:py-16 xl:px-0\">\n        <div className=\"max-w-(--breakpoint-md) mb-6 lg:mb-0\">\n          <h1 className=\"mb-4 text-4xl font-extrabold leading-tight tracking-tight text-white md:text-5xl lg:text-6xl\">\n            Find your inspiration\n          </h1>\n          <p className=\"mb-6 text-gray-300 md:text-lg lg:mb-8 lg:text-xl\">\n            Peruse through our collection of public Story Bibles. Each guest\n            account is allowed one public story. Subscribe to unlock private\n            stories and other features.\n          </p>\n          <a\n            href=\"/signin\"\n            className=\"bg-primary-700 hover:bg-primary-800 focus:ring-primary-900 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800 focus:outline-hidden inline-flex items-center rounded-lg px-5 py-3 text-center font-medium text-white focus:ring-4\"\n          >\n            Sign In / Register\n          </a>\n        </div>\n        <form\n          onSubmit={handleSubmit}\n          className=\"mt-8 grid w-full gap-y-4 rounded bg-white p-4 lg:mt-12 lg:grid-cols-9 lg:gap-x-4 dark:bg-gray-800\"\n        >\n          <div className=\"relative lg:col-span-4\">\n            <Label htmlFor=\"story-search\" className=\"sr-only\">\n              Search stories\n            </Label>\n            <Input\n              id=\"story-search\"\n              placeholder=\"Search stories by title or content\"\n              value={value}\n              onChange={(e) => setValue(e.target.value)}\n            />\n            {value && (\n              <button\n                type=\"button\"\n                onClick={handleClear}\n                className=\"absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600\"\n                aria-label=\"Clear search\"\n              >\n                ✕\n              </button>\n            )}\n          </div>\n          <Button type=\"submit\" className=\"lg:col-span-2\">\n            <svg\n              className=\"-ml-1 mr-2 h-5 w-5\"\n              fill=\"currentColor\"\n              viewBox=\"0 0 20 20\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n            >\n              <path\n                fillRule=\"evenodd\"\n                d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n            Search\n          </Button>\n        </form>\n      </div>\n    </section>\n  )\n}\n"],"mappings":";AA6BQ,SACE,KADF;AA3BR,SAAS,gBAAgB;AACzB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,cAAc;AAMR,SAAR,+BAAgD;AAAA,EACrD;AACF,GAAmB;AACjB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AAErC,WAAS,aAAa,GAAoB;AACxC,MAAE,eAAe;AACjB,aAAS,MAAM,KAAK,CAAC;AAAA,EACvB;AAEA,WAAS,cAAc;AACrB,aAAS,EAAE;AACX,aAAS,EAAE;AAAA,EACb;AAEA,SACE,oBAAC,aACC,+BAAC,SAAI,WAAU,sFACb;AAAA,yBAAC,SAAI,WAAU,wCACb;AAAA,0BAAC,QAAG,WAAU,gGAA+F,mCAE7G;AAAA,MACA,oBAAC,OAAE,WAAU,oDAAmD,2KAIhE;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,WAAU;AAAA,QAEV;AAAA,+BAAC,SAAI,WAAU,0BACb;AAAA,gCAAC,SAAM,SAAQ,gBAAe,WAAU,WAAU,4BAElD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,aAAY;AAAA,gBACZ;AAAA,gBACA,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA;AAAA,YAC1C;AAAA,YACC,SACC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,WAAU;AAAA,gBACV,cAAW;AAAA,gBACZ;AAAA;AAAA,YAED;AAAA,aAEJ;AAAA,UACA,qBAAC,UAAO,MAAK,UAAS,WAAU,iBAC9B;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,eAAY;AAAA,gBAEZ;AAAA,kBAAC;AAAA;AAAA,oBACC,UAAS;AAAA,oBACT,GAAE;AAAA,oBACF,UAAS;AAAA;AAAA,gBACX;AAAA;AAAA,YACF;AAAA,YAAM;AAAA,aAER;AAAA;AAAA;AAAA,IACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/generic/copyright.cjs

@@ -0,0 +1,32 @@
+"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 copyright_exports = {};
+__export(copyright_exports, {
+  Copyright: () => Copyright
+});
+module.exports = __toCommonJS(copyright_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const Copyright = ({ copyRight }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-8 text-xs leading-5 text-gray-400 md:order-1 md:mt-0", children: copyRight });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Copyright
+});
+//# sourceMappingURL=copyright.cjs.map

package/dist/components/generic/copyright.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/generic/copyright.tsx"],"sourcesContent":["export const Copyright = ({ copyRight }: { copyRight: string }) => {\n  return (\n    <p className=\"mt-8 text-xs leading-5 text-gray-400 md:order-1 md:mt-0\">\n      {copyRight}\n    </p>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEI;AAFG,MAAM,YAAY,CAAC,EAAE,UAAU,MAA6B;AACjE,SACE,4CAAC,OAAE,WAAU,2DACV,qBACH;AAEJ;","names":[]}

package/dist/components/generic/copyright.d.ts

@@ -0,0 +1,4 @@
+export declare const Copyright: ({ copyRight }: {
+    copyRight: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=copyright.d.ts.map

package/dist/components/generic/copyright.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyright.d.ts","sourceRoot":"","sources":["../../../components/generic/copyright.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,kBAAmB;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,4CAM7D,CAAA"}