@a2ui-sdk/react 0.0.0

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

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

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

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

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

@@ -0,0 +1,48 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { memo as h, useCallback as x } from "react";
+import { useDataBinding as u, useFormBinding as g } from "../../hooks/useDataBinding.js";
+import { Slider as C } from "../../../components/ui/slider.js";
+import { Label as S } from "../../../components/ui/label.js";
+import { cn as b } from "../../../lib/utils.js";
+const N = h(function({
+  surfaceId: o,
+  componentId: a,
+  label: c,
+  value: p,
+  minValue: n = 0,
+  maxValue: r = 100
+}) {
+  const t = u(o, c, ""), [i, l] = g(
+    o,
+    p,
+    n
+  ), f = x(
+    (s) => {
+      s.length > 0 && l(s[0]);
+    },
+    [l]
+  ), m = `slider-${a}`;
+  return /* @__PURE__ */ d("div", { className: b("flex flex-col gap-2 py-2"), children: [
+    t && /* @__PURE__ */ e(S, { htmlFor: m, children: t }),
+    /* @__PURE__ */ e(
+      C,
+      {
+        id: m,
+        value: [i],
+        onValueChange: f,
+        min: n,
+        max: r,
+        step: 1
+      }
+    ),
+    /* @__PURE__ */ d("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: i }),
+      /* @__PURE__ */ e("span", { children: r })
+    ] })
+  ] });
+});
+N.displayName = "A2UI.Slider";
+export {
+  N as SliderComponent
+};

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

@@ -0,0 +1,5 @@
+import { TextFieldComponentProps } from '@a2ui-sdk/types/0.8';
+/**
+ * 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/layout/CardComponent.d.ts

@@ -0,0 +1,5 @@
+import { CardComponentProps } from '@a2ui-sdk/types/0.8';
+/**
+ * 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 '@a2ui-sdk/types/0.8';
+/**
+ * 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 '@a2ui-sdk/types/0.8';
+/**
+ * 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 '@a2ui-sdk/types/0.8';
+/**
+ * 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 '@a2ui-sdk/types/0.8';
+/**
+ * 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 '@a2ui-sdk/types/0.8';
+/**
+ * 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/contexts/A2UIProvider.d.ts

@@ -0,0 +1,56 @@
+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>>>;
+/**
+ * Props for A2UIProvider.
+ */
+export interface A2UIProviderProps {
+    /** Array of A2UI messages to render */
+    messages: A2UIMessage[];
+    /** Custom component overrides */
+    components?: ComponentsMap;
+    children: ReactNode;
+}
+/**
+ * Combined provider for all A2UI contexts.
+ *
+ * Provides:
+ * - SurfaceContext: Component tree management
+ * - DataModelContext: Data model state
+ * - ComponentsMapContext: Custom component overrides
+ *
+ * @param props - Component props
+ * @param props.messages - Array of A2UI messages to render
+ * @param props.components - Optional custom component overrides
+ * @param props.children - Child components (typically A2UIRenderer)
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <A2UIProvider messages={messages}>
+ *   <A2UIRenderer onAction={handleAction} />
+ * </A2UIProvider>
+ *
+ * // With custom components
+ * const customComponents = new Map([
+ *   ['Button', CustomButton],
+ *   ['Switch', CustomSwitch],
+ * ])
+ * <A2UIProvider
+ *   messages={messages}
+ *   components={customComponents}
+ * >
+ *   <A2UIRenderer onAction={handleAction} />
+ * </A2UIProvider>
+ *
+ * // With custom middleware for hooks access
+ * <A2UIProvider messages={messages}>
+ *   <MyCustomComponent />
+ *   <A2UIRenderer onAction={handleAction} />
+ * </A2UIProvider>
+ * ```
+ */
+export declare function A2UIProvider({ messages, components, children, }: A2UIProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/0.8/contexts/A2UIProvider.js

@@ -0,0 +1,33 @@
+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";
+function d({
+  messages: r,
+  children: t
+}) {
+  const { processMessages: o, clear: s } = p();
+  return i(() => {
+    s(), r && r.length > 0 && o(r);
+  }, [r, o, s]), /* @__PURE__ */ e(n, { children: t });
+}
+function A({
+  messages: r,
+  components: t,
+  children: o
+}) {
+  return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
+    a,
+    {
+      components: t,
+      defaultComponents: c,
+      children: /* @__PURE__ */ e(d, { messages: r ?? [], children: o })
+    }
+  ) }) });
+}
+export {
+  A as A2UIProvider
+};

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

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+import { Action, ActionHandler } from '@a2ui-sdk/types/0.8';
+/**
+ * Action context value interface.
+ */
+export interface ActionContextValue {
+    /** Dispatches an action with resolved context */
+    dispatchAction: (surfaceId: string, componentId: string, action: Action) => void;
+    /** The action handler callback (if set) */
+    onAction: ActionHandler | null;
+}
+/**
+ * Action context for A2UI rendering.
+ */
+export declare const ActionContext: import('react').Context<ActionContextValue | null>;
+/**
+ * Props for ActionProvider.
+ */
+export interface ActionProviderProps {
+    /** Callback when an action is dispatched */
+    onAction?: ActionHandler;
+    children: ReactNode;
+}
+/**
+ * Provider component for Action dispatching.
+ */
+export declare function ActionProvider({ onAction, children }: ActionProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access the Action context.
+ *
+ * @throws Error if used outside of ActionProvider
+ */
+export declare function useActionContext(): ActionContextValue;

package/dist/0.8/contexts/ActionContext.js

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