@amityco/react-native-social-uikit 4.2.1-f052efd.0 → 4.3.0

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/BottomSheet/BottomSheet.d.ts

@@ -0,0 +1,41 @@
+import { type ReactNode } from 'react';
+import { ScrollView, type StyleProp, type ViewStyle, type ScrollViewProps } from 'react-native';
+export type BottomSheetMethods = {
+    open: () => void;
+    close: () => void;
+};
+export type BottomSheetProps = {
+    /**
+     * Controlled visibility. Leave it out to drive the sheet through its ref
+     * instead — `open()` / `close()` — which is what the surfaces that open a
+     * sheet from a callback rather than from state do.
+     */
+    visible?: boolean;
+    /** Sheet height: a number of dp, or a percentage of `containerHeight`. */
+    height: number | `${number}%`;
+    /**
+     * The box the percentage is taken against, and the distance the sheet slides
+     * when it closes. Defaults to the window — pass the page's own measured box
+     * when the UIKit is mounted under a host app's chrome, or a percentage will
+     * come out taller than the page it is supposed to sit inside.
+     */
+    containerHeight?: number;
+    /** Dark sheet surface, for sheets opened over a dark page. */
+    dark?: boolean;
+    /** Drag the handle down to close. */
+    closeOnDragDown?: boolean;
+    /** Tap the backdrop to close. */
+    closeOnBackdropPress?: boolean;
+    /** Extra styling for the sheet surface — a caller's own padding or colour. */
+    style?: StyleProp<ViewStyle>;
+    onClose?: () => void;
+    children: ReactNode;
+};
+/**
+ * `BottomSheet.ScrollView` is the scroll view a sheet's body should use — see
+ * the note on the component below.
+ */
+export declare const BottomSheet: import("react").ForwardRefExoticComponent<BottomSheetProps & import("react").RefAttributes<BottomSheetMethods>> & {
+    ScrollView: import("react").ForwardRefExoticComponent<ScrollViewProps & import("react").RefAttributes<ScrollView>>;
+};
+//# sourceMappingURL=BottomSheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAUL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAML,UAAU,EAMV,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AAqBtB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0EAA0E;IAC1E,MAAM,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC9B;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iCAAiC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAigBF;;;GAGG;AACH,eAAO,MAAM,WAAW;;CAEtB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,46 @@
+export declare const useStyles: ({ dark }?: {
+    dark?: boolean;
+}) => {
+    styles: {
+        root: {
+            flex: number;
+            justifyContent: "flex-end";
+        };
+        backdrop: {
+            backgroundColor: string;
+            position: "absolute";
+            left: 0;
+            right: 0;
+            top: 0;
+            bottom: 0;
+        };
+        backdropPressable: {
+            flex: number;
+        };
+        sheet: {
+            width: "100%";
+            borderTopLeftRadius: number;
+            borderTopRightRadius: number;
+            paddingBottom: number;
+            backgroundColor: string;
+            overflow: "hidden";
+        };
+        handleArea: {
+            height: number;
+            alignItems: "center";
+            justifyContent: "center";
+        };
+        handle: {
+            width: number;
+            height: number;
+            borderRadius: number;
+            backgroundColor: string;
+        };
+        body: {
+            flex: number;
+            paddingBottom: number;
+        };
+    };
+    token: (token: import("../../theme/useToken").ColorTokenRef) => string;
+};
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design/components/BottomSheet/styles.ts"],"names":[],"mappings":"AAwBA,eAAO,MAAM,SAAS,GAAI,WAAU;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D1D,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,2CAyBf;kBA/BQ,QAAQ;;;AAmCjB,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,55 @@
+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;
+        };
+        menuItemPressed: {
+            backgroundColor: string;
+            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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Ef,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,34 @@
+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;
+    /** True when the popover opens above the anchor (see header). */
+    isAbove: boolean;
+};
+export type PopoverProps = {
+    trigger: (args: TriggerArgs) => React.ReactNode;
+    children: React.ReactNode | ((args: ChildrenArgs) => React.ReactNode);
+    /**
+     * Content anchored above the trigger while `children` opens below it. Not
+     * rendered when the popover itself opens above (see header).
+     */
+    above?: (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, above, 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":"AAsBA,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;IAClB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,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;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IAChD,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,KAAK,EACL,SAA0B,EAC1B,MAAM,EACN,OAAO,EACP,OAAc,GACf,EAAE,YAAY,2CAwId"}

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,30 @@
+export declare const useStyles: () => {
+    styles: {
+        backdrop: {
+            flex: number;
+        };
+        popover: {
+            position: "absolute";
+            borderRadius: number;
+            minWidth: number;
+            backgroundColor: string;
+            shadowOffset: {
+                width: number;
+                height: number;
+            };
+            shadowOpacity: number;
+            shadowRadius: number;
+            elevation: number;
+        };
+        clip: {
+            borderRadius: number;
+            overflow: "hidden";
+        };
+        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;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CrB,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,42 @@
+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;
+    /**
+     * Cap the input at N lines before it scrolls internally. Takes precedence
+     * over `maxHeight`, which it derives (N lines + the wrapper's vertical
+     * padding).
+     */
+    maxLines?: 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;AAWf,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;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;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,8GA+LtB,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,30 @@
+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;
+            fontWeight: "600";
+        };
+    };
+    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;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDrB,CAAC"}