@a2ui-sdk/react 0.1.1 → 0.2.1

package/dist/0.8/components/ComponentRenderer.d.ts

@@ -1,9 +1,6 @@
-import { ComponentType } from 'react';
-import { BaseComponentProps } from '@a2ui-sdk/types/0.8';
 /**
- * Component registry mapping component type names to React components.
+ * ComponentRenderer - Routes component rendering based on type.
  */
-export declare const componentRegistry: Record<string, ComponentType<BaseComponentProps & Record<string, unknown>>>;
 /**
  * Props for ComponentRenderer.
  */
@@ -22,18 +19,3 @@ export interface ComponentRendererProps {
  * ```
  */
 export declare const ComponentRenderer: import('react').NamedExoticComponent<ComponentRendererProps>;
-/**
- * Registers a custom component type.
- *
- * @param type - The component type name
- * @param component - The React component to register
- *
- * @example
- * ```tsx
- * registerComponent('CustomChart', ({ surfaceId, data }) => {
- *   const chartData = useDataBinding(surfaceId, data, []);
- *   return <Chart data={chartData} />;
- * });
- * ```
- */
-export declare function registerComponent(type: string, component: ComponentType<BaseComponentProps & Record<string, unknown>>): void;

package/dist/0.8/components/ComponentRenderer.js

@@ -1,76 +1,34 @@
-import { jsx as C } from "react/jsx-runtime";
-import { memo as f, useContext as l } from "react";
-import { useComponent as s } from "../hooks/useComponent.js";
+import { jsx as i } from "react/jsx-runtime";
+import { memo as c, useContext as C } from "react";
+import { useComponent as l } from "../hooks/useComponent.js";
 import { ComponentsMapContext as u } from "../contexts/ComponentsMapContext.js";
-import { TextComponent as a } from "./display/TextComponent.js";
-import { ImageComponent as c } from "./display/ImageComponent.js";
-import { IconComponent as d } from "./display/IconComponent.js";
-import { VideoComponent as x } from "./display/VideoComponent.js";
-import { AudioPlayerComponent as T } from "./display/AudioPlayerComponent.js";
-import { DividerComponent as h } from "./display/DividerComponent.js";
-import { RowComponent as w } from "./layout/RowComponent.js";
-import { ColumnComponent as g } from "./layout/ColumnComponent.js";
-import { ListComponent as y } from "./layout/ListComponent.js";
-import { CardComponent as A } from "./layout/CardComponent.js";
-import { TabsComponent as M } from "./layout/TabsComponent.js";
-import { ModalComponent as R } from "./layout/ModalComponent.js";
-import { ButtonComponent as I } from "./interactive/ButtonComponent.js";
-import { CheckBoxComponent as U } from "./interactive/CheckBoxComponent.js";
-import { TextFieldComponent as B } from "./interactive/TextFieldComponent.js";
-import { DateTimeInputComponent as D } from "./interactive/DateTimeInputComponent.js";
-import { MultipleChoiceComponent as $ } from "./interactive/MultipleChoiceComponent.js";
-import { SliderComponent as b } from "./interactive/SliderComponent.js";
-const k = {
-  // Display components
-  Text: a,
-  Image: c,
-  Icon: d,
-  Video: x,
-  AudioPlayer: T,
-  Divider: h,
-  // Layout components
-  Row: w,
-  Column: g,
-  List: y,
-  Card: A,
-  Tabs: M,
-  Modal: R,
-  // Interactive components
-  Button: I,
-  CheckBox: U,
-  TextField: B,
-  DateTimeInput: D,
-  MultipleChoice: $,
-  Slider: b
-}, j = f(function({
-  surfaceId: t,
-  componentId: o
+const f = c(function({
+  surfaceId: o,
+  componentId: n
 }) {
-  const e = s(t, o), r = l(u);
+  const e = l(o, n), m = C(u);
   if (!e)
     return console.warn(
-      `A2UI: Component not found: ${o} on surface ${t}`
+      `A2UI: Component not found: ${n} on surface ${o}`
     ), null;
-  const p = Object.entries(e.component);
-  if (p.length === 0)
-    return console.warn(`A2UI: Component ${o} has no type definition`), null;
-  const [m, i] = p[0];
-  let n;
-  return r ? n = r.getComponent(m) : n = k[m], n ? (
+  const t = Object.entries(e.component);
+  if (t.length === 0)
+    return console.warn(`A2UI: Component ${n} has no type definition`), null;
+  const [r, s] = t[0], p = m?.getComponent(r);
+  return p ? (
     // eslint-disable-next-line react-hooks/static-components
-    /* @__PURE__ */ C(
-      n,
+    /* @__PURE__ */ i(
+      p,
       {
-        surfaceId: t,
-        componentId: o,
+        surfaceId: o,
+        componentId: n,
         weight: e.weight,
-        ...i
+        ...s
       }
     )
-  ) : (console.warn(`A2UI: Unknown component type: ${m}`), null);
+  ) : (console.warn(`A2UI: Unknown component type: ${r}`), null);
 });
-j.displayName = "A2UI.ComponentRenderer";
+f.displayName = "A2UI.ComponentRenderer";
 export {
-  j as ComponentRenderer,
-  k as componentRegistry
+  f as ComponentRenderer
 };

package/dist/0.8/components/UnknownComponent.d.ts

@@ -1,8 +1,8 @@
-import { BaseComponentProps } from '@a2ui-sdk/types/0.8';
+import { A2UIComponentProps } from './types';
 /**
  * Props for UnknownComponent.
  */
-export interface UnknownComponentProps extends BaseComponentProps {
+export interface UnknownComponentProps {
     /** The unknown component type name */
     componentType: string;
 }
@@ -12,7 +12,7 @@ export interface UnknownComponentProps extends BaseComponentProps {
  * Displays a warning box with the unknown component type name
  * to help developers identify configuration issues.
  */
-export declare function UnknownComponent({ componentId, componentType, }: UnknownComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function UnknownComponent({ componentId, componentType, }: A2UIComponentProps<UnknownComponentProps>): import("react/jsx-runtime").JSX.Element;
 export declare namespace UnknownComponent {
     var displayName: string;
 }

package/dist/0.8/components/display/AudioPlayerComponent.d.ts

@@ -1,5 +1,6 @@
-import { AudioPlayerComponentProps } from '@a2ui-sdk/types/0.8';
+import { AudioPlayerComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * AudioPlayer component for playing audio content.
  */
-export declare const AudioPlayerComponent: import('react').NamedExoticComponent<AudioPlayerComponentProps>;
+export declare const AudioPlayerComponent: import('react').NamedExoticComponent<A2UIComponentProps<AudioPlayerComponentProps>>;

package/dist/0.8/components/display/DividerComponent.d.ts

@@ -1,5 +1,6 @@
-import { DividerComponentProps } from '@a2ui-sdk/types/0.8';
+import { DividerComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * Divider component for visual separation.
  */
-export declare const DividerComponent: import('react').NamedExoticComponent<DividerComponentProps>;
+export declare const DividerComponent: import('react').NamedExoticComponent<A2UIComponentProps<DividerComponentProps>>;

package/dist/0.8/components/display/IconComponent.d.ts

@@ -1,5 +1,6 @@
-import { IconComponentProps } from '@a2ui-sdk/types/0.8';
+import { IconComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * Icon component for displaying icons from the A2UI icon set.
  */
-export declare const IconComponent: import('react').NamedExoticComponent<IconComponentProps>;
+export declare const IconComponent: import('react').NamedExoticComponent<A2UIComponentProps<IconComponentProps>>;

package/dist/0.8/components/display/ImageComponent.d.ts

@@ -1,6 +1,7 @@
-import { ImageComponentProps } from '@a2ui-sdk/types/0.8';
+import { ImageComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * Image component for displaying images.
  * Supports different sizes via usageHint and object-fit via fit property.
  */
-export declare const ImageComponent: import('react').NamedExoticComponent<ImageComponentProps>;
+export declare const ImageComponent: import('react').NamedExoticComponent<A2UIComponentProps<ImageComponentProps>>;

package/dist/0.8/components/display/TextComponent.d.ts

@@ -1,6 +1,7 @@
-import { TextComponentProps } from '@a2ui-sdk/types/0.8';
+import { TextComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * Text component for displaying text content.
  * Supports basic Markdown formatting and different text styles via usageHint.
  */
-export declare const TextComponent: import('react').NamedExoticComponent<TextComponentProps>;
+export declare const TextComponent: import('react').NamedExoticComponent<A2UIComponentProps<TextComponentProps>>;

package/dist/0.8/components/display/VideoComponent.d.ts

@@ -1,5 +1,6 @@
-import { VideoComponentProps } from '@a2ui-sdk/types/0.8';
+import { VideoComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * Video component for displaying video content.
  */
-export declare const VideoComponent: import('react').NamedExoticComponent<VideoComponentProps>;
+export declare const VideoComponent: import('react').NamedExoticComponent<A2UIComponentProps<VideoComponentProps>>;

package/dist/0.8/components/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * A2UI SDK for React - Components Exports
  */
-export { ComponentRenderer, registerComponent } from './ComponentRenderer';
+export { ComponentRenderer } from './ComponentRenderer';
 export * from './display';
 export * from './layout';
 export * from './interactive';

package/dist/0.8/components/interactive/ButtonComponent.d.ts

@@ -1,5 +1,6 @@
-import { ButtonComponentProps } from '@a2ui-sdk/types/0.8';
+import { ButtonComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * Button component - triggers actions on click.
  */
-export declare const ButtonComponent: import('react').NamedExoticComponent<ButtonComponentProps>;
+export declare const ButtonComponent: import('react').NamedExoticComponent<A2UIComponentProps<ButtonComponentProps>>;

package/dist/0.8/components/interactive/CheckBoxComponent.d.ts

@@ -1,5 +1,6 @@
-import { CheckBoxComponentProps } from '@a2ui-sdk/types/0.8';
+import { CheckBoxComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * CheckBox component - checkbox input with label.
  */
-export declare const CheckBoxComponent: import('react').NamedExoticComponent<CheckBoxComponentProps>;
+export declare const CheckBoxComponent: import('react').NamedExoticComponent<A2UIComponentProps<CheckBoxComponentProps>>;

package/dist/0.8/components/interactive/DateTimeInputComponent.d.ts

@@ -1,5 +1,6 @@
-import { DateTimeInputComponentProps } from '@a2ui-sdk/types/0.8';
+import { DateTimeInputComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * DateTimeInput component - date/time picker using native HTML5 inputs.
  */
-export declare const DateTimeInputComponent: import('react').NamedExoticComponent<DateTimeInputComponentProps>;
+export declare const DateTimeInputComponent: import('react').NamedExoticComponent<A2UIComponentProps<DateTimeInputComponentProps>>;

package/dist/0.8/components/interactive/MultipleChoiceComponent.d.ts

@@ -1,7 +1,8 @@
-import { MultipleChoiceComponentProps } from '@a2ui-sdk/types/0.8';
+import { MultipleChoiceComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * MultipleChoice component - dropdown/select input.
  * When maxAllowedSelections === 1, renders as a dropdown.
  * When maxAllowedSelections > 1 or undefined, renders as checkboxes for multi-select.
  */
-export declare const MultipleChoiceComponent: import('react').NamedExoticComponent<MultipleChoiceComponentProps>;
+export declare const MultipleChoiceComponent: import('react').NamedExoticComponent<A2UIComponentProps<MultipleChoiceComponentProps>>;

package/dist/0.8/components/interactive/SliderComponent.d.ts

@@ -1,5 +1,6 @@
-import { SliderComponentProps } from '@a2ui-sdk/types/0.8';
+import { SliderComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * Slider component - range slider input.
  */
-export declare const SliderComponent: import('react').NamedExoticComponent<SliderComponentProps>;
+export declare const SliderComponent: import('react').NamedExoticComponent<A2UIComponentProps<SliderComponentProps>>;

package/dist/0.8/components/interactive/TextFieldComponent.d.ts

@@ -1,5 +1,6 @@
-import { TextFieldComponentProps } from '@a2ui-sdk/types/0.8';
+import { TextFieldComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * TextField component - text input with label.
  */
-export declare const TextFieldComponent: import('react').NamedExoticComponent<TextFieldComponentProps>;
+export declare const TextFieldComponent: import('react').NamedExoticComponent<A2UIComponentProps<TextFieldComponentProps>>;

package/dist/0.8/components/layout/CardComponent.d.ts

@@ -1,5 +1,6 @@
-import { CardComponentProps } from '@a2ui-sdk/types/0.8';
+import { CardComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * Card component - container with card styling.
  */
-export declare const CardComponent: import('react').NamedExoticComponent<CardComponentProps>;
+export declare const CardComponent: import('react').NamedExoticComponent<A2UIComponentProps<CardComponentProps>>;

package/dist/0.8/components/layout/ColumnComponent.d.ts

@@ -1,5 +1,6 @@
-import { ColumnComponentProps } from '@a2ui-sdk/types/0.8';
+import { ColumnComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * Column component - vertical flex container.
  */
-export declare const ColumnComponent: import('react').NamedExoticComponent<ColumnComponentProps>;
+export declare const ColumnComponent: import('react').NamedExoticComponent<A2UIComponentProps<ColumnComponentProps>>;

package/dist/0.8/components/layout/ListComponent.d.ts

@@ -1,5 +1,6 @@
-import { ListComponentProps } from '@a2ui-sdk/types/0.8';
+import { ListComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * List component - container for list items.
  */
-export declare const ListComponent: import('react').NamedExoticComponent<ListComponentProps>;
+export declare const ListComponent: import('react').NamedExoticComponent<A2UIComponentProps<ListComponentProps>>;

package/dist/0.8/components/layout/ModalComponent.d.ts

@@ -1,5 +1,6 @@
-import { ModalComponentProps } from '@a2ui-sdk/types/0.8';
+import { ModalComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * Modal component - dialog container with trigger.
  */
-export declare const ModalComponent: import('react').NamedExoticComponent<ModalComponentProps>;
+export declare const ModalComponent: import('react').NamedExoticComponent<A2UIComponentProps<ModalComponentProps>>;

package/dist/0.8/components/layout/RowComponent.d.ts

@@ -1,5 +1,6 @@
-import { RowComponentProps } from '@a2ui-sdk/types/0.8';
+import { RowComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * Row component - horizontal flex container.
  */
-export declare const RowComponent: import('react').NamedExoticComponent<RowComponentProps>;
+export declare const RowComponent: import('react').NamedExoticComponent<A2UIComponentProps<RowComponentProps>>;

package/dist/0.8/components/layout/TabsComponent.d.ts

@@ -1,5 +1,6 @@
-import { TabsComponentProps } from '@a2ui-sdk/types/0.8';
+import { TabsComponentProps } from '@a2ui-sdk/types/0.8/standard-catalog';
+import { A2UIComponentProps } from '../types';
 /**
  * Tabs component - tabbed content container.
  */
-export declare const TabsComponent: import('react').NamedExoticComponent<TabsComponentProps>;
+export declare const TabsComponent: import('react').NamedExoticComponent<A2UIComponentProps<TabsComponentProps>>;

package/dist/0.8/components/types.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Base props shared by all A2UI components.
+ */
+export type A2UIComponentProps<T = unknown> = T & {
+    surfaceId: string;
+    componentId: string;
+    weight?: number;
+};

package/dist/0.8/contexts/A2UIProvider.d.ts

@@ -1,17 +1,26 @@
-import { ReactNode, ComponentType } from 'react';
-import { A2UIMessage, BaseComponentProps } from '@a2ui-sdk/types/0.8';
-/**
- * Type for custom component map.
- */
-export type ComponentsMap = Map<string, ComponentType<BaseComponentProps & Record<string, unknown>>>;
+import { ReactNode } from 'react';
+import { A2UIMessage } from '@a2ui-sdk/types/0.8';
+import { Catalog } from '../standard-catalog';
 /**
  * Props for A2UIProvider.
  */
 export interface A2UIProviderProps {
     /** Array of A2UI messages to render */
     messages: A2UIMessage[];
-    /** Custom component overrides */
-    components?: ComponentsMap;
+    /**
+     * Catalog containing components and functions.
+     * Use `standardCatalog` from '@a2ui-sdk/react/0.8/standard-catalog' as base.
+     *
+     * @example
+     * ```tsx
+     * // Extend standard catalog
+     * const catalog = {
+     *   ...standardCatalog,
+     *   components: { ...standardCatalog.components, Custom: MyComponent },
+     * }
+     * ```
+     */
+    catalog?: Catalog;
     children: ReactNode;
 }
 /**
@@ -24,33 +33,38 @@ export interface A2UIProviderProps {
  *
  * @param props - Component props
  * @param props.messages - Array of A2UI messages to render
- * @param props.components - Optional custom component overrides
+ * @param props.catalog - Catalog containing components and functions
  * @param props.children - Child components (typically A2UIRenderer)
  *
  * @example
  * ```tsx
- * // Basic usage
+ * import { standardCatalog } from '@a2ui-sdk/react/0.8/standard-catalog'
+ *
+ * // Basic usage (uses standard catalog by default)
  * <A2UIProvider messages={messages}>
  *   <A2UIRenderer onAction={handleAction} />
  * </A2UIProvider>
  *
- * // With custom components
- * const customComponents = new Map([
- *   ['Button', CustomButton],
- *   ['Switch', CustomSwitch],
- * ])
- * <A2UIProvider
- *   messages={messages}
- *   components={customComponents}
- * >
+ * // With extended catalog
+ * const extendedCatalog = {
+ *   ...standardCatalog,
+ *   components: {
+ *     ...standardCatalog.components,
+ *     CustomChart: MyChartComponent,
+ *   },
+ * }
+ * <A2UIProvider messages={messages} catalog={extendedCatalog}>
  *   <A2UIRenderer onAction={handleAction} />
  * </A2UIProvider>
  *
- * // With custom middleware for hooks access
- * <A2UIProvider messages={messages}>
- *   <MyCustomComponent />
+ * // With completely custom catalog
+ * const customCatalog = {
+ *   components: { Text: MyTextComponent },
+ *   functions: {},
+ * }
+ * <A2UIProvider messages={messages} catalog={customCatalog}>
  *   <A2UIRenderer onAction={handleAction} />
  * </A2UIProvider>
  * ```
  */
-export declare function A2UIProvider({ messages, components, children, }: A2UIProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function A2UIProvider({ messages, catalog, children, }: A2UIProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/0.8/contexts/A2UIProvider.js

@@ -1,32 +1,26 @@
-import { jsx as e, Fragment as n } from "react/jsx-runtime";
-import { useEffect as i } from "react";
-import { SurfaceProvider as f } from "./SurfaceContext.js";
-import { DataModelProvider as m } from "./DataModelContext.js";
-import { ComponentsMapProvider as a } from "./ComponentsMapContext.js";
-import { componentRegistry as c } from "../components/ComponentRenderer.js";
-import { useA2UIMessageHandler as p } from "../hooks/useA2UIMessageHandler.js";
+import { jsx as o, Fragment as i } from "react/jsx-runtime";
+import { useEffect as s } from "react";
+import { SurfaceProvider as a } from "./SurfaceContext.js";
+import { DataModelProvider as f } from "./DataModelContext.js";
+import { ComponentsMapProvider as c } from "./ComponentsMapContext.js";
+import { useA2UIMessageHandler as m } from "../hooks/useA2UIMessageHandler.js";
+import { standardCatalog as p } from "../standard-catalog/index.js";
 function d({
   messages: r,
-  children: t
+  children: n
 }) {
-  const { processMessages: o, clear: s } = p();
-  return i(() => {
-    s(), r && r.length > 0 && o(r);
-  }, [r, o, s]), /* @__PURE__ */ e(n, { children: t });
+  const { processMessages: e, clear: t } = m();
+  return s(() => {
+    t(), r && r.length > 0 && e(r);
+  }, [r, e, t]), /* @__PURE__ */ o(i, { children: n });
 }
 function A({
   messages: r,
-  components: t,
-  children: o
+  catalog: n,
+  children: e
 }) {
-  return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
-    a,
-    {
-      components: t,
-      defaultComponents: c,
-      children: /* @__PURE__ */ e(d, { messages: r ?? [], children: o })
-    }
-  ) }) });
+  const t = r ?? [];
+  return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(c, { components: (n ?? p).components, children: /* @__PURE__ */ o(d, { messages: t, children: e }) }) }) });
 }
 export {
   A as A2UIProvider

package/dist/0.8/contexts/ActionContext.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
-import { useContext as x, createContext as C, useCallback as p, useMemo as f } from "react";
+import { useCallback as x, useMemo as C, createContext as p, useContext as f } from "react";
 import { useDataModelContext as v } from "./DataModelContext.js";
 import { resolveActionContext as A } from "@a2ui-sdk/utils/0.8";
-const s = C(null);
+const s = p(null);
 function P({ onAction: t, children: c }) {
-  const { getDataModel: o } = v(), e = p(
+  const { getDataModel: o } = v(), e = x(
     (n, a, r) => {
       if (!t) {
         console.warn("A2UI: Action dispatched but no handler is registered");
@@ -19,7 +19,7 @@ function P({ onAction: t, children: c }) {
       t(l);
     },
     [t, o]
-  ), i = f(
+  ), i = C(
     () => ({
       dispatchAction: e,
       onAction: t ?? null
@@ -29,7 +29,7 @@ function P({ onAction: t, children: c }) {
   return /* @__PURE__ */ m(s.Provider, { value: i, children: c });
 }
 function g() {
-  const t = x(s);
+  const t = f(s);
   if (!t)
     throw new Error("useActionContext must be used within an ActionProvider");
   return t;

package/dist/0.8/contexts/ComponentsMapContext.d.ts

@@ -1,20 +1,14 @@
 import { ReactNode, ComponentType } from 'react';
-import { BaseComponentProps } from '@a2ui-sdk/types/0.8';
+import { A2UIComponentProps } from '../components/types';
 /**
  * Type for a component in the components map.
  */
-export type A2UIComponent = ComponentType<BaseComponentProps & Record<string, unknown>>;
-/**
- * Map of component type names to React components.
- */
-export type ComponentsMap = Map<string, A2UIComponent>;
+export type A2UIComponent = ComponentType<A2UIComponentProps & any>;
 /**
  * Context value for ComponentsMapContext.
  */
 export interface ComponentsMapContextValue {
-    /** Custom components provided by the user */
-    customComponents: ComponentsMap;
-    /** Get a component by type name (custom first, then default) */
+    /** Get a component by type name */
     getComponent: (type: string) => A2UIComponent | undefined;
 }
 /**
@@ -25,28 +19,21 @@ export declare const ComponentsMapContext: import('react').Context<ComponentsMap
  * Props for ComponentsMapProvider.
  */
 export interface ComponentsMapProviderProps {
-    /** Custom components to override or extend defaults */
-    components?: ComponentsMap;
-    /** Default component registry */
-    defaultComponents: Record<string, A2UIComponent>;
+    /** Component registry */
+    components: Record<string, A2UIComponent>;
     children: ReactNode;
 }
 /**
- * Provider for custom component overrides.
+ * Provider for component registry.
  *
  * @example
  * ```tsx
- * const customComponents = new Map([
- *   ['Button', CustomButton],
- *   ['Switch', CustomSwitch],
- * ])
- *
- * <ComponentsMapProvider components={customComponents} defaultComponents={defaultRegistry}>
+ * <ComponentsMapProvider components={catalog.components}>
  *   <App />
  * </ComponentsMapProvider>
  * ```
  */
-export declare function ComponentsMapProvider({ components, defaultComponents, children, }: ComponentsMapProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComponentsMapProvider({ components, children, }: ComponentsMapProviderProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Hook to access the ComponentsMap context.
  *

package/dist/0.8/contexts/ComponentsMapContext.js

@@ -1,21 +1,17 @@
-import { jsx as s } from "react/jsx-runtime";
-import { createContext as u, useMemo as p } from "react";
-const c = u(null);
-function x({
-  components: n,
-  defaultComponents: e,
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as m, useMemo as i } from "react";
+import { hasOwn as p } from "../../lib/utils.js";
+const u = m(null);
+function v({
+  components: o,
   children: r
 }) {
-  const m = p(() => {
-    const o = n ?? /* @__PURE__ */ new Map();
-    return {
-      customComponents: o,
-      getComponent: (t) => o.has(t) ? o.get(t) : e[t]
-    };
-  }, [n, e]);
-  return /* @__PURE__ */ s(c.Provider, { value: m, children: r });
+  const e = i(() => ({
+    getComponent: (t) => p(o, t) ? o[t] : void 0
+  }), [o]);
+  return /* @__PURE__ */ n(u.Provider, { value: e, children: r });
 }
 export {
-  c as ComponentsMapContext,
-  x as ComponentsMapProvider
+  u as ComponentsMapContext,
+  v as ComponentsMapProvider
 };