native-fn 1.2.2 → 1.3.0

package/dist/plugin/permission/src/plugin/dimension/types/dimensions.d.ts

@@ -1,18 +1,26 @@
 import { ENV_PRESETS, Orientation } from "../constants";
 export type EnvironmentPresetKey = keyof typeof ENV_PRESETS;
-export type EnvironmentPresetAttr<K extends EnvironmentPresetKey> = keyof typeof ENV_PRESETS[K];
+export type EnvironmentPresetAttribute<K extends EnvironmentPresetKey> = keyof typeof ENV_PRESETS[K];
 export type EnvironmentPresetValues<K extends EnvironmentPresetKey> = {
-    [P in EnvironmentPresetAttr<K>]: number;
+    [P in EnvironmentPresetAttribute<K>]: number;
 };
-export declare interface DimensionInstance {
-    get value(): Dimensions;
-    environment: Environment;
-    onChange(listener: (dimension: Dimensions) => void, options?: AddEventListenerOptions): () => void;
-    Constants: {
-        Orientation: typeof Orientation;
-    };
-    Errors: {};
+export 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'>;
+}
+export declare interface SegmentsObserver {
+    get value(): EnvironmentPresetValues<'viewport-segment'>[];
+    onChange(listener: (value: EnvironmentPresetValues<'viewport-segment'>[]) => void, options?: AddEventListenerOptions): () => void;
+    useCssVariable(prefix: string): () => void;
 }
+export 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;
+};
 export declare interface Dimensions {
     outerWidth: number;
     outerHeight: number;
@@ -21,14 +29,12 @@ export declare interface Dimensions {
     scale: number;
     orientation: Orientation;
 }
-export declare interface EnvironmentPreset<K extends EnvironmentPresetKey> {
-    get value(): EnvironmentPresetValues<K>;
-    onChange(listener: (value: EnvironmentPresetValues<K>) => void, options?: AddEventListenerOptions): () => void;
-}
-export 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'>;
+export declare interface DimensionInstance {
+    get value(): Dimensions;
+    environment: Environment;
+    onChange(listener: (dimension: Dimensions) => void, options?: AddEventListenerOptions): () => void;
+    Constants: {
+        Orientation: typeof Orientation;
+    };
+    Errors: {};
 }

package/dist/plugin/permission/src/plugin/dimension/utils/create-env-observer.d.ts

@@ -1,10 +1,15 @@
-import { EnvironmentPresetKey, EnvironmentPresetValues } from "../types";
+import { EnvironmentObserver, EnvironmentPresetKey } from "../types";
 declare global {
     interface Navigator {
         readonly virtualKeyboard?: VirtualKeyboard;
+        readonly devicePosture?: DevicePosture;
     }
+    var viewport: BrowsingContextViewport | undefined;
+}
+interface DevicePosture extends EventTarget {
+    readonly type: 'continuous' | 'folded';
+    onchange: ((this: DevicePosture, ev: Event) => any) | null;
 }
-type ChangeCallback<K extends EnvironmentPresetKey> = (values: EnvironmentPresetValues<K>) => void;
 interface VirtualKeyboardEventMap {
     geometrychange: Event;
 }
@@ -16,9 +21,13 @@ interface VirtualKeyboard extends EventTarget {
     addEventListener<K extends keyof VirtualKeyboardEventMap>(type: K, listener: (this: VirtualKeyboard, ev: VirtualKeyboardEventMap[K]) => any, options?: AddEventListenerOptions): void;
     removeEventListener<K extends keyof VirtualKeyboardEventMap>(type: K, listener: (this: VirtualKeyboard, ev: VirtualKeyboardEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
 }
-export type EnvObserver<K extends EnvironmentPresetKey> = {
-    get(): EnvironmentPresetValues<K>;
-    onChange(callback: ChangeCallback<K>, options?: AddEventListenerOptions): () => void;
-};
-export default function createEnvObserver<K extends EnvironmentPresetKey>(preset: K): EnvObserver<K>;
+interface BrowsingContextViewportEventMap {
+    change: Event;
+}
+interface BrowsingContextViewport extends EventTarget {
+    readonly segments: ReadonlyArray<DOMRectReadOnly> | null;
+    addEventListener<K extends keyof BrowsingContextViewportEventMap>(type: K, listener: (this: BrowsingContextViewport, ev: BrowsingContextViewportEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof BrowsingContextViewportEventMap>(type: K, listener: (this: BrowsingContextViewport, ev: BrowsingContextViewportEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+}
+export default function createEnvObserver<K extends EnvironmentPresetKey>(preset: K): EnvironmentObserver<K>;
 export {};

package/dist/plugin/permission/src/plugin/dimension/utils/create-environment-observer.d.ts

@@ -0,0 +1,33 @@
+import { EnvironmentObserver, EnvironmentPresetKey } from "../types";
+declare global {
+    interface Navigator {
+        readonly virtualKeyboard?: VirtualKeyboard;
+        readonly devicePosture?: DevicePosture;
+    }
+    var viewport: BrowsingContextViewport | undefined;
+}
+interface DevicePosture extends EventTarget {
+    readonly type: 'continuous' | 'folded';
+    onchange: ((this: DevicePosture, ev: Event) => any) | null;
+}
+interface VirtualKeyboardEventMap {
+    geometrychange: Event;
+}
+interface VirtualKeyboard extends EventTarget {
+    readonly boundingRect: DOMRect;
+    overlaysContent: boolean;
+    show(): void;
+    hide(): void;
+    addEventListener<K extends keyof VirtualKeyboardEventMap>(type: K, listener: (this: VirtualKeyboard, ev: VirtualKeyboardEventMap[K]) => any, options?: AddEventListenerOptions): void;
+    removeEventListener<K extends keyof VirtualKeyboardEventMap>(type: K, listener: (this: VirtualKeyboard, ev: VirtualKeyboardEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+}
+interface BrowsingContextViewportEventMap {
+    change: Event;
+}
+interface BrowsingContextViewport extends EventTarget {
+    readonly segments: ReadonlyArray<DOMRectReadOnly> | null;
+    addEventListener<K extends keyof BrowsingContextViewportEventMap>(type: K, listener: (this: BrowsingContextViewport, ev: BrowsingContextViewportEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof BrowsingContextViewportEventMap>(type: K, listener: (this: BrowsingContextViewport, ev: BrowsingContextViewportEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+}
+export default function createEnvironmentObserver<K extends EnvironmentPresetKey>(preset: K): EnvironmentObserver<K>;
+export {};

package/dist/plugin/permission/src/plugin/platform/constants/index.d.ts

@@ -34,7 +34,7 @@ export declare enum Browsers {
     IE = "IE",
     SamsungInternet = "SamsungInternet"
 }
-export declare const USER_AGENT: string;
+export declare let USER_AGENT: string;
 export declare const HIGH_ENTROPY_BRAND_NAME_MAP: Record<string, string>;
 export declare const RTL_LANGUAGES: string[];
 export declare const OS_RESOLVER_MAP: [RegExp, OS, VersionResolver?][];

package/dist/plugin/permission/src/utils/insert-sort.d.ts

@@ -0,0 +1 @@
+export default function insertionSort(arr: number[]): void;

package/dist/plugin/pip/index.cjs

@@ -233,6 +233,8 @@ function createSubscriptionManager(attach, detach) {
         },
         subscribe: function (listener, options) {
             if (options === void 0) { options = {}; }
+            if (typeof options.signal !== 'undefined' && options.signal.aborted)
+                return function () { };
             var entry = { fn: listener, once: false };
             if (typeof options.once !== 'undefined')
                 entry.once = options.once;
@@ -251,12 +253,8 @@ function createSubscriptionManager(attach, detach) {
                 EventListener.remove(entry.signal, { type: 'abort', callback: cleanup });
                 removeEntry(entry);
             };
-            if (typeof entry.signal !== 'undefined') {
-                if (entry.signal.aborted)
-                    removeEntry(entry);
-                else
-                    EventListener.add(entry.signal, { type: 'abort', callback: cleanup });
-            }
+            if (typeof entry.signal !== 'undefined')
+                EventListener.add(entry.signal, { type: 'abort', callback: cleanup });
             return function unsubscribe() {
                 removeEntry(entry);
             };
@@ -439,11 +437,11 @@ var Browsers;
     Browsers["IE"] = "IE";
     Browsers["SamsungInternet"] = "SamsungInternet";
 })(Browsers || (Browsers = {}));
-var USER_AGENT = (function () {
-    if (typeof globalThis.navigator.userAgent !== 'undefined')
-        return globalThis.navigator.userAgent;
-    return '';
-})();
+var USER_AGENT;
+if (typeof globalThis.navigator.userAgent !== 'undefined')
+    USER_AGENT = globalThis.navigator.userAgent;
+else
+    USER_AGENT = '';
 var HIGH_ENTROPY_BRAND_NAME_MAP = {
     'Google Chrome': 'Chrome',
     'Microsoft Edge': 'Edge',

package/dist/plugin/pip/index.mjs

@@ -231,6 +231,8 @@ function createSubscriptionManager(attach, detach) {
         },
         subscribe: function (listener, options) {
             if (options === void 0) { options = {}; }
+            if (typeof options.signal !== 'undefined' && options.signal.aborted)
+                return function () { };
             var entry = { fn: listener, once: false };
             if (typeof options.once !== 'undefined')
                 entry.once = options.once;
@@ -249,12 +251,8 @@ function createSubscriptionManager(attach, detach) {
                 EventListener.remove(entry.signal, { type: 'abort', callback: cleanup });
                 removeEntry(entry);
             };
-            if (typeof entry.signal !== 'undefined') {
-                if (entry.signal.aborted)
-                    removeEntry(entry);
-                else
-                    EventListener.add(entry.signal, { type: 'abort', callback: cleanup });
-            }
+            if (typeof entry.signal !== 'undefined')
+                EventListener.add(entry.signal, { type: 'abort', callback: cleanup });
             return function unsubscribe() {
                 removeEntry(entry);
             };
@@ -437,11 +435,11 @@ var Browsers;
     Browsers["IE"] = "IE";
     Browsers["SamsungInternet"] = "SamsungInternet";
 })(Browsers || (Browsers = {}));
-var USER_AGENT = (function () {
-    if (typeof globalThis.navigator.userAgent !== 'undefined')
-        return globalThis.navigator.userAgent;
-    return '';
-})();
+var USER_AGENT;
+if (typeof globalThis.navigator.userAgent !== 'undefined')
+    USER_AGENT = globalThis.navigator.userAgent;
+else
+    USER_AGENT = '';
 var HIGH_ENTROPY_BRAND_NAME_MAP = {
     'Google Chrome': 'Chrome',
     'Microsoft Edge': 'Edge',

package/dist/plugin/pip/src/plugin/appearance/constants/index.d.ts

@@ -3,6 +3,6 @@ export declare enum Appearances {
     Light = "light",
     Dark = "dark"
 }
-export declare let MEDIA_QUERY_LIST: MediaQueryList;
+export declare let PREFERS_COLOR_SCHEME_MEDIA_QUERY_LIST: MediaQueryList;
 export declare const CONTEXT: CanvasRenderingContext2D | null;
 export declare const SVG_PIXEL_DATA_URL: string;

package/dist/plugin/pip/src/plugin/dimension/constants/index.d.ts

@@ -1,4 +1,3 @@
-import { Dimensions } from "../types";
 export declare enum Orientation {
     Portrait = "portrait",
     Landscape = "landscape",
@@ -40,5 +39,5 @@ export declare const ENV_PRESETS: {
         readonly left: "viewport-segment-left";
     };
 };
-export declare const FALLBACK_DIMENSION: Dimensions;
-export declare let MEDIA_QUERY_LIST: MediaQueryList;
+export declare let ORIENTATION_MEDIA_QUERY_LIST: MediaQueryList;
+export declare let DEVICE_POSTURE_MEDIA_QUERY_LIST: MediaQueryList;

package/dist/plugin/pip/src/plugin/dimension/cores/index.d.ts

@@ -1,3 +1,18 @@
 import { DimensionInstance } from "../types";
+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 default Dimension;

package/dist/plugin/pip/src/plugin/dimension/types/dimensions.d.ts

@@ -1,18 +1,26 @@
 import { ENV_PRESETS, Orientation } from "../constants";
 export type EnvironmentPresetKey = keyof typeof ENV_PRESETS;
-export type EnvironmentPresetAttr<K extends EnvironmentPresetKey> = keyof typeof ENV_PRESETS[K];
+export type EnvironmentPresetAttribute<K extends EnvironmentPresetKey> = keyof typeof ENV_PRESETS[K];
 export type EnvironmentPresetValues<K extends EnvironmentPresetKey> = {
-    [P in EnvironmentPresetAttr<K>]: number;
+    [P in EnvironmentPresetAttribute<K>]: number;
 };
-export declare interface DimensionInstance {
-    get value(): Dimensions;
-    environment: Environment;
-    onChange(listener: (dimension: Dimensions) => void, options?: AddEventListenerOptions): () => void;
-    Constants: {
-        Orientation: typeof Orientation;
-    };
-    Errors: {};
+export 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'>;
+}
+export declare interface SegmentsObserver {
+    get value(): EnvironmentPresetValues<'viewport-segment'>[];
+    onChange(listener: (value: EnvironmentPresetValues<'viewport-segment'>[]) => void, options?: AddEventListenerOptions): () => void;
+    useCssVariable(prefix: string): () => void;
 }
+export 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;
+};
 export declare interface Dimensions {
     outerWidth: number;
     outerHeight: number;
@@ -21,14 +29,12 @@ export declare interface Dimensions {
     scale: number;
     orientation: Orientation;
 }
-export declare interface EnvironmentPreset<K extends EnvironmentPresetKey> {
-    get value(): EnvironmentPresetValues<K>;
-    onChange(listener: (value: EnvironmentPresetValues<K>) => void, options?: AddEventListenerOptions): () => void;
-}
-export 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'>;
+export declare interface DimensionInstance {
+    get value(): Dimensions;
+    environment: Environment;
+    onChange(listener: (dimension: Dimensions) => void, options?: AddEventListenerOptions): () => void;
+    Constants: {
+        Orientation: typeof Orientation;
+    };
+    Errors: {};
 }

package/dist/plugin/pip/src/plugin/dimension/utils/create-env-observer.d.ts

@@ -1,10 +1,15 @@
-import { EnvironmentPresetKey, EnvironmentPresetValues } from "../types";
+import { EnvironmentObserver, EnvironmentPresetKey } from "../types";
 declare global {
     interface Navigator {
         readonly virtualKeyboard?: VirtualKeyboard;
+        readonly devicePosture?: DevicePosture;
     }
+    var viewport: BrowsingContextViewport | undefined;
+}
+interface DevicePosture extends EventTarget {
+    readonly type: 'continuous' | 'folded';
+    onchange: ((this: DevicePosture, ev: Event) => any) | null;
 }
-type ChangeCallback<K extends EnvironmentPresetKey> = (values: EnvironmentPresetValues<K>) => void;
 interface VirtualKeyboardEventMap {
     geometrychange: Event;
 }
@@ -16,9 +21,13 @@ interface VirtualKeyboard extends EventTarget {
     addEventListener<K extends keyof VirtualKeyboardEventMap>(type: K, listener: (this: VirtualKeyboard, ev: VirtualKeyboardEventMap[K]) => any, options?: AddEventListenerOptions): void;
     removeEventListener<K extends keyof VirtualKeyboardEventMap>(type: K, listener: (this: VirtualKeyboard, ev: VirtualKeyboardEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
 }
-export type EnvObserver<K extends EnvironmentPresetKey> = {
-    get(): EnvironmentPresetValues<K>;
-    onChange(callback: ChangeCallback<K>, options?: AddEventListenerOptions): () => void;
-};
-export default function createEnvObserver<K extends EnvironmentPresetKey>(preset: K): EnvObserver<K>;
+interface BrowsingContextViewportEventMap {
+    change: Event;
+}
+interface BrowsingContextViewport extends EventTarget {
+    readonly segments: ReadonlyArray<DOMRectReadOnly> | null;
+    addEventListener<K extends keyof BrowsingContextViewportEventMap>(type: K, listener: (this: BrowsingContextViewport, ev: BrowsingContextViewportEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof BrowsingContextViewportEventMap>(type: K, listener: (this: BrowsingContextViewport, ev: BrowsingContextViewportEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+}
+export default function createEnvObserver<K extends EnvironmentPresetKey>(preset: K): EnvironmentObserver<K>;
 export {};

package/dist/plugin/pip/src/plugin/dimension/utils/create-environment-observer.d.ts

@@ -0,0 +1,33 @@
+import { EnvironmentObserver, EnvironmentPresetKey } from "../types";
+declare global {
+    interface Navigator {
+        readonly virtualKeyboard?: VirtualKeyboard;
+        readonly devicePosture?: DevicePosture;
+    }
+    var viewport: BrowsingContextViewport | undefined;
+}
+interface DevicePosture extends EventTarget {
+    readonly type: 'continuous' | 'folded';
+    onchange: ((this: DevicePosture, ev: Event) => any) | null;
+}
+interface VirtualKeyboardEventMap {
+    geometrychange: Event;
+}
+interface VirtualKeyboard extends EventTarget {
+    readonly boundingRect: DOMRect;
+    overlaysContent: boolean;
+    show(): void;
+    hide(): void;
+    addEventListener<K extends keyof VirtualKeyboardEventMap>(type: K, listener: (this: VirtualKeyboard, ev: VirtualKeyboardEventMap[K]) => any, options?: AddEventListenerOptions): void;
+    removeEventListener<K extends keyof VirtualKeyboardEventMap>(type: K, listener: (this: VirtualKeyboard, ev: VirtualKeyboardEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+}
+interface BrowsingContextViewportEventMap {
+    change: Event;
+}
+interface BrowsingContextViewport extends EventTarget {
+    readonly segments: ReadonlyArray<DOMRectReadOnly> | null;
+    addEventListener<K extends keyof BrowsingContextViewportEventMap>(type: K, listener: (this: BrowsingContextViewport, ev: BrowsingContextViewportEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof BrowsingContextViewportEventMap>(type: K, listener: (this: BrowsingContextViewport, ev: BrowsingContextViewportEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+}
+export default function createEnvironmentObserver<K extends EnvironmentPresetKey>(preset: K): EnvironmentObserver<K>;
+export {};

package/dist/plugin/pip/src/plugin/platform/constants/index.d.ts

@@ -34,7 +34,7 @@ export declare enum Browsers {
     IE = "IE",
     SamsungInternet = "SamsungInternet"
 }
-export declare const USER_AGENT: string;
+export declare let USER_AGENT: string;
 export declare const HIGH_ENTROPY_BRAND_NAME_MAP: Record<string, string>;
 export declare const RTL_LANGUAGES: string[];
 export declare const OS_RESOLVER_MAP: [RegExp, OS, VersionResolver?][];

package/dist/plugin/pip/src/utils/insert-sort.d.ts

@@ -0,0 +1 @@
+export default function insertionSort(arr: number[]): void;

package/dist/plugin/platform/index.cjs

@@ -91,11 +91,11 @@ exports.Browsers = void 0;
     Browsers["IE"] = "IE";
     Browsers["SamsungInternet"] = "SamsungInternet";
 })(exports.Browsers || (exports.Browsers = {}));
-var USER_AGENT = (function () {
-    if (typeof globalThis.navigator.userAgent !== 'undefined')
-        return globalThis.navigator.userAgent;
-    return '';
-})();
+exports.USER_AGENT = void 0;
+if (typeof globalThis.navigator.userAgent !== 'undefined')
+    exports.USER_AGENT = globalThis.navigator.userAgent;
+else
+    exports.USER_AGENT = '';
 var HIGH_ENTROPY_BRAND_NAME_MAP = {
     'Google Chrome': 'Chrome',
     'Microsoft Edge': 'Edge',
@@ -370,7 +370,7 @@ var EventListener = {
     },
 };
 
-var currentUserAgent = USER_AGENT;
+var currentUserAgent = exports.USER_AGENT;
 var parsedCache = null;
 var parsedFromHighEntropyValuesOS = {};
 var parsedFromHighEntropyValuesBrowser = {};
@@ -457,7 +457,7 @@ function parseOS() {
                 result.version = version[1];
         }
     }
-    if (currentUserAgent === USER_AGENT) {
+    if (currentUserAgent === exports.USER_AGENT) {
         if (typeof parsedFromHighEntropyValuesOS.name !== 'undefined')
             result.name = parsedFromHighEntropyValuesOS.name;
         if (typeof parsedFromHighEntropyValuesOS.version !== 'undefined')
@@ -478,7 +478,7 @@ function parseBrowser() {
             break;
         }
     }
-    if (currentUserAgent === USER_AGENT) {
+    if (currentUserAgent === exports.USER_AGENT) {
         if (typeof parsedFromHighEntropyValuesBrowser.name !== 'undefined')
             result.name = parsedFromHighEntropyValuesBrowser.name;
         if (typeof parsedFromHighEntropyValuesBrowser.version !== 'undefined')
@@ -497,7 +497,7 @@ function parseEngine() {
             break;
         }
     }
-    if (currentUserAgent === USER_AGENT) {
+    if (currentUserAgent === exports.USER_AGENT) {
         if (typeof parsedFromHighEntropyValuesEngine.name !== 'undefined')
             result.name = parsedFromHighEntropyValuesEngine.name;
         if (typeof parsedFromHighEntropyValuesEngine.version !== 'undefined')
@@ -596,7 +596,7 @@ function getLocale() {
     return cachedLocale;
 }
 function getDevice() {
-    if (currentUserAgent === USER_AGENT && parsedFromHighEntropyValuesDevice !== null)
+    if (currentUserAgent === exports.USER_AGENT && parsedFromHighEntropyValuesDevice !== null)
         return parsedFromHighEntropyValuesDevice;
     var osName = getParsedCache().os.name;
     if (osName === exports.OS.iOS || osName === exports.OS.Android)
@@ -734,7 +734,7 @@ var Platform = {
             return;
         currentUserAgent = value;
         invalidateCache();
-        if (value === USER_AGENT) {
+        if (value === exports.USER_AGENT) {
             ready = Promise.all([
                 parseFromHighEntropyValues(),
                 parseFromNavigatorGPU(),
@@ -774,5 +774,4 @@ exports.ENGINE_RESOLVER_MAP = ENGINE_RESOLVER_MAP;
 exports.HIGH_ENTROPY_BRAND_NAME_MAP = HIGH_ENTROPY_BRAND_NAME_MAP;
 exports.OS_RESOLVER_MAP = OS_RESOLVER_MAP;
 exports.RTL_LANGUAGES = RTL_LANGUAGES;
-exports.USER_AGENT = USER_AGENT;
 exports.default = Platform;

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

@@ -33,7 +33,7 @@ declare enum Browsers {
     IE = "IE",
     SamsungInternet = "SamsungInternet"
 }
-declare const USER_AGENT: string;
+declare let USER_AGENT: string;
 declare const HIGH_ENTROPY_BRAND_NAME_MAP: Record<string, string>;
 declare const RTL_LANGUAGES: string[];
 declare const OS_RESOLVER_MAP: [RegExp, OS, VersionResolver?][];
@@ -57,6 +57,22 @@ interface BatteryManager extends EventTarget {
     onlevelchange: ((this: BatteryManager, ev: Event) => any) | null;
 }
 
+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 global {
     interface HTMLVideoElement {
         webkitEnterFullscreen?: () => void;

package/dist/plugin/platform/index.mjs

@@ -87,11 +87,11 @@ var Browsers;
     Browsers["IE"] = "IE";
     Browsers["SamsungInternet"] = "SamsungInternet";
 })(Browsers || (Browsers = {}));
-var USER_AGENT = (function () {
-    if (typeof globalThis.navigator.userAgent !== 'undefined')
-        return globalThis.navigator.userAgent;
-    return '';
-})();
+var USER_AGENT;
+if (typeof globalThis.navigator.userAgent !== 'undefined')
+    USER_AGENT = globalThis.navigator.userAgent;
+else
+    USER_AGENT = '';
 var HIGH_ENTROPY_BRAND_NAME_MAP = {
     'Google Chrome': 'Chrome',
     'Microsoft Edge': 'Edge',

package/dist/plugin/platform/src/plugin/appearance/constants/index.d.ts

@@ -3,6 +3,6 @@ export declare enum Appearances {
     Light = "light",
     Dark = "dark"
 }
-export declare let MEDIA_QUERY_LIST: MediaQueryList;
+export declare let PREFERS_COLOR_SCHEME_MEDIA_QUERY_LIST: MediaQueryList;
 export declare const CONTEXT: CanvasRenderingContext2D | null;
 export declare const SVG_PIXEL_DATA_URL: string;

package/dist/plugin/platform/src/plugin/dimension/constants/index.d.ts

@@ -1,4 +1,3 @@
-import { Dimensions } from "../types";
 export declare enum Orientation {
     Portrait = "portrait",
     Landscape = "landscape",
@@ -40,5 +39,5 @@ export declare const ENV_PRESETS: {
         readonly left: "viewport-segment-left";
     };
 };
-export declare const FALLBACK_DIMENSION: Dimensions;
-export declare let MEDIA_QUERY_LIST: MediaQueryList;
+export declare let ORIENTATION_MEDIA_QUERY_LIST: MediaQueryList;
+export declare let DEVICE_POSTURE_MEDIA_QUERY_LIST: MediaQueryList;

package/dist/plugin/platform/src/plugin/dimension/cores/index.d.ts

@@ -1,3 +1,18 @@
 import { DimensionInstance } from "../types";
+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 default Dimension;

package/dist/plugin/platform/src/plugin/dimension/types/dimensions.d.ts

@@ -1,18 +1,26 @@
 import { ENV_PRESETS, Orientation } from "../constants";
 export type EnvironmentPresetKey = keyof typeof ENV_PRESETS;
-export type EnvironmentPresetAttr<K extends EnvironmentPresetKey> = keyof typeof ENV_PRESETS[K];
+export type EnvironmentPresetAttribute<K extends EnvironmentPresetKey> = keyof typeof ENV_PRESETS[K];
 export type EnvironmentPresetValues<K extends EnvironmentPresetKey> = {
-    [P in EnvironmentPresetAttr<K>]: number;
+    [P in EnvironmentPresetAttribute<K>]: number;
 };
-export declare interface DimensionInstance {
-    get value(): Dimensions;
-    environment: Environment;
-    onChange(listener: (dimension: Dimensions) => void, options?: AddEventListenerOptions): () => void;
-    Constants: {
-        Orientation: typeof Orientation;
-    };
-    Errors: {};
+export 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'>;
+}
+export declare interface SegmentsObserver {
+    get value(): EnvironmentPresetValues<'viewport-segment'>[];
+    onChange(listener: (value: EnvironmentPresetValues<'viewport-segment'>[]) => void, options?: AddEventListenerOptions): () => void;
+    useCssVariable(prefix: string): () => void;
 }
+export 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;
+};
 export declare interface Dimensions {
     outerWidth: number;
     outerHeight: number;
@@ -21,14 +29,12 @@ export declare interface Dimensions {
     scale: number;
     orientation: Orientation;
 }
-export declare interface EnvironmentPreset<K extends EnvironmentPresetKey> {
-    get value(): EnvironmentPresetValues<K>;
-    onChange(listener: (value: EnvironmentPresetValues<K>) => void, options?: AddEventListenerOptions): () => void;
-}
-export 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'>;
+export declare interface DimensionInstance {
+    get value(): Dimensions;
+    environment: Environment;
+    onChange(listener: (dimension: Dimensions) => void, options?: AddEventListenerOptions): () => void;
+    Constants: {
+        Orientation: typeof Orientation;
+    };
+    Errors: {};
 }