@a2ui-sdk/react 0.3.0 → 0.3.1

package/README.md

@@ -1,6 +1,6 @@
 # @a2ui-sdk/react
 
-React implementation for rendering A2UI protocol. This package provides React components and hooks for integrating A2UI surfaces into your application.
+React implementation for rendering A2UI protocol. This package provides React components and hooks for integrating A2UI renderer into your application.
 
 ## Installation
 

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

@@ -1,27 +1,28 @@
-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 "../../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({
+import { jsxs as p, jsx as m } from "react/jsx-runtime";
+import { memo as x, useCallback as C } from "react";
+import { useDataBinding as k, useFormBinding as d } from "../../hooks/useDataBinding.js";
+import { useScopeBasePath as f } from "../../contexts/ScopeContext.js";
+import { Checkbox as b } from "../../../components/ui/checkbox.js";
+import { Label as g } from "../../../components/ui/label.js";
+import { cn as u } from "../../../lib/utils.js";
+const B = x(function({
   surfaceId: e,
-  componentId: m,
-  label: r,
-  value: s
+  componentId: o,
+  label: s,
+  value: a
 }) {
-  const o = d(e, r, ""), [i, n] = x(e, s, !1), a = C(
-    (h) => {
-      n(h);
+  const c = k(e, s, ""), [i, t] = d(e, a, !1), r = f(), h = C(
+    (l) => {
+      t(l);
     },
-    [n]
-  ), c = `checkbox-${m}`;
-  return /* @__PURE__ */ l("div", { className: b("flex items-center gap-3"), children: [
-    /* @__PURE__ */ t(k, { id: c, checked: i, onCheckedChange: a }),
-    o && /* @__PURE__ */ t(f, { htmlFor: c, className: "cursor-pointer", children: o })
+    [t]
+  ), n = r ? `checkbox-${o}-${r.replace(/\//g, "-")}` : `checkbox-${o}`;
+  return /* @__PURE__ */ p("div", { className: u("flex items-center gap-3"), children: [
+    /* @__PURE__ */ m(b, { id: n, checked: i, onCheckedChange: h }),
+    c && /* @__PURE__ */ m(g, { htmlFor: n, className: "cursor-pointer", children: c })
   ] });
 });
-g.displayName = "A2UI.CheckBox";
+B.displayName = "A2UI.CheckBox";
 export {
-  g as CheckBoxComponent
+  B as CheckBoxComponent
 };

package/dist/0.9/components/interactive/CheckBoxComponent.js

@@ -1,45 +1,46 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { memo as v, useCallback as g } from "react";
-import { useStringBinding as u, useFormBinding as b } from "../../hooks/useDataBinding.js";
-import { useValidation as B } from "../../hooks/useValidation.js";
-import { Checkbox as N } from "../../../components/ui/checkbox.js";
-import { Label as j } from "../../../components/ui/label.js";
-import { cn as y } from "../../../lib/utils.js";
-const F = v(function({
+import { memo as u, useCallback as v } from "react";
+import { useStringBinding as b, useFormBinding as B } from "../../hooks/useDataBinding.js";
+import { useValidation as N } from "../../hooks/useValidation.js";
+import { useScopeBasePath as $ } from "../../contexts/ScopeContext.js";
+import { Checkbox as j } from "../../../components/ui/checkbox.js";
+import { Label as y } from "../../../components/ui/label.js";
+import { cn as F } from "../../../lib/utils.js";
+const P = u(function({
   surfaceId: o,
-  componentId: s,
-  label: a,
+  componentId: r,
+  label: h,
   value: d,
-  checks: h,
-  weight: t
+  checks: p,
+  weight: c
 }) {
-  const r = u(o, a, ""), [p, i] = b(
+  const i = b(o, h, ""), [x, n] = B(
     o,
     d,
     !1
-  ), { valid: x, errors: c } = B(o, h), f = g(
-    (n) => {
-      i(n);
+  ), { valid: f, errors: s } = N(o, p), a = $(), C = v(
+    (t) => {
+      n(t);
     },
-    [i]
-  ), l = `checkbox-${s}`, C = t ? { flexGrow: t } : void 0;
-  return /* @__PURE__ */ m("div", { className: y("flex flex-col gap-1"), style: C, children: [
+    [n]
+  ), l = a ? `checkbox-${r}-${a.replace(/\//g, "-")}` : `checkbox-${r}`, k = c ? { flexGrow: c } : void 0;
+  return /* @__PURE__ */ m("div", { className: F("flex flex-col gap-1"), style: k, children: [
     /* @__PURE__ */ m("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ e(
-        N,
+        j,
         {
           id: l,
-          checked: p,
-          onCheckedChange: f,
-          "aria-invalid": !x
+          checked: x,
+          onCheckedChange: C,
+          "aria-invalid": !f
         }
       ),
-      r && /* @__PURE__ */ e(j, { htmlFor: l, className: "cursor-pointer", children: r })
+      i && /* @__PURE__ */ e(y, { htmlFor: l, className: "cursor-pointer", children: i })
     ] }),
-    c.length > 0 && /* @__PURE__ */ e("div", { className: "text-sm text-destructive ml-6", children: c.map((n, k) => /* @__PURE__ */ e("p", { children: n }, k)) })
+    s.length > 0 && /* @__PURE__ */ e("div", { className: "text-sm text-destructive ml-6", children: s.map((t, g) => /* @__PURE__ */ e("p", { children: t }, g)) })
   ] });
 });
-F.displayName = "A2UI.CheckBox";
+P.displayName = "A2UI.CheckBox";
 export {
-  F as CheckBoxComponent
+  P as CheckBoxComponent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a2ui-sdk/react",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "A2UI SDK for React",
   "homepage": "https://a2ui-sdk.js.org/",
   "repository": {
@@ -66,8 +66,8 @@
     "vitest": "^4.0.16"
   },
   "dependencies": {
-    "@a2ui-sdk/types": "0.3.0",
-    "@a2ui-sdk/utils": "0.3.0",
+    "@a2ui-sdk/types": "0.3.1",
+    "@a2ui-sdk/utils": "0.3.1",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-label": "^2.1.8",