@easyops-cn/a2ui-react 0.0.2 → 0.0.4

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 "@/0.8/hooks/useDataBinding";
+import { cn as a } from "@/lib/utils";
 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";
 const i = t(function({
   axis: o = "horizontal"
 }) {

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

@@ -0,0 +1,68 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as i } from "react";
+import { useDataBinding as l } from "@/0.8/hooks/useDataBinding";
+import { AlertTriangle as c, EyeOff as f, Eye as s, Upload as m, StarOff as p, StarHalf as d, Star as h, ShoppingCart as C, Share2 as u, Settings as w, Send as O, Search as g, RefreshCw as k, Printer as y, Image as H, Phone as o, User as I, CreditCard as S, Bell as U, BellOff as A, MoreHorizontal as M, MoreVertical as P, Menu as v, Mail as B, Unlock as D, Lock as F, MapPin as N, Info as T, Home as b, HelpCircle as x, Folder as z, HeartOff as E, Heart as L, AlertCircle as R, CalendarDays as V, Pencil as j, Download as X, Trash2 as $, X as q, Check as G, Camera as J, Calendar as K, Paperclip as Q, ArrowRight as W, ArrowLeft as Y, Plus as Z, UserCircle as _ } from "lucide-react";
+import { cn as ee } from "@/lib/utils";
+const re = {
+  accountCircle: _,
+  add: Z,
+  arrowBack: Y,
+  arrowForward: W,
+  attachFile: Q,
+  calendarToday: K,
+  call: o,
+  camera: J,
+  check: G,
+  close: q,
+  delete: $,
+  download: X,
+  edit: j,
+  event: V,
+  error: R,
+  favorite: L,
+  favoriteOff: E,
+  folder: z,
+  help: x,
+  home: b,
+  info: T,
+  locationOn: N,
+  lock: F,
+  lockOpen: D,
+  mail: B,
+  menu: v,
+  moreVert: P,
+  moreHoriz: M,
+  notificationsOff: A,
+  notifications: U,
+  payment: S,
+  person: I,
+  phone: o,
+  photo: H,
+  print: y,
+  refresh: k,
+  search: g,
+  send: O,
+  settings: w,
+  share: u,
+  shoppingCart: C,
+  star: h,
+  starHalf: d,
+  starOff: p,
+  upload: m,
+  visibility: s,
+  visibilityOff: f,
+  warning: c
+}, oe = i(function({
+  surfaceId: a,
+  name: n
+}) {
+  const e = l(a, n, "");
+  if (!e)
+    return null;
+  const r = re[e];
+  return r ? /* @__PURE__ */ t(r, { className: ee("w-5 h-5") }) : (console.warn(`A2UI: Unknown icon name: ${e}`), null);
+});
+oe.displayName = "A2UI.Icon";
+export {
+  oe 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 "@/0.8/hooks/useDataBinding";
+import { cn as s } from "@/lib/utils";
 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 "@/0.8/hooks/useDataBinding";
+import { cn as r } from "@/lib/utils";
 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 "@/0.8/hooks/useDataBinding";
+import { cn as m } from "@/lib/utils";
 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 "@/0.8/hooks/useDispatchAction";
+import { Button as u } from "@/components/ui/button";
+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 "@/0.8/hooks/useDataBinding";
+import { Checkbox as k } from "@/components/ui/checkbox";
+import { Label as f } from "@/components/ui/label";
+import { cn as b } from "@/lib/utils";
 const g = p(function({
   surfaceId: e,
   componentId: m,

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

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

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 "@/0.8/hooks/useDataBinding";
+import { Select as F, SelectTrigger as $, SelectValue as j, SelectContent as B, SelectItem as D } from "@/components/ui/select";
+import { Checkbox as L } from "@/components/ui/checkbox";
+import { Label as T } from "@/components/ui/label";
+import { cn as h } from "@/lib/utils";
 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 "@/0.8/hooks/useDataBinding";
+import { Slider as f } from "@/components/ui/slider";
+import { cn as h } from "@/lib/utils";
 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 "@/0.8/hooks/useDataBinding";
+import { Input as b } from "@/components/ui/input";
+import { Textarea as C } from "@/components/ui/textarea";
+import { Label as F } from "@/components/ui/label";
+import { cn as v } from "@/lib/utils";
 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";
+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 "@/0.8/hooks/useDataBinding";
+import { cn as y } from "@/lib/utils";
+import { getValueByPath as j } from "@/0.8/utils/pathUtils";
+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 "@/0.8/hooks/useDataBinding";
+import { cn as u } from "@/lib/utils";
+import { getValueByPath as v } from "@/0.8/utils/pathUtils";
+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";
+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 "@/0.8/hooks/useDataBinding";
+import { cn as y } from "@/lib/utils";
+import { getValueByPath as j } from "@/0.8/utils/pathUtils";
+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 "@/0.8/hooks/useDataBinding";
+import { Tabs as p, TabsList as s, TabsTrigger as T, TabsContent as h } from "@/components/ui/tabs";
+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/0.8/hooks/useDataBinding.js

@@ -0,0 +1,23 @@
+import { useMemo as r } from "react";
+import { useDataModelContext as m } from "../contexts/DataModelContext.js";
+import { resolveValue as l } from "../utils/dataBinding.js";
+function s(n, t, o) {
+  const { getDataModel: e } = m();
+  return r(() => {
+    const a = e(n);
+    return l(t, a, o);
+  }, [e, n, t, o]);
+}
+function h(n, t, o) {
+  const { getDataModel: e, setDataValue: a } = m(), p = r(() => {
+    const i = e(n);
+    return l(t, i, o);
+  }, [e, n, t, o]), M = r(() => (i) => {
+    t && "path" in t && a(n, t.path, i);
+  }, [a, n, t]);
+  return [p, M];
+}
+export {
+  s as useDataBinding,
+  h as useFormBinding
+};

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/index.js

@@ -0,0 +1,4 @@
+import * as _ from "./0.8/index.js";
+export {
+  _ as v0_8
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyops-cn/a2ui-react",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "A2UI React Renderer",
   "homepage": "https://easyops-cn.github.io/a2ui-react/",
   "repository": {

package/dist/a2ui-react.js

@@ -1,4 +0,0 @@
-import * as o from "./a2ui-react2.js";
-export {
-  o as v0_8
-};

package/dist/a2ui-react100.js

@@ -1,24 +0,0 @@
-import * as p from "react";
-import { Primitive as v } from "./a2ui-react210.js";
-import { jsx as m } from "react/jsx-runtime";
-var d = "Separator", a = "horizontal", l = ["horizontal", "vertical"], i = p.forwardRef((r, n) => {
-  const { decorative: e, orientation: t = a, ...s } = r, o = f(t) ? t : a, c = e ? { role: "none" } : { "aria-orientation": o === "vertical" ? o : void 0, role: "separator" };
-  return /* @__PURE__ */ m(
-    v.div,
-    {
-      "data-orientation": o,
-      ...c,
-      ...s,
-      ref: n
-    }
-  );
-});
-i.displayName = d;
-function f(r) {
-  return l.includes(r);
-}
-var T = i;
-export {
-  T as Root,
-  i as Separator
-};