polen 0.10.0-next.9 → 0.10.0

package/build/template/components/graphql/graphql.d.ts

@@ -1,3 +1,3 @@
-export * from './type-kind-icon.jsx';
-export * from './type-link.jsx';
+export * from './type-kind-icon.js';
+export * from './type-link.js';
 //# sourceMappingURL=graphql.d.ts.map

package/build/template/components/graphql/graphql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"graphql.d.ts","sourceRoot":"","sources":["../../../../src/template/components/graphql/graphql.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"graphql.d.ts","sourceRoot":"","sources":["../../../../src/template/components/graphql/graphql.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA"}

package/build/template/components/graphql/graphql.js

@@ -0,0 +1,3 @@
+export * from './type-kind-icon.js';
+export * from './type-link.js';
+//# sourceMappingURL=graphql.js.map

package/build/template/components/graphql/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphql.js","sourceRoot":"","sources":["../../../../src/template/components/graphql/graphql.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA"}

package/build/template/components/graphql/index.d.ts

@@ -1,2 +1,2 @@
-export * as Graphql from './graphql.jsx';
+export * as Graphql from './graphql.js';
 //# sourceMappingURL=index.d.ts.map

package/build/template/components/graphql/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/components/graphql/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/components/graphql/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,cAAc,CAAA"}

package/build/template/components/graphql/index.js

@@ -1,2 +1,2 @@
-export * as Graphql from './graphql.jsx';
+export * as Graphql from './graphql.js';
 //# sourceMappingURL=index.js.map

package/build/template/components/graphql/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/template/components/graphql/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/template/components/graphql/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,cAAc,CAAA"}

package/build/template/components/graphql/type-kind-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type-kind-icon.d.ts","sourceRoot":"","sources":["../../../../src/template/components/graphql/type-kind-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAIjD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,CAAA;CAAE,CAKxE,CAAA"}
+{"version":3,"file":"type-kind-icon.d.ts","sourceRoot":"","sources":["../../../../src/template/components/graphql/type-kind-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAIjD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,CAAA;CAAE,CAIxE,CAAA"}

package/build/template/components/graphql/type-kind-icon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Code } from '@radix-ui/themes';
+import { typeKindTokensIndex, unknownTypeKindToken } from './type-kind-tokens.js';
+export const TypeKindIcon = ({ kind }) => {
+    const { symbol, color } = typeKindTokensIndex[kind] ?? unknownTypeKindToken;
+    return _jsx(Code, { color: color, weight: 'bold', variant: 'outline', children: symbol });
+};
+//# sourceMappingURL=type-kind-icon.js.map

package/build/template/components/graphql/type-kind-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-kind-icon.js","sourceRoot":"","sources":["../../../../src/template/components/graphql/type-kind-icon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAEjF,MAAM,CAAC,MAAM,YAAY,GAAoD,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,IAAI,oBAAoB,CAAA;IAE3E,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,YAAE,MAAM,GAAQ,CAAA;AAC5E,CAAC,CAAA"}

package/build/template/components/graphql/type-link.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Grafaid } from '#lib/grafaid/index';
+import { Code, Flex } from '@radix-ui/themes';
+import { Link } from '../Link.js';
+import { TypeKindIcon } from './graphql.js';
+import { typeKindTokensIndex } from './type-kind-tokens.js';
+export const TypeLink = ({ type }) => {
+    const kind = Grafaid.Schema.typeKindFromClass(type);
+    return (_jsx(Link, { to: `/reference/${type.name}`, children: _jsxs(Flex, { align: 'center', gap: '1', display: 'inline-flex', children: [_jsx(TypeKindIcon, { kind: kind }), ` `, _jsx(Code, { color: typeKindTokensIndex[kind].color, variant: 'ghost', children: type.name })] }) }));
+};
+//# sourceMappingURL=type-link.js.map

package/build/template/components/graphql/type-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-link.js","sourceRoot":"","sources":["../../../../src/template/components/graphql/type-link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,CAAC,MAAM,QAAQ,GAAuD,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACvF,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACnD,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAE,cAAc,IAAI,CAAC,IAAI,EAAE,YACjC,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,aAAa,aAChD,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI,EAC3B,GAAG,EACJ,KAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,OAAO,EAAC,OAAO,YAAE,IAAI,CAAC,IAAI,GAAQ,IAC3E,GACF,CACR,CAAA;AACH,CAAC,CAAA"}

package/build/template/components/sidebar/Sidebar.d.ts

@@ -4,6 +4,6 @@ interface SidebarProps extends LayoutProps, MarginProps, BoxOwnProps {
     data: Content.Item[];
     style?: React.CSSProperties;
 }
-export declare const Sidebar: ({ data, ...props }: SidebarProps) => import("react").JSX.Element;
+export declare const Sidebar: ({ data, ...props }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Sidebar.d.ts.map

package/build/template/components/sidebar/Sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/template/components/sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAGnF,UAAU,YAAa,SAAQ,WAAW,EAAE,WAAW,EAAE,WAAW;IAClE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,CAAA;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,eAAO,MAAM,OAAO,GAAI,oBAAoB,YAAY,gCAiBvD,CAAA"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/template/components/sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAGnF,UAAU,YAAa,SAAQ,WAAW,EAAE,WAAW,EAAE,WAAW;IAClE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,CAAA;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,eAAO,MAAM,OAAO,GAAI,oBAAoB,YAAY,4CAiBvD,CAAA"}

package/build/template/components/sidebar/Sidebar.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '@radix-ui/themes';
+import { Items } from './SidebarItem.js';
+export const Sidebar = ({ data, ...props }) => {
+    return (_jsxs(Box, { "data-testid": 'sidebar', role: 'Sidebar', ...props, children: [_jsx("style", { children: `
+          div[role="Sidebar"] a:not([data-active]):hover {
+            background-color: var(--iris-2) !important;
+          }
+        ` }), _jsx(Items, { items: data })] }));
+};
+//# sourceMappingURL=Sidebar.js.map

package/build/template/components/sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/template/components/sidebar/Sidebar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAOxC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAC1D,OAAO,CACL,MAAC,GAAG,mBACU,SAAS,EACrB,IAAI,EAAC,SAAS,KACV,KAAK,aAET,0BACG;;;;SAIA,GACK,EACR,KAAC,KAAK,IAAC,KAAK,EAAE,IAAI,GAAI,IAClB,CACP,CAAA;AACH,CAAC,CAAA"}

package/build/template/components/sidebar/{SidebarItem.jsx → SidebarItem.js}

@@ -1,11 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Texts } from '#template/components/Texts/index';
 import { Box, Flex } from '@radix-ui/themes';
 import { useLocation } from 'react-router';
-import { getPathActiveReport, Link } from "../Link.jsx";
+import { getPathActiveReport, Link } from '../Link.js';
 export const Items = ({ items }) => {
-    return (<Flex direction='column' gap='2px'>
-      {items.map((item) => (<Item key={item.pathExp} item={item}/>))}
-    </Flex>);
+    return (_jsx(Flex, { direction: 'column', gap: '2px', children: items.map((item, index) => (_jsx(Item, { item: item }, `${item.pathExp}-${index}`))) }));
 };
 //
 //
@@ -16,12 +15,12 @@ export const Items = ({ items }) => {
 //
 export const Item = ({ item }) => {
     if (item.type === `ItemLink`) {
-        return <SBLink link={item}/>;
+        return _jsx(SBLink, { link: item });
     }
-    if (item.type === 'ItemSection' && item.isLinkToo) {
-        return <LinkedSection section={item}/>;
+    if (item.type === `ItemSection` && item.isLinkToo) {
+        return _jsx(LinkedSection, { section: item });
     }
-    return <Section section={item}/>;
+    return _jsx(Section, { section: item });
 };
 //
 //
@@ -34,15 +33,13 @@ const SBLink = ({ link }) => {
     const location = useLocation();
     const currentPathExp = location.pathname;
     const active = getPathActiveReport(link.pathExp, currentPathExp);
-    return (<Link role='Sidebar Link' color={active.is ? `iris` : `gray`} data-testid={`sidebar-link-${link.pathExp}`} to={`/${link.pathExp}`} style={{
+    return (_jsx(Link, { role: 'Sidebar Link', color: active.is ? `iris` : `gray`, "data-testid": `sidebar-link-${link.pathExp}`, to: `/${link.pathExp}`, style: {
             display: `block`,
             textDecoration: `none`,
             color: active.is ? `var(--accent-12)` : undefined,
-            backgroundColor: active.isDirect ? `var(--accent-2)` : active.isdescendant ? `var(--accent-1)` : `transparent`,
+            backgroundColor: active.isDirect ? `var(--accent-2)` : active.isDescendant ? `var(--accent-1)` : `transparent`,
             borderRadius: `var(--radius-2)`,
-        }}>
-      <Box py='2' px='4'>{link.title}</Box>
-    </Link>);
+        }, children: _jsx(Box, { py: '2', px: '4', children: link.title }) }));
 };
 //
 //
@@ -52,14 +49,7 @@ const SBLink = ({ link }) => {
 //
 //
 const Section = ({ section }) => {
-    return (<Box mt='8'>
-      <Box ml='4' mb='2'>
-        <Texts.MinorHeading color='gray'>
-          {section.title}
-        </Texts.MinorHeading>
-      </Box>
-      <Items items={section.links}/>
-    </Box>);
+    return (_jsxs(Box, { mt: '8', children: [_jsx(Box, { ml: '4', mb: '2', children: _jsx(Texts.MinorHeading, { color: 'gray', children: section.title }) }), _jsx(Items, { items: section.links })] }));
 };
 //
 //
@@ -69,26 +59,19 @@ const Section = ({ section }) => {
 //
 //
 const LinkedSection = ({ section }) => {
-    return (<Box>
-      <SBLink link={section}/>
-      {<Flex direction='column' gap='2' id={`section-${section.pathExp.replace(/\//g, '-')}`} role='group' ml='5' py='2px' style={{
-                borderLeft: `1px solid var(--gray-5)`,
-            }}>
-          {section.links.map((link) => (<SectionLink key={link.pathExp} link={link}/>))}
-        </Flex>}
-    </Box>);
+    return (_jsxs(Box, { children: [_jsx(SBLink, { link: section }), _jsx(Flex, { direction: 'column', gap: '2', id: `section-${section.pathExp.replace(/\//g, `-`)}`, role: 'group', ml: '5', py: '2px', style: {
+                    borderLeft: `1px solid var(--gray-5)`,
+                }, children: section.links.map((link, index) => (_jsx(SectionLink, { link: link }, `${link.pathExp}-${index}`))) })] }));
 };
 const SectionLink = ({ link }) => {
     const location = useLocation();
     const active = getPathActiveReport(link.pathExp, location.pathname);
-    return (<Link role='Sidebar Link' to={'/' + link.pathExp} color={active.is ? `iris` : `gray`} style={{
+    return (_jsx(Link, { role: 'Sidebar Link', to: `/` + link.pathExp, color: active.is ? `iris` : `gray`, style: {
             textDecoration: `none`,
             color: active.is ? `var(--accent-12)` : undefined,
-            backgroundColor: active.isDirect ? `var(--accent-2)` : active.isdescendant ? `var(--accent-1)` : `transparent`,
+            backgroundColor: active.isDirect ? `var(--accent-2)` : active.isDescendant ? `var(--accent-1)` : `transparent`,
             borderBottomRightRadius: `var(--radius-2)`,
             borderTopRightRadius: `var(--radius-2)`,
-        }}>
-      <Box py='2' px='4'>{link.title}</Box>
-    </Link>);
+        }, children: _jsx(Box, { py: '2', px: '4', children: link.title }) }));
 };
-//# sourceMappingURL=SidebarItem.jsx.map
+//# sourceMappingURL=SidebarItem.js.map

package/build/template/components/sidebar/SidebarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItem.js","sourceRoot":"","sources":["../../../../src/template/components/sidebar/SidebarItem.tsx"],"names":[],"mappings":"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"}

package/build/template/components/sidebar/ToggleButton.d.ts

@@ -1,5 +1,5 @@
 export declare const ToggleButton: ({ isExpanded, toggleExpanded }: {
     isExpanded: boolean;
     toggleExpanded: () => void;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ToggleButton.d.ts.map

package/build/template/components/sidebar/ToggleButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/template/components/sidebar/ToggleButton.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,GAAI,gCAAgC;IAAE,UAAU,EAAE,OAAO,CAAC;IAAC,cAAc,EAAE,MAAM,IAAI,CAAA;CAAE,gCAQ/G,CAAA"}
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/template/components/sidebar/ToggleButton.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,GAAI,gCAAgC;IAAE,UAAU,EAAE,OAAO,CAAC;IAAC,cAAc,EAAE,MAAM,IAAI,CAAA;CAAE,4CAQ/G,CAAA"}

package/build/template/components/sidebar/ToggleButton.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChevronDownIcon, ChevronRightIcon } from '@radix-ui/react-icons';
+import { Button } from '@radix-ui/themes';
+export const ToggleButton = ({ isExpanded, toggleExpanded }) => (_jsx(Button, { variant: 'ghost', onClick: toggleExpanded, "aria-expanded": isExpanded, children: isExpanded ? _jsx(ChevronDownIcon, {}) : _jsx(ChevronRightIcon, {}) }));
+//# sourceMappingURL=ToggleButton.js.map

package/build/template/components/sidebar/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../../src/template/components/sidebar/ToggleButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,UAAU,EAAE,cAAc,EAAuD,EAAE,EAAE,CAAC,CACnH,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,cAAc,mBACR,UAAU,YAExB,UAAU,CAAC,CAAC,CAAC,KAAC,eAAe,KAAG,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,GACjD,CACV,CAAA"}

package/build/template/constants.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Default Polen global data structure
+ * This ensures we always have a consistent shape for hydration
+ */
+export declare const DEFAULT_POLEN_DATA: {
+    readonly serverContext: {
+        readonly theme: "light";
+        readonly isDev: false;
+    };
+};
+export type PolenGlobalData = {
+    serverContext: {
+        theme: 'light' | 'dark' | 'system';
+        isDev: boolean;
+    };
+};
+//# sourceMappingURL=constants.d.ts.map

package/build/template/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/template/constants.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;;CAKrB,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG;IAC5B,aAAa,EAAE;QACb,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;QAClC,KAAK,EAAE,OAAO,CAAA;KACf,CAAA;CACF,CAAA"}

package/build/template/constants.js

@@ -0,0 +1,11 @@
+/**
+ * Default Polen global data structure
+ * This ensures we always have a consistent shape for hydration
+ */
+export const DEFAULT_POLEN_DATA = {
+    serverContext: {
+        theme: 'light',
+        isDev: false,
+    },
+};
+//# sourceMappingURL=constants.js.map

package/build/template/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/template/constants.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,aAAa,EAAE;QACb,KAAK,EAAE,OAAgB;QACvB,KAAK,EAAE,KAAK;KACb;CACO,CAAA"}

package/build/template/contexts/ThemeContext.d.ts

@@ -1,7 +1,9 @@
 import type { React } from '#dep/react/index';
-type ThemeAppearance = 'light' | 'dark';
+type ThemeAppearance = `light` | `dark`;
+type ThemePreference = `light` | `dark` | `system`;
 interface ThemeContextValue {
     appearance: ThemeAppearance;
+    preference: ThemePreference;
     toggleTheme: () => void;
 }
 export declare const ThemeProvider: React.FC<{

package/build/template/contexts/ThemeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../src/template/contexts/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAG7C,KAAK,eAAe,GAAG,OAAO,GAAG,MAAM,CAAA;AAEvC,UAAU,iBAAiB;IACzB,UAAU,EAAE,eAAe,CAAA;IAC3B,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAMD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAqCjE,CAAA;AAED,eAAO,MAAM,QAAQ,yBAMpB,CAAA"}
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../src/template/contexts/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAI7C,KAAK,eAAe,GAAG,OAAO,GAAG,MAAM,CAAA;AACvC,KAAK,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAElD,UAAU,iBAAiB;IACzB,UAAU,EAAE,eAAe,CAAA;IAC3B,UAAU,EAAE,eAAe,CAAA;IAC3B,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAeD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAwDjE,CAAA;AAED,eAAO,MAAM,QAAQ,yBAMpB,CAAA"}

package/build/template/contexts/ThemeContext.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from 'react';
+import * as Theme from '../../lib/theme/theme.js';
+const ThemeContext = createContext(undefined);
+// Create theme manager instance
+const themeManager = Theme.createThemeManager({
+    cookieName: `polen-theme-preference`,
+});
+// Theme CSS component to ensure consistent CSS on server and client
+const ThemeCSS = () => {
+    const css = themeManager.getCSS();
+    return _jsx("style", { dangerouslySetInnerHTML: { __html: css } });
+};
+export const ThemeProvider = ({ children }) => {
+    const [appearance, setAppearance] = useState(() => {
+        // Initial appearance from server or browser
+        const serverTheme = globalThis.__POLEN__.serverContext.theme;
+        if (serverTheme === 'system') {
+            // During SSR, default to light for system preference
+            // Client will detect actual preference on mount
+            return typeof globalThis.window !== 'undefined'
+                ? (globalThis.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')
+                : 'light';
+        }
+        return serverTheme;
+    });
+    const [preference, setPreference] = useState(() => {
+        // Initial preference from server-rendered theme
+        const serverTheme = globalThis.__POLEN__.serverContext.theme;
+        // If server sent a specific theme (from cookie), use that as preference
+        // Otherwise it's system preference
+        return serverTheme;
+    });
+    useEffect(() => {
+        // Apply theme preference to DOM on mount and when it changes
+        themeManager.applyToDOM(preference);
+        // Update appearance based on preference
+        if (preference === 'system') {
+            const systemTheme = globalThis.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+            setAppearance(systemTheme);
+            // Listen for system theme changes
+            const mediaQuery = globalThis.matchMedia('(prefers-color-scheme: dark)');
+            const handleChange = (e) => {
+                if (preference === 'system') {
+                    setAppearance(e.matches ? 'dark' : 'light');
+                }
+            };
+            mediaQuery.addEventListener('change', handleChange);
+            return () => mediaQuery.removeEventListener('change', handleChange);
+        }
+        else {
+            setAppearance(preference);
+        }
+    }, [preference]);
+    const toggleTheme = () => {
+        const newPref = themeManager.toggle();
+        setPreference(newPref);
+    };
+    return (_jsxs(ThemeContext.Provider, { value: { appearance, preference, toggleTheme }, children: [_jsx(ThemeCSS, {}), children] }));
+};
+export const useTheme = () => {
+    const context = useContext(ThemeContext);
+    if (!context) {
+        throw new Error(`useTheme must be used within a ThemeProvider`);
+    }
+    return context;
+};
+//# sourceMappingURL=ThemeContext.js.map

package/build/template/contexts/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../../src/template/contexts/ThemeContext.tsx"],"names":[],"mappings":"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"}

package/build/template/entry.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entry.client.d.ts","sourceRoot":"","sources":["../../src/template/entry.client.tsx"],"names":[],"mappings":"AAGA,OAAO,6BAA6B,CAAA"}
+{"version":3,"file":"entry.client.d.ts","sourceRoot":"","sources":["../../src/template/entry.client.tsx"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAA"}

package/build/template/{entry.client.jsx → entry.client.js}

@@ -1,13 +1,10 @@
-// TODO it seems more logical to have this asset imported in the server entry.
-// But then, we won't get it from the client manifest. But we could get it from the server manifest. Should we do that?
-// But then, that wouldn't work for SPA. Does that matter? Just put a conditional here e.g. if (import.meta.env.PROD) ...?
+import { jsx as _jsx } from "react/jsx-runtime";
 import '@radix-ui/themes/styles.css';
-// import './styles/code-block.css' // TODO: Handle CSS in build process
 import { ReactDomClient } from '#dep/react-dom-client/index';
 import { StrictMode } from 'react';
 import { createBrowserRouter, RouterProvider } from 'react-router';
 import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper';
-import { routes } from './routes.jsx';
+import { routes } from './routes.js';
 // SPA
 // const router = createBrowserRouter(routes)
 // createRoot(document).render(
@@ -18,7 +15,9 @@ const router = createBrowserRouter(routes, {
     hydrationData: window.__staticRouterHydrationData,
     basename: PROJECT_DATA.basePath === `/` ? undefined : PROJECT_DATA.basePath.slice(0, -1), // Remove trailing slash for React Router
 });
-ReactDomClient.hydrateRoot(document, (<StrictMode>
-      <RouterProvider router={router}/>
-    </StrictMode>));
-//# sourceMappingURL=entry.client.jsx.map
+const rootElement = document.getElementById(`app`);
+if (!rootElement) {
+    throw new Error(`Could not find app root element`);
+}
+ReactDomClient.hydrateRoot(rootElement, (_jsx(StrictMode, { children: _jsx(RouterProvider, { router: router }) })));
+//# sourceMappingURL=entry.client.js.map

package/build/template/entry.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry.client.js","sourceRoot":"","sources":["../../src/template/entry.client.tsx"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAClE,OAAO,YAAY,MAAM,sCAAsC,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEpC,MAAM;AAEN,6CAA6C;AAE7C,+BAA+B;AAC/B,wCAAwC;AACxC,IAAI;AAEJ,MAAM;AAEN,MAAM,MAAM,GAAG,mBAAmB,CAAC,MAAM,EAAE;IACzC,aAAa,EAAE,MAAM,CAAC,2BAA2B;IACjD,QAAQ,EAAE,YAAY,CAAC,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,yCAAyC;CACpI,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAClD,IAAI,CAAC,WAAW,EAAE,CAAC;IACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAA;AACpD,CAAC;AAED,cAAc,CAAC,WAAW,CACxB,WAAW,EACX,CACE,KAAC,UAAU,cACT,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,GACvB,CACd,CACF,CAAA"}

package/build/template/hooks/useClientOnly.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Hook that returns a server value during SSR and switches to client value after hydration
+ *
+ * @param clientValue - Function that returns the value to use on the client
+ * @param serverValue - Value to use during SSR
+ * @returns The appropriate value based on rendering context
+ */
+export declare function useClientOnly<T>(clientValue: () => T, serverValue: T): T;
+//# sourceMappingURL=useClientOnly.d.ts.map

package/build/template/hooks/useClientOnly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClientOnly.d.ts","sourceRoot":"","sources":["../../../src/template/hooks/useClientOnly.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAC7B,WAAW,EAAE,MAAM,CAAC,EACpB,WAAW,EAAE,CAAC,GACb,CAAC,CAQH"}

package/build/template/hooks/useClientOnly.js

@@ -0,0 +1,16 @@
+import { useEffect, useState } from 'react';
+/**
+ * Hook that returns a server value during SSR and switches to client value after hydration
+ *
+ * @param clientValue - Function that returns the value to use on the client
+ * @param serverValue - Value to use during SSR
+ * @returns The appropriate value based on rendering context
+ */
+export function useClientOnly(clientValue, serverValue) {
+    const [value, setValue] = useState(serverValue);
+    useEffect(() => {
+        setValue(clientValue());
+    }, []);
+    return value;
+}
+//# sourceMappingURL=useClientOnly.js.map

package/build/template/hooks/useClientOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClientOnly.js","sourceRoot":"","sources":["../../../src/template/hooks/useClientOnly.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAC3B,WAAoB,EACpB,WAAc;IAEd,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,WAAW,CAAC,CAAA;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAA;IACzB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,KAAK,CAAA;AACd,CAAC"}

package/build/template/layouts/SidebarLayout.d.ts

@@ -0,0 +1,9 @@
+import type { Content } from '#api/content/$';
+import type React from 'react';
+interface SidebarLayoutProps {
+    children: React.ReactNode;
+    sidebar: Content.Item[];
+}
+export declare const SidebarLayout: React.FC<SidebarLayoutProps>;
+export {};
+//# sourceMappingURL=SidebarLayout.d.ts.map

package/build/template/layouts/SidebarLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarLayout.d.ts","sourceRoot":"","sources":["../../../src/template/layouts/SidebarLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAA;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsDtD,CAAA"}

package/build/template/layouts/SidebarLayout.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Grid } from '@radix-ui/themes';
+import { useEffect, useState } from 'react';
+import { useLocation } from 'react-router';
+import { HamburgerMenu } from '../components/HamburgerMenu.js';
+import { Sidebar } from '../components/sidebar/Sidebar.js';
+export const SidebarLayout = ({ children, sidebar }) => {
+    const location = useLocation();
+    const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+    // Close mobile menu on route change
+    useEffect(() => {
+        setMobileMenuOpen(false);
+    }, [location.pathname]);
+    const isShowSidebar = sidebar && sidebar.length > 0;
+    return (_jsxs(Grid, { areas: {
+            initial: `'content'`,
+            sm: `'content'`,
+            md: `'sidebar sidebar . content content content content content'`,
+        }, rows: 'auto', columns: { initial: `1fr`, sm: `1fr`, md: `repeat(8, 1fr)` }, gapX: { initial: `0`, sm: `0`, md: `2` }, children: [isShowSidebar && (_jsx(Box, { display: { initial: `block`, md: `none` }, mb: '4', children: _jsx(HamburgerMenu, { isOpen: mobileMenuOpen, onToggle: () => {
+                        setMobileMenuOpen(!mobileMenuOpen);
+                    }, onClose: () => {
+                        setMobileMenuOpen(false);
+                    }, sidebarData: sidebar }) })), isShowSidebar && (_jsx(Box, { display: { initial: `none`, xs: `none`, sm: `none`, md: `block` }, gridColumn: '1 / 3', gridRow: '1 / auto', children: _jsx(Sidebar, { data: sidebar }) })), _jsx(Box, { gridArea: 'content / content / auto / 8', children: children })] }));
+};
+//# sourceMappingURL=SidebarLayout.js.map

package/build/template/layouts/SidebarLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarLayout.js","sourceRoot":"","sources":["../../../src/template/layouts/SidebarLayout.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAE5C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAO1D,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACnF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3D,oCAAoC;IACpC,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEvB,MAAM,aAAa,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;IAEnD,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE;YACL,OAAO,EAAE,WAAW;YACpB,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,6DAA6D;SAClE,EACD,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAC5D,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,aAGvC,aAAa,IAAI,CAChB,KAAC,GAAG,IAAC,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAC,GAAG,YACpD,KAAC,aAAa,IACZ,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,GAAG,EAAE;wBACb,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAA;oBACpC,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;wBACZ,iBAAiB,CAAC,KAAK,CAAC,CAAA;oBAC1B,CAAC,EACD,WAAW,EAAE,OAAO,GACpB,GACE,CACP,EAGA,aAAa,IAAI,CAChB,KAAC,GAAG,IACF,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EACjE,UAAU,EAAC,OAAO,EAClB,OAAO,EAAC,UAAU,YAElB,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,GAAI,GACtB,CACP,EAED,KAAC,GAAG,IAAC,QAAQ,EAAC,8BAA8B,YACzC,QAAQ,GACL,IACD,CACR,CAAA;AACH,CAAC,CAAA"}

package/build/template/layouts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SidebarLayout.js';
+//# sourceMappingURL=index.d.ts.map

package/build/template/layouts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/build/template/layouts/index.js

@@ -0,0 +1,2 @@
+export * from './SidebarLayout.js';
+//# sourceMappingURL=index.js.map

package/build/template/layouts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/template/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/build/template/lib/polen-url.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Create a Polen URL path that respects the configured base path for UI navigation.
+ *
+ * **Warning:** When using this with raw `<a>` tags instead of React Router's Link component,
+ * you lose the following benefits:
+ * - Client-side navigation (faster, no page refresh)
+ * - Browser history management and back/forward optimization
+ * - Scroll position restoration
+ * - Route preloading and prefetching
+ * - Consistent navigation state management
+ * - Better accessibility features (screen reader announcements)
+ *
+ * Consider using React Router's `Link` component with `to={polenUrlPath(...)}` for better UX.
+ *
+ * @param segments - Path segments to join (e.g., 'reference', 'Pokemon')
+ * @returns Full URL path with base path (e.g., '/demos/pokemon/reference/Pokemon')
+ *
+ * @example
+ * polenUrlPath('reference', 'Pokemon') // '/demos/pokemon/reference/Pokemon'
+ * polenUrlPath('/reference/Pokemon') // '/demos/pokemon/reference/Pokemon'
+ * polenUrlPath('reference/Pokemon#field') // '/demos/pokemon/reference/Pokemon#field'
+ */
+export declare const polenUrlPath: (...segments: string[]) => string;
+//# sourceMappingURL=polen-url.d.ts.map

package/build/template/lib/polen-url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polen-url.d.ts","sourceRoot":"","sources":["../../../src/template/lib/polen-url.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,YAAY,GAAI,GAAG,UAAU,MAAM,EAAE,KAAG,MAUpD,CAAA"}

package/build/template/lib/polen-url.js

@@ -0,0 +1,33 @@
+import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper';
+/**
+ * Create a Polen URL path that respects the configured base path for UI navigation.
+ *
+ * **Warning:** When using this with raw `<a>` tags instead of React Router's Link component,
+ * you lose the following benefits:
+ * - Client-side navigation (faster, no page refresh)
+ * - Browser history management and back/forward optimization
+ * - Scroll position restoration
+ * - Route preloading and prefetching
+ * - Consistent navigation state management
+ * - Better accessibility features (screen reader announcements)
+ *
+ * Consider using React Router's `Link` component with `to={polenUrlPath(...)}` for better UX.
+ *
+ * @param segments - Path segments to join (e.g., 'reference', 'Pokemon')
+ * @returns Full URL path with base path (e.g., '/demos/pokemon/reference/Pokemon')
+ *
+ * @example
+ * polenUrlPath('reference', 'Pokemon') // '/demos/pokemon/reference/Pokemon'
+ * polenUrlPath('/reference/Pokemon') // '/demos/pokemon/reference/Pokemon'
+ * polenUrlPath('reference/Pokemon#field') // '/demos/pokemon/reference/Pokemon#field'
+ */
+export const polenUrlPath = (...segments) => {
+    const basePath = PROJECT_DATA.basePath; // e.g., '/demos/pokemon/'
+    // Join segments and normalize slashes
+    const path = segments
+        .join('/')
+        .replace(/\/+/g, '/') // Remove duplicate slashes
+        .replace(/^\//, ''); // Remove leading slash
+    return basePath + path;
+};
+//# sourceMappingURL=polen-url.js.map

package/build/template/lib/polen-url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polen-url.js","sourceRoot":"","sources":["../../../src/template/lib/polen-url.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,sCAAsC,CAAA;AAE/D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAG,QAAkB,EAAU,EAAE;IAC5D,MAAM,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAA,CAAC,0BAA0B;IAEjE,sCAAsC;IACtC,MAAM,IAAI,GAAG,QAAQ;SAClB,IAAI,CAAC,GAAG,CAAC;SACT,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,2BAA2B;SAChD,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA,CAAC,uBAAuB;IAE7C,OAAO,QAAQ,GAAG,IAAI,CAAA;AACxB,CAAC,CAAA"}

package/build/template/routes/changelog.d.ts

@@ -1,8 +1,8 @@
 export declare const changelog: {
     path: string;
     loader: () => {
-        schema: import("../../api/schema/schema.ts").Schema | null;
+        schema: import("../../api/schema/schema.js").Schema | null;
     };
-    Component: () => import("react").JSX.Element;
+    Component: () => import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=changelog.d.ts.map