@idealyst/theme 1.2.107 → 1.2.109

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/theme",
-  "version": "1.2.107",
+  "version": "1.2.109",
   "description": "Theming system for Idealyst Framework",
   "readme": "README.md",
   "main": "src/index.ts",
@@ -63,7 +63,7 @@
     "publish:npm": "npm publish"
   },
   "dependencies": {
-    "@idealyst/tooling": "^1.2.107"
+    "@idealyst/tooling": "^1.2.109"
   },
   "peerDependencies": {
     "react-native-unistyles": ">=3.0.0"

package/src/index.ts

@@ -41,6 +41,9 @@ export { useStyleProps, type StyleProps } from './useStyleProps';
 // Shadow utility (platform-specific via .native.ts)
 export { shadow, type ShadowOptions, type ShadowStyle } from './shadow';
 
+// Safe area insets (platform-specific via .native.ts)
+export { useSafeAreaInsets, type SafeAreaInsets } from './useSafeAreaInsets';
+
 // Component defaults
 export { setDefaultMaxFontSizeMultiplier, getDefaultMaxFontSizeMultiplier } from './defaults';
 

package/src/useSafeAreaInsets.native.ts

@@ -0,0 +1,15 @@
+/**
+ * useSafeAreaInsets - Native implementation
+ *
+ * Re-exports useSafeAreaInsets from react-native-safe-area-context
+ * with the shared SafeAreaInsets type.
+ */
+
+import { useSafeAreaInsets as useNativeSafeAreaInsets } from 'react-native-safe-area-context';
+import type { SafeAreaInsets } from './useSafeAreaInsets';
+
+export type { SafeAreaInsets };
+
+export function useSafeAreaInsets(): SafeAreaInsets {
+  return useNativeSafeAreaInsets();
+}

package/src/useSafeAreaInsets.ts

@@ -0,0 +1,20 @@
+/**
+ * useSafeAreaInsets - Web implementation
+ *
+ * Returns zero insets on web since safe areas are a native concept.
+ * This allows cross-platform code to use safe area insets without
+ * platform checks.
+ */
+
+export interface SafeAreaInsets {
+  top: number;
+  right: number;
+  bottom: number;
+  left: number;
+}
+
+const ZERO_INSETS: SafeAreaInsets = { top: 0, right: 0, bottom: 0, left: 0 };
+
+export function useSafeAreaInsets(): SafeAreaInsets {
+  return ZERO_INSETS;
+}