@sincpro/mobile-ui 0.1.2

package/lib/typescript/theme/typography.d.ts

@@ -0,0 +1,377 @@
+import type { TextStyle } from "react-native";
+export declare const fontFamilies: {
+    readonly light: "Montserrat_300Light";
+    readonly regular: "Montserrat_400Regular";
+    readonly medium: "Montserrat_500Medium";
+    readonly semiBold: "Montserrat_600SemiBold";
+    readonly extraBold: "Montserrat_800ExtraBold";
+};
+export declare const fontWeights: {
+    readonly light: "300";
+    readonly regular: "400";
+    readonly medium: "500";
+    readonly semiBold: "600";
+    readonly extraBold: "800";
+};
+export declare const fontSizes: {
+    readonly xs: 10;
+    readonly sm: 13;
+    readonly base: 14;
+    readonly lg: 16;
+    readonly xl: 18;
+    readonly "2xl": 20;
+    readonly "3xl": 24;
+    readonly "4xl": 28;
+    readonly "5xl": 32;
+    readonly "6xl": 36;
+    readonly "7xl": 48;
+    readonly "8xl": 64;
+};
+export declare const lineHeights: {
+    readonly none: 1;
+    readonly tight: 1.25;
+    readonly snug: 1.375;
+    readonly normal: 1.5;
+    readonly relaxed: 1.625;
+    readonly loose: 2;
+};
+export declare const letterSpacing: {
+    readonly tighter: -0.5;
+    readonly tight: -0.25;
+    readonly normal: 0;
+    readonly wide: 0.25;
+    readonly wider: 0.5;
+    readonly widest: 1;
+};
+export declare const typographyVariants: {
+    readonly display: {
+        readonly fontSize: 48;
+        readonly fontFamily: "Montserrat_800ExtraBold";
+        readonly fontWeight: "800";
+        readonly lineHeight: number;
+        readonly letterSpacing: -0.25;
+    };
+    readonly h1: {
+        readonly fontSize: 32;
+        readonly fontFamily: "Montserrat_800ExtraBold";
+        readonly fontWeight: "800";
+        readonly lineHeight: number;
+        readonly letterSpacing: -0.25;
+    };
+    readonly h2: {
+        readonly fontSize: 28;
+        readonly fontFamily: "Montserrat_600SemiBold";
+        readonly fontWeight: "600";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0;
+    };
+    readonly h3: {
+        readonly fontSize: 24;
+        readonly fontFamily: "Montserrat_600SemiBold";
+        readonly fontWeight: "600";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0;
+    };
+    readonly h4: {
+        readonly fontSize: 20;
+        readonly fontFamily: "Montserrat_500Medium";
+        readonly fontWeight: "500";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0;
+    };
+    readonly h5: {
+        readonly fontSize: 18;
+        readonly fontFamily: "Montserrat_500Medium";
+        readonly fontWeight: "500";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0;
+    };
+    readonly h6: {
+        readonly fontSize: 16;
+        readonly fontFamily: "Montserrat_500Medium";
+        readonly fontWeight: "500";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0;
+    };
+    readonly bodyLarge: {
+        readonly fontSize: 16;
+        readonly fontFamily: "Montserrat_400Regular";
+        readonly fontWeight: "400";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0;
+    };
+    readonly body: {
+        readonly fontSize: 14;
+        readonly fontFamily: "Montserrat_400Regular";
+        readonly fontWeight: "400";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0;
+    };
+    readonly bodySmall: {
+        readonly fontSize: 13;
+        readonly fontFamily: "Montserrat_400Regular";
+        readonly fontWeight: "400";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0;
+    };
+    readonly label: {
+        readonly fontSize: 14;
+        readonly fontFamily: "Montserrat_500Medium";
+        readonly fontWeight: "500";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0.25;
+    };
+    readonly labelSmall: {
+        readonly fontSize: 13;
+        readonly fontFamily: "Montserrat_500Medium";
+        readonly fontWeight: "500";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0.25;
+    };
+    readonly caption: {
+        readonly fontSize: 13;
+        readonly fontFamily: "Montserrat_400Regular";
+        readonly fontWeight: "400";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0;
+    };
+    readonly captionSmall: {
+        readonly fontSize: 10;
+        readonly fontFamily: "Montserrat_400Regular";
+        readonly fontWeight: "400";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0;
+    };
+    readonly button: {
+        readonly fontSize: 14;
+        readonly fontFamily: "Montserrat_600SemiBold";
+        readonly fontWeight: "600";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0.25;
+    };
+    readonly buttonSmall: {
+        readonly fontSize: 13;
+        readonly fontFamily: "Montserrat_600SemiBold";
+        readonly fontWeight: "600";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0.25;
+    };
+    readonly buttonLarge: {
+        readonly fontSize: 16;
+        readonly fontFamily: "Montserrat_600SemiBold";
+        readonly fontWeight: "600";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0.25;
+    };
+    readonly title: {
+        readonly fontSize: 18;
+        readonly fontFamily: "Montserrat_600SemiBold";
+        readonly fontWeight: "600";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0;
+    };
+    readonly subtitle: {
+        readonly fontSize: 16;
+        readonly fontFamily: "Montserrat_500Medium";
+        readonly fontWeight: "500";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0;
+    };
+};
+export declare const createTextStyle: (variant: keyof typeof typographyVariants, overrides?: Partial<TextStyle>) => TextStyle;
+export declare const createCustomTextStyle: (fontSize: keyof typeof fontSizes, fontFamily: keyof typeof fontFamilies, options?: {
+    lineHeight?: keyof typeof lineHeights;
+    letterSpacing?: keyof typeof letterSpacing;
+    color?: string;
+}) => TextStyle;
+export declare const useAppFonts: () => boolean;
+export declare const Typography: {
+    readonly fontFamilies: {
+        readonly light: "Montserrat_300Light";
+        readonly regular: "Montserrat_400Regular";
+        readonly medium: "Montserrat_500Medium";
+        readonly semiBold: "Montserrat_600SemiBold";
+        readonly extraBold: "Montserrat_800ExtraBold";
+    };
+    readonly fontWeights: {
+        readonly light: "300";
+        readonly regular: "400";
+        readonly medium: "500";
+        readonly semiBold: "600";
+        readonly extraBold: "800";
+    };
+    readonly fontSizes: {
+        readonly xs: 10;
+        readonly sm: 13;
+        readonly base: 14;
+        readonly lg: 16;
+        readonly xl: 18;
+        readonly "2xl": 20;
+        readonly "3xl": 24;
+        readonly "4xl": 28;
+        readonly "5xl": 32;
+        readonly "6xl": 36;
+        readonly "7xl": 48;
+        readonly "8xl": 64;
+    };
+    readonly lineHeights: {
+        readonly none: 1;
+        readonly tight: 1.25;
+        readonly snug: 1.375;
+        readonly normal: 1.5;
+        readonly relaxed: 1.625;
+        readonly loose: 2;
+    };
+    readonly letterSpacing: {
+        readonly tighter: -0.5;
+        readonly tight: -0.25;
+        readonly normal: 0;
+        readonly wide: 0.25;
+        readonly wider: 0.5;
+        readonly widest: 1;
+    };
+    readonly variants: {
+        readonly display: {
+            readonly fontSize: 48;
+            readonly fontFamily: "Montserrat_800ExtraBold";
+            readonly fontWeight: "800";
+            readonly lineHeight: number;
+            readonly letterSpacing: -0.25;
+        };
+        readonly h1: {
+            readonly fontSize: 32;
+            readonly fontFamily: "Montserrat_800ExtraBold";
+            readonly fontWeight: "800";
+            readonly lineHeight: number;
+            readonly letterSpacing: -0.25;
+        };
+        readonly h2: {
+            readonly fontSize: 28;
+            readonly fontFamily: "Montserrat_600SemiBold";
+            readonly fontWeight: "600";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0;
+        };
+        readonly h3: {
+            readonly fontSize: 24;
+            readonly fontFamily: "Montserrat_600SemiBold";
+            readonly fontWeight: "600";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0;
+        };
+        readonly h4: {
+            readonly fontSize: 20;
+            readonly fontFamily: "Montserrat_500Medium";
+            readonly fontWeight: "500";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0;
+        };
+        readonly h5: {
+            readonly fontSize: 18;
+            readonly fontFamily: "Montserrat_500Medium";
+            readonly fontWeight: "500";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0;
+        };
+        readonly h6: {
+            readonly fontSize: 16;
+            readonly fontFamily: "Montserrat_500Medium";
+            readonly fontWeight: "500";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0;
+        };
+        readonly bodyLarge: {
+            readonly fontSize: 16;
+            readonly fontFamily: "Montserrat_400Regular";
+            readonly fontWeight: "400";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0;
+        };
+        readonly body: {
+            readonly fontSize: 14;
+            readonly fontFamily: "Montserrat_400Regular";
+            readonly fontWeight: "400";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0;
+        };
+        readonly bodySmall: {
+            readonly fontSize: 13;
+            readonly fontFamily: "Montserrat_400Regular";
+            readonly fontWeight: "400";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0;
+        };
+        readonly label: {
+            readonly fontSize: 14;
+            readonly fontFamily: "Montserrat_500Medium";
+            readonly fontWeight: "500";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0.25;
+        };
+        readonly labelSmall: {
+            readonly fontSize: 13;
+            readonly fontFamily: "Montserrat_500Medium";
+            readonly fontWeight: "500";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0.25;
+        };
+        readonly caption: {
+            readonly fontSize: 13;
+            readonly fontFamily: "Montserrat_400Regular";
+            readonly fontWeight: "400";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0;
+        };
+        readonly captionSmall: {
+            readonly fontSize: 10;
+            readonly fontFamily: "Montserrat_400Regular";
+            readonly fontWeight: "400";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0;
+        };
+        readonly button: {
+            readonly fontSize: 14;
+            readonly fontFamily: "Montserrat_600SemiBold";
+            readonly fontWeight: "600";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0.25;
+        };
+        readonly buttonSmall: {
+            readonly fontSize: 13;
+            readonly fontFamily: "Montserrat_600SemiBold";
+            readonly fontWeight: "600";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0.25;
+        };
+        readonly buttonLarge: {
+            readonly fontSize: 16;
+            readonly fontFamily: "Montserrat_600SemiBold";
+            readonly fontWeight: "600";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0.25;
+        };
+        readonly title: {
+            readonly fontSize: 18;
+            readonly fontFamily: "Montserrat_600SemiBold";
+            readonly fontWeight: "600";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0;
+        };
+        readonly subtitle: {
+            readonly fontSize: 16;
+            readonly fontFamily: "Montserrat_500Medium";
+            readonly fontWeight: "500";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0;
+        };
+    };
+    readonly createTextStyle: (variant: keyof typeof typographyVariants, overrides?: Partial<TextStyle>) => TextStyle;
+    readonly createCustomTextStyle: (fontSize: keyof typeof fontSizes, fontFamily: keyof typeof fontFamilies, options?: {
+        lineHeight?: keyof typeof lineHeights;
+        letterSpacing?: keyof typeof letterSpacing;
+        color?: string;
+    }) => TextStyle;
+    readonly useAppFonts: () => boolean;
+};
+export default Typography;
+//# sourceMappingURL=typography.d.ts.map

package/lib/typescript/theme/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../sincpro_mobile_ui/theme/typography.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAGX,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAaZ,CAAC;AAGX,eAAO,MAAM,WAAW;;;;;;;CAOd,CAAC;AAGX,eAAO,MAAM,aAAa;;;;;;;CAOhB,CAAC;AAGX,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmJrB,CAAC;AAGX,eAAO,MAAM,eAAe,GAC1B,SAAS,MAAM,OAAO,kBAAkB,EACxC,YAAY,OAAO,CAAC,SAAS,CAAC,KAC7B,SAGD,CAAC;AAEH,eAAO,MAAM,qBAAqB,GAChC,UAAU,MAAM,OAAO,SAAS,EAChC,YAAY,MAAM,OAAO,YAAY,EACrC,UAAU;IACR,UAAU,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,KACA,SAaF,CAAC;AAGF,eAAO,MAAM,WAAW,eASvB,CAAC;AAGF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA3CZ,MAAM,OAAO,kBAAkB,cAC5B,OAAO,CAAC,SAAS,CAAC,KAC7B,SAAS;+CAMA,MAAM,OAAO,SAAS,cACpB,MAAM,OAAO,YAAY,YAC3B;QACR,UAAU,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;QACtC,aAAa,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;QAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,KACA,SAAS;;CAsCF,CAAC;AAEX,eAAe,UAAU,CAAC"}

package/lib/typescript/theme/useTheme.d.ts

@@ -0,0 +1,2 @@
+export declare const theme: import("./types").ThemeTokens;
+//# sourceMappingURL=useTheme.d.ts.map

package/lib/typescript/theme/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../sincpro_mobile_ui/theme/useTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,+BAAmB,CAAC"}

package/lib/typescript/views/AuthFormView.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+interface AuthFormProps {
+    title?: string;
+    description?: string;
+    onBack?: () => void;
+    FormNode: ReactNode;
+}
+declare function AuthFormView({ title, description, onBack, FormNode }: AuthFormProps): import("react").JSX.Element;
+export default AuthFormView;
+//# sourceMappingURL=AuthFormView.d.ts.map

package/lib/typescript/views/AuthFormView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthFormView.d.ts","sourceRoot":"","sources":["../../../sincpro_mobile_ui/views/AuthFormView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlC,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,aAAa,+BA0B5E;AAED,eAAe,YAAY,CAAC"}

package/lib/typescript/views/FormViewV2.context.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from "react";
+interface FormViewContextValue<T> {
+    name: string;
+    description?: string;
+    item: T | null;
+    isLoading: boolean;
+    isEmpty: boolean;
+    hasError: boolean;
+    errorMessage?: string;
+    readonly: boolean;
+    showRefreshing: boolean;
+    setShowRefreshing: (value: boolean) => void;
+    onRefresh?: () => Promise<void>;
+    onRetry?: () => void;
+    onBack?: () => void;
+}
+export declare function FormViewProvider<T>({ name, description, item, isLoading, isEmpty, hasError, errorMessage, readonly, onRefresh, onRetry, onBack, children, }: {
+    name: string;
+    description?: string;
+    item: T | null;
+    isLoading?: boolean;
+    isEmpty?: boolean;
+    hasError?: boolean;
+    errorMessage?: string;
+    readonly?: boolean;
+    onRefresh?: () => Promise<void>;
+    onRetry?: () => void;
+    onBack?: () => void;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useFormView<T>(): FormViewContextValue<T>;
+export {};
+//# sourceMappingURL=FormViewV2.context.d.ts.map

package/lib/typescript/views/FormViewV2.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormViewV2.context.d.ts","sourceRoot":"","sources":["../../../sincpro_mobile_ui/views/FormViewV2.context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAwB,MAAM,OAAO,CAAC;AAEvE,UAAU,oBAAoB,CAAC,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,EAClC,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,SAAiB,EACjB,OAAe,EACf,QAAgB,EAChB,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAwBA;AAED,wBAAgB,WAAW,CAAC,CAAC,KAKT,oBAAoB,CAAC,CAAC,CAAC,CAC1C"}

package/lib/typescript/views/FormViewV2.d.ts

@@ -0,0 +1,61 @@
+import React, { ReactNode } from "react";
+import { EVariantScreenHeader } from "../widgets/ScreenHeader";
+interface FormViewProps<T> {
+    name: string;
+    description?: string;
+    item: T | null;
+    isLoading?: boolean;
+    isEmpty?: boolean;
+    hasError?: boolean;
+    errorMessage?: string;
+    readonly?: boolean;
+    onRefresh?: () => Promise<void>;
+    onRetry?: () => void;
+    onBack?: () => void;
+    withContainer?: boolean;
+    children: ReactNode;
+}
+declare function FormViewRoot<T>({ name, description, item, isLoading, isEmpty, hasError, errorMessage, readonly, onRefresh, onRetry, onBack, withContainer, children, }: FormViewProps<T>): React.JSX.Element;
+declare function Header({ variant, children, }: {
+    variant?: EVariantScreenHeader;
+    children?: ReactNode;
+}): React.JSX.Element;
+declare function HeaderActions({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+declare function HeaderActionsBar({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+declare function Content({ withMargin, children, }: {
+    withMargin?: boolean;
+    children: ReactNode;
+}): React.JSX.Element;
+declare function Form({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+declare function Groups({ children }: {
+    children: ReactNode;
+}): React.JSX.Element | null;
+declare function Group({ children, withMargin, elevation, }: {
+    children: ReactNode;
+    withMargin?: boolean;
+    elevation?: "sm" | "md" | "lg";
+}): React.JSX.Element;
+declare function Footer({ children }: {
+    children: ReactNode;
+}): React.JSX.Element | null;
+export declare const FormViewV2: {
+    Root: typeof FormViewRoot;
+    Header: typeof Header & {
+        Actions: typeof HeaderActions;
+        ActionsBar: typeof HeaderActionsBar;
+    };
+    Content: typeof Content & {
+        Form: typeof Form;
+        Groups: typeof Groups;
+        Group: typeof Group;
+    };
+    Footer: typeof Footer;
+};
+export default FormViewV2;
+//# sourceMappingURL=FormViewV2.d.ts.map

package/lib/typescript/views/FormViewV2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormViewV2.d.ts","sourceRoot":"","sources":["../../../sincpro_mobile_ui/views/FormViewV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzC,OAAqB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAG7E,UAAU,aAAa,CAAC,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,YAAY,CAAC,CAAC,EAAE,EACvB,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,SAAiB,EACjB,OAAe,EACf,QAAgB,EAChB,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,OAAO,EACP,MAAM,EACN,aAAoB,EACpB,QAAQ,GACT,EAAE,aAAa,CAAC,CAAC,CAAC,qBAuBlB;AAED,iBAAS,MAAM,CAAC,EACd,OAA0C,EAC1C,QAAQ,GACT,EAAE;IACD,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,qBAeA;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAM3D;AAED,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAM9D;AAED,iBAAS,OAAO,CAAC,EACf,UAAkB,EAClB,QAAQ,GACT,EAAE;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,qBA0DA;AAED,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAQlD;AAED,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4BAQpD;AAED,iBAAS,KAAK,CAAC,EACb,QAAQ,EACR,UAAiB,EACjB,SAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChC,qBAUA;AAED,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4BAepD;AAeD,eAAO,MAAM,UAAU;;;;;;;;;;;;CAKtB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/typescript/views/ListViewV2.context.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from "react";
+interface ListViewContextValue<T> {
+    name: string;
+    description?: string;
+    items: T[];
+    isLoading: boolean;
+    hasError: boolean;
+    errorMessage?: string;
+    readonly: boolean;
+    showRefreshing: boolean;
+    setShowRefreshing: (value: boolean) => void;
+    onRefresh?: () => Promise<void>;
+    onRetry?: () => void;
+    onPressItem?: (item: T) => void;
+    onDeleteItem?: (item: T) => void;
+    onSearch?: (query: string) => void;
+    onBack?: () => void;
+}
+export declare function ListViewProvider<T>({ name, description, items, isLoading, hasError, errorMessage, readonly, onRefresh, onRetry, onPressItem, onDeleteItem, onSearch, onBack, children, }: {
+    name: string;
+    description?: string;
+    items: T[];
+    isLoading?: boolean;
+    hasError?: boolean;
+    errorMessage?: string;
+    readonly?: boolean;
+    onRefresh?: () => Promise<void>;
+    onRetry?: () => void;
+    onPressItem?: (item: T) => void;
+    onDeleteItem?: (item: T) => void;
+    onSearch?: (query: string) => void;
+    onBack?: () => void;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useListView<T>(): ListViewContextValue<T>;
+export {};
+//# sourceMappingURL=ListViewV2.context.d.ts.map

package/lib/typescript/views/ListViewV2.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewV2.context.d.ts","sourceRoot":"","sources":["../../../sincpro_mobile_ui/views/ListViewV2.context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAwB,MAAM,OAAO,CAAC;AAEvE,UAAU,oBAAoB,CAAC,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,EAClC,IAAI,EACJ,WAAW,EACX,KAAK,EACL,SAAiB,EACjB,QAAgB,EAChB,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,OAAO,EACP,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BA0BA;AAED,wBAAgB,WAAW,CAAC,CAAC,KAKT,oBAAoB,CAAC,CAAC,CAAC,CAC1C"}

package/lib/typescript/views/ListViewV2.d.ts

@@ -0,0 +1,132 @@
+import React, { ReactNode } from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import { EVariantScreenHeader } from "../widgets/ScreenHeader";
+interface ListViewProps<T> {
+    name: string;
+    description?: string;
+    items: T[];
+    isLoading?: boolean;
+    hasError?: boolean;
+    errorMessage?: string;
+    readonly?: boolean;
+    onRefresh?: () => Promise<void>;
+    onRetry?: () => void;
+    onPressItem?: (item: T) => void;
+    onDeleteItem?: (item: T) => void;
+    onSearch?: (query: string) => void;
+    onBack?: () => void;
+    backgroundColor?: string;
+    withContainer?: boolean;
+    children: ReactNode;
+}
+declare function ListViewRoot<T>({ name, description, items, isLoading, hasError, errorMessage, readonly, onRefresh, onRetry, onPressItem, onDeleteItem, onSearch, onBack, backgroundColor, withContainer, children, }: ListViewProps<T>): React.JSX.Element;
+declare function Header({ variant, children, }: {
+    variant?: EVariantScreenHeader;
+    children?: ReactNode;
+}): React.JSX.Element;
+declare function HeaderSearch({ searchQuery }: {
+    searchQuery?: string;
+}): React.JSX.Element | null;
+declare function HeaderActions({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+declare function HeaderFilters({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+interface FilterChipProps {
+    label: string;
+    active?: boolean;
+    onPress: () => void;
+}
+declare function FilterChip({ label, active, onPress }: FilterChipProps): React.JSX.Element;
+declare function FilterChips({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+declare function Content({ children, withMargin, }: {
+    children?: (item: any) => ReactNode;
+    withMargin?: boolean;
+}): React.JSX.Element;
+declare function ContentList({ children, contentWithMargin, }: {
+    children?: (item: any) => ReactNode;
+    contentWithMargin: boolean;
+}): React.JSX.Element;
+declare function Footer({ children }: {
+    children: ReactNode;
+}): React.JSX.Element | null;
+declare function FloatingButton({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+interface RowRootProps {
+    children: ReactNode;
+    onPress?: () => void;
+    onLongPress?: () => void;
+    showDivider?: boolean;
+    style?: StyleProp<ViewStyle>;
+    backgroundColor?: string;
+}
+declare function RowRoot({ children, onPress, onLongPress, showDivider, style, backgroundColor, }: RowRootProps): React.JSX.Element;
+interface RowAvatarProps {
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+declare function RowAvatar({ children, style }: RowAvatarProps): React.JSX.Element;
+interface RowContentProps {
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+declare function RowContent({ children, style }: RowContentProps): React.JSX.Element;
+interface RowTitleProps {
+    children: ReactNode;
+    badge?: ReactNode;
+    rightComponent?: ReactNode;
+    numberOfLines?: number;
+}
+declare function RowTitle({ children, badge, rightComponent, numberOfLines }: RowTitleProps): React.JSX.Element;
+interface RowSubtitleProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function RowSubtitle({ children, className }: RowSubtitleProps): React.JSX.Element;
+interface RowFooterProps {
+    left?: ReactNode;
+    right?: ReactNode;
+    children?: ReactNode;
+}
+declare function RowFooter({ left, right, children }: RowFooterProps): React.JSX.Element;
+interface RowActionsProps {
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+declare function RowActions({ children, style }: RowActionsProps): React.JSX.Element;
+interface RowActionButtonProps {
+    icon: ReactNode;
+    onPress?: () => void;
+}
+declare function RowActionButton({ icon, onPress }: RowActionButtonProps): React.JSX.Element;
+export declare const ListViewV2: {
+    Root: typeof ListViewRoot;
+    Header: typeof Header & {
+        Search: typeof HeaderSearch;
+        Actions: typeof HeaderActions;
+        Filters: typeof HeaderFilters & {
+            Chip: typeof FilterChip;
+            Chips: typeof FilterChips;
+        };
+    };
+    Content: typeof Content & {
+        List: typeof ContentList;
+        Row: typeof RowRoot & {
+            Avatar: typeof RowAvatar;
+            Content: typeof RowContent;
+            Title: typeof RowTitle;
+            Subtitle: typeof RowSubtitle;
+            Footer: typeof RowFooter;
+            Actions: typeof RowActions;
+            ActionButton: typeof RowActionButton;
+        };
+    };
+    Footer: typeof Footer;
+    FloatingButton: typeof FloatingButton;
+};
+export default ListViewV2;
+//# sourceMappingURL=ListViewV2.d.ts.map