@easyops-cn/a2ui-react 0.0.1 → 0.0.3

package/dist/0.8/components/interactive/DateTimeInputComponent.js

@@ -0,0 +1,100 @@
+import { jsx as m, jsxs as c } from "react/jsx-runtime";
+import { memo as V, useMemo as l, useCallback as M } from "react";
+import { useFormBinding as j } from "../../hooks/useDataBinding.js";
+import { cn as p } from "../../../lib/utils.js";
+import { Button as P } from "../../../components/ui/button.js";
+import { Calendar as B } from "../../../components/ui/calendar.js";
+import { Popover as F, PopoverTrigger as S, PopoverContent as $ } from "../../../components/ui/popover.js";
+import { Input as g } from "../../../components/ui/input.js";
+import { parse as a } from "../../../node_modules/date-fns/parse.js";
+import { isValid as k } from "../../../node_modules/date-fns/isValid.js";
+import A from "../../../node_modules/lucide-react/dist/esm/icons/calendar.js";
+import { formatDate as i } from "../../../node_modules/date-fns/format.js";
+const L = V(function({
+  surfaceId: v,
+  componentId: w,
+  value: x,
+  enableDate: o = !0,
+  enableTime: t = !1
+}) {
+  const [n, e] = j(v, x, ""), r = l(() => {
+    if (!n) return;
+    let s;
+    return o && t ? s = a(n, "yyyy-MM-dd'T'HH:mm", /* @__PURE__ */ new Date()) : o ? s = a(n, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : t && (s = a(n, "HH:mm", /* @__PURE__ */ new Date())), s && k(s) ? s : void 0;
+  }, [n, o, t]), C = l(() => !r || !t ? "" : i(r, "HH:mm"), [r, t]), N = M(
+    (s) => {
+      if (!s) {
+        e("");
+        return;
+      }
+      if (o && t) {
+        const u = r ? i(r, "HH:mm") : "00:00", [d, f] = u.split(":").map(Number);
+        s.setHours(d, f), e(i(s, "yyyy-MM-dd'T'HH:mm"));
+      } else
+        e(i(s, "yyyy-MM-dd"));
+    },
+    [e, o, t, r]
+  ), y = M(
+    (s) => {
+      const u = s.target.value;
+      if (!u) return;
+      const [d, f] = u.split(":").map(Number);
+      if (o && t) {
+        const h = r || /* @__PURE__ */ new Date();
+        h.setHours(d, f), e(i(h, "yyyy-MM-dd'T'HH:mm"));
+      } else t && !o && e(u);
+    },
+    [e, o, t, r]
+  ), I = l(() => r ? o && t ? i(r, "yyyy-MM-dd HH:mm") : o ? i(r, "yyyy-MM-dd") : i(r, "HH:mm") : o && t ? "选择日期和时间" : o ? "选择日期" : "选择时间", [r, o, t]), H = `datetime-${w}`;
+  return t && !o ? /* @__PURE__ */ m("div", { className: p("flex flex-col gap-2"), children: /* @__PURE__ */ m(
+    g,
+    {
+      id: H,
+      type: "time",
+      value: n,
+      onChange: y,
+      className: "w-full"
+    }
+  ) }) : /* @__PURE__ */ m("div", { className: p("flex flex-col gap-2"), children: /* @__PURE__ */ c(F, { children: [
+    /* @__PURE__ */ m(S, { asChild: !0, children: /* @__PURE__ */ c(
+      P,
+      {
+        id: H,
+        variant: "outline",
+        className: p(
+          "w-full justify-start text-left font-normal",
+          !r && "text-muted-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ m(A, { className: "mr-2 h-4 w-4" }),
+          I
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ c($, { className: "w-auto p-0", align: "start", children: [
+      /* @__PURE__ */ m(
+        B,
+        {
+          mode: "single",
+          selected: r,
+          onSelect: N,
+          captionLayout: "dropdown",
+          initialFocus: !0
+        }
+      ),
+      t && /* @__PURE__ */ m("div", { className: "border-t p-3", children: /* @__PURE__ */ m(
+        g,
+        {
+          type: "time",
+          value: C,
+          onChange: y,
+          className: "w-full"
+        }
+      ) })
+    ] })
+  ] }) });
+});
+L.displayName = "A2UI.DateTimeInput";
+export {
+  L as DateTimeInputComponent
+};

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

@@ -0,0 +1,7 @@
+import { MultipleChoiceComponentProps } 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>;

package/dist/0.8/components/interactive/MultipleChoiceComponent.js

@@ -0,0 +1,82 @@
+import { jsx as r, jsxs as g, Fragment as M } from "react/jsx-runtime";
+import { memo as N, useCallback as p } from "react";
+import { useFormBinding as V, useDataBinding as S } from "../../hooks/useDataBinding.js";
+import { Select as F, SelectTrigger as $, SelectValue as j, SelectContent as B, SelectItem as D } from "../../../components/ui/select.js";
+import { Checkbox as L } from "../../../components/ui/checkbox.js";
+import { Label as T } from "../../../components/ui/label.js";
+import { cn as h } from "../../../lib/utils.js";
+const A = N(function({
+  surfaceId: a,
+  componentId: o,
+  selections: b,
+  options: s,
+  maxAllowedSelections: n
+}) {
+  const [e, i] = V(
+    a,
+    b,
+    n === 1 ? "" : []
+  ), v = p(
+    (l) => {
+      i(l);
+    },
+    [i]
+  ), y = p(
+    (l, c) => {
+      const t = Array.isArray(e) ? e : e ? [e] : [];
+      if (c) {
+        if (n !== void 0 && t.length >= n)
+          return;
+        i([...t, l]);
+      } else
+        i(t.filter((u) => u !== l));
+    },
+    [e, i, n]
+  ), m = `multiplechoice-${o}`;
+  if (!s || s.length === 0)
+    return null;
+  if (n === 1) {
+    const l = Array.isArray(e) ? e[0] || "" : e;
+    return /* @__PURE__ */ r("div", { className: h("flex flex-col gap-2"), children: /* @__PURE__ */ g(F, { value: l, onValueChange: v, children: [
+      /* @__PURE__ */ r($, { id: m, children: /* @__PURE__ */ r(j, { placeholder: "Select an option" }) }),
+      /* @__PURE__ */ r(B, { children: s.map((c) => /* @__PURE__ */ r(D, { value: c.value, children: /* @__PURE__ */ r(C, { surfaceId: a, label: c.label }) }, c.value)) })
+    ] }) });
+  }
+  const f = Array.isArray(e) ? e : e ? [e] : [], k = n !== void 0 && f.length >= n;
+  return /* @__PURE__ */ r("div", { className: h("flex flex-col gap-2"), children: s.map((l) => {
+    const c = f.includes(l.value), t = !c && k, u = `${m}-${l.value}`;
+    return /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ r(
+        L,
+        {
+          id: u,
+          checked: c,
+          disabled: t,
+          onCheckedChange: (x) => y(l.value, x === !0)
+        }
+      ),
+      /* @__PURE__ */ r(
+        T,
+        {
+          htmlFor: u,
+          className: h(
+            "cursor-pointer",
+            t && "cursor-not-allowed opacity-50"
+          ),
+          children: /* @__PURE__ */ r(C, { surfaceId: a, label: l.label })
+        }
+      )
+    ] }, l.value);
+  }) });
+});
+function C({
+  surfaceId: d,
+  label: a
+}) {
+  const o = S(d, a, "");
+  return /* @__PURE__ */ r(M, { children: o });
+}
+A.displayName = "A2UI.MultipleChoice";
+export {
+  A as MultipleChoiceComponent
+};

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

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

package/dist/0.8/components/interactive/SliderComponent.js

@@ -0,0 +1,43 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { memo as a, useCallback as c } from "react";
+import { useFormBinding as p } from "../../hooks/useDataBinding.js";
+import { Slider as f } from "../../../components/ui/slider.js";
+import { cn as h } from "../../../lib/utils.js";
+const u = a(function({
+  surfaceId: m,
+  value: s,
+  minValue: n = 0,
+  maxValue: r = 100
+}) {
+  const [o, t] = p(
+    m,
+    s,
+    n
+  ), d = c(
+    (i) => {
+      i.length > 0 && t(i[0]);
+    },
+    [t]
+  );
+  return /* @__PURE__ */ l("div", { className: h("flex flex-col gap-2 py-2"), children: [
+    /* @__PURE__ */ e(
+      f,
+      {
+        value: [o],
+        onValueChange: d,
+        min: n,
+        max: r,
+        step: 1
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: "flex justify-between text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ e("span", { children: n }),
+      /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: o }),
+      /* @__PURE__ */ e("span", { children: r })
+    ] })
+  ] });
+});
+u.displayName = "A2UI.Slider";
+export {
+  u as SliderComponent
+};

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

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

package/dist/0.8/components/interactive/TextFieldComponent.js

@@ -0,0 +1,44 @@
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { memo as T, useCallback as f } from "react";
+import { useDataBinding as g, useFormBinding as h } from "../../hooks/useDataBinding.js";
+import { Input as b } from "../../../components/ui/input.js";
+import { Textarea as C } from "../../../components/ui/textarea.js";
+import { Label as F } from "../../../components/ui/label.js";
+import { cn as v } from "../../../lib/utils.js";
+const y = {
+  shortText: "text",
+  longText: "text",
+  // Uses textarea
+  number: "number",
+  date: "date",
+  obscured: "password"
+}, N = T(function({
+  surfaceId: o,
+  componentId: i,
+  label: l,
+  text: p,
+  textFieldType: n = "shortText"
+}) {
+  const r = g(o, l, ""), [a, m] = h(o, p, ""), s = f(
+    (d) => {
+      m(d.target.value);
+    },
+    [m]
+  ), e = `textfield-${i}`, x = y[n] || "text", c = n === "longText";
+  return /* @__PURE__ */ u("div", { className: v("flex flex-col gap-2"), children: [
+    r && /* @__PURE__ */ t(F, { htmlFor: e, children: r }),
+    c ? /* @__PURE__ */ t(
+      C,
+      {
+        id: e,
+        value: a,
+        onChange: s,
+        className: "min-h-[100px]"
+      }
+    ) : /* @__PURE__ */ t(b, { id: e, type: x, value: a, onChange: s })
+  ] });
+});
+N.displayName = "A2UI.TextField";
+export {
+  N as TextFieldComponent
+};

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

@@ -0,0 +1,9 @@
+/**
+ * A2UI React Renderer - Interactive Components
+ */
+export { ButtonComponent } from './ButtonComponent';
+export { CheckBoxComponent } from './CheckBoxComponent';
+export { TextFieldComponent } from './TextFieldComponent';
+export { DateTimeInputComponent } from './DateTimeInputComponent';
+export { MultipleChoiceComponent } from './MultipleChoiceComponent';
+export { SliderComponent } from './SliderComponent';

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

@@ -0,0 +1,7 @@
+/**
+ * Interactive Components Tests
+ *
+ * Tests for ButtonComponent, CheckBoxComponent, TextFieldComponent,
+ * DateTimeInputComponent, MultipleChoiceComponent, and SliderComponent.
+ */
+export {};

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

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

package/dist/0.8/components/layout/CardComponent.js

@@ -0,0 +1,14 @@
+import { jsx as r } from "react/jsx-runtime";
+import { memo as m } from "react";
+import { Card as n, CardContent as t } from "../../../components/ui/card.js";
+import { ComponentRenderer as p } from "../ComponentRenderer.js";
+const a = m(function({
+  surfaceId: e,
+  child: o
+}) {
+  return o ? /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(t, { className: "p-4", children: /* @__PURE__ */ r(p, { surfaceId: e, componentId: o }) }) }) : /* @__PURE__ */ r(n, {});
+});
+a.displayName = "A2UI.Card";
+export {
+  a as CardComponent
+};

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

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

package/dist/0.8/components/layout/ColumnComponent.js

@@ -0,0 +1,58 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as u } from "react";
+import { useDataModel as d } from "../../hooks/useDataBinding.js";
+import { cn as y } from "../../../lib/utils.js";
+import { getValueByPath as j } from "../../utils/pathUtils.js";
+import { ComponentRenderer as r } from "../ComponentRenderer.js";
+const v = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  spaceBetween: "justify-between",
+  spaceAround: "justify-around",
+  spaceEvenly: "justify-evenly"
+}, x = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch"
+}, C = u(function({
+  surfaceId: s,
+  children: e,
+  distribution: m = "start",
+  alignment: a = "stretch"
+}) {
+  const c = d(s), n = y(
+    "flex flex-col gap-4",
+    v[m],
+    x[a]
+  );
+  if (e?.explicitList)
+    return /* @__PURE__ */ t("div", { className: n, children: e.explicitList.map((o) => /* @__PURE__ */ t(
+      r,
+      {
+        surfaceId: s,
+        componentId: o
+      },
+      o
+    )) });
+  if (e?.template) {
+    const { componentId: o, dataBinding: p } = e.template, i = j(c, p);
+    if (!i || typeof i != "object")
+      return /* @__PURE__ */ t("div", { className: n });
+    const l = Object.entries(i);
+    return /* @__PURE__ */ t("div", { className: n, children: l.map(([f]) => /* @__PURE__ */ t(
+      r,
+      {
+        surfaceId: s,
+        componentId: o
+      },
+      f
+    )) });
+  }
+  return /* @__PURE__ */ t("div", { className: n });
+});
+C.displayName = "A2UI.Column";
+export {
+  C as ColumnComponent
+};

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

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

package/dist/0.8/components/layout/ListComponent.js

@@ -0,0 +1,51 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as d } from "react";
+import { useDataModel as x } from "../../hooks/useDataBinding.js";
+import { cn as u } from "../../../lib/utils.js";
+import { getValueByPath as v } from "../../utils/pathUtils.js";
+import { ComponentRenderer as r } from "../ComponentRenderer.js";
+const L = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch"
+}, g = d(function({
+  surfaceId: n,
+  children: e,
+  direction: s = "vertical",
+  alignment: a = "stretch"
+}) {
+  const p = x(n), o = u(
+    "flex gap-3",
+    s === "horizontal" ? "flex-row" : "flex-col",
+    L[a]
+  );
+  if (e?.explicitList)
+    return /* @__PURE__ */ t("div", { className: o, children: e.explicitList.map((i) => /* @__PURE__ */ t(
+      r,
+      {
+        surfaceId: n,
+        componentId: i
+      },
+      i
+    )) });
+  if (e?.template) {
+    const { componentId: i, dataBinding: c } = e.template, m = v(p, c);
+    if (!m || typeof m != "object")
+      return /* @__PURE__ */ t("div", { className: o });
+    const l = Object.entries(m);
+    return /* @__PURE__ */ t("div", { className: o, children: l.map(([f]) => /* @__PURE__ */ t(
+      r,
+      {
+        surfaceId: n,
+        componentId: i
+      },
+      f
+    )) });
+  }
+  return /* @__PURE__ */ t("div", { className: o });
+});
+g.displayName = "A2UI.List";
+export {
+  g as ListComponent
+};

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

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

package/dist/0.8/components/layout/ModalComponent.js

@@ -0,0 +1,25 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { memo as l, useState as a } from "react";
+import { Dialog as s, DialogTrigger as d, DialogContent as c } from "../../../components/ui/dialog.js";
+import { ComponentRenderer as t } from "../ComponentRenderer.js";
+const f = l(function({
+  surfaceId: e,
+  entryPointChild: n,
+  contentChild: r
+}) {
+  const [m, i] = a(!1);
+  return !n || !r ? null : /* @__PURE__ */ p(s, { open: m, onOpenChange: i, children: [
+    /* @__PURE__ */ o(d, { asChild: !0, children: /* @__PURE__ */ o("div", { className: "cursor-pointer", children: /* @__PURE__ */ o(
+      t,
+      {
+        surfaceId: e,
+        componentId: n
+      }
+    ) }) }),
+    /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(t, { surfaceId: e, componentId: r }) })
+  ] });
+});
+f.displayName = "A2UI.Modal";
+export {
+  f as ModalComponent
+};

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

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

package/dist/0.8/components/layout/RowComponent.js

@@ -0,0 +1,58 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as l } from "react";
+import { useDataModel as u } from "../../hooks/useDataBinding.js";
+import { cn as y } from "../../../lib/utils.js";
+import { getValueByPath as j } from "../../utils/pathUtils.js";
+import { ComponentRenderer as r } from "../ComponentRenderer.js";
+const v = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  spaceBetween: "justify-between",
+  spaceAround: "justify-around",
+  spaceEvenly: "justify-evenly"
+}, w = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch"
+}, x = l(function({
+  surfaceId: s,
+  children: e,
+  distribution: m = "start",
+  alignment: a = "stretch"
+}) {
+  const p = u(s), n = y(
+    "flex flex-row gap-3",
+    v[m],
+    w[a]
+  );
+  if (e?.explicitList)
+    return /* @__PURE__ */ t("div", { className: n, children: e.explicitList.map((o) => /* @__PURE__ */ t(
+      r,
+      {
+        surfaceId: s,
+        componentId: o
+      },
+      o
+    )) });
+  if (e?.template) {
+    const { componentId: o, dataBinding: c } = e.template, i = j(p, c);
+    if (!i || typeof i != "object")
+      return /* @__PURE__ */ t("div", { className: n });
+    const f = Object.entries(i);
+    return /* @__PURE__ */ t("div", { className: n, children: f.map(([d]) => /* @__PURE__ */ t(
+      r,
+      {
+        surfaceId: s,
+        componentId: o
+      },
+      d
+    )) });
+  }
+  return /* @__PURE__ */ t("div", { className: n });
+});
+x.displayName = "A2UI.Row";
+export {
+  x as RowComponent
+};

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

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

package/dist/0.8/components/layout/TabsComponent.js

@@ -0,0 +1,29 @@
+import { jsxs as a, jsx as o, Fragment as c } from "react/jsx-runtime";
+import { memo as d } from "react";
+import { useDataBinding as m } from "../../hooks/useDataBinding.js";
+import { Tabs as p, TabsList as s, TabsTrigger as T, TabsContent as h } from "../../../components/ui/tabs.js";
+import { ComponentRenderer as u } from "../ComponentRenderer.js";
+const f = d(function({
+  surfaceId: r,
+  tabItems: n
+}) {
+  if (!n || n.length === 0)
+    return null;
+  const e = n[0].child;
+  return /* @__PURE__ */ a(p, { defaultValue: e, className: "w-full", children: [
+    /* @__PURE__ */ o(s, { children: n.map((l, t) => /* @__PURE__ */ o(T, { value: l.child, children: /* @__PURE__ */ o(b, { surfaceId: r, title: l.title, index: t }) }, l.child)) }),
+    n.map((l) => /* @__PURE__ */ o(h, { value: l.child, children: /* @__PURE__ */ o(u, { surfaceId: r, componentId: l.child }) }, l.child))
+  ] });
+});
+function b({
+  surfaceId: i,
+  title: r,
+  index: n
+}) {
+  const e = m(i, r, `Tab ${n + 1}`);
+  return /* @__PURE__ */ o(c, { children: e });
+}
+f.displayName = "A2UI.Tabs";
+export {
+  f as TabsComponent
+};

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

@@ -0,0 +1,9 @@
+/**
+ * A2UI React Renderer - Layout Components
+ */
+export { RowComponent } from './RowComponent';
+export { ColumnComponent } from './ColumnComponent';
+export { ListComponent } from './ListComponent';
+export { CardComponent } from './CardComponent';
+export { TabsComponent } from './TabsComponent';
+export { ModalComponent } from './ModalComponent';

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

@@ -0,0 +1,7 @@
+/**
+ * Layout Components Tests
+ *
+ * Tests for RowComponent, ColumnComponent, ListComponent, CardComponent,
+ * TabsComponent, and ModalComponent.
+ */
+export {};

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

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { ActionHandler } from '../types';
+/**
+ * Props for A2UIProvider.
+ */
+export interface A2UIProviderProps {
+    /** Callback when an action is dispatched */
+    onAction?: ActionHandler;
+    children: ReactNode;
+}
+/**
+ * Combined provider for all A2UI contexts.
+ *
+ * Provides:
+ * - SurfaceContext: Component tree management
+ * - DataModelContext: Data model state
+ * - ActionContext: Action dispatching
+ *
+ * @example
+ * ```tsx
+ * function App() {
+ *   const handleAction = (action) => {
+ *     console.log('Action:', action);
+ *   };
+ *
+ *   return (
+ *     <A2UIProvider onAction={handleAction}>
+ *       <A2UIReactRenderer messages={messages} />
+ *     </A2UIProvider>
+ *   );
+ * }
+ * ```
+ */
+export declare function A2UIProvider({ onAction, children }: A2UIProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/0.8/contexts/A2UIProvider.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { SurfaceProvider as e } from "./SurfaceContext.js";
+import { DataModelProvider as t } from "./DataModelContext.js";
+import { ActionProvider as m } from "./ActionContext.js";
+function p({ onAction: o, children: i }) {
+  return /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(m, { onAction: o, children: i }) }) });
+}
+export {
+  p as A2UIProvider
+};

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

@@ -0,0 +1,6 @@
+/**
+ * A2UIProvider Tests
+ *
+ * Tests for the combined A2UI provider component.
+ */
+export {};