@ttt-productions/mobile-core 0.2.12 → 0.3.0

package/dist/react/components/IOSSetup.d.ts

@@ -0,0 +1,7 @@
+import type { CssPrefixOptions } from "../css-prefix.js";
+/**
+ * Applies iOS-specific Safari fixes on mount. Renders nothing.
+ * Pass `cssPrefix` to override the default `app-` class prefix.
+ */
+export declare function IOSSetup(props?: CssPrefixOptions): null;
+//# sourceMappingURL=IOSSetup.d.ts.map

package/dist/react/components/IOSSetup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IOSSetup.d.ts","sourceRoot":"","sources":["../../../src/react/components/IOSSetup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,GAAE,gBAAqB,QAGpD"}

package/dist/react/components/IOSSetup.js

@@ -0,0 +1,11 @@
+"use client";
+import { useIosSafariFixes } from "../ios/useIosSafariFixes.js";
+/**
+ * Applies iOS-specific Safari fixes on mount. Renders nothing.
+ * Pass `cssPrefix` to override the default `app-` class prefix.
+ */
+export function IOSSetup(props = {}) {
+    useIosSafariFixes(props);
+    return null;
+}
+//# sourceMappingURL=IOSSetup.js.map

package/dist/react/components/IOSSetup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IOSSetup.js","sourceRoot":"","sources":["../../../src/react/components/IOSSetup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGhE;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,QAA0B,EAAE;IACnD,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACzB,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/react/components/ViewportHeightSetter.d.ts

@@ -0,0 +1,13 @@
+import type { CssPrefixOptions } from "../css-prefix.js";
+export interface ViewportHeightSetterProps extends CssPrefixOptions {
+    /**
+     * When true (default), also enables global keyboard-aware input scrolling on mobile.
+     */
+    enableKeyboardAvoidance?: boolean;
+}
+/**
+ * Sets the `--<prefix>-vh` and `--<prefix>-dvh` CSS custom properties.
+ * Defaults to `--app-vh` / `--app-dvh`.
+ */
+export declare function ViewportHeightSetter({ cssPrefix, enableKeyboardAvoidance, }?: ViewportHeightSetterProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ViewportHeightSetter.d.ts.map

package/dist/react/components/ViewportHeightSetter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportHeightSetter.d.ts","sourceRoot":"","sources":["../../../src/react/components/ViewportHeightSetter.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB;IACjE;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAOD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,uBAA8B,GAC/B,GAAE,yBAA8B,kDAIhC"}

package/dist/react/components/ViewportHeightSetter.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useViewportHeightVars } from "../viewport/useViewportHeightVars.js";
+import { useKeepFocusedInputVisible } from "../keyboard/useKeepFocusedInputVisible.js";
+function KeyboardAvoidance({ cssPrefix }) {
+    useKeepFocusedInputVisible({ cssPrefix });
+    return null;
+}
+/**
+ * Sets the `--<prefix>-vh` and `--<prefix>-dvh` CSS custom properties.
+ * Defaults to `--app-vh` / `--app-dvh`.
+ */
+export function ViewportHeightSetter({ cssPrefix, enableKeyboardAvoidance = true, } = {}) {
+    useViewportHeightVars({ cssPrefix });
+    if (enableKeyboardAvoidance)
+        return _jsx(KeyboardAvoidance, { cssPrefix: cssPrefix });
+    return null;
+}
+//# sourceMappingURL=ViewportHeightSetter.js.map

package/dist/react/components/ViewportHeightSetter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportHeightSetter.js","sourceRoot":"","sources":["../../../src/react/components/ViewportHeightSetter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AAUvF,SAAS,iBAAiB,CAAC,EAAE,SAAS,EAAoB;IACxD,0BAA0B,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IAC1C,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,SAAS,EACT,uBAAuB,GAAG,IAAI,MACD,EAAE;IAC/B,qBAAqB,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IACrC,IAAI,uBAAuB;QAAE,OAAO,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC;IAChF,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/react/css-prefix.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Default neutral CSS prefix for mobile-core. Consumers may override.
+ * The prefix is used for CSS variables (e.g. `--<prefix>-vh`) and
+ * class/attribute names (e.g. `<prefix>-ios-safari`, `data-<prefix>-input`).
+ */
+export declare const DEFAULT_MOBILE_CORE_PREFIX = "app";
+export interface CssPrefixOptions {
+    /** Override the default CSS prefix. Defaults to "app". */
+    cssPrefix?: string;
+}
+export declare function resolvePrefix(opts?: CssPrefixOptions): string;
+//# sourceMappingURL=css-prefix.d.ts.map

package/dist/react/css-prefix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-prefix.d.ts","sourceRoot":"","sources":["../../src/react/css-prefix.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,QAAQ,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE,gBAAgB,GAAG,MAAM,CAE7D"}

package/dist/react/css-prefix.js

@@ -0,0 +1,11 @@
+"use client";
+/**
+ * Default neutral CSS prefix for mobile-core. Consumers may override.
+ * The prefix is used for CSS variables (e.g. `--<prefix>-vh`) and
+ * class/attribute names (e.g. `<prefix>-ios-safari`, `data-<prefix>-input`).
+ */
+export const DEFAULT_MOBILE_CORE_PREFIX = "app";
+export function resolvePrefix(opts) {
+    return opts?.cssPrefix ?? DEFAULT_MOBILE_CORE_PREFIX;
+}
+//# sourceMappingURL=css-prefix.js.map

package/dist/react/css-prefix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-prefix.js","sourceRoot":"","sources":["../../src/react/css-prefix.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb;;;;GAIG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,CAAC;AAOhD,MAAM,UAAU,aAAa,CAAC,IAAuB;IACnD,OAAO,IAAI,EAAE,SAAS,IAAI,0BAA0B,CAAC;AACvD,CAAC"}

package/dist/react/index.d.ts

@@ -1,14 +1,19 @@
-export * from "./viewport/useVisualViewport.js";
-export * from "./viewport/useViewportHeightVars.js";
-export * from "./keyboard/useKeyboard.js";
-export * from "./keyboard/useKeepFocusedInputVisible.js";
-export * from "./keyboard/useInputNavigation.js";
-export * from "./keyboard/KeyboardAvoidingView.js";
-export * from "./safe-area/useSafeAreaInsets.js";
-export * from "./safe-area/SafeArea.js";
-export * from "./scroll/useScrollLock.js";
-export * from "./ios/useIosSafariFixes.js";
-export * from "./ios/useNoRubberBand.js";
-export * from "./pull-to-refresh/usePullToRefresh.js";
-export * from "./pull-to-refresh/PullToRefreshContainer.js";
+export { useVisualViewport } from "./viewport/useVisualViewport.js";
+export { useViewportHeightVars } from "./viewport/useViewportHeightVars.js";
+export { useKeyboard } from "./keyboard/useKeyboard.js";
+export { useKeepFocusedInputVisible } from "./keyboard/useKeepFocusedInputVisible.js";
+export { useInputNavigation } from "./keyboard/useInputNavigation.js";
+export { KeyboardAvoidingView } from "./keyboard/KeyboardAvoidingView.js";
+export { useSafeAreaInsets } from "./safe-area/useSafeAreaInsets.js";
+export { SafeArea } from "./safe-area/SafeArea.js";
+export { useScrollLock } from "./scroll/useScrollLock.js";
+export { useIosSafariFixes } from "./ios/useIosSafariFixes.js";
+export { useNoRubberBand } from "./ios/useNoRubberBand.js";
+export { usePullToRefresh } from "./pull-to-refresh/usePullToRefresh.js";
+export { PullToRefreshContainer } from "./pull-to-refresh/PullToRefreshContainer.js";
+export { IOSSetup } from "./components/IOSSetup.js";
+export { ViewportHeightSetter } from "./components/ViewportHeightSetter.js";
+export type { ViewportHeightSetterProps } from "./components/ViewportHeightSetter.js";
+export { DEFAULT_MOBILE_CORE_PREFIX, resolvePrefix, } from "./css-prefix.js";
+export type { CssPrefixOptions } from "./css-prefix.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAEA,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AAEpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0CAA0C,CAAC;AACzD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,yBAAyB,CAAC;AAExC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AAEzC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAErF,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,YAAY,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AACtF,OAAO,EACL,0BAA0B,EAC1B,aAAa,GACd,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/react/index.js

@@ -1,15 +1,18 @@
 "use client";
-export * from "./viewport/useVisualViewport.js";
-export * from "./viewport/useViewportHeightVars.js";
-export * from "./keyboard/useKeyboard.js";
-export * from "./keyboard/useKeepFocusedInputVisible.js";
-export * from "./keyboard/useInputNavigation.js";
-export * from "./keyboard/KeyboardAvoidingView.js";
-export * from "./safe-area/useSafeAreaInsets.js";
-export * from "./safe-area/SafeArea.js";
-export * from "./scroll/useScrollLock.js";
-export * from "./ios/useIosSafariFixes.js";
-export * from "./ios/useNoRubberBand.js";
-export * from "./pull-to-refresh/usePullToRefresh.js";
-export * from "./pull-to-refresh/PullToRefreshContainer.js";
+export { useVisualViewport } from "./viewport/useVisualViewport.js";
+export { useViewportHeightVars } from "./viewport/useViewportHeightVars.js";
+export { useKeyboard } from "./keyboard/useKeyboard.js";
+export { useKeepFocusedInputVisible } from "./keyboard/useKeepFocusedInputVisible.js";
+export { useInputNavigation } from "./keyboard/useInputNavigation.js";
+export { KeyboardAvoidingView } from "./keyboard/KeyboardAvoidingView.js";
+export { useSafeAreaInsets } from "./safe-area/useSafeAreaInsets.js";
+export { SafeArea } from "./safe-area/SafeArea.js";
+export { useScrollLock } from "./scroll/useScrollLock.js";
+export { useIosSafariFixes } from "./ios/useIosSafariFixes.js";
+export { useNoRubberBand } from "./ios/useNoRubberBand.js";
+export { usePullToRefresh } from "./pull-to-refresh/usePullToRefresh.js";
+export { PullToRefreshContainer } from "./pull-to-refresh/PullToRefreshContainer.js";
+export { IOSSetup } from "./components/IOSSetup.js";
+export { ViewportHeightSetter } from "./components/ViewportHeightSetter.js";
+export { DEFAULT_MOBILE_CORE_PREFIX, resolvePrefix, } from "./css-prefix.js";
 //# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AAEpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0CAA0C,CAAC;AACzD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,yBAAyB,CAAC;AAExC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AAEzC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAErF,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAE5E,OAAO,EACL,0BAA0B,EAC1B,aAAa,GACd,MAAM,iBAAiB,CAAC"}

package/dist/react/ios/useIosSafariFixes.d.ts

@@ -1,8 +1,11 @@
+import { type CssPrefixOptions } from "../css-prefix.js";
 /**
  * Small, safe iOS Safari fixes:
  * - disables double-tap-to-zoom delays for buttons (via touch-action)
  * - ensures inputs don't auto-zoom by recommending 16px font (cannot enforce here)
  * - adds -webkit-overflow-scrolling: touch helper class hook (optional)
+ *
+ * Default class: `app-ios-safari`. Override via `cssPrefix`.
  */
-export declare function useIosSafariFixes(): void;
+export declare function useIosSafariFixes(options?: CssPrefixOptions): void;
 //# sourceMappingURL=useIosSafariFixes.d.ts.map

package/dist/react/ios/useIosSafariFixes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIosSafariFixes.d.ts","sourceRoot":"","sources":["../../../src/react/ios/useIosSafariFixes.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wBAAgB,iBAAiB,SAOhC"}
+{"version":3,"file":"useIosSafariFixes.d.ts","sourceRoot":"","sources":["../../../src/react/ios/useIosSafariFixes.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAExE;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,CAAC,EAAE,gBAAgB,QAQ3D"}

package/dist/react/ios/useIosSafariFixes.js

@@ -1,17 +1,21 @@
 import { useEffect } from "react";
 import { isBrowser, isIOS, isSafari } from "../../env.js";
+import { resolvePrefix } from "../css-prefix.js";
 /**
  * Small, safe iOS Safari fixes:
  * - disables double-tap-to-zoom delays for buttons (via touch-action)
  * - ensures inputs don't auto-zoom by recommending 16px font (cannot enforce here)
  * - adds -webkit-overflow-scrolling: touch helper class hook (optional)
+ *
+ * Default class: `app-ios-safari`. Override via `cssPrefix`.
  */
-export function useIosSafariFixes() {
+export function useIosSafariFixes(options) {
+    const prefix = resolvePrefix(options);
     useEffect(() => {
         if (!isBrowser || !isIOS || !isSafari)
             return;
-        document.documentElement.classList.add("ttt-ios-safari");
-        return () => document.documentElement.classList.remove("ttt-ios-safari");
-    }, []);
+        document.documentElement.classList.add(`${prefix}-ios-safari`);
+        return () => document.documentElement.classList.remove(`${prefix}-ios-safari`);
+    }, [prefix]);
 }
 //# sourceMappingURL=useIosSafariFixes.js.map

package/dist/react/ios/useIosSafariFixes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIosSafariFixes.js","sourceRoot":"","sources":["../../../src/react/ios/useIosSafariFixes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB;IAC/B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE9C,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QACzD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC3E,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}
+{"version":3,"file":"useIosSafariFixes.js","sourceRoot":"","sources":["../../../src/react/ios/useIosSafariFixes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAyB,MAAM,kBAAkB,CAAC;AAExE;;;;;;;GAOG;AACH,MAAM,UAAU,iBAAiB,CAAC,OAA0B;IAC1D,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE9C,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,aAAa,CAAC,CAAC;QAC/D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,aAAa,CAAC,CAAC;IACjF,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,CAAC"}

package/dist/react/keyboard/focusOrder.d.ts

@@ -1,2 +1,2 @@
-export declare function getFocusableInputs(root?: HTMLElement | Document): HTMLElement[];
+export declare function getFocusableInputs(root?: HTMLElement | Document, prefix?: string): HTMLElement[];
 //# sourceMappingURL=focusOrder.d.ts.map

package/dist/react/keyboard/focusOrder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focusOrder.d.ts","sourceRoot":"","sources":["../../../src/react/keyboard/focusOrder.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,CAAC,IAAI,GAAE,WAAW,GAAG,QAAmB,iBAmBzE"}
+{"version":3,"file":"focusOrder.d.ts","sourceRoot":"","sources":["../../../src/react/keyboard/focusOrder.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,CAAC,IAAI,GAAE,WAAW,GAAG,QAAmB,EAAE,MAAM,CAAC,EAAE,MAAM,iBAoB1F"}

package/dist/react/keyboard/focusOrder.js

@@ -1,6 +1,8 @@
-export function getFocusableInputs(root = document) {
+import { DEFAULT_MOBILE_CORE_PREFIX } from "../css-prefix.js";
+export function getFocusableInputs(root = document, prefix) {
+    const p = prefix ?? DEFAULT_MOBILE_CORE_PREFIX;
     const el = root instanceof Document ? root : root;
-    const list = Array.from(el.querySelectorAll('input, textarea, select, [contenteditable="true"], [data-ttt-input]')).filter((n) => !n.hasAttribute("disabled") && n.tabIndex !== -1);
+    const list = Array.from(el.querySelectorAll(`input, textarea, select, [contenteditable="true"], [data-${p}-input]`)).filter((n) => !n.hasAttribute("disabled") && n.tabIndex !== -1);
     // DOM order is usually correct; allow explicit override
     list.sort((a, b) => {
         const ao = Number(a.getAttribute("data-input-order") ?? "0");

package/dist/react/keyboard/focusOrder.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusOrder.js","sourceRoot":"","sources":["../../../src/react/keyboard/focusOrder.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,kBAAkB,CAAC,OAA+B,QAAQ;IACxE,MAAM,EAAE,GAAG,IAAI,YAAY,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAClD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CACrB,EAAE,CAAC,gBAAgB,CACjB,qEAAqE,CACtE,CACF,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC;IAElE,wDAAwD;IACxD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACjB,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,kBAAkB,CAAC,IAAI,GAAG,CAAC,CAAC;QAC7D,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,kBAAkB,CAAC,IAAI,GAAG,CAAC,CAAC;QAC7D,IAAI,EAAE,IAAI,EAAE;YAAE,OAAO,EAAE,GAAG,EAAE,CAAC;QAC7B,IAAI,EAAE;YAAE,OAAO,CAAC,CAAC,CAAC;QAClB,IAAI,EAAE;YAAE,OAAO,CAAC,CAAC;QACjB,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"focusOrder.js","sourceRoot":"","sources":["../../../src/react/keyboard/focusOrder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAE9D,MAAM,UAAU,kBAAkB,CAAC,OAA+B,QAAQ,EAAE,MAAe;IACzF,MAAM,CAAC,GAAG,MAAM,IAAI,0BAA0B,CAAC;IAC/C,MAAM,EAAE,GAAG,IAAI,YAAY,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAClD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CACrB,EAAE,CAAC,gBAAgB,CACjB,4DAA4D,CAAC,SAAS,CACvE,CACF,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC;IAElE,wDAAwD;IACxD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACjB,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,kBAAkB,CAAC,IAAI,GAAG,CAAC,CAAC;QAC7D,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,kBAAkB,CAAC,IAAI,GAAG,CAAC,CAAC;QAC7D,IAAI,EAAE,IAAI,EAAE;YAAE,OAAO,EAAE,GAAG,EAAE,CAAC;QAC7B,IAAI,EAAE;YAAE,OAAO,CAAC,CAAC,CAAC;QAClB,IAAI,EAAE;YAAE,OAAO,CAAC,CAAC;QACjB,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/react/keyboard/useKeepFocusedInputVisible.d.ts

@@ -1,8 +1,9 @@
+import { type CssPrefixOptions } from "../css-prefix.js";
 /**
  * When keyboard opens, ensure focused element is visible within visual viewport.
  * - iOS Safari often hides the caret behind the keyboard.
  */
-export declare function useKeepFocusedInputVisible(opts?: {
+export declare function useKeepFocusedInputVisible(opts?: CssPrefixOptions & {
     extraOffset?: number;
     scrollBehavior?: ScrollBehavior;
 }): void;

package/dist/react/keyboard/useKeepFocusedInputVisible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useKeepFocusedInputVisible.d.ts","sourceRoot":"","sources":["../../../src/react/keyboard/useKeepFocusedInputVisible.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,CAAC,EAAE;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,QA6BA"}
+{"version":3,"file":"useKeepFocusedInputVisible.d.ts","sourceRoot":"","sources":["../../../src/react/keyboard/useKeepFocusedInputVisible.ts"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAExE;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,CAAC,EAAE,gBAAgB,GAAG;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,QA8BA"}

package/dist/react/keyboard/useKeepFocusedInputVisible.js

@@ -1,6 +1,7 @@
 import { useEffect } from "react";
 import { isBrowser } from "../../env.js";
 import { useKeyboard } from "./useKeyboard.js";
+import { resolvePrefix } from "../css-prefix.js";
 /**
  * When keyboard opens, ensure focused element is visible within visual viewport.
  * - iOS Safari often hides the caret behind the keyboard.
@@ -9,6 +10,7 @@ export function useKeepFocusedInputVisible(opts) {
     const { isOpen } = useKeyboard();
     const extraOffset = opts?.extraOffset ?? 12;
     const behavior = opts?.scrollBehavior ?? "smooth";
+    const prefix = resolvePrefix(opts);
     useEffect(() => {
         if (!isBrowser)
             return;
@@ -19,7 +21,7 @@ export function useKeepFocusedInputVisible(opts) {
             return;
         // only inputs-ish
         const tag = el.tagName.toLowerCase();
-        const isInput = tag === "input" || tag === "textarea" || tag === "select" || el.isContentEditable || el.hasAttribute("data-ttt-input");
+        const isInput = tag === "input" || tag === "textarea" || tag === "select" || el.isContentEditable || el.hasAttribute(`data-${prefix}-input`);
         if (!isInput)
             return;
         const vv = window.visualViewport;
@@ -31,6 +33,6 @@ export function useKeepFocusedInputVisible(opts) {
             const delta = bottom - limit;
             window.scrollBy({ top: delta, behavior });
         }
-    }, [isOpen, extraOffset, behavior]);
+    }, [isOpen, extraOffset, behavior, prefix]);
 }
 //# sourceMappingURL=useKeepFocusedInputVisible.js.map

package/dist/react/keyboard/useKeepFocusedInputVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeepFocusedInputVisible.js","sourceRoot":"","sources":["../../../src/react/keyboard/useKeepFocusedInputVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C;;;GAGG;AACH,MAAM,UAAU,0BAA0B,CAAC,IAG1C;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACjC,MAAM,WAAW,GAAG,IAAI,EAAE,WAAW,IAAI,EAAE,CAAC;IAC5C,MAAM,QAAQ,GAAG,IAAI,EAAE,cAAc,IAAI,QAAQ,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAmC,CAAC;QACxD,IAAI,CAAC,EAAE;YAAE,OAAO;QAEhB,kBAAkB;QAClB,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QACrC,MAAM,OAAO,GACX,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,UAAU,IAAI,GAAG,KAAK,QAAQ,IAAI,EAAE,CAAC,iBAAiB,IAAI,EAAE,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;QACzH,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,EAAE,GAAG,MAAM,CAAC,cAAc,CAAC;QACjC,MAAM,GAAG,GAAG,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,WAAW,CAAC;QAC7C,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACxC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,KAAK,GAAG,GAAG,GAAG,WAAW,CAAC;QAEhC,IAAI,MAAM,GAAG,KAAK,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;YAC7B,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;AACtC,CAAC"}
+{"version":3,"file":"useKeepFocusedInputVisible.js","sourceRoot":"","sources":["../../../src/react/keyboard/useKeepFocusedInputVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAyB,MAAM,kBAAkB,CAAC;AAExE;;;GAGG;AACH,MAAM,UAAU,0BAA0B,CAAC,IAG1C;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACjC,MAAM,WAAW,GAAG,IAAI,EAAE,WAAW,IAAI,EAAE,CAAC;IAC5C,MAAM,QAAQ,GAAG,IAAI,EAAE,cAAc,IAAI,QAAQ,CAAC;IAClD,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAmC,CAAC;QACxD,IAAI,CAAC,EAAE;YAAE,OAAO;QAEhB,kBAAkB;QAClB,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QACrC,MAAM,OAAO,GACX,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,UAAU,IAAI,GAAG,KAAK,QAAQ,IAAI,EAAE,CAAC,iBAAiB,IAAI,EAAE,CAAC,YAAY,CAAC,QAAQ,MAAM,QAAQ,CAAC,CAAC;QAC/H,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,EAAE,GAAG,MAAM,CAAC,cAAc,CAAC;QACjC,MAAM,GAAG,GAAG,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,WAAW,CAAC;QAC7C,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACxC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,KAAK,GAAG,GAAG,GAAG,WAAW,CAAC;QAEhC,IAAI,MAAM,GAAG,KAAK,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;YAC7B,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;AAC9C,CAAC"}

package/dist/react/pull-to-refresh/PullToRefreshContainer.d.ts

@@ -4,6 +4,7 @@ type Props = {
     disabled?: boolean;
     className?: string;
     children: React.ReactNode;
+    cssPrefix?: string;
 };
 /**
  * Drop-in wrapper that adds pull-to-refresh to its children.
@@ -16,6 +17,6 @@ type Props = {
  * </PullToRefreshContainer>
  * ```
  */
-export declare function PullToRefreshContainer({ onRefresh, disabled, className, children }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function PullToRefreshContainer({ onRefresh, disabled, className, children, cssPrefix }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PullToRefreshContainer.d.ts.map

package/dist/react/pull-to-refresh/PullToRefreshContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PullToRefreshContainer.d.ts","sourceRoot":"","sources":["../../../src/react/pull-to-refresh/PullToRefreshContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AA6CF;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA+CzF"}
+{"version":3,"file":"PullToRefreshContainer.d.ts","sourceRoot":"","sources":["../../../src/react/pull-to-refresh/PullToRefreshContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA6CF;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,2CAgDpG"}

package/dist/react/pull-to-refresh/PullToRefreshContainer.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { usePullToRefresh } from "./usePullToRefresh.js";
+import { resolvePrefix } from "../css-prefix.js";
 const INDICATOR_SIZE = 32;
-function SpinnerIndicator({ progress, isRefreshing }) {
+function SpinnerIndicator({ progress, isRefreshing, prefix }) {
     const radius = 10;
     const circumference = 2 * Math.PI * radius;
     const dashOffset = circumference * (1 - progress);
     return (_jsxs("svg", { width: INDICATOR_SIZE, height: INDICATOR_SIZE, viewBox: "0 0 24 24", style: {
             display: "block",
-            animation: isRefreshing ? "ttt-ptr-spin 0.8s linear infinite" : "none",
+            animation: isRefreshing ? `${prefix}-ptr-spin 0.8s linear infinite` : "none",
         }, children: [_jsx("circle", { cx: "12", cy: "12", r: radius, fill: "none", stroke: "currentColor", strokeWidth: "2", opacity: 0.15 }), _jsx("circle", { cx: "12", cy: "12", r: radius, fill: "none", stroke: "currentColor", strokeWidth: "2", strokeDasharray: circumference, strokeDashoffset: isRefreshing ? circumference * 0.25 : dashOffset, strokeLinecap: "round", style: { transition: isRefreshing ? "none" : "stroke-dashoffset 0.1s ease-out" }, transform: "rotate(-90 12 12)" })] }));
 }
 /**
@@ -21,14 +22,15 @@ function SpinnerIndicator({ progress, isRefreshing }) {
  * </PullToRefreshContainer>
  * ```
  */
-export function PullToRefreshContainer({ onRefresh, disabled, className, children }) {
+export function PullToRefreshContainer({ onRefresh, disabled, className, children, cssPrefix }) {
+    const prefix = resolvePrefix({ cssPrefix });
     const { isRefreshing, pullProgress, pullDistance, handlers, style } = usePullToRefresh({
         onRefresh,
         disabled,
     });
     const showIndicator = pullDistance > 0 || isRefreshing;
     const indicatorOpacity = isRefreshing ? 1 : Math.min(1, pullProgress * 1.5);
-    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `@keyframes ttt-ptr-spin { to { transform: rotate(360deg); } }` }), _jsxs("div", { className: className, ...handlers, style: { position: "relative", overscrollBehaviorY: "contain" }, children: [_jsx("div", { "aria-hidden": true, style: {
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `@keyframes ${prefix}-ptr-spin { to { transform: rotate(360deg); } }` }), _jsxs("div", { className: className, ...handlers, style: { position: "relative", overscrollBehaviorY: "contain" }, children: [_jsx("div", { "aria-hidden": true, style: {
                             position: "absolute",
                             top: 0,
                             left: 0,
@@ -41,6 +43,6 @@ export function PullToRefreshContainer({ onRefresh, disabled, className, childre
                             pointerEvents: "none",
                             zIndex: 10,
                             color: "var(--foreground, currentColor)",
-                        }, children: _jsx(SpinnerIndicator, { progress: pullProgress, isRefreshing: isRefreshing }) }), _jsx("div", { style: style, children: children })] })] }));
+                        }, children: _jsx(SpinnerIndicator, { progress: pullProgress, isRefreshing: isRefreshing, prefix: prefix }) }), _jsx("div", { style: style, children: children })] })] }));
 }
 //# sourceMappingURL=PullToRefreshContainer.js.map

package/dist/react/pull-to-refresh/PullToRefreshContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PullToRefreshContainer.js","sourceRoot":"","sources":["../../../src/react/pull-to-refresh/PullToRefreshContainer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PullToRefreshContainer.js","sourceRoot":"","sources":["../../../src/react/pull-to-refresh/PullToRefreshContainer.tsx"],"names":[],"mappings":"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"}

package/dist/react/safe-area/useSafeAreaInsets.d.ts

@@ -1,7 +1,9 @@
 import type { Insets } from "../../types.js";
+import { type CssPrefixOptions } from "../css-prefix.js";
 /**
  * Uses CSS env(safe-area-inset-*) by writing them to CSS vars and reading computed values.
  * Works on iOS Safari; harmless elsewhere.
+ * Default CSS vars: --app-sai-top/right/bottom/left.
  */
-export declare function useSafeAreaInsets(): Insets;
+export declare function useSafeAreaInsets(options?: CssPrefixOptions): Insets;
 //# sourceMappingURL=useSafeAreaInsets.d.ts.map

package/dist/react/safe-area/useSafeAreaInsets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSafeAreaInsets.d.ts","sourceRoot":"","sources":["../../../src/react/safe-area/useSafeAreaInsets.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAmC1C"}
+{"version":3,"file":"useSafeAreaInsets.d.ts","sourceRoot":"","sources":["../../../src/react/safe-area/useSafeAreaInsets.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAiB,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAExE;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,CAAC,EAAE,gBAAgB,GAAG,MAAM,CAoCpE"}

package/dist/react/safe-area/useSafeAreaInsets.js

@@ -1,28 +1,31 @@
 import { useEffect, useState } from "react";
 import { isBrowser } from "../../env.js";
+import { resolvePrefix } from "../css-prefix.js";
 /**
  * Uses CSS env(safe-area-inset-*) by writing them to CSS vars and reading computed values.
  * Works on iOS Safari; harmless elsewhere.
+ * Default CSS vars: --app-sai-top/right/bottom/left.
  */
-export function useSafeAreaInsets() {
+export function useSafeAreaInsets(options) {
+    const prefix = resolvePrefix(options);
     const [insets, setInsets] = useState({ top: 0, right: 0, bottom: 0, left: 0 });
     useEffect(() => {
         if (!isBrowser)
             return;
         const el = document.documentElement;
         // set vars once
-        el.style.setProperty("--ttt-sai-top", "env(safe-area-inset-top)");
-        el.style.setProperty("--ttt-sai-right", "env(safe-area-inset-right)");
-        el.style.setProperty("--ttt-sai-bottom", "env(safe-area-inset-bottom)");
-        el.style.setProperty("--ttt-sai-left", "env(safe-area-inset-left)");
+        el.style.setProperty(`--${prefix}-sai-top`, "env(safe-area-inset-top)");
+        el.style.setProperty(`--${prefix}-sai-right`, "env(safe-area-inset-right)");
+        el.style.setProperty(`--${prefix}-sai-bottom`, "env(safe-area-inset-bottom)");
+        el.style.setProperty(`--${prefix}-sai-left`, "env(safe-area-inset-left)");
         const read = () => {
             const cs = getComputedStyle(el);
             const px = (v) => Math.max(0, Math.round(parseFloat(v || "0")));
             setInsets({
-                top: px(cs.getPropertyValue("--ttt-sai-top")),
-                right: px(cs.getPropertyValue("--ttt-sai-right")),
-                bottom: px(cs.getPropertyValue("--ttt-sai-bottom")),
-                left: px(cs.getPropertyValue("--ttt-sai-left")),
+                top: px(cs.getPropertyValue(`--${prefix}-sai-top`)),
+                right: px(cs.getPropertyValue(`--${prefix}-sai-right`)),
+                bottom: px(cs.getPropertyValue(`--${prefix}-sai-bottom`)),
+                left: px(cs.getPropertyValue(`--${prefix}-sai-left`)),
             });
         };
         read();
@@ -32,7 +35,7 @@ export function useSafeAreaInsets() {
             window.removeEventListener("resize", read);
             window.removeEventListener("orientationchange", read);
         };
-    }, []);
+    }, [prefix]);
     return insets;
 }
 //# sourceMappingURL=useSafeAreaInsets.js.map

package/dist/react/safe-area/useSafeAreaInsets.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSafeAreaInsets.js","sourceRoot":"","sources":["../../../src/react/safe-area/useSafeAreaInsets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;GAGG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;IAEvF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC;QAEpC,gBAAgB;QAChB,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,0BAA0B,CAAC,CAAC;QAClE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,4BAA4B,CAAC,CAAC;QACtE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,6BAA6B,CAAC,CAAC;QACxE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,2BAA2B,CAAC,CAAC;QAEpE,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,MAAM,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;YAChC,MAAM,EAAE,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;YACxE,SAAS,CAAC;gBACR,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;gBAC7C,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;gBACjD,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;gBACnD,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;aAChD,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,IAAI,EAAE,CAAC;QACP,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3D,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACtE,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAC3C,MAAM,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,CAAC;AAChB,CAAC"}
+{"version":3,"file":"useSafeAreaInsets.js","sourceRoot":"","sources":["../../../src/react/safe-area/useSafeAreaInsets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,aAAa,EAAyB,MAAM,kBAAkB,CAAC;AAExE;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,OAA0B;IAC1D,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;IAEvF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC;QAEpC,gBAAgB;QAChB,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,MAAM,UAAU,EAAE,0BAA0B,CAAC,CAAC;QACxE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,MAAM,YAAY,EAAE,4BAA4B,CAAC,CAAC;QAC5E,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,MAAM,aAAa,EAAE,6BAA6B,CAAC,CAAC;QAC9E,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,MAAM,WAAW,EAAE,2BAA2B,CAAC,CAAC;QAE1E,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,MAAM,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;YAChC,MAAM,EAAE,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;YACxE,SAAS,CAAC;gBACR,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,KAAK,MAAM,UAAU,CAAC,CAAC;gBACnD,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,KAAK,MAAM,YAAY,CAAC,CAAC;gBACvD,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,KAAK,MAAM,aAAa,CAAC,CAAC;gBACzD,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,KAAK,MAAM,WAAW,CAAC,CAAC;aACtD,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,IAAI,EAAE,CAAC;QACP,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3D,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACtE,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAC3C,MAAM,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/react/viewport/useViewportHeightVars.d.ts

@@ -1,10 +1,13 @@
+import { type CssPrefixOptions } from "../css-prefix.js";
 /**
  * Sets:
- *  --ttt-vh: 1% of *layout* viewport height (window.innerHeight)
- *  --ttt-dvh: 1% of *visual* viewport height (visualViewport.height when available)
+ *  --<prefix>-vh: 1% of *layout* viewport height (window.innerHeight)
+ *  --<prefix>-dvh: 1% of *visual* viewport height (visualViewport.height when available)
+ *
+ * Default prefix is "app": --app-vh / --app-dvh.
  *
  * Use in CSS:
- *  height: calc(var(--ttt-dvh, var(--ttt-vh, 1vh)) * 100);
+ *  height: calc(var(--app-dvh, var(--app-vh, 1vh)) * 100);
  */
-export declare function useViewportHeightVars(): void;
+export declare function useViewportHeightVars(options?: CssPrefixOptions): void;
 //# sourceMappingURL=useViewportHeightVars.d.ts.map

package/dist/react/viewport/useViewportHeightVars.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useViewportHeightVars.d.ts","sourceRoot":"","sources":["../../../src/react/viewport/useViewportHeightVars.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,SAoBpC"}
+{"version":3,"file":"useViewportHeightVars.d.ts","sourceRoot":"","sources":["../../../src/react/viewport/useViewportHeightVars.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAExE;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,CAAC,EAAE,gBAAgB,QAqB/D"}

package/dist/react/viewport/useViewportHeightVars.js

@@ -1,22 +1,26 @@
 import { useEffect } from "react";
 import { isBrowser } from "../../env.js";
+import { resolvePrefix } from "../css-prefix.js";
 /**
  * Sets:
- *  --ttt-vh: 1% of *layout* viewport height (window.innerHeight)
- *  --ttt-dvh: 1% of *visual* viewport height (visualViewport.height when available)
+ *  --<prefix>-vh: 1% of *layout* viewport height (window.innerHeight)
+ *  --<prefix>-dvh: 1% of *visual* viewport height (visualViewport.height when available)
+ *
+ * Default prefix is "app": --app-vh / --app-dvh.
  *
  * Use in CSS:
- *  height: calc(var(--ttt-dvh, var(--ttt-vh, 1vh)) * 100);
+ *  height: calc(var(--app-dvh, var(--app-vh, 1vh)) * 100);
  */
-export function useViewportHeightVars() {
+export function useViewportHeightVars(options) {
+    const prefix = resolvePrefix(options);
     useEffect(() => {
         if (!isBrowser)
             return;
         const apply = () => {
             const vh = window.innerHeight * 0.01;
-            document.documentElement.style.setProperty("--ttt-vh", `${vh}px`);
+            document.documentElement.style.setProperty(`--${prefix}-vh`, `${vh}px`);
             const dvh = (window.visualViewport?.height ?? window.innerHeight) * 0.01;
-            document.documentElement.style.setProperty("--ttt-dvh", `${dvh}px`);
+            document.documentElement.style.setProperty(`--${prefix}-dvh`, `${dvh}px`);
         };
         apply();
         window.addEventListener("resize", apply, { passive: true });
@@ -25,6 +29,6 @@ export function useViewportHeightVars() {
             window.removeEventListener("resize", apply);
             window.visualViewport?.removeEventListener("resize", apply);
         };
-    }, []);
+    }, [prefix]);
 }
 //# sourceMappingURL=useViewportHeightVars.js.map

package/dist/react/viewport/useViewportHeightVars.js.map

@@ -1 +1 @@
-{"version":3,"file":"useViewportHeightVars.js","sourceRoot":"","sources":["../../../src/react/viewport/useViewportHeightVars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,KAAK,GAAG,GAAG,EAAE;YACjB,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC;YACrC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;YAElE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,IAAI,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;YACzE,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,GAAG,GAAG,IAAI,CAAC,CAAC;QACtE,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5D,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5E,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC5C,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC9D,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}
+{"version":3,"file":"useViewportHeightVars.js","sourceRoot":"","sources":["../../../src/react/viewport/useViewportHeightVars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,aAAa,EAAyB,MAAM,kBAAkB,CAAC;AAExE;;;;;;;;;GASG;AACH,MAAM,UAAU,qBAAqB,CAAC,OAA0B;IAC9D,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,KAAK,GAAG,GAAG,EAAE;YACjB,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC;YACrC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,MAAM,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;YAExE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,IAAI,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;YACzE,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,MAAM,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC,CAAC;QAC5E,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5D,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5E,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC5C,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC9D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ttt-productions/mobile-core",
-    "version": "0.2.12",
+    "version": "0.3.0",
     "description": "Shared mobile utilities and responsive helpers for TTT Productions apps",
     "repository": {
         "type": "git",