@assistant-ui/react-native 0.1.42 → 0.1.43

package/dist/primitives/threadListItem/ThreadListItemRoot.d.ts

@@ -1,10 +1,9 @@
 import { ViewProps } from "react-native";
 import { ReactNode } from "react";
 //#region src/primitives/threadListItem/ThreadListItemRoot.d.ts
-type ThreadListItemRootProps = ViewProps & {
+export type ThreadListItemRootProps = ViewProps & {
   children: ReactNode;
 };
-declare const ThreadListItemRoot: ({ children, ...viewProps }: ThreadListItemRootProps) => import("react").JSX.Element;
+export declare const ThreadListItemRoot: ({ children, ...viewProps }: ThreadListItemRootProps) => import("react").JSX.Element;
 //#endregion
-export { ThreadListItemRoot, ThreadListItemRootProps };
 //# sourceMappingURL=ThreadListItemRoot.d.ts.map

package/dist/primitives/threadListItem/ThreadListItemRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemRoot.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemRoot.tsx"],"mappings":";;;KAGY,0BAA0B;EACpC,UAAU;;cAGC,uBAAsB,aAAA,aAGhC,4CAAuB,IAAA"}
+{"version":3,"file":"ThreadListItemRoot.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemRoot.tsx"],"mappings":";;;YAGY,0BAA0B;EACpC,UAAU;;qBAGC,uBAAsB,aAAA,aAGhC,4CAAuB,IAAA"}

package/dist/primitives/threadListItem/ThreadListItemTrigger.d.ts

@@ -1,12 +1,11 @@
 import { PressableProps, PressableStateCallbackType } from "react-native";
 import { ReactNode } from "react";
 //#region src/primitives/threadListItem/ThreadListItemTrigger.d.ts
-type ThreadListItemTriggerProps = Omit<PressableProps, "onPress" | "children"> & {
+export type ThreadListItemTriggerProps = Omit<PressableProps, "onPress" | "children"> & {
   children: ReactNode | ((state: PressableStateCallbackType & {
     isActive: boolean;
   }) => ReactNode);
 };
-declare const ThreadListItemTrigger: ({ children, accessibilityState, ...pressableProps }: ThreadListItemTriggerProps) => import("react").JSX.Element;
+export declare const ThreadListItemTrigger: ({ children, accessibilityState, ...pressableProps }: ThreadListItemTriggerProps) => import("react").JSX.Element;
 //#endregion
-export { ThreadListItemTrigger, ThreadListItemTriggerProps };
 //# sourceMappingURL=ThreadListItemTrigger.d.ts.map

package/dist/primitives/threadListItem/ThreadListItemTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemTrigger.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemTrigger.tsx"],"mappings":";;;KASY,6BAA6B,KACvC;EAGA,UACI,cAEE,OAAO;IAA+B;QACnC;;cAGE,0BAAyB,UAAA,uBAAA,kBAInC,+CAA0B,IAAA"}
+{"version":3,"file":"ThreadListItemTrigger.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemTrigger.tsx"],"mappings":";;;YASY,6BAA6B,KACvC;EAGA,UACI,cAEE,OAAO;IAA+B;QACnC;;qBAGE,0BAAyB,UAAA,uBAAA,kBAInC,+CAA0B,IAAA"}

package/dist/primitives/threadListItem/ThreadListItemUnarchive.d.ts

@@ -1,9 +1,8 @@
 import { PressableProps } from "react-native";
 //#region src/primitives/threadListItem/ThreadListItemUnarchive.d.ts
-type ThreadListItemUnarchiveProps = Omit<PressableProps, "onPress" | "children"> & {
+export type ThreadListItemUnarchiveProps = Omit<PressableProps, "onPress" | "children"> & {
   children: PressableProps["children"];
 };
-declare const ThreadListItemUnarchive: ({ children, ...pressableProps }: ThreadListItemUnarchiveProps) => import("react").JSX.Element;
+export declare const ThreadListItemUnarchive: ({ children, ...pressableProps }: ThreadListItemUnarchiveProps) => import("react").JSX.Element;
 //#endregion
-export { ThreadListItemUnarchive, ThreadListItemUnarchiveProps };
 //# sourceMappingURL=ThreadListItemUnarchive.d.ts.map

package/dist/primitives/threadListItem/ThreadListItemUnarchive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemUnarchive.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemUnarchive.tsx"],"mappings":";;KAGY,+BAA+B,KACzC;EAGA,UAAU;;cAGC,4BAA2B,aAAA,kBAGrC,iDAA4B,IAAA"}
+{"version":3,"file":"ThreadListItemUnarchive.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemUnarchive.tsx"],"mappings":";;YAGY,+BAA+B,KACzC;EAGA,UAAU;;qBAGC,4BAA2B,aAAA,kBAGrC,iDAA4B,IAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react-native",
-  "version": "0.1.42",
+  "version": "0.1.43",
   "description": "React Native bindings for assistant-ui",
   "keywords": [
     "assistant",
@@ -31,11 +31,11 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@assistant-ui/core": "^0.3.19",
-    "@assistant-ui/store": "^0.3.13",
-    "@assistant-ui/tap": "^0.9.17",
-    "assistant-cloud": "^0.2.1",
-    "assistant-stream": "^0.3.43"
+    "@assistant-ui/core": "^0.3.20",
+    "@assistant-ui/store": "^0.3.14",
+    "@assistant-ui/tap": "^0.9.18",
+    "assistant-cloud": "^0.2.2",
+    "assistant-stream": "^0.3.44"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -48,16 +48,16 @@
     }
   },
   "devDependencies": {
-    "@assistant-ui/x-buildutils": "0.0.27",
+    "@assistant-ui/x-buildutils": "0.0.28",
     "@babel/core": "^7.29.7",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.7",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
     "jsdom": "^30.0.1",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
     "react-native": "^0.87.1",
     "react-native-web": "^0.21.2",
-    "vitest": "^5.0.0"
+    "vitest": "^5.0.1"
   },
   "publishConfig": {
     "access": "public",
@@ -75,6 +75,7 @@
   "scripts": {
     "build": "aui-build",
     "test": "vitest run",
+    "typecheck": "tsc --noEmit",
     "test:watch": "vitest"
   }
 }

package/src/index.ts

@@ -162,6 +162,7 @@ export * as ThreadPrimitive from "./primitives/thread";
 export * as ComposerPrimitive from "./primitives/composer";
 export * as QueueItemPrimitive from "./primitives/queueItem";
 export * as MessagePrimitive from "./primitives/message";
+export * as MessagePartPrimitive from "./primitives/messagePart";
 export * as ThreadListPrimitive from "./primitives/threadList";
 export * as ActionBarPrimitive from "./primitives/actionBar";
 export * as BranchPickerPrimitive from "./primitives/branchPicker";

package/src/primitives/accessibilityRole.test.tsx

@@ -7,6 +7,8 @@ import { ActionBarEdit } from "./actionBar/ActionBarEdit";
 import { ActionBarFeedbackNegative } from "./actionBar/ActionBarFeedbackNegative";
 import { ActionBarFeedbackPositive } from "./actionBar/ActionBarFeedbackPositive";
 import { ActionBarReload } from "./actionBar/ActionBarReload";
+import { ActionBarSpeak } from "./actionBar/ActionBarSpeak";
+import { ActionBarStopSpeaking } from "./actionBar/ActionBarStopSpeaking";
 import { AttachmentRemove } from "./attachment/AttachmentRemove";
 import { BranchPickerNext } from "./branchPicker/BranchPickerNext";
 import { BranchPickerPrevious } from "./branchPicker/BranchPickerPrevious";
@@ -64,6 +66,8 @@ vi.mock("@assistant-ui/core/react", () => ({
     isSubmitted: false,
   }),
   useActionBarReload: () => ({ reload: vi.fn(), disabled: false }),
+  useActionBarSpeak: () => ({ speak: vi.fn(), disabled: false }),
+  useActionBarStopSpeaking: () => ({ stopSpeaking: vi.fn(), disabled: false }),
   useBranchPickerNext: () => ({ next: vi.fn(), disabled: false }),
   useBranchPickerPrevious: () => ({ previous: vi.fn(), disabled: false }),
   useComposerAddAttachment: () => ({ disabled: false }),
@@ -134,6 +138,22 @@ const actionable: ReadonlyArray<{
       </ActionBarReload>
     ),
   },
+  {
+    name: "ActionBarSpeak",
+    render: (e) => (
+      <ActionBarSpeak testID="t" {...e}>
+        x
+      </ActionBarSpeak>
+    ),
+  },
+  {
+    name: "ActionBarStopSpeaking",
+    render: (e) => (
+      <ActionBarStopSpeaking testID="t" {...e}>
+        x
+      </ActionBarStopSpeaking>
+    ),
+  },
   {
     name: "AttachmentRemove",
     render: (e) => (

package/src/primitives/actionBar/ActionBar.test.tsx

@@ -0,0 +1,299 @@
+import { act, type ReactNode } from "react";
+import { createRoot, type Root } from "react-dom/client";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { ActionBarCopy } from "./ActionBarCopy";
+import { ActionBarEdit } from "./ActionBarEdit";
+import { ActionBarFeedbackNegative } from "./ActionBarFeedbackNegative";
+import { ActionBarFeedbackPositive } from "./ActionBarFeedbackPositive";
+import { ActionBarReload } from "./ActionBarReload";
+import { ActionBarSpeak } from "./ActionBarSpeak";
+import { ActionBarStopSpeaking } from "./ActionBarStopSpeaking";
+
+const h = vi.hoisted(() => ({
+  copy: vi.fn<() => void>(),
+  edit: vi.fn<() => void>(),
+  feedbackNegative: vi.fn<() => void>(),
+  feedbackPositive: vi.fn<() => void>(),
+  reload: vi.fn<() => void>(),
+  speak: vi.fn<() => Promise<void>>(),
+  stopSpeaking: vi.fn<() => void>(),
+  state: {
+    copy: { disabled: false, isCopied: false },
+    edit: { disabled: false },
+    feedbackNegative: { isSubmitted: false },
+    feedbackPositive: { isSubmitted: false },
+    reload: { disabled: false },
+    speak: { disabled: false },
+    stopSpeaking: { disabled: false },
+  },
+}));
+
+vi.mock("@assistant-ui/core/react", async (importOriginal) => {
+  const actual =
+    await importOriginal<typeof import("@assistant-ui/core/react")>();
+  return {
+    ...actual,
+    useActionBarCopy: () => ({
+      copy: h.copy,
+      disabled: h.state.copy.disabled,
+      isCopied: h.state.copy.isCopied,
+    }),
+    useActionBarEdit: () => ({ edit: h.edit, disabled: h.state.edit.disabled }),
+    useActionBarFeedbackNegative: () => ({
+      submit: h.feedbackNegative,
+      isSubmitted: h.state.feedbackNegative.isSubmitted,
+    }),
+    useActionBarFeedbackPositive: () => ({
+      submit: h.feedbackPositive,
+      isSubmitted: h.state.feedbackPositive.isSubmitted,
+    }),
+    useActionBarReload: () => ({
+      reload: h.reload,
+      disabled: h.state.reload.disabled,
+    }),
+    useActionBarSpeak: () => ({
+      speak: h.speak,
+      disabled: h.state.speak.disabled,
+    }),
+    useActionBarStopSpeaking: () => ({
+      stopSpeaking: h.stopSpeaking,
+      disabled: h.state.stopSpeaking.disabled,
+    }),
+  };
+});
+
+(globalThis as Record<string, unknown>).IS_REACT_ACT_ENVIRONMENT = true;
+
+const click = (el: Element) =>
+  el.dispatchEvent(
+    new MouseEvent("click", { bubbles: true, cancelable: true }),
+  );
+
+type DisabledChildren = (state: { disabled: boolean }) => ReactNode;
+
+type ActionBarTestCase = {
+  name: string;
+  disabledState?: { disabled: boolean };
+  render: (
+    children: ReactNode | DisabledChildren,
+    disabled?: boolean,
+  ) => ReactNode;
+};
+
+const actionBars: ActionBarTestCase[] = [
+  {
+    name: "ActionBarCopy",
+    disabledState: h.state.copy,
+    render: (children, disabled) => (
+      <ActionBarCopy
+        testID="t"
+        {...(disabled === undefined ? {} : { disabled })}
+      >
+        {children}
+      </ActionBarCopy>
+    ),
+  },
+  {
+    name: "ActionBarEdit",
+    disabledState: h.state.edit,
+    render: (children, disabled) => (
+      <ActionBarEdit
+        testID="t"
+        {...(disabled === undefined ? {} : { disabled })}
+      >
+        {children}
+      </ActionBarEdit>
+    ),
+  },
+  {
+    name: "ActionBarFeedbackNegative",
+    render: (children, disabled) => (
+      <ActionBarFeedbackNegative
+        testID="t"
+        {...(disabled === undefined ? {} : { disabled })}
+      >
+        {children}
+      </ActionBarFeedbackNegative>
+    ),
+  },
+  {
+    name: "ActionBarFeedbackPositive",
+    render: (children, disabled) => (
+      <ActionBarFeedbackPositive
+        testID="t"
+        {...(disabled === undefined ? {} : { disabled })}
+      >
+        {children}
+      </ActionBarFeedbackPositive>
+    ),
+  },
+  {
+    name: "ActionBarReload",
+    disabledState: h.state.reload,
+    render: (children, disabled) => (
+      <ActionBarReload
+        testID="t"
+        {...(disabled === undefined ? {} : { disabled })}
+      >
+        {children}
+      </ActionBarReload>
+    ),
+  },
+  {
+    name: "ActionBarSpeak",
+    disabledState: h.state.speak,
+    render: (children, disabled) => (
+      <ActionBarSpeak
+        testID="t"
+        {...(disabled === undefined ? {} : { disabled })}
+      >
+        {children}
+      </ActionBarSpeak>
+    ),
+  },
+  {
+    name: "ActionBarStopSpeaking",
+    disabledState: h.state.stopSpeaking,
+    render: (children, disabled) => (
+      <ActionBarStopSpeaking
+        testID="t"
+        {...(disabled === undefined ? {} : { disabled })}
+      >
+        {children}
+      </ActionBarStopSpeaking>
+    ),
+  },
+];
+
+describe("ActionBar", () => {
+  let container: HTMLDivElement;
+  let root: Root;
+
+  beforeEach(() => {
+    h.copy.mockReset();
+    h.edit.mockReset();
+    h.feedbackNegative.mockReset();
+    h.feedbackPositive.mockReset();
+    h.reload.mockReset();
+    h.speak.mockReset();
+    h.stopSpeaking.mockReset();
+    h.state.copy.disabled = false;
+    h.state.copy.isCopied = false;
+    h.state.edit.disabled = false;
+    h.state.feedbackNegative.isSubmitted = false;
+    h.state.feedbackPositive.isSubmitted = false;
+    h.state.reload.disabled = false;
+    h.state.speak.disabled = false;
+    h.state.stopSpeaking.disabled = false;
+
+    container = document.createElement("div");
+    document.body.appendChild(container);
+    root = createRoot(container);
+  });
+
+  afterEach(async () => {
+    await act(async () => {
+      root.unmount();
+    });
+    container.remove();
+  });
+
+  const mount = async (node: ReactNode) => {
+    await act(async () => {
+      root.render(node);
+    });
+    return container.querySelector('[data-testid="t"]') as HTMLElement;
+  };
+
+  for (const actionBar of actionBars) {
+    describe(actionBar.name, () => {
+      it("passes the effective disabled state to render children", async () => {
+        if (actionBar.disabledState) {
+          actionBar.disabledState.disabled = true;
+        }
+
+        let initialState: { disabled: boolean } | null = null;
+        const initialEl = await mount(
+          actionBar.render((state) => {
+            initialState = state;
+            return state.disabled ? "disabled" : "enabled";
+          }),
+        );
+
+        expect(initialEl.textContent).toBe(
+          actionBar.disabledState ? "disabled" : "enabled",
+        );
+        expect(initialState).toMatchObject({
+          disabled: actionBar.disabledState ? true : false,
+        });
+
+        let propState: { disabled: boolean } | null = null;
+        const propEl = await mount(
+          actionBar.render((state) => {
+            propState = state;
+            return state.disabled ? "disabled" : "enabled";
+          }, !actionBar.disabledState),
+        );
+
+        expect(propEl.textContent).toBe(
+          actionBar.disabledState ? "enabled" : "disabled",
+        );
+        expect(propState).toMatchObject({
+          disabled: !actionBar.disabledState,
+        });
+      });
+
+      it("renders plain children", async () => {
+        const el = await mount(actionBar.render("label"));
+
+        expect(el.textContent).toBe("label");
+      });
+    });
+  }
+
+  it("calls speak on press", async () => {
+    const el = await mount(<ActionBarSpeak testID="t">speak</ActionBarSpeak>);
+
+    await act(async () => {
+      click(el);
+    });
+
+    expect(h.speak).toHaveBeenCalledTimes(1);
+  });
+
+  it("does not call speak while the hook disables it", async () => {
+    h.state.speak.disabled = true;
+    const el = await mount(<ActionBarSpeak testID="t">speak</ActionBarSpeak>);
+
+    await act(async () => {
+      click(el);
+    });
+
+    expect(h.speak).not.toHaveBeenCalled();
+  });
+
+  it("calls stopSpeaking on press", async () => {
+    const el = await mount(
+      <ActionBarStopSpeaking testID="t">stop</ActionBarStopSpeaking>,
+    );
+
+    await act(async () => {
+      click(el);
+    });
+
+    expect(h.stopSpeaking).toHaveBeenCalledTimes(1);
+  });
+
+  it("does not call stopSpeaking while the hook disables it", async () => {
+    h.state.stopSpeaking.disabled = true;
+    const el = await mount(
+      <ActionBarStopSpeaking testID="t">stop</ActionBarStopSpeaking>,
+    );
+
+    await act(async () => {
+      click(el);
+    });
+
+    expect(h.stopSpeaking).not.toHaveBeenCalled();
+  });
+});

package/src/primitives/actionBar/ActionBarCopy.tsx

@@ -7,7 +7,9 @@ import {
 
 export type ActionBarCopyProps = Omit<PressableProps, "onPress" | "children"> &
   UseActionBarCopyOptions & {
-    children: ReactNode | ((props: { isCopied: boolean }) => ReactNode);
+    children:
+      | ReactNode
+      | ((props: { isCopied: boolean; disabled: boolean }) => ReactNode);
   };
 
 export const ActionBarCopy = ({
@@ -21,15 +23,18 @@ export const ActionBarCopy = ({
     copiedDuration,
     copyToClipboard,
   });
+  const isDisabled = disabledProp ?? disabled;
 
   return (
     <Pressable
       onPress={copy}
-      disabled={disabledProp ?? disabled}
+      disabled={isDisabled}
       accessibilityRole="button"
       {...pressableProps}
     >
-      {typeof children === "function" ? children({ isCopied }) : children}
+      {typeof children === "function"
+        ? children({ isCopied, disabled: isDisabled })
+        : children}
     </Pressable>
   );
 };

package/src/primitives/actionBar/ActionBarEdit.tsx

@@ -1,11 +1,20 @@
-import { Pressable, type PressableProps } from "react-native";
+import type { ReactNode } from "react";
+import {
+  Pressable,
+  type PressableProps,
+  type PressableStateCallbackType,
+} from "react-native";
 import { useActionBarEdit } from "@assistant-ui/core/react";
 
 export type ActionBarEditProps = Omit<
   PressableProps,
   "onPress" | "children"
 > & {
-  children: PressableProps["children"];
+  children:
+    | ReactNode
+    | ((
+        state: PressableStateCallbackType & { disabled: boolean },
+      ) => ReactNode);
 };
 
 export const ActionBarEdit = ({
@@ -14,15 +23,18 @@ export const ActionBarEdit = ({
   ...pressableProps
 }: ActionBarEditProps) => {
   const { edit, disabled } = useActionBarEdit();
+  const isDisabled = disabledProp ?? disabled;
 
   return (
     <Pressable
       onPress={edit}
-      disabled={disabledProp ?? disabled}
+      disabled={isDisabled}
       accessibilityRole="button"
       {...pressableProps}
     >
-      {children}
+      {typeof children === "function"
+        ? (state) => children({ ...state, disabled: isDisabled })
+        : children}
     </Pressable>
   );
 };

package/src/primitives/actionBar/ActionBarFeedbackNegative.tsx

@@ -6,18 +6,29 @@ export type ActionBarFeedbackNegativeProps = Omit<
   PressableProps,
   "onPress" | "children"
 > & {
-  children: ReactNode | ((props: { isSubmitted: boolean }) => ReactNode);
+  children:
+    | ReactNode
+    | ((props: { isSubmitted: boolean; disabled: boolean }) => ReactNode);
 };
 
 export const ActionBarFeedbackNegative = ({
   children,
+  disabled: disabledProp,
   ...pressableProps
 }: ActionBarFeedbackNegativeProps) => {
   const { submit, isSubmitted } = useActionBarFeedbackNegative();
+  const disabled = disabledProp ?? false;
 
   return (
-    <Pressable onPress={submit} accessibilityRole="button" {...pressableProps}>
-      {typeof children === "function" ? children({ isSubmitted }) : children}
+    <Pressable
+      onPress={submit}
+      disabled={disabledProp}
+      accessibilityRole="button"
+      {...pressableProps}
+    >
+      {typeof children === "function"
+        ? children({ isSubmitted, disabled })
+        : children}
     </Pressable>
   );
 };

package/src/primitives/actionBar/ActionBarFeedbackPositive.tsx

@@ -6,18 +6,29 @@ export type ActionBarFeedbackPositiveProps = Omit<
   PressableProps,
   "onPress" | "children"
 > & {
-  children: ReactNode | ((props: { isSubmitted: boolean }) => ReactNode);
+  children:
+    | ReactNode
+    | ((props: { isSubmitted: boolean; disabled: boolean }) => ReactNode);
 };
 
 export const ActionBarFeedbackPositive = ({
   children,
+  disabled: disabledProp,
   ...pressableProps
 }: ActionBarFeedbackPositiveProps) => {
   const { submit, isSubmitted } = useActionBarFeedbackPositive();
+  const disabled = disabledProp ?? false;
 
   return (
-    <Pressable onPress={submit} accessibilityRole="button" {...pressableProps}>
-      {typeof children === "function" ? children({ isSubmitted }) : children}
+    <Pressable
+      onPress={submit}
+      disabled={disabledProp}
+      accessibilityRole="button"
+      {...pressableProps}
+    >
+      {typeof children === "function"
+        ? children({ isSubmitted, disabled })
+        : children}
     </Pressable>
   );
 };

package/src/primitives/actionBar/ActionBarReload.tsx

@@ -1,11 +1,20 @@
-import { Pressable, type PressableProps } from "react-native";
+import type { ReactNode } from "react";
+import {
+  Pressable,
+  type PressableProps,
+  type PressableStateCallbackType,
+} from "react-native";
 import { useActionBarReload } from "@assistant-ui/core/react";
 
 export type ActionBarReloadProps = Omit<
   PressableProps,
   "onPress" | "children"
 > & {
-  children: PressableProps["children"];
+  children:
+    | ReactNode
+    | ((
+        state: PressableStateCallbackType & { disabled: boolean },
+      ) => ReactNode);
 };
 
 export const ActionBarReload = ({
@@ -14,15 +23,18 @@ export const ActionBarReload = ({
   ...pressableProps
 }: ActionBarReloadProps) => {
   const { reload, disabled } = useActionBarReload();
+  const isDisabled = disabledProp ?? disabled;
 
   return (
     <Pressable
       onPress={reload}
-      disabled={disabledProp ?? disabled}
+      disabled={isDisabled}
       accessibilityRole="button"
       {...pressableProps}
     >
-      {children}
+      {typeof children === "function"
+        ? (state) => children({ ...state, disabled: isDisabled })
+        : children}
     </Pressable>
   );
 };