@amplifyup/sdk 0.1.27 → 0.1.29

package/dist/react.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { P as PageConfig, b as AmplifyUpConfig, C as ContentSource, A as AmplifyContentMeta } from './types-BxpG9Gsy.mjs';
 export { Z as ZoneConfig } from './types-BxpG9Gsy.mjs';
 export { AmplifyRenderer } from './AmplifyRenderer.mjs';
@@ -40,10 +40,12 @@ interface AmplifyPageContentProps {
  */
 declare function AmplifyPageContent({ fallback, renderComponent, pageConfig: pageConfigProp, forceComposerPreview, previewLoadingComponent, previewEmptyComponent, loadingComponent, emptyComponent, errorComponent, }: AmplifyPageContentProps): react_jsx_runtime.JSX.Element | null;
 
+declare function useLiveComposerProps(layoutNodeId: string | undefined, props: Record<string, any>): Record<string, any>;
 /**
- * ComponentContextProvider - Provides slots and props to child components
- * This should wrap each component when rendering
+ * Live props for this layout node (CMS fields + settings).
+ * Same values `<Field>` reads — use this when you want to render yourself.
  */
+declare function useComponentProps<T extends Record<string, any> = Record<string, any>>(): T;
 declare function ComponentContextProvider({ children, slots, props, layoutNodeId, componentId, }: {
     children: ReactNode;
     slots?: Record<string, ReactNode>;
@@ -81,37 +83,12 @@ declare function Slot({ name, className, }: {
     name: string;
     className?: string;
 }): react_jsx_runtime.JSX.Element | null;
-/**
- * Field Component
- *
- * Renders a field value from component props. Developers use this to define
- * where field values should appear in their component, with full control
- * over styling and formatting.
- *
- * For markdown / rich text fields, use {@link RichText} instead.
- *
- * @example
- * ```tsx
- * function Hero({ title, description }) {
- *   return (
- *     <section className="hero">
- *       <h1>
- *         <Field name="title" fallback="Default Title" />
- *       </h1>
- *       <p>
- *         <Field name="description" />
- *       </p>
- *     </section>
- *   );
- * }
- * ```
- */
 declare function Field({ name, fallback, className, render, }: {
     name: string;
     fallback?: ReactNode;
     className?: string;
     render?: (value: any) => ReactNode;
-}): react_jsx_runtime.JSX.Element | null;
+}): string | number | true | Iterable<React.ReactNode> | react_jsx_runtime.JSX.Element | null;
 /**
  * RichText - Renders a markdown (or HTML string) field as formatted HTML.
  *
@@ -144,4 +121,4 @@ interface AmplifyUpProviderProps {
 declare function AmplifyUpProvider({ children, config }: AmplifyUpProviderProps): react_jsx_runtime.JSX.Element;
 declare function useAmplifyUp(): AmplifyUpContextType;
 
-export { AmplifyContentMeta, AmplifyPageContent, AmplifyUpProvider, ComponentContextProvider, ContentSource, Field, PageConfig, RichText, Slot, useAmplifyUp };
+export { AmplifyContentMeta, AmplifyPageContent, AmplifyUpProvider, ComponentContextProvider, ContentSource, Field, PageConfig, RichText, Slot, useAmplifyUp, useComponentProps, useLiveComposerProps };

package/dist/react.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { P as PageConfig, b as AmplifyUpConfig, C as ContentSource, A as AmplifyContentMeta } from './types-BxpG9Gsy.js';
 export { Z as ZoneConfig } from './types-BxpG9Gsy.js';
 export { AmplifyRenderer } from './AmplifyRenderer.js';
@@ -40,10 +40,12 @@ interface AmplifyPageContentProps {
  */
 declare function AmplifyPageContent({ fallback, renderComponent, pageConfig: pageConfigProp, forceComposerPreview, previewLoadingComponent, previewEmptyComponent, loadingComponent, emptyComponent, errorComponent, }: AmplifyPageContentProps): react_jsx_runtime.JSX.Element | null;
 
+declare function useLiveComposerProps(layoutNodeId: string | undefined, props: Record<string, any>): Record<string, any>;
 /**
- * ComponentContextProvider - Provides slots and props to child components
- * This should wrap each component when rendering
+ * Live props for this layout node (CMS fields + settings).
+ * Same values `<Field>` reads — use this when you want to render yourself.
  */
+declare function useComponentProps<T extends Record<string, any> = Record<string, any>>(): T;
 declare function ComponentContextProvider({ children, slots, props, layoutNodeId, componentId, }: {
     children: ReactNode;
     slots?: Record<string, ReactNode>;
@@ -81,37 +83,12 @@ declare function Slot({ name, className, }: {
     name: string;
     className?: string;
 }): react_jsx_runtime.JSX.Element | null;
-/**
- * Field Component
- *
- * Renders a field value from component props. Developers use this to define
- * where field values should appear in their component, with full control
- * over styling and formatting.
- *
- * For markdown / rich text fields, use {@link RichText} instead.
- *
- * @example
- * ```tsx
- * function Hero({ title, description }) {
- *   return (
- *     <section className="hero">
- *       <h1>
- *         <Field name="title" fallback="Default Title" />
- *       </h1>
- *       <p>
- *         <Field name="description" />
- *       </p>
- *     </section>
- *   );
- * }
- * ```
- */
 declare function Field({ name, fallback, className, render, }: {
     name: string;
     fallback?: ReactNode;
     className?: string;
     render?: (value: any) => ReactNode;
-}): react_jsx_runtime.JSX.Element | null;
+}): string | number | true | Iterable<React.ReactNode> | react_jsx_runtime.JSX.Element | null;
 /**
  * RichText - Renders a markdown (or HTML string) field as formatted HTML.
  *
@@ -144,4 +121,4 @@ interface AmplifyUpProviderProps {
 declare function AmplifyUpProvider({ children, config }: AmplifyUpProviderProps): react_jsx_runtime.JSX.Element;
 declare function useAmplifyUp(): AmplifyUpContextType;
 
-export { AmplifyContentMeta, AmplifyPageContent, AmplifyUpProvider, ComponentContextProvider, ContentSource, Field, PageConfig, RichText, Slot, useAmplifyUp };
+export { AmplifyContentMeta, AmplifyPageContent, AmplifyUpProvider, ComponentContextProvider, ContentSource, Field, PageConfig, RichText, Slot, useAmplifyUp, useComponentProps, useLiveComposerProps };