@amityco/react-native-social-uikit 4.1.0 → 4.1.1-d7da0c5c.0

package/lib/typescript/core/design/atoms/Selection/Selection.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+export type CheckboxProps = {
+    isSelected?: boolean;
+    onChange?: (selected: boolean) => void;
+    isDisabled?: boolean;
+    children?: ReactNode;
+    accessibilityLabel?: string;
+};
+export type RadioProps = {
+    isSelected?: boolean;
+    onSelect?: () => void;
+    isDisabled?: boolean;
+    children?: ReactNode;
+    accessibilityLabel?: string;
+};
+declare function Checkbox({ isSelected, onChange, isDisabled, children, accessibilityLabel, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+declare function Radio({ isSelected, onSelect, isDisabled, children, accessibilityLabel, }: RadioProps): import("react/jsx-runtime").JSX.Element;
+export declare const Selection: {
+    Checkbox: typeof Checkbox;
+    Radio: typeof Radio;
+};
+export {};
+//# sourceMappingURL=Selection.d.ts.map

package/lib/typescript/core/design/atoms/Selection/Selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selection.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/atoms/Selection/Selection.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,UAAkB,EAClB,QAAQ,EACR,UAAkB,EAClB,QAAQ,EACR,kBAAkB,GACnB,EAAE,aAAa,2CAyBf;AAED,iBAAS,KAAK,CAAC,EACb,UAAkB,EAClB,QAAQ,EACR,UAAkB,EAClB,QAAQ,EACR,kBAAkB,GACnB,EAAE,UAAU,2CAuBZ;AAED,eAAO,MAAM,SAAS;;;CAGrB,CAAC"}

package/lib/typescript/core/design/atoms/Selection/index.d.ts

@@ -0,0 +1,3 @@
+export { Selection } from './Selection';
+export type { CheckboxProps, RadioProps } from './Selection';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/design/atoms/Selection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/atoms/Selection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}

package/lib/typescript/core/design/atoms/Selection/styles.d.ts

@@ -0,0 +1,61 @@
+import { type ColorTokenRef } from '../../theme/useToken';
+export type SelectionVariant = 'checkbox' | 'radio';
+type UseStylesArgs = {
+    variant: SelectionVariant;
+    selected: boolean;
+    disabled: boolean;
+};
+export declare const useStyles: ({ variant, selected, disabled }: UseStylesArgs) => {
+    styles: {
+        control: {
+            width: number;
+            height: number;
+            padding: number;
+            alignItems: "center";
+            justifyContent: "center";
+        };
+        row: {
+            paddingVertical: number;
+            paddingHorizontal: number;
+            minHeight: number;
+            padding?: undefined;
+            width: "100%";
+            flexDirection: "row";
+            alignItems: "center";
+            justifyContent: "space-between";
+            gap: number;
+        } | {
+            padding: number;
+            paddingVertical?: undefined;
+            paddingHorizontal?: undefined;
+            minHeight?: undefined;
+            width: "100%";
+            flexDirection: "row";
+            alignItems: "center";
+            justifyContent: "space-between";
+            gap: number;
+        };
+        circle: {
+            width: number;
+            height: number;
+            flexShrink: number;
+            borderRadius: number;
+            borderWidth: number;
+            borderColor: string;
+            backgroundColor: string;
+            alignItems: "center";
+            justifyContent: "center";
+        };
+        dot: {
+            width: number;
+            height: number;
+            borderRadius: number;
+            backgroundColor: string;
+        };
+    };
+    token: (token: ColorTokenRef) => string;
+    iconRef: ColorTokenRef;
+    checkSize: number;
+};
+export {};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/core/design/atoms/Selection/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/atoms/Selection/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAQpE,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,OAAO,CAAC;AAsDpD,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,iCAAiC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+DvE,CAAC"}

package/lib/typescript/core/design/atoms/Tab/Tab.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+export type TabVariant = 'pill' | 'underlined' | 'icon';
+export type TabProps = {
+    variant?: TabVariant;
+    label?: string;
+    icon?: ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    onPress?: () => void;
+};
+export declare function Tab({ variant, label, icon, active, disabled, onPress, }: TabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tab.d.ts.map

package/lib/typescript/core/design/atoms/Tab/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/atoms/Tab/Tab.tsx"],"names":[],"mappings":"AAKA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,MAAM,CAAC;AAExD,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,GAAG,CAAC,EAClB,OAAgB,EAChB,KAAK,EACL,IAAI,EACJ,MAAc,EACd,QAAgB,EAChB,OAAO,GACR,EAAE,QAAQ,2CAgCV"}

package/lib/typescript/core/design/atoms/Tab/index.d.ts

@@ -0,0 +1,3 @@
+export { Tab } from './Tab';
+export type { TabProps, TabVariant } from './Tab';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/design/atoms/Tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/atoms/Tab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC"}

package/lib/typescript/core/design/atoms/Tab/styles.d.ts

@@ -0,0 +1,53 @@
+import type { TabVariant } from './Tab';
+export declare const useStyles: (variant: TabVariant, active: boolean, disabled: boolean) => {
+    styles: {
+        tab: {
+            flexDirection: "row";
+            alignItems: "center";
+            justifyContent: "center";
+            height: number;
+            paddingVertical: number;
+            paddingHorizontal: number;
+            borderRadius: number;
+            borderWidth: number;
+            borderColor: string;
+            backgroundColor: string;
+            gap?: undefined;
+            paddingTop?: undefined;
+        } | {
+            flexDirection: "column";
+            alignItems: "center";
+            gap: number;
+            height: number;
+            paddingTop: number;
+            backgroundColor: "transparent";
+            justifyContent?: undefined;
+            paddingVertical?: undefined;
+            paddingHorizontal?: undefined;
+            borderRadius?: undefined;
+            borderWidth?: undefined;
+            borderColor?: undefined;
+        };
+        label: {
+            fontSize: number;
+            lineHeight: number;
+            fontWeight: "400" | "600";
+            color: string;
+        };
+        icon: {
+            width: number;
+            height: number;
+        };
+        indicator: {
+            width: number;
+            height: number;
+            backgroundColor: string;
+        } | {
+            width: "100%";
+            height: number;
+            backgroundColor: string;
+        };
+    };
+    iconColor: string;
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/core/design/atoms/Tab/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/atoms/Tab/styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAMxC,eAAO,MAAM,SAAS,GACpB,SAAS,UAAU,EACnB,QAAQ,OAAO,EACf,UAAU,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGlB,CAAC"}

package/lib/typescript/core/design/components/Menu/Menu.d.ts

@@ -0,0 +1,27 @@
+import { type ReactNode } from 'react';
+import { type AmityIconName } from '../../icons';
+import { type TypographyVariant } from '../Typography';
+import { type MenuContainer, type MenuVariant } from './styles';
+type MenuProps = {
+    children: ReactNode;
+    container?: MenuContainer;
+    variant?: MenuVariant;
+};
+export declare function Menu({ children, container, variant, }: MenuProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Menu {
+    var Item: typeof MenuItem;
+}
+type MenuItemProps = {
+    label: string;
+    icon?: AmityIconName;
+    destructive?: boolean;
+    onPress: () => void;
+    typography?: TypographyVariant;
+};
+declare function MenuItem({ label, icon, destructive, onPress, typography, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace MenuItem {
+    var Skeleton: typeof MenuItemSkeleton;
+}
+declare function MenuItemSkeleton(): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Menu.d.ts.map

package/lib/typescript/core/design/components/Menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/Menu/Menu.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAO,EAAa,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAY3E,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAqB,EACrB,OAAkB,GACnB,EAAE,SAAS,2CAQX;yBAZe,IAAI;;;AAcpB,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,IAAI,EACJ,WAAmB,EACnB,OAAO,EACP,UAAuB,GACxB,EAAE,aAAa,2CAkBf;kBAxBQ,QAAQ;;;AA4BjB,iBAAS,gBAAgB,4CAUxB"}

package/lib/typescript/core/design/components/Menu/index.d.ts

@@ -0,0 +1,3 @@
+export { Menu } from './Menu';
+export type { MenuContainer, MenuVariant } from './styles';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/design/components/Menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/lib/typescript/core/design/components/Menu/styles.d.ts

@@ -0,0 +1,51 @@
+export type MenuContainer = 'popover' | 'drawer';
+export type MenuVariant = 'social' | 'chat';
+type UseStylesArgs = {
+    container?: MenuContainer;
+    variant?: MenuVariant;
+    destructive?: boolean;
+};
+export declare const useStyles: ({ container, variant, destructive, }: UseStylesArgs) => {
+    styles: {
+        menu: {
+            paddingVertical: number;
+        };
+        menuItem: {
+            flexDirection: "row";
+            alignItems: "center";
+            justifyContent: "flex-start";
+            gap: number;
+            paddingVertical: number;
+            paddingHorizontal: number;
+            borderRadius: number;
+        };
+        menuItemLabel: {
+            color: string;
+        };
+        menuItemSkeleton: {
+            flexDirection: "row";
+            alignItems: "center";
+            gap: number;
+            paddingVertical: number;
+            paddingHorizontal: number;
+            borderRadius: number;
+        };
+    };
+    token: (token: import("../../theme/useToken").ColorTokenRef) => string;
+    iconSize: number;
+    labelColorToken: {
+        readonly path: "Text/List/Header/Default/Default";
+        readonly defaultLightHex: "#2E2E2E";
+        readonly defaultDarkHex: "#FFFFFF";
+        readonly themeKeyLight: "neutral_grey_shade6_color";
+        readonly themeKeyDark: "white_color";
+    } | {
+        readonly path: "Text/List/Header/Destructive/Default";
+        readonly defaultLightHex: "#E50B1B";
+        readonly defaultDarkHex: "#F75965";
+        readonly themeKeyLight: "destructive_shade4_color";
+        readonly themeKeyDark: "destructive_shade3_color";
+    };
+};
+export {};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/core/design/components/Menu/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/Menu/styles.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AACjD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5C,KAAK,aAAa,GAAG;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAIF,eAAO,MAAM,SAAS,GAAI,sCAIvB,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEf,CAAC"}

package/lib/typescript/core/design/components/MenuOptionButton/MenuOptionButton.d.ts

@@ -0,0 +1,9 @@
+import { type AmityIconName } from '../../icons';
+export type MenuOptionButtonProps = {
+    text: string;
+    icon?: AmityIconName;
+    onPress: () => void;
+    isDanger?: boolean;
+};
+export declare function MenuOptionButton({ text, icon, onPress, isDanger, }: MenuOptionButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuOptionButton.d.ts.map

package/lib/typescript/core/design/components/MenuOptionButton/MenuOptionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuOptionButton.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/MenuOptionButton/MenuOptionButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAI5D,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,QAAgB,GACjB,EAAE,qBAAqB,2CAavB"}

package/lib/typescript/core/design/components/MenuOptionButton/index.d.ts

@@ -0,0 +1,3 @@
+export { MenuOptionButton } from './MenuOptionButton';
+export type { MenuOptionButtonProps } from './MenuOptionButton';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/design/components/MenuOptionButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/MenuOptionButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/typescript/core/design/components/MenuOptionButton/styles.d.ts

@@ -0,0 +1,35 @@
+type UseStylesArgs = {
+    isDanger?: boolean;
+};
+export declare const useStyles: ({ isDanger }: UseStylesArgs) => {
+    styles: {
+        menuOptionButton: {
+            width: "100%";
+            flexDirection: "row";
+            alignItems: "center";
+            gap: number;
+            paddingVertical: number;
+            paddingHorizontal: number;
+        };
+        text: {
+            flex: number;
+            color: string;
+        };
+    };
+    token: (token: import("../../theme/useToken").ColorTokenRef) => string;
+    colorToken: {
+        readonly path: "Text/Base/Alert";
+        readonly defaultLightHex: "#FB3F4D";
+        readonly defaultDarkHex: "#FB3F4D";
+        readonly themeKeyLight: "alert_color";
+        readonly themeKeyDark: "alert_color";
+    } | {
+        readonly path: "Text/List/Header/Default/Default";
+        readonly defaultLightHex: "#2E2E2E";
+        readonly defaultDarkHex: "#FFFFFF";
+        readonly themeKeyLight: "neutral_grey_shade6_color";
+        readonly themeKeyDark: "white_color";
+    };
+};
+export {};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/core/design/components/MenuOptionButton/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/MenuOptionButton/styles.ts"],"names":[],"mappings":"AAIA,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAGF,eAAO,MAAM,SAAS,GAAI,cAAsB,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyB5D,CAAC"}

package/lib/typescript/core/design/components/Popover/Popover.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top left' | 'top right' | 'bottom left' | 'bottom right';
+type TriggerArgs = {
+    isOpen: boolean;
+    isDesktop: boolean;
+    openPopover: () => void;
+    closePopover: () => void;
+};
+type ChildrenArgs = {
+    closePopover: () => void;
+};
+export type PopoverProps = {
+    trigger: (args: TriggerArgs) => React.ReactNode;
+    children: React.ReactNode | ((args: ChildrenArgs) => React.ReactNode);
+    placement?: PopoverPlacement;
+    onOpen?: () => void;
+    onClose?: () => void;
+    /**
+     * When false, the popover renders NO card surface (bg/radius/shadow) — only
+     * positioning — so the caller can supply its own separate floating surfaces.
+     * Defaults to true (the standard single card).
+     */
+    surface?: boolean;
+};
+export declare function Popover({ trigger, children, placement, onOpen, onClose, surface, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Popover.d.ts.map

package/lib/typescript/core/design/components/Popover/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/Popover/Popover.tsx"],"names":[],"mappings":"AASA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAOhD,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,KAAK,YAAY,GAAG;IAAE,YAAY,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACtE,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAaF,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,SAA0B,EAC1B,MAAM,EACN,OAAO,EACP,OAAc,GACf,EAAE,YAAY,2CAiFd"}

package/lib/typescript/core/design/components/Popover/index.d.ts

@@ -0,0 +1,3 @@
+export { Popover } from './Popover';
+export type { PopoverProps, PopoverPlacement } from './Popover';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/design/components/Popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC"}

package/lib/typescript/core/design/components/Popover/styles.d.ts

@@ -0,0 +1,27 @@
+export declare const useStyles: () => {
+    styles: {
+        backdrop: {
+            flex: number;
+        };
+        popover: {
+            position: "absolute";
+            overflow: "hidden";
+            borderRadius: number;
+            minWidth: number;
+            backgroundColor: string;
+            shadowOffset: {
+                width: number;
+                height: number;
+            };
+            shadowOpacity: number;
+            shadowRadius: number;
+            elevation: number;
+        };
+        popoverBare: {
+            position: "absolute";
+            minWidth: number;
+        };
+    };
+    token: (token: import("../../theme/useToken").ColorTokenRef) => string;
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/core/design/components/Popover/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/Popover/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CAiCrB,CAAC"}

package/lib/typescript/core/design/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,10 @@
+import { type DimensionValue, type StyleProp, type ViewStyle } from 'react-native';
+export type SkeletonProps = {
+    width?: DimensionValue;
+    height?: DimensionValue;
+    borderRadius?: number;
+    circle?: boolean;
+    style?: StyleProp<ViewStyle>;
+};
+export declare function Skeleton({ width, height, borderRadius, circle, style, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

package/lib/typescript/core/design/components/Skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAQA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAIF,wBAAgB,QAAQ,CAAC,EACvB,KAAc,EACd,MAAW,EACX,YAAgB,EAChB,MAAc,EACd,KAAK,GACN,EAAE,aAAa,2CAsCf"}

package/lib/typescript/core/design/components/Skeleton/index.d.ts

@@ -0,0 +1,3 @@
+export { Skeleton } from './Skeleton';
+export type { SkeletonProps } from './Skeleton';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/design/components/Skeleton/index.d.ts.map

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

package/lib/typescript/core/design/components/Skeleton/styles.d.ts

@@ -0,0 +1,8 @@
+export declare const useStyles: () => {
+    styles: {
+        skeleton: {
+            backgroundColor: string;
+        };
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/core/design/components/Skeleton/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/Skeleton/styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;CAUrB,CAAC"}

package/lib/typescript/core/design/components/TextEditor/TextEditor.d.ts

@@ -0,0 +1,36 @@
+import { type ReactNode } from 'react';
+import { type MentionSegment } from './utils';
+export type TextEditorHandle = {
+    focus: () => void;
+    blur: () => void;
+    clear: () => void;
+    insertMention: (mention: {
+        userId: string;
+        display: string;
+        type?: 'user' | 'channel';
+    }) => void;
+    getText: () => string;
+    getMentioned: () => MentionSegment[];
+    getMentionees: () => (Amity.UserMention | Amity.ChannelMention)[];
+};
+export type TextEditorProps = {
+    value: string;
+    onChangeText: (text: string) => void;
+    /** Called on submit (return key / send). */
+    onSend?: () => void;
+    placeholder?: string;
+    placeholderTextColor?: string;
+    editable?: boolean;
+    autoFocus?: boolean;
+    maxHeight?: number;
+    /**
+     * Fires whenever the active `@query` at the caret changes. `null` means the
+     * caret is not inside a mention token — the consumer should hide the overlay.
+     */
+    onMentionQueryChange?: (query: string | null) => void;
+    /** Slot rendered above the input (the mention suggestion list). */
+    mentionOverlay?: ReactNode;
+    style?: import('react-native').StyleProp<import('react-native').ViewStyle>;
+};
+export declare const TextEditor: import("react").ForwardRefExoticComponent<TextEditorProps & import("react").RefAttributes<TextEditorHandle>>;
+//# sourceMappingURL=TextEditor.d.ts.map

package/lib/typescript/core/design/components/TextEditor/TextEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":"AAYA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAYf,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,aAAa,EAAE,CAAC,OAAO,EAAE;QACvB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KAC3B,KAAK,IAAI,CAAC;IACX,OAAO,EAAE,MAAM,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,cAAc,EAAE,CAAC;IACrC,aAAa,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC;CACnE,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,mEAAmE;IACnE,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,cAAc,EAAE,SAAS,CAAC,OAAO,cAAc,EAAE,SAAS,CAAC,CAAC;CAC5E,CAAC;AAGF,eAAO,MAAM,UAAU,8GA0LtB,CAAC"}

package/lib/typescript/core/design/components/TextEditor/index.d.ts

@@ -0,0 +1,5 @@
+export { TextEditor } from './TextEditor';
+export type { TextEditorHandle, TextEditorProps } from './TextEditor';
+export type { MentionSegment } from './utils';
+export { toMentionees } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/design/components/TextEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/TextEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACtE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/core/design/components/TextEditor/styles.d.ts

@@ -0,0 +1,29 @@
+export declare const useStyles: () => {
+    styles: {
+        wrapper: {
+            flex: number;
+            minWidth: number;
+            backgroundColor: string;
+            borderRadius: number;
+            paddingVertical: number;
+            paddingHorizontal: number;
+            minHeight: number;
+            justifyContent: "center";
+        };
+        input: {
+            fontSize: number;
+            lineHeight: number;
+            padding: number;
+            textAlignVertical: "top";
+            color: string;
+        };
+        mention: {
+            color: string;
+            fontSize: number;
+            lineHeight: number;
+        };
+    };
+    token: (token: import("../../theme/useToken").ColorTokenRef) => string;
+    placeholderColor: string;
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/core/design/components/TextEditor/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/TextEditor/styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDrB,CAAC"}

package/lib/typescript/core/design/components/TextEditor/utils.d.ts

@@ -0,0 +1,54 @@
+/** A committed mention segment, mirroring web `Mentioned` metadata. */
+export type MentionSegment = {
+    /** Index of the leading `@` in the plain text. */
+    index: number;
+    /** Length of the display name (excludes the `@`), matching web metadata. */
+    length: number;
+    /** 'user' for a specific member, 'channel' for @all. */
+    type: 'user' | 'channel';
+    /** userId for a user mention; '@all' for a channel mention. */
+    userId: string;
+    /** Display name shown in the text (without the `@`). */
+    display: string;
+};
+/**
+ * Detect an active mention query at the caret: an `@` token the caret sits
+ * inside, whose `@` is at the start of the text or preceded by whitespace and
+ * which contains no whitespace between the `@` and the caret. Returns the query
+ * (text after `@`) and the index of the `@`, or null when the caret is not in a
+ * mention token.
+ */
+export declare function detectMentionQuery(text: string, caret: number): {
+    query: string;
+    start: number;
+} | null;
+/**
+ * Re-position mention segments after a text edit. Uses a common prefix/suffix
+ * diff: mentions fully before the change are kept, mentions fully after it are
+ * shifted by the length delta, and any mention overlapping the changed region
+ * is dropped (its text was touched, so it is no longer a valid mention).
+ */
+export declare function reconcileMentions(oldText: string, newText: string, mentions: MentionSegment[]): MentionSegment[];
+/**
+ * Replace the active `@query` token (from `queryStart` up to `caret`) with
+ * `@display ` (trailing space) and return the new text, the new mention segment,
+ * and the caret position to place after the inserted token.
+ */
+export declare function insertMentionToken(text: string, queryStart: number, caret: number, mention: {
+    userId: string;
+    display: string;
+    type: 'user' | 'channel';
+}): {
+    text: string;
+    segment: MentionSegment;
+    caret: number;
+};
+/**
+ * Build the SDK `mentionees` payload for createMessage/editMessage from the
+ * committed mention segments. A channel mention (@all) is pushed as its own
+ * entry; user mentions are collapsed into a single `userIds` entry. An empty
+ * user entry is always included so the backend clears stale mentionees, matching
+ * web `extractMetadata`.
+ */
+export declare function toMentionees(mentions: MentionSegment[]): (Amity.UserMention | Amity.ChannelMention)[];
+//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/core/design/components/TextEditor/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/TextEditor/utils.ts"],"names":[],"mappings":"AAOA,uEAAuE;AACvE,MAAM,MAAM,cAAc,GAAG;IAC3B,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,MAAM,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,+DAA+D;IAC/D,MAAM,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AASF;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,GACZ;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAkBzC;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,cAAc,EAAE,GACzB,cAAc,EAAE,CAiClB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,GACrE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAW1D;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,cAAc,EAAE,GACzB,CAAC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,EAAE,CAS9C"}

package/lib/typescript/core/design/components/Typography/Typography.d.ts

@@ -0,0 +1,7 @@
+import { type TextProps } from 'react-native';
+export type TypographyVariant = 'headline' | 'titleBold' | 'title' | 'bodyBold' | 'body' | 'captionBold' | 'caption' | 'captionSmall';
+export type TypographyProps = TextProps & {
+    variant?: TypographyVariant;
+};
+export declare function Typography({ variant, style, children, ...rest }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Typography.d.ts.map

package/lib/typescript/core/design/components/Typography/Typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/Typography/Typography.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,MAAM,iBAAiB,GACzB,UAAU,GACV,WAAW,GACX,OAAO,GACP,UAAU,GACV,MAAM,GACN,aAAa,GACb,SAAS,GACT,cAAc,CAAC;AAEnB,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG;IACxC,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,OAAgB,EAChB,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,eAAe,2CAUjB"}

package/lib/typescript/core/design/components/Typography/index.d.ts

@@ -0,0 +1,3 @@
+export { Typography } from './Typography';
+export type { TypographyProps, TypographyVariant } from './Typography';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/design/components/Typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC"}