@sitecore-content-sdk/react 1.3.0-canary.9 → 1.3.0

package/package.json

@@ -1,97 +1,113 @@
-{
-  "name": "@sitecore-content-sdk/react",
-  "version": "1.3.0-canary.9",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "sideEffects": false,
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "scripts": {
-    "build": "npm run clean && tsc -p tsconfig.json && tsc -p tsconfig-esm.json",
-    "clean": "del-cli dist types",
-    "lint": "eslint \"./src/**/*.tsx\" \"./src/**/*.ts\"",
-    "test": "mocha --require ./test/setup.js \"./src/**/*.test.ts\" \"./src/**/*.test.tsx\" --exit",
-    "prepublishOnly": "npm run build",
-    "coverage": "nyc npm test",
-    "generate-docs": "npx typedoc --plugin typedoc-plugin-markdown --outputFileStrategy Members --parametersFormat table --readme none --out ../../ref-docs/react src/index.ts --githubPages false"
-  },
-  "engines": {
-    "node": ">=22"
-  },
-  "author": {
-    "name": "Sitecore Corporation",
-    "url": "https://doc.sitecore.com/xmc/en/developers/content-sdk/index.html"
-  },
-  "license": "Apache-2.0",
-  "homepage": "https://doc.sitecore.com/xmc/en/developers/content-sdk/index.html",
-  "bugs": {
-    "url": "https://github.com/sitecore/content-sdk/issues"
-  },
-  "devDependencies": {
-    "@sitecore-feaas/clientside": "^0.6.0",
-    "@stylistic/eslint-plugin": "^5.2.2",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.3.0",
-    "@types/chai": "^5.2.2",
-    "@types/chai-string": "^1.4.5",
-    "@types/mocha": "^10.0.10",
-    "@types/node": "22.15.14",
-    "@types/proxyquire": "^1.3.31",
-    "@types/react": "^19.1.3",
-    "@types/react-dom": "^19.1.3",
-    "@types/sinon": "^17.0.4",
-    "@types/sinon-chai": "^4.0.0",
-    "@typescript-eslint/eslint-plugin": "8.39.0",
-    "@typescript-eslint/parser": "8.39.0",
-    "chai": "^4.3.7",
-    "chai-string": "^1.6.0",
-    "del-cli": "^6.0.0",
-    "eslint": "^9.32.0",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-import": "2.32.0",
-    "eslint-plugin-jsdoc": "52.0.3",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-react-hooks": "5.2.0",
-    "jsdom": "^26.1.0",
-    "mocha": "^11.2.2",
-    "nyc": "^17.1.0",
-    "prettier": "^2.8.0",
-    "proxyquire": "^2.1.3",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "sinon": "^20.0.0",
-    "sinon-chai": "^3.7.0",
-    "ts-node": "^10.9.2",
-    "typescript": "~5.8.3"
-  },
-  "peerDependencies": {
-    "@sitecore-cloudsdk/events": "^0.5.1",
-    "@sitecore-feaas/clientside": "^0.6.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
-  },
-  "dependencies": {
-    "@sitecore-content-sdk/core": "1.3.0-canary.9",
-    "fast-deep-equal": "^3.1.3"
-  },
-  "description": "",
-  "types": "types/index.d.ts",
-  "gitHead": "0d8d7e51f8e2936401b42dd3ace082abf748a27a",
-  "files": [
-    "dist",
-    "types"
-  ],
-  "imports": {
-    "#rsc-env": {
-      "react-server": {
-        "import": "./dist/esm/rsc-utils/rsc.js",
-        "default": "./dist/cjs/rsc-utils/rsc.js"
-      },
-      "import": "./dist/esm/rsc-utils/no-rsc.js",
-      "default": "./dist/cjs/rsc-utils/no-rsc.js"
-    }
-  }
-}
+{
+  "name": "@sitecore-content-sdk/react",
+  "version": "1.3.0",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "npm run clean && tsc -p tsconfig.json && tsc -p tsconfig-esm.json",
+    "clean": "del-cli dist types",
+    "lint": "eslint \"./src/**/*.tsx\" \"./src/**/*.ts\"",
+    "test": "mocha --require ./test/setup.js \"./src/**/*.test.ts\" \"./src/**/*.test.tsx\" --exit",
+    "prepublishOnly": "npm run build",
+    "coverage": "nyc npm test",
+    "generate-docs": "npx typedoc --plugin typedoc-plugin-markdown --outputFileStrategy Members --parametersFormat table --readme none --out ../../ref-docs/react src/index.ts --githubPages false",
+    "api-extractor": "npm run build && api-extractor run --local --verbose",
+    "api-extractor:verify": "api-extractor run"
+  },
+  "engines": {
+    "node": ">=22"
+  },
+  "author": {
+    "name": "Sitecore Corporation",
+    "url": "https://doc.sitecore.com/xmc/en/developers/content-sdk/index.html"
+  },
+  "license": "Apache-2.0",
+  "homepage": "https://doc.sitecore.com/xmc/en/developers/content-sdk/index.html",
+  "bugs": {
+    "url": "https://github.com/sitecore/content-sdk/issues"
+  },
+  "devDependencies": {
+    "@sitecore-feaas/clientside": "^0.6.0",
+    "@stylistic/eslint-plugin": "^5.2.2",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.3.0",
+    "@types/chai": "^5.2.2",
+    "@types/chai-string": "^1.4.5",
+    "@types/mocha": "^10.0.10",
+    "@types/node": "22.15.14",
+    "@types/proxyquire": "^1.3.31",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@types/sinon": "^17.0.4",
+    "@types/sinon-chai": "^4.0.0",
+    "@typescript-eslint/eslint-plugin": "8.39.0",
+    "@typescript-eslint/parser": "8.39.0",
+    "chai": "^4.3.7",
+    "chai-string": "^1.6.0",
+    "del-cli": "^6.0.0",
+    "eslint": "^9.32.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-jsdoc": "52.0.3",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "5.2.0",
+    "jsdom": "^26.1.0",
+    "mocha": "^11.2.2",
+    "nyc": "^17.1.0",
+    "prettier": "^2.8.0",
+    "proxyquire": "^2.1.3",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
+    "sinon": "^20.0.0",
+    "sinon-chai": "^3.7.0",
+    "ts-node": "^10.9.2",
+    "typescript": "~5.8.3"
+  },
+  "peerDependencies": {
+    "@sitecore-cloudsdk/events": "^0.5.1",
+    "@sitecore-feaas/clientside": "^0.6.0",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1"
+  },
+  "dependencies": {
+    "@sitecore-content-sdk/core": "1.3.0",
+    "@sitecore-content-sdk/search": "0.1.0",
+    "fast-deep-equal": "^3.1.3"
+  },
+  "description": "",
+  "types": "types/index.d.ts",
+  "gitHead": "2f4820efddf4454eeee58ed1b2cc251969efdf5b",
+  "files": [
+    "dist",
+    "types",
+    "/*.d.ts"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "types": "./types/index.d.ts"
+    },
+    "./search": {
+      "import": "./dist/esm/search/index.js",
+      "require": "./dist/cjs/search/index.js",
+      "types": "./types/search/index.d.ts"
+    }
+  },
+  "imports": {
+    "#rsc-env": {
+      "react-server": {
+        "import": "./dist/esm/rsc-utils/rsc.js",
+        "default": "./dist/cjs/rsc-utils/rsc.js"
+      },
+      "import": "./dist/esm/rsc-utils/no-rsc.js",
+      "default": "./dist/cjs/rsc-utils/no-rsc.js"
+    }
+  }
+}

package/search.d.ts

@@ -0,0 +1 @@
+export * from './types/search/index';

package/types/components/ClientEditingChromesUpdate.d.ts

@@ -1,6 +1,8 @@
-import { JSX } from 'react';
-/**
- * Updates editing chromes in app router / RSC context.
- * This ensures all the relevant Pages editing markup is applied once all client components are loaded.
- */
-export declare const ClientEditingChromesUpdate: () => JSX.Element;
+import { JSX } from 'react';
+/**
+ * Updates editing chromes in app router / RSC context.
+ * This ensures all the relevant Pages editing markup is applied once all client components are loaded.
+ * @public
+ */
+export declare const ClientEditingChromesUpdate: () => JSX.Element;
+//# sourceMappingURL=ClientEditingChromesUpdate.d.ts.map

package/types/components/ClientEditingChromesUpdate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientEditingChromesUpdate.d.ts","sourceRoot":"","sources":["../../src/components/ClientEditingChromesUpdate.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAa,GAAG,EAAE,MAAM,OAAO,CAAC;AAC9C;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,QAAO,GAAG,CAAC,OAOjD,CAAC"}

package/types/components/Date.d.ts

@@ -1,16 +1,25 @@
-import React from 'react';
-import { EditableFieldProps } from './sharedTypes';
-import { FieldMetadata } from '@sitecore-content-sdk/core/layout';
-export interface DateFieldProps extends EditableFieldProps<DateFieldProps> {
-    /** The date field data. */
-    [htmlAttributes: string]: unknown;
-    field: FieldMetadata & {
-        value?: string;
-    };
-    /**
-     * The HTML element that will wrap the contents of the field.
-     */
-    tag?: string;
-    render?: (date: Date | null) => React.ReactNode;
-}
-export declare const DateField: React.FC<DateFieldProps>;
+import React from 'react';
+import { EditableFieldProps } from './sharedTypes';
+import { FieldMetadata } from '@sitecore-content-sdk/core/layout';
+/**
+ * The props for the DateField component.
+ * @public
+ */
+export interface DateFieldProps extends EditableFieldProps<DateFieldProps> {
+    /** The date field data. */
+    [htmlAttributes: string]: unknown;
+    field: FieldMetadata & {
+        value?: string;
+    };
+    /**
+     * The HTML element that will wrap the contents of the field.
+     */
+    tag?: string;
+    render?: (date: Date | null) => React.ReactNode;
+}
+/**
+ * The DateField component.
+ * @public
+ */
+export declare const DateField: React.FC<DateFieldProps>;
+//# sourceMappingURL=Date.d.ts.map

package/types/components/Date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date.d.ts","sourceRoot":"","sources":["../../src/components/Date.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAGlE;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,kBAAkB,CAAC,cAAc,CAAC;IACxE,2BAA2B;IAC3B,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,KAAK,EAAE,aAAa,GAAG;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;CACjD;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+B9C,CAAC"}

package/types/components/DefaultEmptyFieldEditingComponents.d.ts

@@ -1,9 +1,20 @@
-import React from 'react';
-export declare const DefaultEmptyFieldEditingComponentText: React.FC<{
-    [key: string]: unknown;
-    tag?: string;
-}>;
-export declare const DefaultEmptyFieldEditingComponentImage: React.FC<{
-    [key: string]: unknown;
-    className?: string;
-}>;
+import React from 'react';
+/**
+ * The DefaultEmptyFieldEditingComponentText component.
+ * @param {object} props - The props for the component.
+ * @public
+ */
+export declare const DefaultEmptyFieldEditingComponentText: React.FC<{
+    [key: string]: unknown;
+    tag?: string;
+}>;
+/**
+ * The DefaultEmptyFieldEditingComponentImage component.
+ * @param {object} props - The props for the component.
+ * @public
+ */
+export declare const DefaultEmptyFieldEditingComponentImage: React.FC<{
+    [key: string]: unknown;
+    className?: string;
+}>;
+//# sourceMappingURL=DefaultEmptyFieldEditingComponents.d.ts.map

package/types/components/DefaultEmptyFieldEditingComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultEmptyFieldEditingComponents.d.ts","sourceRoot":"","sources":["../../src/components/DefaultEmptyFieldEditingComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;GAIG;AACH,eAAO,MAAM,qCAAqC,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3D,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAEA,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sCAAsC,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5D,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAkBA,CAAC"}

package/types/components/DesignLibrary/DesignLibrary.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { DesignLibraryProps } from './models';
+export declare const __mockDependencies: (mocks: any) => void;
+/**
+ * Design Library component.
+ *
+ * Renders the **real** Sitecore component for `library` / `library-metadata` modes and,
+ * when generation is enabled (`page.mode.designLibrary.isVariantGeneration === true`),
+ * wires the **variant generation** handshake so the parent (DL Studio) can send
+ * generated code to preview and iterate on.
+ * @param {DesignLibraryProps} props
+ * @param {() => Promise} [props.loadImportMap] Optional async loader that resolves to the import-map used to resolve the generated component’s imports. Required when `isVariantGeneration` is true.
+ * @returns {JSX.Element} The preview surface, or `null` when not in Design Library mode.
+ * @public
+ */
+export declare const DesignLibrary: {
+    (props: DesignLibraryProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=DesignLibrary.d.ts.map

package/types/components/DesignLibrary/DesignLibrary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignLibrary.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/DesignLibrary.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAenD,OAAO,EAAE,kBAAkB,EAAoB,MAAM,UAAU,CAAC;AAYhE,eAAO,MAAM,kBAAkB,GAAI,OAAO,GAAG,SAQ5C,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa;;;CA4HxB,CAAC"}

package/types/components/DesignLibrary/DesignLibraryApp.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { DesingLibraryAppProps } from './models';
+/**
+ * Design Library component intended to be used by the NextJs app router application
+ * This component serves as a router between client and server component rendering modes for the Design Library.
+ * It inspects the component type from the component map and
+ * delegates to the appropriate rendering implementation:
+ * - Client components are rendered using the `DesignLibrary` component
+ * - Server components are rendered using the `DesignLibraryServer` component
+ * @param {DesingLibraryAppProps} props - The properties for the Design Library App.
+ * @public
+ */
+export declare const DesignLibraryApp: ({ page, componentMap, loadServerImportMap, }: DesingLibraryAppProps) => React.JSX.Element | null;
+//# sourceMappingURL=DesignLibraryApp.d.ts.map

package/types/components/DesignLibrary/DesignLibraryApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignLibraryApp.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/DesignLibraryApp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAIjD;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,GAAI,8CAI9B,qBAAqB,6BAsBvB,CAAC"}

package/types/components/DesignLibrary/DesignLibraryClientEvents.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { DesignLibraryPreviewEventsProps, DesignLibraryVariantGenerationEventsProps } from './models';
+export declare const __mockDependencies: (mocks: any) => void;
+/**
+ * Design Library component for rendering server components in app router application.
+ * DesignLibraryPreviewEvents component serves as a communication bridge between DesignLibraryServer and the Design Studio on the client side.
+ * It posts messages to Design Library Studio and sets up handlers to receive updates and previews which are then passed to the server component via server function updateServerComponentAction.
+ * @param {DesignLibraryPreviewEventsProps} props The props. {@link DesignLibraryPreviewEventsProps}
+ * @returns {JSX.Element} empty JSX element.
+ */
+export declare const DesignLibraryPreviewEvents: ({ designLibraryStatus, component, }: DesignLibraryPreviewEventsProps) => React.JSX.Element;
+/**
+ * Design Library component for rendering server components in app router application.
+ * DesignLibraryVariantGenerationEvents component serves as a communication bridge between DesignLibraryServer and the Design Studio on the client side in variant generation mode.
+ * It posts messages to Design Library Studio and sets up handlers to receive updates and previews which are then passed to the server component via server function updateServerComponentAction.
+ * If the import map is not present then the import map error will be sent to Design Studio.
+ * @param {DesignLibraryVariantGenerationEventsProps} props The props. {@link DesignLibraryVariantGenerationEventsProps}
+ * @returns {JSX.Element} empty JSX element.
+ */
+export declare const DesignLibraryVariantGenerationEvents: ({ designLibraryStatus, component, importMap, importMapError, previewComponentData, }: DesignLibraryVariantGenerationEventsProps) => React.JSX.Element;
+//# sourceMappingURL=DesignLibraryClientEvents.d.ts.map

package/types/components/DesignLibrary/DesignLibraryClientEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignLibraryClientEvents.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/DesignLibraryClientEvents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EACL,+BAA+B,EAC/B,yCAAyC,EAC1C,MAAM,UAAU,CAAC;AAYlB,eAAO,MAAM,kBAAkB,GAAI,OAAO,GAAG,SAS5C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B,GAAI,qCAGxC,+BAA+B,sBAgBjC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oCAAoC,GAAI,sFAMlD,yCAAyC,sBA6C3C,CAAC"}

package/types/components/DesignLibrary/DesignLibraryErrorBoundary.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+type DesignLibraryErrorBoundaryProps = {
+    uid: string;
+    children: React.ReactNode;
+    renderKey?: number;
+};
+export declare class DesignLibraryErrorBoundary extends React.Component<DesignLibraryErrorBoundaryProps> {
+    state: {
+        hasError: boolean;
+    };
+    static getDerivedStateFromError(): {
+        hasError: boolean;
+    };
+    componentDidUpdate(prevProps: DesignLibraryErrorBoundaryProps): void;
+    componentDidCatch(error: Error): void;
+    render(): React.JSX.Element;
+}
+export {};
+//# sourceMappingURL=DesignLibraryErrorBoundary.d.ts.map

package/types/components/DesignLibrary/DesignLibraryErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignLibraryErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/DesignLibraryErrorBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,KAAK,+BAA+B,GAAG;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,qBAAa,0BAA2B,SAAQ,KAAK,CAAC,SAAS,CAAC,+BAA+B,CAAC;IAC9F,KAAK;;MAEH;IAEF,MAAM,CAAC,wBAAwB;;;IAI/B,kBAAkB,CAAC,SAAS,EAAE,+BAA+B;IAM7D,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAI9B,MAAM;CAOP"}

package/types/components/DesignLibrary/DesignLibraryServer.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { DesignLibraryServerProps, DesignLibraryServerPreviewProps, DesignLibraryServerVariantGenerationProps } from './models';
+export declare const __mockDependencies: (mocks: any) => Promise<void>;
+/**
+ * Design Library component for rendering server components in app router application.
+ *
+ * Renders the **real** Sitecore component for `library` / `library-metadata` modes and,
+ * when generation is enabled (`page.mode.designLibrary.isVariantGeneration === true`),
+ * wires the **variant generation** handshake so the parent (Design Library) can send
+ * generated code to preview and iterate on.
+ * Also renders the DesignLibraryClientEvents component which serves as a communication bridge between DesignLibraryServer and the Design Studio on the client side.
+ * @param {DesignLibraryServerProps} props The props. {@link DesignLibraryServerProps}
+ * @returns {JSX.Element} The preview surface, or `null` when not in Design Library mode.
+ */
+export declare const DesignLibraryServer: ({ page, componentMap, rendering, loadServerImportMap, }: DesignLibraryServerProps) => Promise<React.JSX.Element | null>;
+/**
+ * Design Library component for rendering server components in app router application in variant generation mode.
+ *
+ * Renders the **real** Sitecore component for `library` / `library-metadata` modes on first render and,
+ * wires the **variant generation** handshake so the parent (Design Library) can send
+ * generated code to preview and iterate on.
+ * Also renders the DesignLibraryVariantGenerationEvents component which serves as a communication bridge between DesignLibraryServer and the Design Studio on the client side.
+ * @param {DesignLibraryServerVariantGenerationProps} props The props. {@link DesignLibraryServerVariantGenerationProps}
+ * @returns {JSX.Element} The preview surface, or `null` when not in Design Library mode.
+ */
+export declare const DesignLibraryServerVariantGeneration: ({ page, rendering, loadServerImportMap, componentMap, }: DesignLibraryServerVariantGenerationProps) => Promise<React.JSX.Element>;
+/**
+ * Design Library component for rendering server components in app router application when variant generation is not enabled.
+ *
+ * Renders the **real** Sitecore component for `library` / `library-metadata` modes and,
+ * wires the **component update** handshake so the parent (Design Library) can send
+ * updated component props.
+ * Also renders the DesignLibraryPreviewEvents component which serves as a communication bridge between DesignLibraryServer and the Design Studio on the client side.
+ * @param {DesignLibraryServerPreviewProps} props The props. {@link DesignLibraryServerPreviewProps}
+ * @returns {JSX.Element} The preview surface, or `null` when not in Design Library mode.
+ */
+export declare const DesignLibraryServerPreview: ({ page, rendering, componentMap, }: DesignLibraryServerPreviewProps) => Promise<React.JSX.Element>;
+//# sourceMappingURL=DesignLibraryServer.d.ts.map

package/types/components/DesignLibrary/DesignLibraryServer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignLibraryServer.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/DesignLibraryServer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,OAAO,EAEL,wBAAwB,EACxB,+BAA+B,EAC/B,yCAAyC,EAC1C,MAAM,UAAU,CAAC;AAOlB,eAAO,MAAM,kBAAkB,GAAU,OAAO,GAAG,kBAUlD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB,GAAU,yDAKvC,wBAAwB,sCAqB1B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,oCAAoC,GAAU,yDAKxD,yCAAyC,+BA4F3C,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,0BAA0B,GAAU,oCAI9C,+BAA+B,+BAyCjC,CAAC"}

package/types/components/DesignLibrary/index.d.ts

@@ -0,0 +1,3 @@
+export { DesignLibrary } from './DesignLibrary';
+export { DesignLibraryApp } from './DesignLibraryApp';
+//# sourceMappingURL=index.d.ts.map

package/types/components/DesignLibrary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/types/components/DesignLibrary/models.d.ts

@@ -0,0 +1,67 @@
+import { ImportEntry, ImportEntryInfo } from '@sitecore-content-sdk/core/codegen';
+import { ComponentFields, ComponentParams, ComponentRendering, RouteData } from '@sitecore-content-sdk/core/layout';
+import { DesignLibraryStatus } from '@sitecore-content-sdk/core/editing';
+import { Page } from '@sitecore-content-sdk/core/client';
+import { ComponentPreviewEventArgs } from '@sitecore-content-sdk/core/codegen';
+import { ComponentMap } from '../sharedTypes';
+export type ImportMapImport = {
+    default: ImportEntry[];
+};
+export type DynamicComponent = React.ComponentType<{
+    [key: string]: unknown;
+    fields?: ComponentFields;
+    params?: ComponentParams;
+}>;
+export type DesignLibraryProps = {
+    /**
+     * The dynamic import for import map to be used in variant generation mode.
+     * Currently it's optional but it will be required in the next major version.
+     */
+    loadImportMap?: () => Promise<ImportMapImport>;
+};
+export type DesignLibraryServerProps = {
+    /**
+     * Component Map will be used to map Sitecore component names to app implementation
+     */
+    componentMap: ComponentMap;
+    /**
+     * Rendering data to be used when rendering the placeholder.
+     */
+    rendering: ComponentRendering | RouteData;
+    /**
+     * Page data.
+     */
+    page: Page;
+    /**
+     * The dynamic import for sever import map to be used in variant generation mode.
+     */
+    loadServerImportMap: () => Promise<ImportMapImport>;
+};
+export type DesingLibraryAppProps = DesignLibraryServerProps;
+export type DesignLibraryServerPreviewProps = Omit<DesignLibraryServerProps, 'loadServerImportMap'>;
+export type DesignLibraryServerVariantGenerationProps = DesignLibraryServerProps;
+export type DesignLibraryPreviewEventsProps = {
+    /**
+     * The design library status to be posted as a message to the Design Studio.
+     */
+    designLibraryStatus: DesignLibraryStatus;
+    /**
+     * The component rendering data that is being edited in the Design Studio.
+     */
+    component: ComponentRendering;
+};
+export type DesignLibraryVariantGenerationEventsProps = DesignLibraryPreviewEventsProps & {
+    /**
+     * The import map info to be posted as a message to the Design Studio.
+     */
+    importMap?: ImportEntryInfo[];
+    /**
+     * Any error that occurred while loading the import map to be posted as a message to the Design Studio.
+     */
+    importMapError?: string;
+    /**
+     * The preview component data received from design library.
+     */
+    previewComponentData?: ComponentPreviewEventArgs;
+};
+//# sourceMappingURL=models.d.ts.map

package/types/components/DesignLibrary/models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/models.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,EACL,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,SAAS,EACV,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC;IACjD,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC,CAAC;AAGH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,eAAe,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,SAAS,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,mBAAmB,EAAE,MAAM,OAAO,CAAC,eAAe,CAAC,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC;AAE7D,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAAC,wBAAwB,EAAE,qBAAqB,CAAC,CAAC;AAEpG,MAAM,MAAM,yCAAyC,GAAG,wBAAwB,CAAC;AAEjF,MAAM,MAAM,+BAA+B,GAAG;IAC5C;;OAEG;IACH,mBAAmB,EAAE,mBAAmB,CAAC;IACzC;;OAEG;IACH,SAAS,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,yCAAyC,GAAG,+BAA+B,GAAG;IACxF;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,yBAAyB,CAAC;CAClD,CAAC"}

package/types/components/EditingScripts.d.ts

@@ -1,7 +1,9 @@
-import { JSX } from 'react';
-/**
- * Renders client scripts and data for editing/preview mode for Pages.
- * Renders script required for the Design Library (when mode.isDesignLibrary is true).
- * @returns A JSX element containing the editing scripts or an empty fragment if not in editing/preview mode.
- */
-export declare const EditingScripts: () => JSX.Element;
+import { JSX } from 'react';
+/**
+ * Renders client scripts and data for editing/preview mode for Pages.
+ * Renders script required for the Design Library (when mode.isDesignLibrary is true).
+ * @returns A JSX element containing the editing scripts or an empty fragment if not in editing/preview mode.
+ * @public
+ */
+export declare const EditingScripts: () => JSX.Element;
+//# sourceMappingURL=EditingScripts.d.ts.map

package/types/components/EditingScripts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditingScripts.d.ts","sourceRoot":"","sources":["../../src/components/EditingScripts.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKnC;;;;;GAKG;AACH,eAAO,MAAM,cAAc,QAAO,GAAG,CAAC,OA+CrC,CAAC"}

package/types/components/ErrorBoundary.d.ts

@@ -1,17 +1,29 @@
-import React, { ReactNode } from 'react';
-import { Page } from '@sitecore-content-sdk/core/client';
-import { ComponentRendering } from '@sitecore-content-sdk/core/layout';
-type ErrorComponentProps = {
-    [prop: string]: unknown;
-};
-export type ErrorBoundaryProps = {
-    children: ReactNode;
-    page: Page;
-    isDynamic?: boolean;
-    errorComponent?: React.ComponentClass<ErrorComponentProps> | React.FC<ErrorComponentProps>;
-    rendering?: ComponentRendering;
-    componentLoadingMessage?: string;
-    disableSuspense?: boolean;
-};
-declare const _default: (props: import("@sitecore-content-sdk/core/utils").EnhancedOmit<ErrorBoundaryProps, keyof import("../enhancers/withSitecore").WithSitecoreProps>) => React.JSX.Element;
-export default _default;
+import React, { ReactNode } from 'react';
+import { Page } from '@sitecore-content-sdk/core/client';
+import { ComponentRendering } from '@sitecore-content-sdk/core/layout';
+type ErrorComponentProps = {
+    [prop: string]: unknown;
+};
+export type ErrorBoundaryProps = {
+    children: ReactNode;
+    page: Page;
+    isDynamic?: boolean;
+    errorComponent?: React.ComponentClass<ErrorComponentProps> | React.FC<ErrorComponentProps>;
+    rendering?: ComponentRendering;
+    componentLoadingMessage?: string;
+    disableSuspense?: boolean;
+};
+/**
+ * Simple error component applying basic error styling.
+ * @param {object} props - Either with `message` (string) or with `children` (ReactNode), but not both.
+ */
+export declare const ErrorComponent: (props: {
+    message: React.ReactNode;
+    children?: never;
+} | {
+    children: React.ReactNode;
+    message?: never;
+}) => React.JSX.Element;
+declare const _default: (props: import("@sitecore-content-sdk/core/utils").EnhancedOmit<ErrorBoundaryProps, keyof import("../enhancers/withSitecore").WithSitecoreProps>) => React.JSX.Element;
+export default _default;
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/types/components/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAGvE,KAAK,mBAAmB,GAAG;IACzB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC;IAC3F,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GACzB,OACI;IAAE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GAC9C;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,sBAOnD,CAAC;;AA0EF,wBAA6C"}