@easyops-cn/a2ui-react 0.0.2 → 0.0.3

package/dist/{a2ui-react3.js → 0.8/A2UIRenderer.js}

@@ -1,10 +1,10 @@
 import { jsx as e, Fragment as f } from "react/jsx-runtime";
 import { useEffect as p } from "react";
-import { A2UIProvider as c } from "./a2ui-react7.js";
-import { ComponentsMapProvider as a } from "./a2ui-react8.js";
-import { useSurfaceContext as u } from "./a2ui-react9.js";
-import { useA2UIMessageHandler as l } from "./a2ui-react10.js";
-import { componentRegistry as d, ComponentRenderer as g } from "./a2ui-react4.js";
+import { A2UIProvider as c } from "./contexts/A2UIProvider.js";
+import { ComponentsMapProvider as a } from "./contexts/ComponentsMapContext.js";
+import { useSurfaceContext as u } from "./contexts/SurfaceContext.js";
+import { useA2UIMessageHandler as l } from "./hooks/useA2UIMessageHandler.js";
+import { componentRegistry as d, ComponentRenderer as g } from "./components/ComponentRenderer.js";
 function A({ messages: r }) {
   const { processMessages: n, clear: o } = l(), { surfaces: t } = u();
   p(() => {

package/dist/0.8/components/ComponentRenderer.js

@@ -0,0 +1,76 @@
+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 { 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 e = s(t, o), r = l(u);
+  if (!e)
+    return console.warn(
+      `A2UI: Component not found: ${o} on surface ${t}`
+    ), 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 ? (
+    // eslint-disable-next-line react-hooks/static-components
+    /* @__PURE__ */ C(
+      n,
+      {
+        surfaceId: t,
+        componentId: o,
+        weight: e.weight,
+        ...i
+      }
+    )
+  ) : (console.warn(`A2UI: Unknown component type: ${m}`), null);
+});
+j.displayName = "A2UI.ComponentRenderer";
+export {
+  j as ComponentRenderer,
+  k as componentRegistry
+};

package/dist/{a2ui-react16.js → 0.8/components/display/AudioPlayerComponent.js}

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { memo as m } from "react";
-import { useDataBinding as n } from "./a2ui-react6.js";
-import { cn as a } from "./a2ui-react34.js";
+import { useDataBinding as n } from "../../hooks/useDataBinding.js";
+import { cn as a } from "../../../lib/utils.js";
 const u = m(function({
   surfaceId: o,
   url: i,

package/dist/{a2ui-react17.js → 0.8/components/display/DividerComponent.js}

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { memo as t } from "react";
-import { Separator as e } from "./a2ui-react82.js";
+import { Separator as e } from "../../../components/ui/separator.js";
 const i = t(function({
   axis: o = "horizontal"
 }) {

package/dist/0.8/components/display/IconComponent.js

@@ -0,0 +1,114 @@
+import { jsx as e } from "react/jsx-runtime";
+import { memo as f } from "react";
+import { useDataBinding as p } from "../../hooks/useDataBinding.js";
+import { cn as a } from "../../../lib/utils.js";
+import n from "../../../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
+import l from "../../../node_modules/lucide-react/dist/esm/icons/eye-off.js";
+import c from "../../../node_modules/lucide-react/dist/esm/icons/eye.js";
+import s from "../../../node_modules/lucide-react/dist/esm/icons/upload.js";
+import d from "../../../node_modules/lucide-react/dist/esm/icons/star-off.js";
+import h from "../../../node_modules/lucide-react/dist/esm/icons/star-half.js";
+import C from "../../../node_modules/lucide-react/dist/esm/icons/star.js";
+import u from "../../../node_modules/lucide-react/dist/esm/icons/shopping-cart.js";
+import w from "../../../node_modules/lucide-react/dist/esm/icons/share-2.js";
+import O from "../../../node_modules/lucide-react/dist/esm/icons/settings.js";
+import g from "../../../node_modules/lucide-react/dist/esm/icons/send.js";
+import k from "../../../node_modules/lucide-react/dist/esm/icons/search.js";
+import y from "../../../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
+import I from "../../../node_modules/lucide-react/dist/esm/icons/printer.js";
+import S from "../../../node_modules/lucide-react/dist/esm/icons/image.js";
+import m from "../../../node_modules/lucide-react/dist/esm/icons/phone.js";
+import A from "../../../node_modules/lucide-react/dist/esm/icons/user.js";
+import H from "../../../node_modules/lucide-react/dist/esm/icons/credit-card.js";
+import P from "../../../node_modules/lucide-react/dist/esm/icons/bell.js";
+import U from "../../../node_modules/lucide-react/dist/esm/icons/bell-off.js";
+import v from "../../../node_modules/lucide-react/dist/esm/icons/ellipsis.js";
+import M from "../../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.js";
+import B from "../../../node_modules/lucide-react/dist/esm/icons/menu.js";
+import E from "../../../node_modules/lucide-react/dist/esm/icons/mail.js";
+import D from "../../../node_modules/lucide-react/dist/esm/icons/lock-open.js";
+import F from "../../../node_modules/lucide-react/dist/esm/icons/lock.js";
+import L from "../../../node_modules/lucide-react/dist/esm/icons/map-pin.js";
+import N from "../../../node_modules/lucide-react/dist/esm/icons/info.js";
+import T from "../../../node_modules/lucide-react/dist/esm/icons/house.js";
+import b from "../../../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js";
+import x from "../../../node_modules/lucide-react/dist/esm/icons/folder.js";
+import R from "../../../node_modules/lucide-react/dist/esm/icons/heart-off.js";
+import V from "../../../node_modules/lucide-react/dist/esm/icons/heart.js";
+import j from "../../../node_modules/lucide-react/dist/esm/icons/circle-alert.js";
+import z from "../../../node_modules/lucide-react/dist/esm/icons/calendar-days.js";
+import Q from "../../../node_modules/lucide-react/dist/esm/icons/pencil.js";
+import X from "../../../node_modules/lucide-react/dist/esm/icons/download.js";
+import $ from "../../../node_modules/lucide-react/dist/esm/icons/trash-2.js";
+import q from "../../../node_modules/lucide-react/dist/esm/icons/x.js";
+import G from "../../../node_modules/lucide-react/dist/esm/icons/check.js";
+import J from "../../../node_modules/lucide-react/dist/esm/icons/camera.js";
+import K from "../../../node_modules/lucide-react/dist/esm/icons/calendar.js";
+import W from "../../../node_modules/lucide-react/dist/esm/icons/paperclip.js";
+import Y from "../../../node_modules/lucide-react/dist/esm/icons/arrow-right.js";
+import Z from "../../../node_modules/lucide-react/dist/esm/icons/arrow-left.js";
+import _ from "../../../node_modules/lucide-react/dist/esm/icons/plus.js";
+import rr from "../../../node_modules/lucide-react/dist/esm/icons/circle-user.js";
+const or = {
+  accountCircle: rr,
+  add: _,
+  arrowBack: Z,
+  arrowForward: Y,
+  attachFile: W,
+  calendarToday: K,
+  call: m,
+  camera: J,
+  check: G,
+  close: q,
+  delete: $,
+  download: X,
+  edit: Q,
+  event: z,
+  error: j,
+  favorite: V,
+  favoriteOff: R,
+  folder: x,
+  help: b,
+  home: T,
+  info: N,
+  locationOn: L,
+  lock: F,
+  lockOpen: D,
+  mail: E,
+  menu: B,
+  moreVert: M,
+  moreHoriz: v,
+  notificationsOff: U,
+  notifications: P,
+  payment: H,
+  person: A,
+  phone: m,
+  photo: S,
+  print: I,
+  refresh: y,
+  search: k,
+  send: g,
+  settings: O,
+  share: w,
+  shoppingCart: u,
+  star: C,
+  starHalf: h,
+  starOff: d,
+  upload: s,
+  visibility: c,
+  visibilityOff: l,
+  warning: n
+}, mr = f(function({
+  surfaceId: i,
+  name: t
+}) {
+  const r = p(i, t, "");
+  if (!r)
+    return null;
+  const o = or[r];
+  return o ? /* @__PURE__ */ e(o, { className: a("w-5 h-5") }) : (console.warn(`A2UI: Unknown icon name: ${r}`), null);
+});
+mr.displayName = "A2UI.Icon";
+export {
+  mr as IconComponent
+};

package/dist/{a2ui-react13.js → 0.8/components/display/ImageComponent.js}

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { memo as m } from "react";
-import { useDataBinding as i } from "./a2ui-react6.js";
-import { cn as s } from "./a2ui-react34.js";
+import { useDataBinding as i } from "../../hooks/useDataBinding.js";
+import { cn as s } from "../../../lib/utils.js";
 const t = {
   contain: "object-contain",
   cover: "object-cover",

package/dist/{a2ui-react12.js → 0.8/components/display/TextComponent.js}

@@ -1,7 +1,7 @@
 import { jsx as h } from "react/jsx-runtime";
 import { memo as x } from "react";
-import { useDataBinding as l } from "./a2ui-react6.js";
-import { cn as r } from "./a2ui-react34.js";
+import { useDataBinding as l } from "../../hooks/useDataBinding.js";
+import { cn as r } from "../../../lib/utils.js";
 const o = {
   h1: "text-3xl font-bold tracking-tight",
   h2: "text-2xl font-semibold tracking-tight",

package/dist/{a2ui-react15.js → 0.8/components/display/VideoComponent.js}

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as n } from "react/jsx-runtime";
 import { memo as i } from "react";
-import { useDataBinding as s } from "./a2ui-react6.js";
-import { cn as m } from "./a2ui-react34.js";
+import { useDataBinding as s } from "../../hooks/useDataBinding.js";
+import { cn as m } from "../../../lib/utils.js";
 const d = i(function({
   surfaceId: r,
   url: e

package/dist/{a2ui-react24.js → 0.8/components/interactive/ButtonComponent.js}

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import { memo as p, useCallback as s } from "react";
-import { useDispatchAction as c } from "./a2ui-react5.js";
-import { Button as u } from "./a2ui-react86.js";
-import { ComponentRenderer as a } from "./a2ui-react4.js";
+import { useDispatchAction as c } from "../../hooks/useDispatchAction.js";
+import { Button as u } from "../../../components/ui/button.js";
+import { ComponentRenderer as a } from "../ComponentRenderer.js";
 const f = p(function({
   surfaceId: t,
   componentId: n,

package/dist/{a2ui-react25.js → 0.8/components/interactive/CheckBoxComponent.js}

@@ -1,9 +1,9 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { memo as p, useCallback as C } from "react";
-import { useDataBinding as d, useFormBinding as x } from "./a2ui-react6.js";
-import { Checkbox as k } from "./a2ui-react87.js";
-import { Label as f } from "./a2ui-react88.js";
-import { cn as b } from "./a2ui-react34.js";
+import { useDataBinding as d, useFormBinding as x } from "../../hooks/useDataBinding.js";
+import { Checkbox as k } from "../../../components/ui/checkbox.js";
+import { Label as f } from "../../../components/ui/label.js";
+import { cn as b } from "../../../lib/utils.js";
 const g = p(function({
   surfaceId: e,
   componentId: m,

package/dist/{a2ui-react27.js → 0.8/components/interactive/DateTimeInputComponent.js}

@@ -1,15 +1,15 @@
 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 "./a2ui-react6.js";
-import { cn as p } from "./a2ui-react34.js";
-import { Button as P } from "./a2ui-react86.js";
-import { Calendar as B } from "./a2ui-react91.js";
-import { Popover as F, PopoverTrigger as S, PopoverContent as $ } from "./a2ui-react92.js";
-import { Input as g } from "./a2ui-react89.js";
-import { parse as a } from "./a2ui-react93.js";
-import { isValid as k } from "./a2ui-react94.js";
-import A from "./a2ui-react76.js";
-import { formatDate as i } from "./a2ui-react95.js";
+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,

package/dist/{a2ui-react28.js → 0.8/components/interactive/MultipleChoiceComponent.js}

@@ -1,10 +1,10 @@
 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 "./a2ui-react6.js";
-import { Select as F, SelectTrigger as $, SelectValue as j, SelectContent as B, SelectItem as D } from "./a2ui-react96.js";
-import { Checkbox as L } from "./a2ui-react87.js";
-import { Label as T } from "./a2ui-react88.js";
-import { cn as h } from "./a2ui-react34.js";
+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,

package/dist/{a2ui-react29.js → 0.8/components/interactive/SliderComponent.js}

@@ -1,8 +1,8 @@
 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 "./a2ui-react6.js";
-import { Slider as f } from "./a2ui-react97.js";
-import { cn as h } from "./a2ui-react34.js";
+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,

package/dist/{a2ui-react26.js → 0.8/components/interactive/TextFieldComponent.js}

@@ -1,10 +1,10 @@
 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 "./a2ui-react6.js";
-import { Input as b } from "./a2ui-react89.js";
-import { Textarea as C } from "./a2ui-react90.js";
-import { Label as F } from "./a2ui-react88.js";
-import { cn as v } from "./a2ui-react34.js";
+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",

package/dist/{a2ui-react21.js → 0.8/components/layout/CardComponent.js}

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { memo as m } from "react";
-import { Card as n, CardContent as t } from "./a2ui-react83.js";
-import { ComponentRenderer as p } from "./a2ui-react4.js";
+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

package/dist/{a2ui-react19.js → 0.8/components/layout/ColumnComponent.js}

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import { memo as u } from "react";
-import { useDataModel as d } from "./a2ui-react6.js";
-import { cn as y } from "./a2ui-react34.js";
-import { getValueByPath as j } from "./a2ui-react33.js";
-import { ComponentRenderer as r } from "./a2ui-react4.js";
+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",

package/dist/{a2ui-react20.js → 0.8/components/layout/ListComponent.js}

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import { memo as d } from "react";
-import { useDataModel as x } from "./a2ui-react6.js";
-import { cn as u } from "./a2ui-react34.js";
-import { getValueByPath as v } from "./a2ui-react33.js";
-import { ComponentRenderer as r } from "./a2ui-react4.js";
+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",

package/dist/{a2ui-react23.js → 0.8/components/layout/ModalComponent.js}

@@ -1,7 +1,7 @@
 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 "./a2ui-react85.js";
-import { ComponentRenderer as t } from "./a2ui-react4.js";
+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,

package/dist/{a2ui-react18.js → 0.8/components/layout/RowComponent.js}

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import { memo as l } from "react";
-import { useDataModel as u } from "./a2ui-react6.js";
-import { cn as y } from "./a2ui-react34.js";
-import { getValueByPath as j } from "./a2ui-react33.js";
-import { ComponentRenderer as r } from "./a2ui-react4.js";
+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",

package/dist/{a2ui-react22.js → 0.8/components/layout/TabsComponent.js}

@@ -1,8 +1,8 @@
 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 "./a2ui-react6.js";
-import { Tabs as p, TabsList as s, TabsTrigger as T, TabsContent as h } from "./a2ui-react84.js";
-import { ComponentRenderer as u } from "./a2ui-react4.js";
+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

package/dist/{a2ui-react7.js → 0.8/contexts/A2UIProvider.js}

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { SurfaceProvider as e } from "./a2ui-react9.js";
-import { DataModelProvider as t } from "./a2ui-react31.js";
-import { ActionProvider as m } from "./a2ui-react30.js";
+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 }) }) });
 }

package/dist/{a2ui-react30.js → 0.8/contexts/ActionContext.js}

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { createContext as x, useContext as C, useCallback as p, useMemo as f } from "react";
-import { useDataModelContext as v } from "./a2ui-react31.js";
-import { resolveActionContext as A } from "./a2ui-react32.js";
+import { useDataModelContext as v } from "./DataModelContext.js";
+import { resolveActionContext as A } from "../utils/dataBinding.js";
 const s = x(null);
 function P({ onAction: t, children: c }) {
   const { getDataModel: o } = v(), e = p(

package/dist/{a2ui-react31.js → 0.8/contexts/DataModelContext.js}

@@ -1,6 +1,6 @@
 import { jsx as C } from "react/jsx-runtime";
 import { createContext as P, useContext as f, useState as V, useCallback as a, useMemo as v } from "react";
-import { mergeAtPath as b, getValueByPath as y, setValueByPath as B } from "./a2ui-react33.js";
+import { mergeAtPath as b, getValueByPath as y, setValueByPath as B } from "../utils/pathUtils.js";
 const g = P(
   null
 );

package/dist/{a2ui-react10.js → 0.8/hooks/useA2UIMessageHandler.js}

@@ -1,7 +1,7 @@
 import { useCallback as c } from "react";
-import { useSurfaceContext as I } from "./a2ui-react9.js";
-import { useDataModelContext as U } from "./a2ui-react31.js";
-import { contentsToObject as b } from "./a2ui-react32.js";
+import { useSurfaceContext as I } from "../contexts/SurfaceContext.js";
+import { useDataModelContext as U } from "../contexts/DataModelContext.js";
+import { contentsToObject as b } from "../utils/dataBinding.js";
 function g() {
   const { initSurface: n, updateSurface: d, deleteSurface: u, clearSurfaces: f } = I(), { updateDataModel: s, initDataModel: l, deleteDataModel: i, clearDataModels: p } = U(), o = c(
     (t) => {

package/dist/{a2ui-react11.js → 0.8/hooks/useComponent.js}

@@ -1,5 +1,5 @@
 import { useMemo as r } from "react";
-import { useSurfaceContext as n } from "./a2ui-react9.js";
+import { useSurfaceContext as n } from "../contexts/SurfaceContext.js";
 function p(o, t) {
   const { getComponent: e } = n();
   return r(() => e(o, t), [e, o, t]);

package/dist/{a2ui-react6.js → 0.8/hooks/useDataBinding.js}

@@ -1,6 +1,6 @@
 import { useMemo as i } from "react";
-import { useDataModelContext as l } from "./a2ui-react31.js";
-import { resolveValue as m } from "./a2ui-react32.js";
+import { useDataModelContext as l } from "../contexts/DataModelContext.js";
+import { resolveValue as m } from "../utils/dataBinding.js";
 function s(n, t, o) {
   const { getDataModel: e } = l();
   return i(() => {

package/dist/{a2ui-react5.js → 0.8/hooks/useDispatchAction.js}

@@ -1,4 +1,4 @@
-import { useActionContext as o } from "./a2ui-react30.js";
+import { useActionContext as o } from "../contexts/ActionContext.js";
 function c() {
   const { dispatchAction: t } = o();
   return t;

package/dist/0.8/index.js

@@ -0,0 +1,11 @@
+import { A2UIRenderer as o } from "./A2UIRenderer.js";
+import { ComponentRenderer as t } from "./components/ComponentRenderer.js";
+import { useDispatchAction as m } from "./hooks/useDispatchAction.js";
+import { useDataBinding as d, useFormBinding as f } from "./hooks/useDataBinding.js";
+export {
+  o as A2UIRenderer,
+  t as ComponentRenderer,
+  d as useDataBinding,
+  m as useDispatchAction,
+  f as useFormBinding
+};

package/dist/{a2ui-react32.js → 0.8/utils/dataBinding.js}

@@ -1,4 +1,4 @@
-import { getValueByPath as r } from "./a2ui-react33.js";
+import { getValueByPath as r } from "./pathUtils.js";
 function l(e, n, t) {
   if (e == null)
     return t;

package/dist/{a2ui-react86.js → components/ui/button.js}

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Root as a } from "./a2ui-react105.js";
-import { cva as s } from "./a2ui-react106.js";
-import { cn as d } from "./a2ui-react34.js";
+import { Root as a } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as s } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as d } from "../../lib/utils.js";
 const u = s(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {

package/dist/{a2ui-react91.js → components/ui/calendar.js}

@@ -1,12 +1,12 @@
 import { jsx as n } from "react/jsx-runtime";
 import * as m from "react";
-import { cn as e } from "./a2ui-react34.js";
-import { buttonVariants as f, Button as b } from "./a2ui-react86.js";
-import { getDefaultClassNames as p } from "./a2ui-react108.js";
-import { DayPicker as h } from "./a2ui-react109.js";
-import w from "./a2ui-react110.js";
-import _ from "./a2ui-react111.js";
-import y from "./a2ui-react112.js";
+import { cn as e } from "../../lib/utils.js";
+import { buttonVariants as f, Button as b } from "./button.js";
+import { getDefaultClassNames as p } from "../../node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
+import { DayPicker as h } from "../../node_modules/react-day-picker/dist/esm/DayPicker.js";
+import w from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
+import _ from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import y from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 function B({
   className: c,
   classNames: i,

package/dist/{a2ui-react83.js → components/ui/card.js}

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { cn as a } from "./a2ui-react34.js";
+import { cn as a } from "../../lib/utils.js";
 function n({ className: r, ...o }) {
   return /* @__PURE__ */ t(
     "div",

package/dist/{a2ui-react87.js → components/ui/checkbox.js}

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Checkbox as a, CheckboxIndicator as t } from "./a2ui-react104.js";
-import { cn as o } from "./a2ui-react34.js";
-import d from "./a2ui-react74.js";
+import { Checkbox as a, CheckboxIndicator as t } from "../../node_modules/@radix-ui/react-checkbox/dist/index.js";
+import { cn as o } from "../../lib/utils.js";
+import d from "../../node_modules/lucide-react/dist/esm/icons/check.js";
 function l({
   className: e,
   ...i

package/dist/{a2ui-react85.js → components/ui/dialog.js}

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as e } from "react/jsx-runtime";
-import { Root as r, Trigger as l, Content as d, Close as g, Portal as c, Overlay as u } from "./a2ui-react101.js";
-import { cn as n } from "./a2ui-react34.js";
-import f from "./a2ui-react73.js";
+import { Root as r, Trigger as l, Content as d, Close as g, Portal as c, Overlay as u } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { cn as n } from "../../lib/utils.js";
+import f from "../../node_modules/lucide-react/dist/esm/icons/x.js";
 function y({
   ...t
 }) {

package/dist/{a2ui-react89.js → components/ui/input.js}

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { cn as n } from "./a2ui-react34.js";
+import { cn as n } from "../../lib/utils.js";
 function a({ className: e, type: i, ...r }) {
   return /* @__PURE__ */ t(
     "input",

package/dist/{a2ui-react88.js → components/ui/label.js}

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Root as a } from "./a2ui-react103.js";
-import { cn as r } from "./a2ui-react34.js";
+import { Root as a } from "../../node_modules/@radix-ui/react-label/dist/index.js";
+import { cn as r } from "../../lib/utils.js";
 function l({
   className: e,
   ...t