@jarrodmedrano/ui 0.1.0

package/dist/components/dashboard/with-dashboard.js

@@ -0,0 +1,175 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { TooltipProvider } from "../ui/tooltip";
+import {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup
+} from "../ui/resizable";
+import { cn } from "../../lib/utils";
+import { SiteHeader } from "../header/internal/site-header";
+import { Sidebar } from "./sidebar/sidebar";
+import { useCookies } from "next-client-cookies";
+const withDashboard = (Component) => {
+  const WrappedComponent = (_a) => {
+    var _b = _a, {
+      children
+    } = _b, props = __objRest(_b, [
+      "children"
+    ]);
+    const {
+      //@ts-ignore this line
+      data,
+      //@ts-ignore this line
+      user,
+      //@ts-ignore this line
+      signOut,
+      //@ts-ignore this line
+      theme,
+      //@ts-ignore this line
+      resolvedTheme,
+      //@ts-ignore this line
+      setTheme
+    } = props;
+    let cookies;
+    try {
+      cookies = useCookies();
+    } catch (error) {
+      cookies = {
+        get: (() => null),
+        set: () => {
+        },
+        remove: () => {
+        }
+      };
+    }
+    const [hasMounted, setHasMounted] = useState(false);
+    const [isCollapsed, setIsCollapsed] = useState(false);
+    const [layout, setLayout] = useState([50, 50]);
+    useEffect(() => {
+      try {
+        const defaultLayout = cookies.get("react-resizable-panels:layout");
+        const defaultCollapsed = cookies.get("react-resizable-panels:collapsed");
+        setIsCollapsed(defaultCollapsed === "true");
+        setLayout(defaultLayout ? JSON.parse(defaultLayout) : [50, 50]);
+      } catch (error) {
+        setLayout([50, 50]);
+      }
+      setHasMounted(true);
+    }, []);
+    const handleCollapse = () => {
+      if (!isCollapsed) {
+        setIsCollapsed(true);
+        try {
+          cookies.set("react-resizable-panels:collapsed", "true");
+        } catch (error) {
+        }
+      }
+    };
+    const handleExpand = () => {
+      if (isCollapsed) {
+        setIsCollapsed(false);
+        try {
+          cookies.set("react-resizable-panels:collapsed", "false");
+        } catch (error) {
+        }
+      }
+    };
+    const handleLayout = (sizes) => {
+      try {
+        cookies.set("react-resizable-panels:layout", JSON.stringify(sizes));
+      } catch (error) {
+      }
+    };
+    if (!hasMounted) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        SiteHeader,
+        {
+          user,
+          cookies,
+          signOut,
+          theme,
+          resolvedTheme,
+          setTheme
+        }
+      ),
+      /* @__PURE__ */ jsx("main", { className: "h-screen flex-1", children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs(
+        ResizablePanelGroup,
+        {
+          direction: "horizontal",
+          onLayout: handleLayout,
+          className: "h-full items-stretch",
+          children: [
+            /* @__PURE__ */ jsx(
+              ResizablePanel,
+              {
+                className: cn(
+                  isCollapsed && "min-w-[50px] transition-all duration-300 ease-in-out"
+                ),
+                collapsedSize: 5,
+                collapsible: true,
+                defaultSize: layout[0],
+                maxSize: 20,
+                minSize: 15,
+                onCollapse: handleCollapse,
+                onExpand: handleExpand,
+                children: /* @__PURE__ */ jsx(
+                  Sidebar,
+                  __spreadValues({
+                    defaultLayout: layout,
+                    isCollapsed
+                  }, { data })
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(ResizableHandle, { withHandle: true }),
+            /* @__PURE__ */ jsxs(ResizablePanel, { defaultSize: layout[1], minSize: 30, children: [
+              /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, props), { isCollapsed })),
+              children
+            ] })
+          ]
+        }
+      ) }) })
+    ] });
+  };
+  return WrappedComponent;
+};
+var with_dashboard_default = withDashboard;
+export {
+  with_dashboard_default as default
+};
+//# sourceMappingURL=with-dashboard.js.map

package/dist/components/dashboard/with-dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/dashboard/with-dashboard.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, useEffect, useState } from 'react'\nimport { TooltipProvider } from '../ui/tooltip'\nimport {\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n} from '../ui/resizable'\nimport { cn } from '../../lib/utils'\nimport { SiteHeader } from '../header/internal/site-header'\nimport { Sidebar } from './sidebar/sidebar'\nimport { useCookies } from 'next-client-cookies'\n\nconst withDashboard = (Component: ElementType<any>) => {\n  const WrappedComponent = ({\n    children,\n    ...props\n  }: {\n    children: ReactNode\n  }) => {\n    //@ts-ignore this line\n    const {\n      //@ts-ignore this line\n      data,\n      //@ts-ignore this line\n      user,\n      //@ts-ignore this line\n      signOut,\n      //@ts-ignore this line\n      theme,\n      //@ts-ignore this line\n      resolvedTheme,\n      //@ts-ignore this line\n      setTheme,\n    } = props\n\n    let cookies: ReturnType<typeof useCookies>\n    try {\n      cookies = useCookies()\n    } catch (error) {\n      // Fallback if CookiesProvider is not available\n      cookies = {\n        get: (() => null) as any,\n        set: () => {},\n        remove: () => {},\n      } as ReturnType<typeof useCookies>\n    }\n\n    // State to track whether the component has mounted\n    const [hasMounted, setHasMounted] = useState(false)\n\n    // State for layout and collapsed status\n    const [isCollapsed, setIsCollapsed] = useState<boolean>(false)\n    const [layout, setLayout] = useState<number[]>([50, 50])\n\n    useEffect(() => {\n      // Set initial state based on cookies after the component has mounted\n      try {\n        const defaultLayout = cookies.get('react-resizable-panels:layout')\n        const defaultCollapsed = cookies.get('react-resizable-panels:collapsed')\n\n        setIsCollapsed(defaultCollapsed === 'true')\n        setLayout(defaultLayout ? JSON.parse(defaultLayout) : [50, 50])\n      } catch (error) {\n        // Use defaults if cookies are not available\n        setLayout([50, 50])\n      }\n\n      // Mark the component as mounted\n      setHasMounted(true)\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    const handleCollapse = () => {\n      if (!isCollapsed) {\n        setIsCollapsed(true)\n        try {\n          cookies.set('react-resizable-panels:collapsed', 'true')\n        } catch (error) {\n          // Ignore cookie errors\n        }\n      }\n    }\n\n    const handleExpand = () => {\n      if (isCollapsed) {\n        setIsCollapsed(false)\n        try {\n          cookies.set('react-resizable-panels:collapsed', 'false')\n        } catch (error) {\n          // Ignore cookie errors\n        }\n      }\n    }\n\n    const handleLayout = (sizes: number[]) => {\n      try {\n        cookies.set('react-resizable-panels:layout', JSON.stringify(sizes))\n      } catch (error) {\n        // Ignore cookie errors\n      }\n    }\n\n    // Avoid rendering the component until it has mounted\n    if (!hasMounted) {\n      return null\n    }\n\n    return (\n      <>\n        <SiteHeader\n          user={user}\n          cookies={cookies}\n          signOut={signOut}\n          theme={theme}\n          resolvedTheme={resolvedTheme}\n          setTheme={setTheme}\n        />\n        <main className=\"h-screen flex-1\">\n          <TooltipProvider delayDuration={0}>\n            <ResizablePanelGroup\n              direction=\"horizontal\"\n              onLayout={handleLayout}\n              className=\"h-full items-stretch\"\n            >\n              <ResizablePanel\n                className={cn(\n                  isCollapsed &&\n                    'min-w-[50px] transition-all duration-300 ease-in-out',\n                )}\n                collapsedSize={5}\n                collapsible={true}\n                defaultSize={layout[0]}\n                maxSize={20}\n                minSize={15}\n                onCollapse={handleCollapse}\n                onExpand={handleExpand}\n              >\n                <Sidebar\n                  defaultLayout={layout}\n                  isCollapsed={isCollapsed}\n                  {...({ data } as any)}\n                />\n              </ResizablePanel>\n              <ResizableHandle withHandle />\n              <ResizablePanel defaultSize={layout[1]} minSize={30}>\n                <Component {...props} isCollapsed={isCollapsed} />\n                {children}\n              </ResizablePanel>\n            </ResizablePanelGroup>\n          </TooltipProvider>\n        </main>\n      </>\n    )\n  }\n\n  return WrappedComponent\n}\n\nexport default withDashboard\n"],"mappings":"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","names":[]}

package/dist/components/detail/DetailLayout.styles.cjs

@@ -0,0 +1,116 @@
+"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 DetailLayout_styles_exports = {};
+__export(DetailLayout_styles_exports, {
+  ActionButtons: () => ActionButtons,
+  Content: () => Content,
+  DetailWrapper: () => DetailWrapper,
+  Header: () => Header,
+  Metadata: () => Metadata,
+  RelatedEntitiesContainer: () => RelatedEntitiesContainer,
+  Title: () => Title,
+  TitleSection: () => TitleSection,
+  ToggleButton: () => ToggleButton
+});
+module.exports = __toCommonJS(DetailLayout_styles_exports);
+var import_styled_components = __toESM(require("styled-components"), 1);
+const DetailWrapper = import_styled_components.default.div.attrs({
+  className: "sm:px-6 lg:px-8"
+})`
+  margin: 0 auto;
+  padding: 24px;
+`;
+const Header = import_styled_components.default.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 32px;
+  gap: 20px;
+`;
+const TitleSection = import_styled_components.default.div`
+  flex: 1;
+`;
+const Title = import_styled_components.default.h1`
+  font-size: 36px;
+  font-weight: 700;
+  margin-bottom: 12px;
+  color: ${({ $theme }) => $theme === "dark" ? "#f9fafb" : "#111827"};
+`;
+const Metadata = import_styled_components.default.div`
+  display: flex;
+  gap: 16px;
+  font-size: 14px;
+  color: ${({ $theme }) => $theme === "dark" ? "#9ca3af" : "#6b7280"};
+`;
+const ActionButtons = import_styled_components.default.div`
+  display: flex;
+  gap: 12px;
+  align-items: center;
+`;
+const Content = import_styled_components.default.div`
+  font-size: 16px;
+  line-height: 1.8;
+  color: ${({ $theme }) => $theme === "dark" ? "#e5e7eb" : "#374151"};
+  white-space: pre-wrap;
+  margin-bottom: 32px;
+  overflow: auto;
+`;
+const ToggleButton = import_styled_components.default.button`
+  width: 100%;
+  padding: 16px;
+  background: ${({ $theme }) => $theme === "dark" ? "#1f2937" : "#f9fafb"};
+  border: 1px solid
+    ${({ $theme }) => $theme === "dark" ? "#374151" : "#e5e7eb"};
+  border-radius: 8px;
+  font-size: 16px;
+  font-weight: 500;
+  color: ${({ $theme }) => $theme === "dark" ? "#f9fafb" : "#111827"};
+  cursor: pointer;
+  transition: all 0.2s ease;
+
+  &:hover {
+    background: ${({ $theme }) => $theme === "dark" ? "#374151" : "#f3f4f6"};
+  }
+`;
+const RelatedEntitiesContainer = import_styled_components.default.div`
+  margin-top: 24px;
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionButtons,
+  Content,
+  DetailWrapper,
+  Header,
+  Metadata,
+  RelatedEntitiesContainer,
+  Title,
+  TitleSection,
+  ToggleButton
+});
+//# sourceMappingURL=DetailLayout.styles.cjs.map

package/dist/components/detail/DetailLayout.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/detail/DetailLayout.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const DetailWrapper = styled.div.attrs({\n  className: 'sm:px-6 lg:px-8',\n})`\n  margin: 0 auto;\n  padding: 24px;\n`\n\nexport const Header = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 32px;\n  gap: 20px;\n`\n\nexport const TitleSection = styled.div`\n  flex: 1;\n`\n\nexport const Title = styled.h1<{ $theme?: string }>`\n  font-size: 36px;\n  font-weight: 700;\n  margin-bottom: 12px;\n  color: ${({ $theme }) => ($theme === 'dark' ? '#f9fafb' : '#111827')};\n`\n\nexport const Metadata = styled.div<{ $theme?: string }>`\n  display: flex;\n  gap: 16px;\n  font-size: 14px;\n  color: ${({ $theme }) => ($theme === 'dark' ? '#9ca3af' : '#6b7280')};\n`\n\nexport const ActionButtons = styled.div`\n  display: flex;\n  gap: 12px;\n  align-items: center;\n`\n\nexport const Content = styled.div<{ $theme?: string }>`\n  font-size: 16px;\n  line-height: 1.8;\n  color: ${({ $theme }) => ($theme === 'dark' ? '#e5e7eb' : '#374151')};\n  white-space: pre-wrap;\n  margin-bottom: 32px;\n  overflow: auto;\n`\n\nexport const ToggleButton = styled.button<{ $theme?: string }>`\n  width: 100%;\n  padding: 16px;\n  background: ${({ $theme }) => ($theme === 'dark' ? '#1f2937' : '#f9fafb')};\n  border: 1px solid\n    ${({ $theme }) => ($theme === 'dark' ? '#374151' : '#e5e7eb')};\n  border-radius: 8px;\n  font-size: 16px;\n  font-weight: 500;\n  color: ${({ $theme }) => ($theme === 'dark' ? '#f9fafb' : '#111827')};\n  cursor: pointer;\n  transition: all 0.2s ease;\n\n  &:hover {\n    background: ${({ $theme }) => ($theme === 'dark' ? '#374151' : '#f3f4f6')};\n  }\n`\n\nexport const RelatedEntitiesContainer = styled.div`\n  margin-top: 24px;\n`\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAmB;AAEZ,MAAM,gBAAgB,yBAAAA,QAAO,IAAI,MAAM;AAAA,EAC5C,WAAW;AACb,CAAC;AAAA;AAAA;AAAA;AAKM,MAAM,SAAS,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQtB,MAAM,eAAe,yBAAAA,QAAO;AAAA;AAAA;AAI5B,MAAM,QAAQ,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,WAIjB,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAG/D,MAAM,WAAW,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,WAIpB,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAG/D,MAAM,gBAAgB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAM7B,MAAM,UAAU,yBAAAA,QAAO;AAAA;AAAA;AAAA,WAGnB,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAM/D,MAAM,eAAe,yBAAAA,QAAO;AAAA;AAAA;AAAA,gBAGnB,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA,MAErE,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;AAAA;AAAA,WAItD,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKpD,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;AAItE,MAAM,2BAA2B,yBAAAA,QAAO;AAAA;AAAA;","names":["styled"]}

package/dist/components/detail/DetailLayout.styles.d.ts

@@ -0,0 +1,18 @@
+export declare const DetailWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TitleSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
+    $theme?: string;
+}>> & string;
+export declare const Metadata: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme?: string;
+}>> & string;
+export declare const ActionButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme?: string;
+}>> & string;
+export declare const ToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $theme?: string;
+}>> & string;
+export declare const RelatedEntitiesContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+//# sourceMappingURL=DetailLayout.styles.d.ts.map

package/dist/components/detail/DetailLayout.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailLayout.styles.d.ts","sourceRoot":"","sources":["../../../components/detail/DetailLayout.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,gaAKzB,CAAA;AAED,eAAO,MAAM,MAAM,6NAMlB,CAAA;AAED,eAAO,MAAM,YAAY,6NAExB,CAAA;AAED,eAAO,MAAM,KAAK;aAAwB,MAAM;YAK/C,CAAA;AAED,eAAO,MAAM,QAAQ;aAAyB,MAAM;YAKnD,CAAA;AAED,eAAO,MAAM,aAAa,6NAIzB,CAAA;AAED,eAAO,MAAM,OAAO;aAAyB,MAAM;YAOlD,CAAA;AAED,eAAO,MAAM,YAAY;aAA4B,MAAM;YAgB1D,CAAA;AAED,eAAO,MAAM,wBAAwB,6NAEpC,CAAA"}

package/dist/components/detail/DetailLayout.styles.js

@@ -0,0 +1,74 @@
+import styled from "styled-components";
+const DetailWrapper = styled.div.attrs({
+  className: "sm:px-6 lg:px-8"
+})`
+  margin: 0 auto;
+  padding: 24px;
+`;
+const Header = styled.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 32px;
+  gap: 20px;
+`;
+const TitleSection = styled.div`
+  flex: 1;
+`;
+const Title = styled.h1`
+  font-size: 36px;
+  font-weight: 700;
+  margin-bottom: 12px;
+  color: ${({ $theme }) => $theme === "dark" ? "#f9fafb" : "#111827"};
+`;
+const Metadata = styled.div`
+  display: flex;
+  gap: 16px;
+  font-size: 14px;
+  color: ${({ $theme }) => $theme === "dark" ? "#9ca3af" : "#6b7280"};
+`;
+const ActionButtons = styled.div`
+  display: flex;
+  gap: 12px;
+  align-items: center;
+`;
+const Content = styled.div`
+  font-size: 16px;
+  line-height: 1.8;
+  color: ${({ $theme }) => $theme === "dark" ? "#e5e7eb" : "#374151"};
+  white-space: pre-wrap;
+  margin-bottom: 32px;
+  overflow: auto;
+`;
+const ToggleButton = styled.button`
+  width: 100%;
+  padding: 16px;
+  background: ${({ $theme }) => $theme === "dark" ? "#1f2937" : "#f9fafb"};
+  border: 1px solid
+    ${({ $theme }) => $theme === "dark" ? "#374151" : "#e5e7eb"};
+  border-radius: 8px;
+  font-size: 16px;
+  font-weight: 500;
+  color: ${({ $theme }) => $theme === "dark" ? "#f9fafb" : "#111827"};
+  cursor: pointer;
+  transition: all 0.2s ease;
+
+  &:hover {
+    background: ${({ $theme }) => $theme === "dark" ? "#374151" : "#f3f4f6"};
+  }
+`;
+const RelatedEntitiesContainer = styled.div`
+  margin-top: 24px;
+`;
+export {
+  ActionButtons,
+  Content,
+  DetailWrapper,
+  Header,
+  Metadata,
+  RelatedEntitiesContainer,
+  Title,
+  TitleSection,
+  ToggleButton
+};
+//# sourceMappingURL=DetailLayout.styles.js.map

package/dist/components/detail/DetailLayout.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/detail/DetailLayout.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const DetailWrapper = styled.div.attrs({\n  className: 'sm:px-6 lg:px-8',\n})`\n  margin: 0 auto;\n  padding: 24px;\n`\n\nexport const Header = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 32px;\n  gap: 20px;\n`\n\nexport const TitleSection = styled.div`\n  flex: 1;\n`\n\nexport const Title = styled.h1<{ $theme?: string }>`\n  font-size: 36px;\n  font-weight: 700;\n  margin-bottom: 12px;\n  color: ${({ $theme }) => ($theme === 'dark' ? '#f9fafb' : '#111827')};\n`\n\nexport const Metadata = styled.div<{ $theme?: string }>`\n  display: flex;\n  gap: 16px;\n  font-size: 14px;\n  color: ${({ $theme }) => ($theme === 'dark' ? '#9ca3af' : '#6b7280')};\n`\n\nexport const ActionButtons = styled.div`\n  display: flex;\n  gap: 12px;\n  align-items: center;\n`\n\nexport const Content = styled.div<{ $theme?: string }>`\n  font-size: 16px;\n  line-height: 1.8;\n  color: ${({ $theme }) => ($theme === 'dark' ? '#e5e7eb' : '#374151')};\n  white-space: pre-wrap;\n  margin-bottom: 32px;\n  overflow: auto;\n`\n\nexport const ToggleButton = styled.button<{ $theme?: string }>`\n  width: 100%;\n  padding: 16px;\n  background: ${({ $theme }) => ($theme === 'dark' ? '#1f2937' : '#f9fafb')};\n  border: 1px solid\n    ${({ $theme }) => ($theme === 'dark' ? '#374151' : '#e5e7eb')};\n  border-radius: 8px;\n  font-size: 16px;\n  font-weight: 500;\n  color: ${({ $theme }) => ($theme === 'dark' ? '#f9fafb' : '#111827')};\n  cursor: pointer;\n  transition: all 0.2s ease;\n\n  &:hover {\n    background: ${({ $theme }) => ($theme === 'dark' ? '#374151' : '#f3f4f6')};\n  }\n`\n\nexport const RelatedEntitiesContainer = styled.div`\n  margin-top: 24px;\n`\n"],"mappings":"AAAA,OAAO,YAAY;AAEZ,MAAM,gBAAgB,OAAO,IAAI,MAAM;AAAA,EAC5C,WAAW;AACb,CAAC;AAAA;AAAA;AAAA;AAKM,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQtB,MAAM,eAAe,OAAO;AAAA;AAAA;AAI5B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,WAIjB,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAG/D,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA,WAIpB,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAG/D,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAM7B,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA,WAGnB,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAM/D,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA,gBAGnB,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA,MAErE,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;AAAA;AAAA,WAItD,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKpD,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;AAItE,MAAM,2BAA2B,OAAO;AAAA;AAAA;","names":[]}

package/dist/components/detail/index.cjs

@@ -0,0 +1,45 @@
+"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 detail_exports = {};
+__export(detail_exports, {
+  ActionButtons: () => import_DetailLayout.ActionButtons,
+  Content: () => import_DetailLayout.Content,
+  DetailWrapper: () => import_DetailLayout.DetailWrapper,
+  Header: () => import_DetailLayout.Header,
+  Metadata: () => import_DetailLayout.Metadata,
+  RelatedEntitiesContainer: () => import_DetailLayout.RelatedEntitiesContainer,
+  Title: () => import_DetailLayout.Title,
+  TitleSection: () => import_DetailLayout.TitleSection,
+  ToggleButton: () => import_DetailLayout.ToggleButton
+});
+module.exports = __toCommonJS(detail_exports);
+var import_DetailLayout = require("./DetailLayout.styles");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionButtons,
+  Content,
+  DetailWrapper,
+  Header,
+  Metadata,
+  RelatedEntitiesContainer,
+  Title,
+  TitleSection,
+  ToggleButton
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/detail/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/detail/index.ts"],"sourcesContent":["export {\n  DetailWrapper,\n  Header,\n  TitleSection,\n  Title,\n  Metadata,\n  ActionButtons,\n  Content,\n  ToggleButton,\n  RelatedEntitiesContainer,\n} from './DetailLayout.styles'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUO;","names":[]}

package/dist/components/detail/index.d.ts

@@ -0,0 +1,2 @@
+export { DetailWrapper, Header, TitleSection, Title, Metadata, ActionButtons, Content, ToggleButton, RelatedEntitiesContainer, } from './DetailLayout.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/detail/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/detail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,MAAM,EACN,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,aAAa,EACb,OAAO,EACP,YAAY,EACZ,wBAAwB,GACzB,MAAM,uBAAuB,CAAA"}

package/dist/components/detail/index.js

@@ -0,0 +1,23 @@
+import {
+  DetailWrapper,
+  Header,
+  TitleSection,
+  Title,
+  Metadata,
+  ActionButtons,
+  Content,
+  ToggleButton,
+  RelatedEntitiesContainer
+} from "./DetailLayout.styles";
+export {
+  ActionButtons,
+  Content,
+  DetailWrapper,
+  Header,
+  Metadata,
+  RelatedEntitiesContainer,
+  Title,
+  TitleSection,
+  ToggleButton
+};
+//# sourceMappingURL=index.js.map

package/dist/components/detail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/detail/index.ts"],"sourcesContent":["export {\n  DetailWrapper,\n  Header,\n  TitleSection,\n  Title,\n  Metadata,\n  ActionButtons,\n  Content,\n  ToggleButton,\n  RelatedEntitiesContainer,\n} from './DetailLayout.styles'\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/flowbite/card-images.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 card_images_exports = {};
+__export(card_images_exports, {
+  default: () => card_images_default
+});
+module.exports = __toCommonJS(card_images_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const ContentCardImagesSection = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "bg-white dark:bg-gray-900", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-(--breakpoint-xl) mx-auto px-4 py-8 lg:px-6 lg:py-16", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-center text-gray-900", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-12 grid gap-6 md:grid-cols-3 lg:mt-14 lg:gap-12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-2 flex md:mb-0 md:flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-2 flex md:mb-0 md:flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "mb-2.5 text-xl font-bold text-gray-900 md:mt-4 dark:text-white", children: "Build Your World" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex md:flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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;
+//# sourceMappingURL=card-images.cjs.map

package/dist/components/flowbite/card-images.cjs.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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKU;AALV,MAAM,2BAA2B,MAAM;AACrC,SACE,4CAAC,aAAQ,WAAU,6BACjB,uDAAC,SAAI,WAAU,8DACb;AAAA,iDAAC,SAAI,WAAU,6BACb;AAAA,kDAAC,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,6CAAC,SAAI,WAAU,sDACb;AAAA,mDAAC,SAAI,WAAU,iCACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAI;AAAA,YACJ,KAAI;AAAA,YACJ,WAAU;AAAA;AAAA,QACZ;AAAA,QACA,6CAAC,SACC;AAAA,sDAAC,QAAG,WAAU,kEAAiE,yCAE/E;AAAA,UACA,4CAAC,OAAE,WAAU,oCAAmC,oIAGhD;AAAA,WACF;AAAA,SACF;AAAA,MACA,6CAAC,SAAI,WAAU,iCACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAI;AAAA,YACJ,KAAI;AAAA,YACJ,WAAU;AAAA;AAAA,QACZ;AAAA,QACA,6CAAC,SACC;AAAA,sDAAC,QAAG,WAAU,kEAAiE,8BAE/E;AAAA,UACA,4CAAC,OAAE,WAAU,oCAAmC,6IAIhD;AAAA,WACF;AAAA,SACF;AAAA,MACA,6CAAC,SAAI,WAAU,oBACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAI;AAAA,YACJ,KAAI;AAAA,YACJ,WAAU;AAAA;AAAA,QACZ;AAAA,QACA,6CAAC,SACC;AAAA,sDAAC,QAAG,WAAU,kEAAiE,sCAE/E;AAAA,UACA,4CAAC,OAAE,WAAU,oCAAmC,yJAIhD;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KACF,GACF;AAEJ;AAEA,IAAO,sBAAQ;","names":[]}

package/dist/components/flowbite/card-images.d.ts

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

package/dist/components/flowbite/card-images.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-images.d.ts","sourceRoot":"","sources":["../../../components/flowbite/card-images.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,wBAAwB,+CAkF7B,CAAA;AAED,eAAe,wBAAwB,CAAA"}