@sudobility/building_blocks_rn 0.0.16 → 0.0.18

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export * from './src/components/footer';
 export * from './src/components/layout';
 export * from './src/components/settings';
 export * from './src/components/pages';
+export * from './src/components/empty-state';
 export { SudobilityAppRN } from './src/app/SudobilityAppRN';
 export type { SudobilityAppRNProps } from './src/app/SudobilityAppRN';
 export { SafeSubscriptionContext, STUB_SUBSCRIPTION_VALUE, useSafeSubscription, } from './src/components/subscription/SafeSubscriptionContext';

package/dist/index.js

@@ -4,6 +4,7 @@ export * from './src/components/footer';
 export * from './src/components/layout';
 export * from './src/components/settings';
 export * from './src/components/pages';
+export * from './src/components/empty-state';
 // App wrapper without auth dependency
 export { SudobilityAppRN } from './src/app/SudobilityAppRN';
 // Subscription components without auth dependency

package/dist/src/components/empty-state/EmptyState.d.ts

@@ -0,0 +1,9 @@
+export interface EmptyStateProps {
+    /** Descriptive message shown above the action button */
+    message: string;
+    /** Label for the primary action button */
+    buttonLabel: string;
+    /** Callback fired when the action button is pressed */
+    onPress: () => void;
+}
+export declare function EmptyState({ message, buttonLabel, onPress }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/empty-state/EmptyState.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, Text, Pressable } from 'react-native';
+import { createThemedStyles } from '../../utils/styles';
+export function EmptyState({ message, buttonLabel, onPress }) {
+    const styles = useStyles();
+    return (_jsxs(View, { style: styles.container, children: [_jsx(Text, { style: styles.message, children: message }), _jsx(Pressable, { style: styles.button, onPress: onPress, accessibilityRole: 'button', accessibilityLabel: buttonLabel, children: _jsx(Text, { style: styles.buttonText, children: buttonLabel }) })] }));
+}
+const useStyles = createThemedStyles(colors => ({
+    container: {
+        flexGrow: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        paddingHorizontal: 32,
+    },
+    message: {
+        fontSize: 15,
+        textAlign: 'center',
+        lineHeight: 22,
+        color: colors.textSecondary,
+        marginBottom: 16,
+    },
+    button: {
+        backgroundColor: '#2563eb',
+        borderRadius: 6,
+        minHeight: 44,
+        paddingHorizontal: 24,
+        paddingVertical: 8,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    buttonText: {
+        color: '#ffffff',
+        fontSize: 14,
+        fontWeight: '500',
+    },
+}));

package/dist/src/components/empty-state/index.d.ts

@@ -0,0 +1,2 @@
+export { EmptyState } from './EmptyState';
+export type { EmptyStateProps } from './EmptyState';

package/dist/src/components/empty-state/index.js

@@ -0,0 +1 @@
+export { EmptyState } from './EmptyState';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/building_blocks_rn",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "Higher-level shared UI building blocks for Sudobility React Native apps",
   "type": "module",
   "main": "./dist/index.js",