polen 0.10.0-next.9 → 0.11.0-next.1

package/build/template/components/{TypeAnnotation.jsx → TypeAnnotation.js}

@@ -1,43 +1,33 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from '@radix-ui/themes';
 import { isInputObjectType, isListType, isNamedType, isNonNullType, isScalarType } from 'graphql';
-import { Link } from './Link.jsx';
+import { ReferenceLink } from './ReferenceLink.js';
 /**
  * Renders a GraphQL type recursively, with links for named types
  */
 export const TypeAnnotation = ({ type }) => {
     // Handle NonNull type wrapper
     if (isNonNullType(type)) {
-        return (<>
-        <TypeAnnotation type={type.ofType}/>
-        <Text color='gray'>!</Text>
-      </>);
+        return (_jsxs(_Fragment, { children: [_jsx(TypeAnnotation, { type: type.ofType }), _jsx(Text, { color: 'gray', children: "!" })] }));
     }
     // Handle List type wrapper
     if (isListType(type)) {
-        return (<>
-        <Text color='gray'>[</Text>
-        <TypeAnnotation type={type.ofType}/>
-        <Text color='gray'>]</Text>
-      </>);
+        return (_jsxs(_Fragment, { children: [_jsx(Text, { color: 'gray', children: "[" }), _jsx(TypeAnnotation, { type: type.ofType }), _jsx(Text, { color: 'gray', children: "]" })] }));
     }
     // Handle named types
     if (isNamedType(type)) {
         const namedType = type;
         // Handle input object types
         if (isInputObjectType(namedType)) {
-            return (<Link to={`/reference/${namedType.name}`}>
-          <Text color='green'>{namedType.name}</Text>
-        </Link>);
+            return (_jsx(ReferenceLink, { type: namedType.name, children: _jsx(Text, { color: 'green', children: namedType.name }) }));
         }
         // If it's an expandable type (object or interface), make it a link
         // if (Grafaid.isExpandableType(namedType)) {
-        return (<Link to={`/reference/${namedType.name}`}>
-        <Text color={isScalarType(namedType) ? `purple` : `blue`}>{namedType.name}</Text>
-      </Link>);
+        return (_jsx(ReferenceLink, { type: namedType.name, children: _jsx(Text, { color: isScalarType(namedType) ? `purple` : `blue`, children: namedType.name }) }));
         // For scalar and other non-expandable types, just render the name
         // return <Text color="purple">{namedType.name}</Text>
     }
     // Fallback for any other case (shouldn't happen in standard GraphQL usage)
-    return <Text>{String(type)}</Text>;
+    return _jsx(Text, { children: String(type) });
 };
-//# sourceMappingURL=TypeAnnotation.jsx.map
+//# sourceMappingURL=TypeAnnotation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TypeAnnotation.js","sourceRoot":"","sources":["../../../src/template/components/TypeAnnotation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEjG,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAMlD;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAc,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACpD,8BAA8B;IAC9B,IAAI,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;QACxB,OAAO,CACL,8BACE,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,CAAC,MAAM,GAAI,EACrC,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,kBAAS,IAC1B,CACJ,CAAA;IACH,CAAC;IAED,2BAA2B;IAC3B,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QACrB,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,kBAAS,EAC3B,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,CAAC,MAAM,GAAI,EACrC,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,kBAAS,IAC1B,CACJ,CAAA;IACH,CAAC;IAED,qBAAqB;IACrB,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;QACtB,MAAM,SAAS,GAAG,IAAI,CAAA;QAEtB,4BAA4B;QAC5B,IAAI,iBAAiB,CAAC,SAAS,CAAC,EAAE,CAAC;YACjC,OAAO,CACL,KAAC,aAAa,IAAC,IAAI,EAAE,SAAS,CAAC,IAAI,YACjC,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,YAAE,SAAS,CAAC,IAAI,GAAQ,GAC7B,CACjB,CAAA;QACH,CAAC;QAED,mEAAmE;QACnE,6CAA6C;QAC7C,OAAO,CACL,KAAC,aAAa,IAAC,IAAI,EAAE,SAAS,CAAC,IAAI,YACjC,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,YAAG,SAAS,CAAC,IAAI,GAAQ,GACnE,CACjB,CAAA;QAED,kEAAkE;QAClE,sDAAsD;IACxD,CAAC;IAED,2EAA2E;IAC3E,OAAO,KAAC,IAAI,cAAE,MAAM,CAAC,IAAI,CAAC,GAAQ,CAAA;AACpC,CAAC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"TypeFieldsLinkList.d.ts","sourceRoot":"","sources":["../../../src/template/components/TypeFieldsLinkList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACtE,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,iBAAiB,GAAG,oBAAoB,CAAA;CAC/C;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAyBxC,CAAA"}
+{"version":3,"file":"TypeFieldsLinkList.d.ts","sourceRoot":"","sources":["../../../src/template/components/TypeFieldsLinkList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACtE,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,iBAAiB,GAAG,oBAAoB,CAAA;CAC/C;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAsBxC,CAAA"}

package/build/template/components/TypeFieldsLinkList.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Flex, Heading } from '@radix-ui/themes';
+import { ReferenceLink } from './ReferenceLink.js';
+export const TypeFieldsLinkList = ({ type }) => {
+    return (_jsxs(Box, { children: [_jsx(Heading, { children: type.name }), _jsx(Flex, { direction: 'column', children: Object.values(type.getFields()).map(field => {
+                    return (_jsx(Box, { children: _jsx(ReferenceLink, { type: type.name, field: field.name, children: field.name }) }, field.name));
+                }) })] }));
+};
+//# sourceMappingURL=TypeFieldsLinkList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TypeFieldsLinkList.js","sourceRoot":"","sources":["../../../src/template/components/TypeFieldsLinkList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAMlD,MAAM,CAAC,MAAM,kBAAkB,GAAc,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACxD,OAAO,CACL,MAAC,GAAG,eACF,KAAC,OAAO,cAAE,IAAI,CAAC,IAAI,GAAW,EAC9B,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,YACrB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;oBAC3C,OAAO,CACL,KAAC,GAAG,cACF,KAAC,aAAa,IACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,KAAK,CAAC,IAAI,YAIhB,KAAK,CAAC,IAAI,GACG,IARR,KAAK,CAAC,IAAI,CASd,CACP,CAAA;gBACH,CAAC,CAAC,GACG,IACH,CACP,CAAA;AACH,CAAC,CAAA"}

package/build/template/components/TypeIndex.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GrafaidOld } from '#lib/grafaid-old/index';
+import { Box, Flex, Heading } from '@radix-ui/themes';
+import { Obj } from '@wollybeard/kit';
+import { ReferenceLink } from './ReferenceLink.js';
+export const TypeIndex = ({ schema }) => {
+    const kindMap = GrafaidOld.getKindMap(schema);
+    const sections = Obj.entries(kindMap.list);
+    return (_jsx(Flex, { direction: 'column', gap: '6', children: sections.map(([title, types]) => _jsx(TypeSection, { title: title, types: types }, title)) }));
+};
+const TypeSection = ({ title, types }) => {
+    return (_jsxs(Box, { children: [_jsx(Heading, { size: '3', children: title }), _jsx(TypeList, { types: types })] }));
+};
+const TypeList = ({ types }) => {
+    return (_jsx(Box, { children: types.map(type => (_jsx(Box, { children: _jsx(ReferenceLink, { type: type.name, children: type.name }) }, type.name))) }));
+};
+//# sourceMappingURL=TypeIndex.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TypeIndex.js","sourceRoot":"","sources":["../../../src/template/components/TypeIndex.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAA;AAGrC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAMlD,MAAM,CAAC,MAAM,SAAS,GAAc,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACjD,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7C,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAE1C,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,YAC7B,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAC,WAAW,IAAa,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAAjC,KAAK,CAAgC,CAAC,GACrF,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAqD,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IACzF,OAAO,CACL,MAAC,GAAG,eACF,KAAC,OAAO,IAAC,IAAI,EAAC,GAAG,YAAE,KAAK,GAAW,EACnC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI,IACtB,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,QAAQ,GAAsC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChE,OAAO,CACL,KAAC,GAAG,cACD,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,KAAC,GAAG,cACF,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,YAC3B,IAAI,CAAC,IAAI,GACI,IAHR,IAAI,CAAC,IAAI,CAIb,CACP,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,7 @@
+interface VersionSelectorProps {
+    availableVersions: string[];
+    currentVersion: string;
+}
+export declare const VersionSelector: ({ availableVersions, currentVersion }: VersionSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=VersionSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionSelector.d.ts","sourceRoot":"","sources":["../../../src/template/components/VersionSelector.tsx"],"names":[],"mappings":"AAIA,UAAU,oBAAoB;IAC5B,iBAAiB,EAAE,MAAM,EAAE,CAAA;IAC3B,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,eAAe,GAAI,uCAAuC,oBAAoB,mDAwC1F,CAAA"}

package/build/template/components/VersionSelector.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select } from '@radix-ui/themes';
+import { useNavigate, useParams } from 'react-router';
+import { VERSION_LATEST } from '../lib/schema-utils/constants.js';
+export const VersionSelector = ({ availableVersions, currentVersion }) => {
+    const navigate = useNavigate();
+    const params = useParams();
+    // Don't show selector if only one version
+    if (availableVersions.length <= 1) {
+        return null;
+    }
+    const handleVersionChange = (newVersion) => {
+        // Build new path preserving the current type/field if any
+        const currentType = params[`type`];
+        const currentField = params[`field`];
+        let newPath = `/reference`;
+        if (newVersion !== VERSION_LATEST) {
+            newPath += `/version/${newVersion}`;
+        }
+        if (currentType) {
+            newPath += `/${currentType}`;
+            if (currentField) {
+                newPath += `/${currentField}`;
+            }
+        }
+        navigate(newPath);
+    };
+    return (_jsxs(Select.Root, { value: currentVersion, onValueChange: handleVersionChange, children: [_jsx(Select.Trigger, {}), _jsx(Select.Content, { children: availableVersions.map(version => (_jsx(Select.Item, { value: version, children: version === VERSION_LATEST ? `Latest` : version }, version))) })] }));
+};
+//# sourceMappingURL=VersionSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionSelector.js","sourceRoot":"","sources":["../../../src/template/components/VersionSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAOjE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,iBAAiB,EAAE,cAAc,EAAwB,EAAE,EAAE;IAC7F,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,0CAA0C;IAC1C,IAAI,iBAAiB,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QAClC,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,mBAAmB,GAAG,CAAC,UAAkB,EAAE,EAAE;QACjD,0DAA0D;QAC1D,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;QAClC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;QAEpC,IAAI,OAAO,GAAG,YAAY,CAAA;QAC1B,IAAI,UAAU,KAAK,cAAc,EAAE,CAAC;YAClC,OAAO,IAAI,YAAY,UAAU,EAAE,CAAA;QACrC,CAAC;QACD,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,IAAI,IAAI,WAAW,EAAE,CAAA;YAC5B,IAAI,YAAY,EAAE,CAAC;gBACjB,OAAO,IAAI,IAAI,YAAY,EAAE,CAAA;YAC/B,CAAC;QACH,CAAC;QAED,QAAQ,CAAC,OAAO,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,OAAO,CACL,MAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,mBAAmB,aACpE,KAAC,MAAM,CAAC,OAAO,KAAG,EAClB,KAAC,MAAM,CAAC,OAAO,cACZ,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAChC,KAAC,MAAM,CAAC,IAAI,IAAe,KAAK,EAAE,OAAO,YACtC,OAAO,KAAK,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,IADhC,OAAO,CAEX,CACf,CAAC,GACa,IACL,CACf,CAAA;AACH,CAAC,CAAA"}

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type-link.d.ts","sourceRoot":"","sources":["../../../../src/template/components/graphql/type-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAM5C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAA;CAAE,CAWvE,CAAA"}
+{"version":3,"file":"type-link.d.ts","sourceRoot":"","sources":["../../../../src/template/components/graphql/type-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAM5C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAA;CAAE,CAYvE,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 { ReferenceLink } from '../ReferenceLink.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(ReferenceLink, { type: 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,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,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;IAEnD,OAAO,CACL,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,YAC5B,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,GACO,CACjB,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"}