native-fn 1.2.1 → 1.3.0

package/dist/plugin/dimension/index.d.ts

@@ -39,23 +39,31 @@ declare const ENV_PRESETS: {
         readonly left: "viewport-segment-left";
     };
 };
-declare const FALLBACK_DIMENSION: Dimensions;
-declare let MEDIA_QUERY_LIST: MediaQueryList;
+declare let ORIENTATION_MEDIA_QUERY_LIST: MediaQueryList;
+declare let DEVICE_POSTURE_MEDIA_QUERY_LIST: MediaQueryList;
 
 type EnvironmentPresetKey = keyof typeof ENV_PRESETS;
-type EnvironmentPresetAttr<K extends EnvironmentPresetKey> = keyof typeof ENV_PRESETS[K];
+type EnvironmentPresetAttribute<K extends EnvironmentPresetKey> = keyof typeof ENV_PRESETS[K];
 type EnvironmentPresetValues<K extends EnvironmentPresetKey> = {
-    [P in EnvironmentPresetAttr<K>]: number;
+    [P in EnvironmentPresetAttribute<K>]: number;
 };
-declare interface DimensionInstance {
-    get value(): Dimensions;
-    environment: Environment;
-    onChange(listener: (dimension: Dimensions) => void, options?: AddEventListenerOptions): () => void;
-    Constants: {
-        Orientation: typeof Orientation;
-    };
-    Errors: {};
+declare interface Environment {
+    safeAreaInset: EnvironmentObserver<'safe-area-inset'>;
+    safeAreaMaxInset: EnvironmentObserver<'safe-area-max-inset'>;
+    keyboardInset: EnvironmentObserver<'keyboard-inset'>;
+    titlebarArea: EnvironmentObserver<'titlebar-area'>;
+    viewportSegment: EnvironmentObserver<'viewport-segment'>;
+}
+declare interface SegmentsObserver {
+    get value(): EnvironmentPresetValues<'viewport-segment'>[];
+    onChange(listener: (value: EnvironmentPresetValues<'viewport-segment'>[]) => void, options?: AddEventListenerOptions): () => void;
+    useCssVariable(prefix: string): () => void;
 }
+declare type EnvironmentObserver<K extends EnvironmentPresetKey> = K extends 'viewport-segment' ? SegmentsObserver : {
+    get value(): EnvironmentPresetValues<K>;
+    onChange(listener: (value: EnvironmentPresetValues<K>) => void, options?: AddEventListenerOptions): () => void;
+    useCssVariable(prefix: string): () => void;
+};
 declare interface Dimensions {
     outerWidth: number;
     outerHeight: number;
@@ -64,19 +72,32 @@ declare interface Dimensions {
     scale: number;
     orientation: Orientation;
 }
-declare interface EnvironmentPreset<K extends EnvironmentPresetKey> {
-    get value(): EnvironmentPresetValues<K>;
-    onChange(listener: (value: EnvironmentPresetValues<K>) => void, options?: AddEventListenerOptions): () => void;
-}
-declare interface Environment {
-    safeAreaInset: EnvironmentPreset<'safe-area-inset'>;
-    safeAreaMaxInset: EnvironmentPreset<'safe-area-max-inset'>;
-    keyboardInset: EnvironmentPreset<'keyboard-inset'>;
-    titlebarArea: EnvironmentPreset<'titlebar-area'>;
-    viewportSegment: EnvironmentPreset<'viewport-segment'>;
+declare interface DimensionInstance {
+    get value(): Dimensions;
+    environment: Environment;
+    onChange(listener: (dimension: Dimensions) => void, options?: AddEventListenerOptions): () => void;
+    Constants: {
+        Orientation: typeof Orientation;
+    };
+    Errors: {};
 }
 
+declare global {
+    interface DOMRectReadOnly {
+        readonly x: number;
+        readonly y: number;
+        readonly width: number;
+        readonly height: number;
+        readonly top: number;
+        readonly right: number;
+        readonly bottom: number;
+        readonly left: number;
+    }
+    interface VisualViewport {
+        readonly segments?: DOMRectReadOnly[];
+    }
+}
 declare const Dimension: DimensionInstance;
 
-export { ENV_PRESETS, FALLBACK_DIMENSION, MEDIA_QUERY_LIST, Orientation, Dimension as default };
-export type { DimensionInstance, Dimensions, Environment, EnvironmentPreset, EnvironmentPresetAttr, EnvironmentPresetKey, EnvironmentPresetValues };
+export { DEVICE_POSTURE_MEDIA_QUERY_LIST, ENV_PRESETS, ORIENTATION_MEDIA_QUERY_LIST, Orientation, Dimension as default };
+export type { DimensionInstance, Dimensions, Environment, EnvironmentObserver, EnvironmentPresetAttribute, EnvironmentPresetKey, EnvironmentPresetValues, SegmentsObserver };