@bigbinary/neetoui-rn 2.3.4 → 3.0.0

package/README.md

@@ -0,0 +1,118 @@
+**neetoUI-RN** is the library that drives the experience in all
+[neeto product's](https://neeto.com/) React Native application built at
+[BigBinary](https://www.bigbinary.com).
+
+## Documentation
+
+Storybook is the documentation: https://neetoui-rn.onrender.com/
+
+Every component has a story next to its source, and the `Docs` section covers
+getting started and the theme tokens.
+
+## Installation
+
+```
+yarn add @bigbinary/neetoui-rn @gorhom/bottom-sheet @shopify/flash-list react-native-edge-to-edge react-native-gesture-handler react-native-nitro-modules react-native-reanimated react-native-safe-area-context react-native-svg react-native-toast-message react-native-unistyles
+```
+
+Navigate to iOS folder and run:
+
+```
+pod install
+```
+
+> All the native components will be linked automatically.
+
+### Jest
+
+The package ships untranspiled TypeScript, so consuming apps have to let Jest
+transform it instead of skipping it as a dependency:
+
+```js
+// jest.config.js
+transformIgnorePatterns: [
+  "node_modules/(?!(@react-native|react-native|@bigbinary)/)",
+],
+```
+
+Without this, tests fail on the first `import` with a syntax error.
+
+## Getting Started
+
+## react-native-safe-area-context
+
+We are using SafeAreaView from
+[`react-native-safe-area-context`](https://github.com/th3rdwave/react-native-safe-area-context)
+in our `ParentView` component to handle safe area. Follow the instructions under
+`SafeAreaProvider` for the `ParentView` component to work.
+
+### SafeAreaProvider
+
+You should add `SafeAreaProvider` in your app root component. You may need to
+add it in other places like the root of modals and routes when using
+[`react-native-screens`](https://github.com/software-mansion/react-native-screens).
+
+Note that providers should not be inside a `View` that is animated with
+`Animated` or inside a `ScrollView` since it can cause very frequent updates.
+
+#### Example
+
+```js
+import { SafeAreaProvider } from "react-native-safe-area-context";
+
+function App() {
+  return <SafeAreaProvider>...</SafeAreaProvider>;
+}
+```
+
+## Development
+
+Install all the dependencies by executing following command.
+
+```
+yarn
+```
+
+New components go in `src/components/<Name>/`, are exported from `src/index.ts`,
+and carry a colocated `<Name>.stories.tsx` plus `__tests__/`.
+
+| Task              | Command                |
+| ----------------- | ---------------------- |
+| Storybook (web)   | `yarn storybook`       |
+| Build Storybook   | `yarn build-storybook` |
+| Tests             | `yarn test`            |
+| Types             | `yarn typecheck`       |
+| Lint              | `yarn lint`            |
+| On-device harness | see `example/`         |
+
+`yarn build-storybook` writes static files to `storybook-static/`.
+
+## Auto Publish to NPM
+
+neetoUI-RN version gets patched, auto-incremented and auto-published to npm on
+new commit to main branch. You can checkout the `publish` workflow in Github
+actions to get a live update.
+
+## Testing with yalc package manager
+
+To publish locally
+
+```
+yarn build && rm -rf ~/.yalc/packages && yalc publish --private
+```
+
+or
+
+```
+yarn yalc:publish
+```
+
+To install local yalc version of library in any app.
+
+```
+rm -rf .yalc && yalc add @bigbinary/neetoui-rn  && rm -rf node_modules  && yarn
+```
+
+## Learn more about contributing to this repository
+
+https://github.com/bigbinary/neeto-ui-rn/blob/main/CONTRIBUTING.md

package/lib/typescript/src/components/Alert/Alert.d.ts

@@ -0,0 +1,32 @@
+import { type ButtonProps } from "../Button";
+export type AlertButton = {
+    label: string;
+    variant?: ButtonProps["variant"];
+    onPress?: () => void;
+};
+export type AlertParams = {
+    title: string;
+    description?: string;
+    /** When true (default), backdrop tap / swipe-down dismiss the sheet. */
+    isCancelable?: boolean;
+    /**
+     * First button is the full-width primary action; the rest render as
+     * muted rows below it (neeto-invoice-rn ConfirmSheet layout).
+     * Defaults to a single OK.
+     */
+    buttons?: AlertButton[];
+    /** Called once the sheet has closed, whichever path closed it. */
+    onDismiss?: () => void;
+};
+/**
+ * Imperative confirm sheet (locked decision 2026-07-28: no centered
+ * Modal dialogs in v3 — the fleet's confirm UX is the bottom sheet that
+ * commons/invoice ship, so Alert.show presents one). The v2 Alert.show
+ * signature is unchanged. NeetoUIProvider mounts the host automatically;
+ * the bare export remains for incremental adoption.
+ */
+export declare const Alert: {
+    (): import("react").JSX.Element;
+    show(params: AlertParams): void;
+};
+//# sourceMappingURL=Alert.d.ts.map

package/lib/typescript/src/components/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAGrD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAQF;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;;iBAqHI,WAAW;CAHhC,CAAC"}

package/lib/typescript/src/components/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { Alert, type AlertButton, type AlertParams } from "./Alert";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/src/components/Avatar/Avatar.d.ts

@@ -0,0 +1,21 @@
+import { type ViewProps } from "react-native";
+export declare const getAvatarColor: (name?: string) => {
+    bgColor: string;
+    fontColor: string;
+};
+declare const SIZES: {
+    readonly "extra-small": readonly [number, number];
+    readonly small: readonly [number, number];
+    readonly medium: readonly [number, number];
+};
+export type AvatarProps = ViewProps & {
+    name?: string;
+    variant?: keyof typeof SIZES;
+    /** Explicit color override. Default: the name-hash palette. */
+    bgColor?: string;
+    fontColor?: string;
+    imageUrl?: string;
+};
+export declare const Avatar: ({ name, variant, bgColor, fontColor, imageUrl, style, ...rest }: AvatarProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Avatar.d.ts.map

package/lib/typescript/src/components/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAqB3D,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM;;;CAQ3C,CAAC;AAEF,QAAA,MAAM,KAAK;;;;CAID,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC7B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,iEAQpB,WAAW,gCAqDb,CAAC"}

package/lib/typescript/src/components/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { Avatar, getAvatarColor, type AvatarProps } from "./Avatar";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/lib/typescript/src/components/BottomSheet/BottomSheet.d.ts

@@ -0,0 +1,61 @@
+import { type ComponentType, type ReactNode, type Ref } from "react";
+import { type FlatList, type StyleProp, type TextStyle, type ViewStyle } from "react-native";
+import { type BottomSheetModalProps } from "@gorhom/bottom-sheet";
+import { type SearchBarProps } from "../SearchBar";
+/**
+ * Contract every v2 ContentRow already satisfies — unchanged, so the 42
+ * existing call sites keep their row components as-is.
+ */
+export type BottomSheetContentRowProps<T> = {
+    item: T;
+    index: number;
+    isSelected: boolean;
+    onPress: () => void;
+};
+export type BottomSheetProps<T> = {
+    isVisible: boolean;
+    /** Called whenever the sheet should close (backdrop, swipe, item press). */
+    hide: () => void;
+    data?: T[];
+    onItemPress?: (args: {
+        index: number;
+        item: T;
+    }) => void;
+    selectedItem?: T | null;
+    title?: string;
+    /**
+     * "checkbox" keeps the sheet open on item press and shows a Done button
+     * in the header (v2 behavior).
+     */
+    contentType?: "checkbox" | null;
+    onDonePress?: () => void;
+    ContentRow?: ComponentType<BottomSheetContentRowProps<T>>;
+    /** Rendered below the list, above the no-results / create-option rows. */
+    children?: ReactNode;
+    canSearch?: boolean;
+    searchBarProps?: SearchBarProps;
+    labelExtractor?: (item: T, index?: number) => string | undefined;
+    valueExtractor?: (item: T) => unknown;
+    shouldShowItemSeparator?: boolean;
+    shouldHideKeyboardOnScrollBegin?: boolean;
+    disabled?: boolean;
+    showCreateOption?: boolean;
+    showCreateOptionLoader?: boolean;
+    createOptionLabel?: string;
+    onPressCreateOption?: (searchText: string) => void;
+    CreateItemComponent?: ComponentType<{
+        searchText: string;
+    }>;
+    noResultsLabel?: string;
+    NoResultsComponent?: ComponentType;
+    onBackdropPress?: () => void;
+    maxHeight?: number;
+    style?: StyleProp<ViewStyle>;
+    titleContainerStyle?: StyleProp<ViewStyle>;
+    titleTextStyle?: StyleProp<TextStyle>;
+    flatListRef?: Ref<FlatList<T>>;
+    /** Escape hatch into @gorhom/bottom-sheet (replaces v2's modalParams). */
+    sheetProps?: Partial<BottomSheetModalProps>;
+};
+export declare const BottomSheet: <T>({ isVisible, hide, data, onItemPress, selectedItem, title, contentType, onDonePress, ContentRow, children, canSearch, searchBarProps, labelExtractor, valueExtractor, shouldShowItemSeparator, shouldHideKeyboardOnScrollBegin, disabled, showCreateOption, showCreateOptionLoader, createOptionLabel, onPressCreateOption, CreateItemComponent, noResultsLabel, NoResultsComponent, onBackdropPress, maxHeight, style, titleContainerStyle, titleTextStyle, flatListRef, sheetProps, }: BottomSheetProps<T>) => import("react").JSX.Element;
+//# sourceMappingURL=BottomSheet.d.ts.map

package/lib/typescript/src/components/BottomSheet/BottomSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAIL,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAKL,KAAK,qBAAqB,EAC3B,MAAM,sBAAsB,CAAC;AAO9B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9D;;;GAGG;AACH,MAAM,MAAM,0BAA0B,CAAC,CAAC,IAAI;IAC1C,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;IACX,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACjE,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACtC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,mBAAmB,CAAC,EAAE,aAAa,CAAC;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;CAC7C,CAAC;AAgCF,eAAO,MAAM,WAAW,GAAI,CAAC,EAAG,ydAgC7B,gBAAgB,CAAC,CAAC,CAAC,gCA6QrB,CAAC"}

package/lib/typescript/src/components/BottomSheet/index.d.ts

@@ -0,0 +1,2 @@
+export { BottomSheet, type BottomSheetProps, type BottomSheetContentRowProps, } from "./BottomSheet";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/BottomSheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,0BAA0B,GAChC,MAAM,eAAe,CAAC"}

package/lib/typescript/src/components/BottomSheetMenu/BottomSheetMenu.d.ts

@@ -0,0 +1,28 @@
+import { type ComponentType, type ReactNode } from "react";
+export type BottomSheetMenuItem = {
+    key: string;
+    label: string;
+    icon?: ComponentType<{
+        size?: number;
+        color?: string;
+    }>;
+    /** Raw color override for icon + label (e.g. destructive red). */
+    color?: string;
+    disabled?: boolean;
+    onPress?: () => void;
+};
+export type BottomSheetMenuProps = {
+    isVisible: boolean;
+    onClose: () => void;
+    items: BottomSheetMenuItem[];
+    onItemPress?: (item: BottomSheetMenuItem) => void;
+    header?: ReactNode;
+    title?: string;
+    cancelLabel?: string;
+};
+/**
+ * Action-menu sheet (promoted from neeto-commons-rn, 10 call sites).
+ * Same props; rows render as the sheet's footer content.
+ */
+export declare const BottomSheetMenu: ({ isVisible, onClose, items, onItemPress, header, title, cancelLabel, }: BottomSheetMenuProps) => import("react").JSX.Element;
+//# sourceMappingURL=BottomSheetMenu.d.ts.map

package/lib/typescript/src/components/BottomSheetMenu/BottomSheetMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheetMenu/BottomSheetMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ3D,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxD,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,yEAQ7B,oBAAoB,gCA6DtB,CAAC"}

package/lib/typescript/src/components/BottomSheetMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { BottomSheetMenu, type BottomSheetMenuItem, type BottomSheetMenuProps, } from "./BottomSheetMenu";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/BottomSheetMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheetMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC1B,MAAM,mBAAmB,CAAC"}

package/lib/typescript/src/components/Button/Button.d.ts

@@ -0,0 +1,79 @@
+import { type PressableProps, type StyleProp, type TextStyle, type ViewStyle } from "react-native";
+import { type UnistylesVariants } from "react-native-unistyles";
+type ButtonVariants = UnistylesVariants<typeof styles>;
+export type ButtonProps = Omit<PressableProps, "children" | "disabled" | "style"> & ButtonVariants & {
+    label: string;
+    isLoading?: boolean;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+};
+export declare const Button: ({ label, variant, size, isLoading, disabled, style, labelStyle, ...rest }: ButtonProps) => import("react").JSX.Element;
+declare const styles: {
+    container: {
+        backgroundColor: string;
+        borderColor: string;
+    } & {
+        backgroundColor: string;
+    } & {
+        backgroundColor: string;
+        borderColor: string;
+    } & {
+        backgroundColor: string;
+    } & {
+        backgroundColor: string;
+        borderColor: string;
+    } & {
+        minHeight: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+    } & {
+        minHeight: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+    } & {
+        minHeight: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+    } & {
+        opacity: number;
+    } & {} & {
+        borderColor: string;
+        borderRadius: number;
+        alignItems: "center";
+        borderWidth: number;
+        flexDirection: "row";
+        justifyContent: "center";
+    };
+    label: {
+        color: string;
+    } & {
+        color: string;
+    } & {
+        color: string;
+    } & {
+        color: string;
+    } & {
+        color: string;
+    } & {
+        fontSize: number;
+    } & {
+        fontSize: number;
+    } & {
+        fontSize: number;
+    } & {
+        fontFamily: string;
+    };
+} & {
+    useVariants: (variants: {
+        variant?: "solid" | "text" | "inverse" | "secondary" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        disabled?: boolean | "true" | "false" | undefined;
+    } | {
+        variant?: "solid" | "text" | "inverse" | "secondary" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        disabled?: boolean | "true" | "false" | undefined;
+    }) => void;
+};
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/lib/typescript/src/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAI5E,KAAK,cAAc,GAAG,iBAAiB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,cAAc,EACd,UAAU,GAAG,UAAU,GAAG,OAAO,CAClC,GACC,cAAc,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC,CAAC;AAEJ,eAAO,MAAM,MAAM,GAAI,2EASpB,WAAW,gCAoBb,CAAC;AAEF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ET,CAAC"}

package/lib/typescript/src/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button, type ButtonProps } from "./Button";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/lib/typescript/src/components/ChatInput/AttachmentsView.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from "react";
+type AttachmentsViewProps = {
+    isAttachmentsVisible: boolean;
+    onExpand: () => void;
+    Attachments?: ReactNode;
+    attachmentsCount?: number;
+    isNoteOptionSelected: boolean;
+};
+export declare const AttachmentsView: ({ isAttachmentsVisible, onExpand, Attachments, attachmentsCount, isNoteOptionSelected, }: AttachmentsViewProps) => import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=AttachmentsView.d.ts.map

package/lib/typescript/src/components/ChatInput/AttachmentsView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentsView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatInput/AttachmentsView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,KAAK,oBAAoB,GAAG;IAC1B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,0FAM7B,oBAAoB,uCAgBtB,CAAC"}

package/lib/typescript/src/components/ChatInput/ChatInput.d.ts

@@ -0,0 +1,78 @@
+import { type ReactNode } from "react";
+import { type TextInputProps } from "react-native";
+import { type ChatInputOption } from "./constants";
+import { type MentionSuggestion } from "./mentions";
+export type ChatInputPayload = {
+    toEmails: string[];
+    ccEmails: string[];
+    bccEmails: string[];
+    html: string;
+    plainText: string;
+    status?: string;
+};
+export type ChatInputRef = {
+    clearEmailFields: () => void;
+};
+export type ChatInputProps = Omit<TextInputProps, "value" | "onChange" | "onChangeText" | "onSelectionChange"> & {
+    value?: string;
+    onChangeText?: (value: string) => void;
+    initialSelectedOption?: ChatInputOption;
+    onOptionChange?: (option: ChatInputOption) => void;
+    onReply?: (payload: ChatInputPayload) => void;
+    onAddNote?: (payload: ChatInputPayload) => void;
+    /** Forward icon renders only when this is passed (v2 behavior). */
+    onForward?: (payload: ChatInputPayload) => void;
+    onAttachment?: () => void;
+    /** Canned-responses icon renders only when this is passed. */
+    onCannedResponse?: () => void;
+    /** Articles icon renders only when this is passed. */
+    onArticles?: () => void;
+    showArticlesFor?: ChatInputOption[];
+    showCannedResponsesFor?: ChatInputOption[];
+    showSuggestionsFor?: ChatInputOption[];
+    /** Extra "Send and set as closed" menu on the reply action (desk). */
+    showReplyMenuOptions?: boolean;
+    toEmails?: string[];
+    attachmentsCount?: number;
+    Attachments?: ReactNode;
+    suggestions?: MentionSuggestion[];
+    disabled?: boolean;
+    isLoading?: boolean;
+};
+/**
+ * Composer used by chat and desk. Ported against the two real call sites
+ * rather than the whole v2 surface: v2's EmailFields UI was gated behind
+ * shouldShowEmailFields, which no app passes — the email-entry UI is dead
+ * in production and is not ported. toEmails still flows into every action
+ * payload and clearEmailFields still resets it (desk's ref contract).
+ *
+ * v2's Popover reply menu (react-native-popover-view, dropped dep) is now
+ * a BottomSheet.
+ */
+export declare const ChatInput: import("react").ForwardRefExoticComponent<Omit<TextInputProps, "onChange" | "value" | "onChangeText" | "onSelectionChange"> & {
+    value?: string;
+    onChangeText?: (value: string) => void;
+    initialSelectedOption?: ChatInputOption;
+    onOptionChange?: (option: ChatInputOption) => void;
+    onReply?: (payload: ChatInputPayload) => void;
+    onAddNote?: (payload: ChatInputPayload) => void;
+    /** Forward icon renders only when this is passed (v2 behavior). */
+    onForward?: (payload: ChatInputPayload) => void;
+    onAttachment?: () => void;
+    /** Canned-responses icon renders only when this is passed. */
+    onCannedResponse?: () => void;
+    /** Articles icon renders only when this is passed. */
+    onArticles?: () => void;
+    showArticlesFor?: ChatInputOption[];
+    showCannedResponsesFor?: ChatInputOption[];
+    showSuggestionsFor?: ChatInputOption[];
+    /** Extra "Send and set as closed" menu on the reply action (desk). */
+    showReplyMenuOptions?: boolean;
+    toEmails?: string[];
+    attachmentsCount?: number;
+    Attachments?: ReactNode;
+    suggestions?: MentionSuggestion[];
+    disabled?: boolean;
+    isLoading?: boolean;
+} & import("react").RefAttributes<ChatInputRef>>;
+//# sourceMappingURL=ChatInput.d.ts.map

package/lib/typescript/src/components/ChatInput/ChatInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatInput/ChatInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAuBzE,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,aAAa,CAAC;AACrB,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,YAAY,CAAC;AAEpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,cAAc,EACd,OAAO,GAAG,UAAU,GAAG,cAAc,GAAG,mBAAmB,CAC5D,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qBAAqB,CAAC,EAAE,eAAe,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,mEAAmE;IACnE,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,sBAAsB,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3C,kBAAkB,CAAC,EAAE,eAAe,EAAE,CAAC;IACvC,sEAAsE;IACtE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS;YApCZ,MAAM;mBACC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;4BACd,eAAe;qBACtB,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI;cACxC,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI;gBACjC,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI;IAC/C,mEAAmE;gBACvD,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI;mBAChC,MAAM,IAAI;IACzB,8DAA8D;uBAC3C,MAAM,IAAI;IAC7B,sDAAsD;iBACzC,MAAM,IAAI;sBACL,eAAe,EAAE;6BACV,eAAe,EAAE;yBACrB,eAAe,EAAE;IACtC,sEAAsE;2BAC/C,OAAO;eACnB,MAAM,EAAE;uBACA,MAAM;kBACX,SAAS;kBACT,iBAAiB,EAAE;eACtB,OAAO;gBACN,OAAO;gDAsQpB,CAAC"}

package/lib/typescript/src/components/ChatInput/IconButton.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentType } from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+type IconButtonProps = {
+    Icon: ComponentType<{
+        size?: number;
+        color?: string;
+    }>;
+    onPress: () => void;
+    isActive?: boolean;
+    disabled?: boolean;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+};
+export declare const IconButton: ({ Icon, onPress, isActive, disabled, accessibilityLabel, style, }: IconButtonProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=IconButton.d.ts.map

package/lib/typescript/src/components/ChatInput/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatInput/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAM9D,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,mEAOxB,eAAe,gCAiBjB,CAAC"}

package/lib/typescript/src/components/ChatInput/MentionsInput.d.ts

@@ -0,0 +1,13 @@
+import { type Ref } from "react";
+import { TextInput, type TextInputProps } from "react-native";
+import { type MentionSuggestion } from "./mentions";
+type MentionsInputProps = Omit<TextInputProps, "value" | "onChange" | "onChangeText" | "onSelectionChange"> & {
+    value: string;
+    onChange: (value: string) => void;
+    suggestions?: MentionSuggestion[];
+    shouldShowSuggestions?: boolean;
+    inputRef?: Ref<TextInput>;
+};
+export declare const MentionsInput: ({ value, onChange, suggestions, shouldShowSuggestions, inputRef, style, ...rest }: MentionsInputProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MentionsInput.d.ts.map

package/lib/typescript/src/components/ChatInput/MentionsInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionsInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatInput/MentionsInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAc,SAAS,EAAQ,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAQhF,OAAO,EAA6B,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAI/E,KAAK,kBAAkB,GAAG,IAAI,CAC5B,cAAc,EACd,OAAO,GAAG,UAAU,GAAG,cAAc,GAAG,mBAAmB,CAC5D,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,mFAQ3B,kBAAkB,gCAkEpB,CAAC"}

package/lib/typescript/src/components/ChatInput/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const OPTION_TYPES: {
+    readonly REPLY: "REPLY";
+    readonly NOTE: "NOTE";
+    readonly FORWARD: "FORWARD";
+};
+export type ChatInputOption = keyof typeof OPTION_TYPES;
+export declare const PLACEHOLDERS: Record<ChatInputOption, string>;
+export declare const ACTION_LABELS: Partial<Record<ChatInputOption, string>>;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/src/components/ChatInput/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAIxD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAGlE,CAAC"}

package/lib/typescript/src/components/ChatInput/index.d.ts

@@ -0,0 +1,4 @@
+export { ChatInput, type ChatInputPayload, type ChatInputProps, type ChatInputRef, } from "./ChatInput";
+export { OPTION_TYPES, type ChatInputOption } from "./constants";
+export { convertMentionsToHTMLAndPlainText, type MentionSuggestion, } from "./mentions";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ChatInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,YAAY,GAClB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EACL,iCAAiC,EACjC,KAAK,iBAAiB,GACvB,MAAM,YAAY,CAAC"}

package/lib/typescript/src/components/ChatInput/mentions.d.ts

@@ -0,0 +1,26 @@
+import { type TriggersConfig } from "react-native-controlled-mentions";
+export type MentionSuggestion = {
+    id: string;
+    name: string;
+    imageUrl?: string;
+};
+export declare const buildMentionTriggerConfig: (textStyle: {
+    fontFamily: string;
+    color: string;
+}) => TriggersConfig<"mention">;
+/**
+ * Port of v2's converter, minus the node-html-parser dependency — the
+ * output span shape is fixed, so plain string assembly produces the same
+ * HTML the web editors consume.
+ *
+ * Divergence from v2: a mention whose id is missing from `suggestions`
+ * is left as-is instead of crashing on `suggestion.name`.
+ */
+export declare const convertMentionsToHTMLAndPlainText: ({ suggestions, value, }: {
+    suggestions?: MentionSuggestion[];
+    value: string;
+}) => {
+    html: string;
+    plainText: string;
+};
+//# sourceMappingURL=mentions.d.ts.map

package/lib/typescript/src/components/ChatInput/mentions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mentions.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatInput/mentions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAQF,eAAO,MAAM,yBAAyB,GAAI,WAAW;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,KAAG,cAAc,CAAC,SAAS,CAe1B,CAAC;AAoBH;;;;;;;GAOG;AACH,eAAO,MAAM,iCAAiC,GAAI,yBAG/C;IACD,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;;;CAwBA,CAAC"}

package/lib/typescript/src/components/CheckBox/CheckBox.d.ts

@@ -0,0 +1,13 @@
+import { type StyleProp, type TextStyle } from "react-native";
+import { type TouchableProps } from "../Touchable";
+export type CheckBoxProps = Omit<TouchableProps, "onPress"> & {
+    checked?: boolean;
+    onSelect?: () => void;
+    disabled?: boolean;
+    label: string;
+    labelStyle?: StyleProp<TextStyle>;
+    isRequiredLabel?: boolean;
+    iconSize?: number;
+};
+export declare const CheckBox: ({ checked, onSelect, disabled, label, labelStyle, isRequiredLabel, iconSize, style, ...rest }: CheckBoxProps) => import("react").JSX.Element;
+//# sourceMappingURL=CheckBox.d.ts.map

package/lib/typescript/src/components/CheckBox/CheckBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,+FAUtB,aAAa,gCAyBf,CAAC"}

package/lib/typescript/src/components/CheckBox/index.d.ts

@@ -0,0 +1,2 @@
+export { CheckBox, type CheckBoxProps } from "./CheckBox";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/CheckBox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}