fluent-styles 1.53.0 → 1.55.0

package/lib/typescript/utiles/statusBar.d.ts

@@ -0,0 +1,128 @@
+type StatusBarHeightOptions = {
+    skipAndroid?: boolean;
+    skipIos?: boolean;
+};
+type ScreenInfo = {
+    width: number;
+    height: number;
+    shortSide: number;
+    longSide: number;
+    isLandscape: boolean;
+    isPortrait: boolean;
+};
+/**
+ * Returns raw screen info from the window dimensions.
+ */
+export declare function getScreenInfo(): ScreenInfo;
+/**
+ * Returns true when running on iOS.
+ */
+export declare function isIos(): boolean;
+/**
+ * Returns true when running on Android.
+ */
+export declare function isAndroid(): boolean;
+/**
+ * Returns true when running on tvOS / Apple TV.
+ */
+export declare function isTv(): boolean;
+/**
+ * Returns true when running on an iPad.
+ */
+export declare function isPad(): boolean;
+/**
+ * Returns true when running on a tablet.
+ * For iOS it checks iPad.
+ * For Android it uses shortest side heuristic.
+ */
+export declare function isTablet(): boolean;
+/**
+ * Returns true when running on a phone-sized device.
+ */
+export declare function isPhone(): boolean;
+/**
+ * Check if running on iPhone X / XS / 11 Pro size.
+ */
+export declare function isIPhoneX(): boolean;
+/**
+ * Check if running on iPhone XR / XS Max / 11 / 11 Pro Max size.
+ */
+export declare function isIPhoneXMax(): boolean;
+/**
+ * Check if running on iPhone 12 / 12 Pro / 13 / 13 Pro / 14 size.
+ */
+export declare function isIPhone12(): boolean;
+/**
+ * Check if running on iPhone 12 Pro Max / 13 Pro Max / 14 Plus size.
+ */
+export declare function isIPhone12Max(): boolean;
+/**
+ * Check if running on iPhone 14 Pro / 15 / 15 Pro / 16 small family size.
+ */
+export declare function isIPhone14ProLike(): boolean;
+/**
+ * Check if running on iPhone 14 Pro Max / 15 Plus / 15 Pro Max / 16 large family size.
+ */
+export declare function isIPhone14ProMaxLike(): boolean;
+/**
+ * Returns true if device is a known iPhone with notch or Dynamic Island.
+ */
+export declare function isIPhoneWithMonobrow(): boolean;
+/**
+ * Returns true if device is part of iPhone X notch family.
+ */
+export declare function isIPhoneXFamily(): boolean;
+/**
+ * Returns true if device is part of iPhone 12/13/14 notch family.
+ */
+export declare function isIPhone12Family(): boolean;
+/**
+ * Returns true if device is a known Dynamic Island iPhone.
+ */
+export declare function hasDynamicIsland(): boolean;
+/**
+ * Alias for notch-style iPhones including Dynamic Island.
+ */
+export declare function hasNotch(): boolean;
+/**
+ * Returns true if running inside Expo.
+ */
+export declare function isExpo(): boolean;
+/**
+ * Get the status bar height for the current platform.
+ *
+ * @param options control whether iOS or Android should return 0
+ *
+ * @example
+ * getStatusBarHeight()
+ * getStatusBarHeight({ skipIos: false })
+ * getStatusBarHeight({ skipAndroid: true, skipIos: false })
+ */
+export declare function getStatusBarHeight(options?: StatusBarHeightOptions): number;
+/**
+ * Returns a top inset-like value useful for layouts that need extra spacing.
+ */
+export declare function getTopInset(options?: StatusBarHeightOptions): number;
+/**
+ * Returns a readable summary of the current device environment.
+ */
+export declare function getDeviceDebugInfo(): {
+    platform: "ios" | "android" | "macos" | "windows" | "web";
+    version: string | number;
+    isPad: boolean;
+    isTablet: boolean;
+    isPhone: boolean;
+    isTV: boolean;
+    isExpo: boolean;
+    width: number;
+    height: number;
+    shortSide: number;
+    longSide: number;
+    isLandscape: boolean;
+    isPortrait: boolean;
+    hasNotch: boolean;
+    hasDynamicIsland: boolean;
+    statusBarHeight: number;
+};
+export {};
+//# sourceMappingURL=statusBar.d.ts.map

package/lib/typescript/utiles/statusBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusBar.d.ts","sourceRoot":"","sources":["../../../src/utiles/statusBar.ts"],"names":[],"mappings":"AAWA,KAAK,sBAAsB,GAAG;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,OAAO,CAAA;IACpB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAyFD;;GAEG;AACH,wBAAgB,aAAa,IAAI,UAAU,CAW1C;AAiCD;;GAEG;AACH,wBAAgB,KAAK,IAAI,OAAO,CAE/B;AAED;;GAEG;AACH,wBAAgB,SAAS,IAAI,OAAO,CAEnC;AAED;;GAEG;AACH,wBAAgB,IAAI,IAAI,OAAO,CAE9B;AAED;;GAEG;AACH,wBAAgB,KAAK,IAAI,OAAO,CAE/B;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,OAAO,CAWlC;AAED;;GAEG;AACH,wBAAgB,OAAO,IAAI,OAAO,CAEjC;AAaD;;GAEG;AACH,wBAAgB,SAAS,IAAI,OAAO,CAEnC;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,OAAO,CAEtC;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,OAAO,CAEpC;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,OAAO,CAEvC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,OAAO,CAE3C;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAE9C;AAMD;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAE9C;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAEzC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAE1C;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAE1C;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,OAAO,CAElC;AAaD;;GAEG;AACH,wBAAgB,MAAM,IAAI,OAAO,CAEhC;AA8BD;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,GAAE,sBAA2B,GAAG,MAAM,CAY/E;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,OAAO,GAAE,sBAA2B,GAAG,MAAM,CAExE;AAMD;;GAEG;AACH,wBAAgB,kBAAkB;;;;;;;;;;;;;;;;;EAqBjC"}

package/lib/typescript/utiles/styled.d.ts

@@ -0,0 +1,14 @@
+import React, { ComponentType } from "react";
+import { ViewStyle, TextStyle, ImageStyle } from "react-native";
+type Style = ViewStyle | TextStyle | ImageStyle;
+interface StyledOptions {
+    base?: Style;
+    variants?: {
+        [key: string]: {
+            [variant: string]: Style | ((selected: string, options: any) => Style);
+        } | ((selected: string, options: any) => Style);
+    };
+}
+declare const styled: <P extends object>(Component: React.ComponentType<P>, { base, variants }?: StyledOptions) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<any>>;
+export { styled };
+//# sourceMappingURL=styled.d.ts.map

package/lib/typescript/utiles/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/utiles/styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAc,aAAa,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhE,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhD,UAAU,aAAa;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG;YACX,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC;SAC1E,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC;KACnD,CAAC;CACL;AAED,QAAA,MAAM,MAAM,6EAEY,aAAa,yFA4BpC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/lib/typescript/utiles/styles.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Styles shared across portal rendering components.
+ * Kept in a single module so both `PortalManager` and `GlobalPortalProvider`
+ * reference the same cached `StyleSheet` object.
+ */
+export declare const portalStyles: {
+    /** Full-screen semi-transparent overlay rendered behind portal content. */
+    backdrop: {
+        backgroundColor: string;
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+    /**
+     * Touch-capture layer that sits on top of the backdrop colour layer.
+     * Using a separate view (rather than making the backdrop itself touchable)
+     * lets us keep `pointerEvents="box-none"` on the backdrop so that touches
+     * outside the inner layer still fall through when no `onBackdropPress` is
+     * needed.
+     */
+    backdropTouchable: {
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/utiles/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/utiles/styles.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,YAAY;IACvB,2EAA2E;;;;;;;;;IAM3E;;;;;;OAMG;;;;;;;;CAIH,CAAA"}