polen 0.11.0-next.2 → 0.11.0-next.20

package/build/template/components/TypeIndex.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { GrafaidOld } from '#lib/grafaid-old/index';
+import { GrafaidOld } from '#lib/grafaid-old';
 import { Box, Flex, Heading } from '@radix-ui/themes';
 import { Obj } from '@wollybeard/kit';
 import { ReferenceLink } from './ReferenceLink.js';

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

@@ -1 +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"}
+{"version":3,"file":"TypeIndex.js","sourceRoot":"","sources":["../../../src/template/components/TypeIndex.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,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/VersionCoveragePicker.d.ts

@@ -0,0 +1,17 @@
+import { Catalog } from '#lib/catalog/$';
+import { Document } from '#lib/document/$';
+import { VersionCoverage } from '#lib/version-coverage';
+import type { FC } from 'react';
+interface Props {
+    document: Document.Document;
+    schemaCatalog: Catalog.Catalog;
+    current: VersionCoverage.VersionCoverage;
+    onChange: (versionCoverage: VersionCoverage.VersionCoverage) => void;
+}
+/**
+ * Version picker for examples that shows all schema versions.
+ * Groups versions that share the same document into single entries.
+ */
+export declare const VersionCoveragePicker: FC<Props>;
+export {};
+//# sourceMappingURL=VersionCoveragePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionCoveragePicker.d.ts","sourceRoot":"","sources":["../../../src/template/components/VersionCoveragePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAGvD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,UAAU,KAAK;IACb,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAA;IAC3B,aAAa,EAAE,OAAO,CAAC,OAAO,CAAA;IAC9B,OAAO,EAAE,eAAe,CAAC,eAAe,CAAA;IACxC,QAAQ,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC,eAAe,KAAK,IAAI,CAAA;CACrE;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,KAAK,CAqC3C,CAAA"}

package/build/template/components/VersionCoveragePicker.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Catalog } from '#lib/catalog/$';
+import { Document } from '#lib/document/$';
+import { VersionCoverage } from '#lib/version-coverage';
+import { Select } from '@radix-ui/themes';
+import { HashMap } from 'effect';
+/**
+ * Version picker for examples that shows all schema versions.
+ * Groups versions that share the same document into single entries.
+ */
+export const VersionCoveragePicker = ({ document, current, onChange, }) => {
+    if (Document.Unversioned.is(document))
+        return null;
+    const options = Array.from(HashMap.keys(document.versionDocuments));
+    if (options.length === 0)
+        return null;
+    return (_jsxs(Select.Root, { value: VersionCoverage.toLabel(current), onValueChange: (label) => {
+            // Find the full version coverage by label and pass it entirely
+            const selection = options.find(s => VersionCoverage.toLabel(s) === label);
+            if (selection) {
+                // Pass the entire VersionCoverage, not just the first version
+                onChange(selection);
+            }
+        }, children: [_jsx(Select.Trigger, { children: VersionCoverage.toLabel(current) }), _jsx(Select.Content, { position: 'popper', sideOffset: 5, children: options.map(selection => (_jsx(Select.Item, { value: VersionCoverage.toLabel(selection), children: VersionCoverage.toLabel(selection) }, VersionCoverage.toLabel(selection)))) })] }));
+};
+//# sourceMappingURL=VersionCoveragePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionCoveragePicker.js","sourceRoot":"","sources":["../../../src/template/components/VersionCoveragePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAUhC;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAc,CAAC,EAC/C,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,EAAE;IACH,IAAI,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC;QAAE,OAAO,IAAI,CAAA;IAElD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAA;IACnE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAErC,OAAO,CACL,MAAC,MAAM,CAAC,IAAI,IACV,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EACvC,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,+DAA+D;YAC/D,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAA;YACzE,IAAI,SAAS,EAAE,CAAC;gBACd,8DAA8D;gBAC9D,QAAQ,CAAC,SAAS,CAAC,CAAA;YACrB,CAAC;QACH,CAAC,aAED,KAAC,MAAM,CAAC,OAAO,cACZ,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,GAClB,EACjB,KAAC,MAAM,CAAC,OAAO,IAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAE,CAAC,YAC5C,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CACxB,KAAC,MAAM,CAAC,IAAI,IAEV,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,SAAS,CAAC,YAExC,eAAe,CAAC,OAAO,CAAC,SAAS,CAAC,IAH9B,eAAe,CAAC,OAAO,CAAC,SAAS,CAAC,CAI3B,CACf,CAAC,GACa,IACL,CACf,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,14 @@
+import { Version } from '#lib/version/$';
+import type * as React from 'react';
+interface Props {
+    versions: readonly Version.Version[];
+    currentVersion: Version.Version;
+    onVersionChange: (version: Version.Version) => void;
+}
+/**
+ * A generic version picker component that can be used for any versioned content.
+ * This is a controlled component - parent manages the state.
+ */
+export declare const VersionPicker: React.FC<Props>;
+export {};
+//# sourceMappingURL=VersionPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionPicker.d.ts","sourceRoot":"","sources":["../../../src/template/components/VersionPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,OAAO,CAAC,OAAO,EAAE,CAAA;IACpC,cAAc,EAAE,OAAO,CAAC,OAAO,CAAA;IAC/B,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,KAAK,IAAI,CAAA;CACpD;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2BzC,CAAA"}

package/build/template/components/VersionPicker.js

@@ -0,0 +1,15 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Version } from '#lib/version/$';
+import { Select } from '@radix-ui/themes';
+/**
+ * A generic version picker component that can be used for any versioned content.
+ * This is a controlled component - parent manages the state.
+ */
+export const VersionPicker = ({ versions, currentVersion, onVersionChange, }) => {
+    // Don't show selector if only one version
+    if (versions.length <= 1) {
+        return null;
+    }
+    return (_jsxs(Select.Root, { value: Version.encodeSync(currentVersion), onValueChange: (versionEncoded) => onVersionChange(Version.fromString(versionEncoded)), children: [_jsxs(Select.Trigger, { style: { minWidth: '120px' }, children: ["Version ", Version.encodeSync(currentVersion)] }), _jsx(Select.Content, { position: 'popper', sideOffset: 5, children: versions.map(version => (_jsxs(Select.Item, { value: Version.encodeSync(version), children: ["Version ", Version.encodeSync(version)] }, Version.encodeSync(version)))) })] }));
+};
+//# sourceMappingURL=VersionPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionPicker.js","sourceRoot":"","sources":["../../../src/template/components/VersionPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AASzC;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAoB,CAAC,EAC7C,QAAQ,EACR,cAAc,EACd,eAAe,GAChB,EAAE,EAAE;IACH,0CAA0C;IAC1C,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QACzB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,MAAC,MAAM,CAAC,IAAI,IACV,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC,EACzC,aAAa,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,aAEtF,MAAC,MAAM,CAAC,OAAO,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,yBACjC,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC,IAC5B,EACjB,KAAC,MAAM,CAAC,OAAO,IAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAE,CAAC,YAC5C,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACvB,MAAC,MAAM,CAAC,IAAI,IAAmC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,yBACtE,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,KADpB,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAE/B,CACf,CAAC,GACa,IACL,CACf,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,5 +1,5 @@
 import type { React } from '#dep/react/index';
-import type { Grafaid } from '#lib/grafaid/index';
+import type { Grafaid } from '#lib/grafaid';
 export declare const TypeKindIcon: React.FC<{
     kind: Grafaid.Schema.TypeKindName;
 }>;

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,CAIxE,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,cAAc,CAAA;AAI3C,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-link.d.ts

@@ -1,4 +1,4 @@
-import { Grafaid } from '#lib/grafaid/index';
+import { Grafaid } from '#lib/grafaid';
 export declare const TypeLink: React.FC<{
     type: Grafaid.Schema.TypesLike.Named;
 }>;

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,CAYvE,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,cAAc,CAAA;AAMtC,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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Grafaid } from '#lib/grafaid/index';
+import { Grafaid } from '#lib/grafaid';
 import { Code, Flex } from '@radix-ui/themes';
 import { ReferenceLink } from '../ReferenceLink.js';
 import { TypeKindIcon } from './graphql.js';

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

@@ -1 +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"}
+{"version":3,"file":"type-link.js","sourceRoot":"","sources":["../../../../src/template/components/graphql/type-link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,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/home/ExamplesSection.d.ts

@@ -0,0 +1,13 @@
+import type { Api } from '#api/$';
+import { Catalog } from '#lib/catalog/$';
+import * as React from 'react';
+interface ExamplesSectionProps {
+    schemaCatalog?: Catalog.Catalog | undefined;
+    title?: string | undefined;
+    description?: string | undefined;
+    maxExamples?: number | undefined;
+    examples: readonly Api.Examples.Example.Example[];
+}
+export declare const ExamplesSection: React.FC<ExamplesSectionProps>;
+export {};
+//# sourceMappingURL=ExamplesSection.d.ts.map

package/build/template/components/home/ExamplesSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExamplesSection.d.ts","sourceRoot":"","sources":["../../../../src/template/components/home/ExamplesSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,oBAAoB;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,SAAS,CAAA;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,SAAS,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,CAAA;CAClD;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiC1D,CAAA"}

package/build/template/components/home/ExamplesSection.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Catalog } from '#lib/catalog/$';
+import { Box, Heading, Section } from '@radix-ui/themes';
+import * as React from 'react';
+import { Carousel } from '../Carousel.js';
+import { GraphQLDocument } from '../GraphQLDocument.js';
+export const ExamplesSection = ({ examples, schemaCatalog, title = 'API Examples', maxExamples = 3, }) => {
+    if (examples.length === 0) {
+        return null;
+    }
+    // Limit examples to maxExamples
+    const displayExamples = examples.slice(0, maxExamples);
+    return (_jsxs(Section, { size: '3', id: 'examples', style: { overflow: 'visible' }, children: [_jsx(Box, { mb: '4', style: { textAlign: 'center' }, children: _jsx(Heading, { size: '6', mb: '2', children: title }) }), _jsx(Carousel, { autoPlay: true, children: displayExamples.map((example) => (_jsx(GraphQLDocument, { style: { height: '100%' }, document: example.document, schemaCatalog: schemaCatalog }, example.name))) })] }));
+};
+//# sourceMappingURL=ExamplesSection.js.map

package/build/template/components/home/ExamplesSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExamplesSection.js","sourceRoot":"","sources":["../../../../src/template/components/home/ExamplesSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAUvD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,QAAQ,EACR,aAAa,EACb,KAAK,GAAG,cAAc,EACtB,WAAW,GAAG,CAAC,GAChB,EAAE,EAAE;IACH,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,gCAAgC;IAChC,MAAM,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,CAAA;IAEtD,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAC,GAAG,EAAC,EAAE,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,aAC5D,KAAC,GAAG,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,YACxC,KAAC,OAAO,IAAC,IAAI,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,YACrB,KAAK,GACE,GACN,EAEN,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACrB,eAAe,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChC,KAAC,eAAe,IACd,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAEzB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,aAAa,EAAE,aAAa,IAFvB,OAAO,CAAC,IAAI,CAGjB,CACH,CAAC,GACO,IACH,CACX,CAAA;AACH,CAAC,CAAA"}

package/build/template/components/home/FeaturesGrid.d.ts

@@ -0,0 +1,12 @@
+interface FeaturesGridProps {
+    features?: Feature[];
+}
+interface Feature {
+    title: string;
+    value: string | number;
+    description?: string;
+    link?: string;
+}
+export declare const FeaturesGridSection: React.FC<FeaturesGridProps>;
+export {};
+//# sourceMappingURL=FeaturesGrid.d.ts.map

package/build/template/components/home/FeaturesGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturesGrid.d.ts","sourceRoot":"","sources":["../../../../src/template/components/home/FeaturesGrid.tsx"],"names":[],"mappings":"AAMA,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;CACrB;AAED,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoB3D,CAAA"}

package/build/template/components/home/FeaturesGrid.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CatalogStatistics } from '#lib/catalog-statistics/$';
+import { Catalog } from '#lib/catalog/$';
+import { Box, Card, Flex, Grid, Heading, Section, Text } from '@radix-ui/themes';
+import { Link } from 'react-router';
+import { schemasCatalog } from 'virtual:polen/project/schemas';
+export const FeaturesGridSection = ({ features }) => {
+    const defaultFeatures = getDefaultFeatures();
+    const displayFeatures = features || defaultFeatures;
+    return (_jsx(Section, { size: '3', pb: '8', children: _jsxs(Box, { style: { maxWidth: '1200px', margin: '0 auto' }, children: [_jsx(Heading, { size: '7', mb: '2', style: { textAlign: 'center' }, children: "API at a Glance" }), _jsx(Text, { size: '3', color: 'gray', mb: '6', style: { textAlign: 'center', display: 'block' }, children: "Key metrics and resources" }), _jsx(Grid, { columns: { initial: '1', sm: '2', md: '4' }, gap: '4', children: displayFeatures.map((feature, index) => _jsx(FeatureCard, { ...feature }, index)) })] }) }));
+};
+const FeatureCard = ({ title, value, description, link }) => {
+    const content = (_jsx(Card, { size: '3', style: { height: '100%', cursor: link ? 'pointer' : 'default' }, children: _jsxs(Flex, { direction: 'column', gap: '2', children: [_jsx(Text, { size: '6', weight: 'bold', style: { lineHeight: 1 }, children: value }), _jsx(Text, { size: '2', weight: 'medium', children: title }), description && (_jsx(Text, { size: '1', color: 'gray', children: description }))] }) }));
+    if (link) {
+        if (link.startsWith('http')) {
+            return (_jsx("a", { href: link, target: '_blank', rel: 'noopener noreferrer', style: { textDecoration: 'none' }, children: content }));
+        }
+        return (_jsx(Link, { to: link, style: { textDecoration: 'none' }, children: content }));
+    }
+    return content;
+};
+function getDefaultFeatures() {
+    const features = [];
+    if (schemasCatalog) {
+        try {
+            // Get the latest schema from the catalog
+            const latestSchema = Catalog.getLatest(schemasCatalog);
+            if (latestSchema && latestSchema.definition) {
+                // Build stats from the schema definition
+                const versionStats = CatalogStatistics.analyzeSchema(latestSchema.definition, 'current');
+                features.push({
+                    title: 'Types',
+                    value: versionStats.totalTypes || 0,
+                    description: 'GraphQL types',
+                    link: '/reference',
+                });
+                features.push({
+                    title: 'Fields',
+                    value: versionStats.totalFields || 0,
+                    description: 'Total fields',
+                    link: '/reference',
+                });
+                features.push({
+                    title: 'Changelog',
+                    value: '📝',
+                    description: 'Recent updates',
+                    link: '/changelog',
+                });
+                return features;
+            }
+        }
+        catch (error) {
+            console.warn('Failed to parse schema for features:', error);
+        }
+    }
+    // Add static features only if no schema features were added
+    if (features.length === 0) {
+        features.push({
+            title: 'Documentation',
+            value: '📚',
+            description: 'Guides & tutorials',
+            link: '/guides',
+        });
+        features.push({
+            title: 'Changelog',
+            value: '📝',
+            description: 'Recent updates',
+            link: '/changelog',
+        });
+    }
+    return features;
+}
+//# sourceMappingURL=FeaturesGrid.js.map

package/build/template/components/home/FeaturesGrid.js.map

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

package/build/template/components/home/HeroSection.d.ts

@@ -0,0 +1,16 @@
+import type { HeroCallToAction } from '#api/config/home';
+import * as React from 'react';
+interface HeroProps {
+    title?: string;
+    tagline?: string;
+    callToActions?: HeroCallToAction[] | {
+        before?: readonly HeroCallToAction[];
+        after?: readonly HeroCallToAction[];
+        over?: readonly HeroCallToAction[];
+    };
+    heroImage?: string;
+    layout?: 'asymmetric' | 'cinematic' | 'auto';
+}
+export declare const Hero: React.FC<HeroProps>;
+export {};
+//# sourceMappingURL=HeroSection.d.ts.map

package/build/template/components/home/HeroSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSection.d.ts","sourceRoot":"","sources":["../../../../src/template/components/home/HeroSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAKxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,gBAAgB,EAAE,GAAG;QACnC,MAAM,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;QACpC,KAAK,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;QACnC,IAAI,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;KACnC,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,YAAY,GAAG,WAAW,GAAG,MAAM,CAAA;CAC7C;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkWpC,CAAA"}

package/build/template/components/home/HeroSection.js

@@ -0,0 +1,178 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CatalogStatistics } from '#lib/catalog-statistics/$';
+import { Catalog } from '#lib/catalog/$';
+import { Swiss } from '#lib/swiss';
+import { Box, Button, Container, Flex, Grid, Heading, Section, Text } from '@radix-ui/themes';
+import * as React from 'react';
+import { Link } from 'react-router';
+import heroImageSrc from 'virtual:polen/project/assets/hero';
+import { templateConfig } from 'virtual:polen/project/config';
+import { examplesCatalog } from 'virtual:polen/project/examples';
+import { schemasCatalog } from 'virtual:polen/project/schemas';
+export const Hero = ({ title = templateConfig.templateVariables.title || 'GraphQL Developer Portal', tagline = 'Explore and integrate with our GraphQL API', callToActions, heroImage, layout = 'asymmetric', }) => {
+    // Build smart default CTAs based on conventions
+    const getDefaultCTAs = () => {
+        const defaults = [];
+        // If examples directory has files, add "View Examples" button
+        if (examplesCatalog && examplesCatalog.examples && examplesCatalog.examples.length > 0) {
+            defaults.push({
+                label: 'View Examples',
+                href: '/examples',
+                variant: 'primary',
+            });
+        }
+        // Add schema reference button if schema catalog exists
+        if (schemasCatalog) {
+            defaults.push({
+                label: 'View Reference',
+                href: '/reference',
+                variant: 'secondary',
+            });
+        }
+        return defaults;
+    };
+    // Process callToActions configuration
+    let ctaButtons;
+    if (callToActions) {
+        if (Array.isArray(callToActions)) {
+            ctaButtons = [...callToActions];
+        }
+        else {
+            const ctaConfig = callToActions;
+            if (ctaConfig.over) {
+                ctaButtons = [...ctaConfig.over];
+            }
+            else {
+                const defaults = getDefaultCTAs();
+                ctaButtons = [
+                    ...(ctaConfig.before || []),
+                    ...defaults,
+                    ...(ctaConfig.after || []),
+                ];
+            }
+        }
+    }
+    else {
+        ctaButtons = getDefaultCTAs();
+    }
+    // Calculate schema stats if available
+    let schemaStats = null;
+    if (schemasCatalog) {
+        try {
+            const latestSchema = Catalog.getLatest(schemasCatalog);
+            if (latestSchema && latestSchema.definition) {
+                const versionStats = CatalogStatistics.analyzeSchema(latestSchema.definition, 'current');
+                schemaStats = {
+                    types: versionStats.totalTypes,
+                    queries: versionStats.queries,
+                    mutations: versionStats.mutations,
+                    subscriptions: versionStats.subscriptions,
+                };
+            }
+        }
+        catch (error) {
+            console.warn('Failed to calculate schema stats:', error);
+        }
+    }
+    // Use the statically imported hero image or the prop
+    const imageSrc = heroImage || heroImageSrc;
+    // Auto layout now defaults to asymmetric
+    const effectiveLayout = layout === 'auto'
+        ? 'asymmetric'
+        : layout;
+    // Render asymmetric layout (text left, image right)
+    if (effectiveLayout === 'asymmetric') {
+        return (_jsx(Swiss.Body, { children: _jsx(Section, { size: '4', py: '9', children: _jsx(Container, { size: '4', children: _jsxs(Grid, { columns: '12', gap: '5', align: 'center', children: [_jsxs(Box, { style: { gridColumn: '1 / 8' }, children: [_jsx(Heading, { size: '9', mb: '5', style: {
+                                            fontSize: 'clamp(2.5rem, 5vw, 4rem)',
+                                            lineHeight: 1.15,
+                                            letterSpacing: '-0.03em',
+                                            fontWeight: 900,
+                                        }, children: title }), _jsx(Text, { size: '4', color: 'gray', mb: '7', style: {
+                                            maxWidth: '420px',
+                                            display: 'block',
+                                            lineHeight: 1.6,
+                                        }, children: tagline }), _jsx(Flex, { gap: '3', wrap: 'wrap', mb: '8', children: ctaButtons.map((cta, index) => {
+                                            const isExternal = cta.href.startsWith('http') || cta.href.startsWith('#');
+                                            const isPrimary = cta.variant === 'primary' || (index === 0 && !cta.variant);
+                                            if (isExternal) {
+                                                return (_jsx(Button, { size: '3', variant: isPrimary ? 'solid' : 'outline', asChild: true, children: _jsx("a", { href: cta.href, children: cta.label }) }, index));
+                                            }
+                                            return (_jsx(Button, { size: '3', variant: isPrimary ? 'solid' : 'outline', asChild: true, children: _jsx(Link, { to: cta.href, children: cta.label }) }, index));
+                                        }) }), schemaStats && (_jsxs(Flex, { gap: '4', style: { opacity: 0.8 }, children: [_jsxs(Text, { size: '2', color: 'gray', children: [_jsx("strong", { children: schemaStats.types }), " Types"] }), _jsxs(Text, { size: '2', color: 'gray', children: [_jsx("strong", { children: schemaStats.queries }), " Queries"] }), schemaStats.mutations > 0 && (_jsxs(Text, { size: '2', color: 'gray', children: [_jsx("strong", { children: schemaStats.mutations }), " Mutations"] })), schemaStats.subscriptions > 0 && (_jsxs(Text, { size: '2', color: 'gray', children: [_jsx("strong", { children: schemaStats.subscriptions }), " Subscriptions"] }))] }))] }), imageSrc && (_jsx(Box, { style: {
+                                    gridColumn: '9 / 13',
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    justifyContent: 'flex-end',
+                                }, children: _jsx("img", { src: imageSrc, alt: 'Hero', style: {
+                                        width: '100%',
+                                        height: 'auto',
+                                        maxWidth: '480px',
+                                        maxHeight: '420px',
+                                        objectFit: 'contain',
+                                    } }) }))] }) }) }) }));
+    }
+    // Render cinematic layout (full viewport image with overlaid text)
+    return (_jsx(Swiss.Viewport, { children: _jsx(Box, { style: {
+                display: 'grid',
+                placeItems: 'center',
+                height: '85vh',
+                minHeight: '600px',
+                position: 'relative',
+                ...(imageSrc
+                    ? {
+                        background: `
+              radial-gradient(ellipse at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%),
+              linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 100%),
+              url(${imageSrc})
+            `,
+                        backgroundSize: 'cover',
+                        backgroundPosition: 'center',
+                        backgroundRepeat: 'no-repeat',
+                    }
+                    : {
+                        background: 'var(--gray-2)',
+                    }),
+            }, children: _jsx(Container, { size: '4', style: { position: 'relative', zIndex: 3 }, children: _jsxs(Box, { style: {
+                        textAlign: 'center',
+                        padding: '2rem',
+                    }, children: [_jsx(Heading, { size: '9', mb: '5', style: {
+                                fontSize: 'clamp(3.5rem, 8vw, 5.5rem)',
+                                lineHeight: 1.1,
+                                letterSpacing: '-0.04em',
+                                fontWeight: 900,
+                                color: imageSrc ? 'white' : 'inherit',
+                                textShadow: imageSrc ? '0 2px 20px rgba(0,0,0,0.5), 0 1px 3px rgba(0,0,0,0.8)' : 'none',
+                            }, children: title }), _jsx(Text, { as: 'p', size: '6', mb: '7', style: {
+                                maxWidth: '600px',
+                                margin: '0 auto',
+                                display: 'block',
+                                lineHeight: 1.5,
+                                color: imageSrc ? 'white' : 'var(--gray-11)',
+                                textShadow: imageSrc ? '0 1px 10px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.8)' : 'none',
+                                opacity: imageSrc ? 0.95 : 1,
+                            }, children: tagline }), _jsx(Flex, { gap: '3', justify: 'center', wrap: 'wrap', mb: '8', mt: '9', children: ctaButtons.map((cta, index) => {
+                                const isExternal = cta.href.startsWith('http') || cta.href.startsWith('#');
+                                const isPrimary = cta.variant === 'primary' || (index === 0 && !cta.variant);
+                                if (isExternal) {
+                                    return (_jsx(Button, { size: '4', variant: isPrimary ? 'solid' : 'outline', asChild: true, children: _jsx("a", { href: cta.href, children: cta.label }) }, index));
+                                }
+                                return (_jsx(Button, { size: '4', variant: isPrimary ? 'solid' : 'outline', asChild: true, children: _jsx(Link, { to: cta.href, children: cta.label }) }, index));
+                            }) }), schemaStats && (_jsxs(Flex, { gap: '6', justify: 'center', children: [_jsxs(Text, { size: '3', style: {
+                                        color: imageSrc ? 'white' : 'var(--gray-11)',
+                                        textShadow: imageSrc ? '0 1px 3px rgba(0,0,0,0.5)' : 'none',
+                                        opacity: imageSrc ? 0.9 : 0.8,
+                                    }, children: [_jsx("strong", { children: schemaStats.types }), " Types"] }), _jsxs(Text, { size: '3', style: {
+                                        color: imageSrc ? 'white' : 'var(--gray-11)',
+                                        textShadow: imageSrc ? '0 1px 3px rgba(0,0,0,0.5)' : 'none',
+                                        opacity: imageSrc ? 0.9 : 0.8,
+                                    }, children: [_jsx("strong", { children: schemaStats.queries }), " Queries"] }), schemaStats.mutations > 0 && (_jsxs(Text, { size: '3', style: {
+                                        color: imageSrc ? 'white' : 'var(--gray-11)',
+                                        textShadow: imageSrc ? '0 1px 3px rgba(0,0,0,0.5)' : 'none',
+                                        opacity: imageSrc ? 0.9 : 0.8,
+                                    }, children: [_jsx("strong", { children: schemaStats.mutations }), " Mutations"] })), schemaStats.subscriptions > 0 && (_jsxs(Text, { size: '3', style: {
+                                        color: imageSrc ? 'white' : 'var(--gray-11)',
+                                        textShadow: imageSrc ? '0 1px 3px rgba(0,0,0,0.5)' : 'none',
+                                        opacity: imageSrc ? 0.9 : 0.8,
+                                    }, children: [_jsx("strong", { children: schemaStats.subscriptions }), " Subscriptions"] }))] }))] }) }) }) }));
+};
+//# sourceMappingURL=HeroSection.js.map

package/build/template/components/home/HeroSection.js.map

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

package/build/template/components/home/PlaygroundPreview.d.ts

@@ -0,0 +1,9 @@
+import type { GraphQLSchema } from 'graphql';
+import * as React from 'react';
+interface PlaygroundPreviewProps {
+    schema?: GraphQLSchema;
+    exampleQuery?: string;
+}
+export declare const PlaygroundPreviewSection: React.FC<PlaygroundPreviewProps>;
+export {};
+//# sourceMappingURL=PlaygroundPreview.d.ts.map

package/build/template/components/home/PlaygroundPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaygroundPreview.d.ts","sourceRoot":"","sources":["../../../../src/template/components/home/PlaygroundPreview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,sBAAsB;IAC9B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAiBD,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0FrE,CAAA"}

package/build/template/components/home/PlaygroundPreview.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, Card, Flex, Heading, Section, Text } from '@radix-ui/themes';
+import { highlight } from 'codehike/code';
+import * as React from 'react';
+import { Link } from 'react-router';
+import { GraphQLInteractive } from '../GraphQLInteractive/GraphQLInteractive.js';
+const defaultQuery = `# Welcome to the GraphQL Playground
+# Try running this query to explore the API
+
+query ExploreAPI {
+  __schema {
+    queryType {
+      name
+      fields {
+        name
+        description
+      }
+    }
+  }
+}`;
+export const PlaygroundPreviewSection = ({ schema, exampleQuery = defaultQuery, }) => {
+    const [highlightedCode, setHighlightedCode] = React.useState(null);
+    React.useEffect(() => {
+        const highlightQuery = async () => {
+            const highlighted = await highlight({ value: exampleQuery, lang: 'graphql', meta: 'interactive' }, { theme: 'github-light' });
+            setHighlightedCode(highlighted);
+        };
+        highlightQuery();
+    }, [exampleQuery]);
+    if (!highlightedCode) {
+        return null;
+    }
+    return (_jsx(Section, { size: '3', pb: '8', id: 'playground', children: _jsxs(Box, { style: { maxWidth: '1200px', margin: '0 auto' }, children: [_jsx(Heading, { size: '7', mb: '2', style: { textAlign: 'center' }, children: "Try It Out" }), _jsx(Text, { size: '3', color: 'gray', mb: '6', style: { textAlign: 'center', display: 'block' }, children: "Explore the API with our interactive playground" }), _jsxs(Flex, { gap: '4', direction: 'column', children: [_jsx(Card, { size: '3', children: _jsxs(Flex, { direction: 'column', gap: '3', children: [_jsxs(Box, { children: [_jsx(Text, { size: '2', weight: 'medium', color: 'gray', mb: '2', children: "Example Query" }), schema
+                                                ? (_jsx(GraphQLInteractive, { codeblock: highlightedCode, schema: schema, showWarningIfNoSchema: false }))
+                                                : (_jsx(GraphQLInteractive, { codeblock: highlightedCode, showWarningIfNoSchema: false }))] }), _jsxs(Flex, { gap: '3', justify: 'between', align: 'center', pt: '3', style: { borderTop: '1px solid var(--gray-4)' }, children: [_jsx(Text, { size: '2', color: 'gray', children: "This is a preview of our interactive GraphQL explorer" }), _jsx(Button, { size: '2', asChild: true, children: _jsx(Link, { to: '/playground', children: "Open Full Playground \u2192" }) })] })] }) }), _jsxs(Flex, { gap: '4', wrap: 'wrap', justify: 'center', children: [_jsx(FeatureCard, { title: 'Schema Explorer', description: 'Browse types, fields, and relationships', icon: '\uD83D\uDCDA' }), _jsx(FeatureCard, { title: 'Auto-complete', description: 'IntelliSense for queries and mutations', icon: '\u2728' }), _jsx(FeatureCard, { title: 'Mock Data', description: 'Test with realistic generated data', icon: '\uD83C\uDFB2' }), _jsx(FeatureCard, { title: 'Query History', description: 'Save and share your queries', icon: '\uD83D\uDCDD' })] })] })] }) }));
+};
+const FeatureCard = ({ title, description, icon }) => (_jsx(Card, { size: '2', style: { flex: '1 1 200px', maxWidth: '250px' }, children: _jsxs(Flex, { direction: 'column', gap: '2', align: 'center', style: { textAlign: 'center' }, children: [_jsx(Text, { size: '6', children: icon }), _jsx(Text, { size: '2', weight: 'medium', children: title }), _jsx(Text, { size: '1', color: 'gray', children: description })] }) }));
+//# sourceMappingURL=PlaygroundPreview.js.map

package/build/template/components/home/PlaygroundPreview.js.map

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

package/build/template/components/home/QuickStart.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface Props {
+    examples?: Array<{
+        label: string;
+        language: string;
+        code: string;
+    }>;
+}
+export declare const QuickStartSection: React.FC<Props>;
+export {};
+//# sourceMappingURL=QuickStart.d.ts.map

package/build/template/components/home/QuickStart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickStart.d.ts","sourceRoot":"","sources":["../../../../src/template/components/home/QuickStart.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;KACb,CAAC,CAAA;CACH;AAqDD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2E7C,CAAA"}