@ttt-productions/mobile-core 0.0.1 → 0.0.2

package/dist/env.d.ts

@@ -0,0 +1,5 @@
+export declare const isBrowser: boolean;
+export declare const isIOS: boolean;
+export declare const isSafari: boolean;
+export declare const hasVisualViewport: boolean;
+//# sourceMappingURL=env.d.ts.map

package/dist/env.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["../src/env.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,SAAmE,CAAC;AAC1F,eAAO,MAAM,KAAK,SAA0D,CAAC;AAC7E,eAAO,MAAM,QAAQ,SAA0E,CAAC;AAChG,eAAO,MAAM,iBAAiB,SAAuC,CAAC"}

package/{src/env.ts → dist/env.js}

@@ -2,3 +2,4 @@ export const isBrowser = typeof window !== "undefined" && typeof document !== "u
 export const isIOS = isBrowser && /iP(ad|hone|od)/.test(navigator.userAgent);
 export const isSafari = isBrowser && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 export const hasVisualViewport = isBrowser && !!window.visualViewport;
+//# sourceMappingURL=env.js.map

package/dist/env.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.js","sourceRoot":"","sources":["../src/env.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,QAAQ,KAAK,WAAW,CAAC;AAC1F,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,IAAI,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,IAAI,gCAAgC,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;AAChG,MAAM,CAAC,MAAM,iBAAiB,GAAG,SAAS,IAAI,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./types";
+export * from "./env";
+export * from "./viewport/useVisualViewport";
+export * from "./viewport/useViewportHeightVars";
+export * from "./keyboard/useKeyboard";
+export * from "./keyboard/useKeepFocusedInputVisible";
+export * from "./keyboard/useInputNavigation";
+export * from "./keyboard/KeyboardAvoidingView";
+export * from "./safe-area/useSafeAreaInsets";
+export * from "./safe-area/SafeArea";
+export * from "./scroll/useScrollLock";
+export * from "./ios/useIosSafariFixes";
+export * from "./ios/useNoRubberBand";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AAEtB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AAEjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAEhD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AAErC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC"}

package/{src/index.ts → dist/index.js}

@@ -1,18 +1,14 @@
 export * from "./types";
 export * from "./env";
-
 export * from "./viewport/useVisualViewport";
 export * from "./viewport/useViewportHeightVars";
-
 export * from "./keyboard/useKeyboard";
 export * from "./keyboard/useKeepFocusedInputVisible";
 export * from "./keyboard/useInputNavigation";
 export * from "./keyboard/KeyboardAvoidingView";
-
 export * from "./safe-area/useSafeAreaInsets";
 export * from "./safe-area/SafeArea";
-
 export * from "./scroll/useScrollLock";
-
 export * from "./ios/useIosSafariFixes";
 export * from "./ios/useNoRubberBand";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AAEtB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AAEjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAEhD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AAErC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC"}

package/dist/ios/useIosSafariFixes.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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)
+ */
+export declare function useIosSafariFixes(): void;
+//# sourceMappingURL=useIosSafariFixes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIosSafariFixes.d.ts","sourceRoot":"","sources":["../../src/ios/useIosSafariFixes.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wBAAgB,iBAAiB,SAOhC"}

package/{src/ios/useIosSafariFixes.ts → dist/ios/useIosSafariFixes.js}

@@ -1,6 +1,5 @@
 import { useEffect } from "react";
 import { isBrowser, isIOS, isSafari } from "../env";
-
 /**
  * Small, safe iOS Safari fixes:
  * - disables double-tap-to-zoom delays for buttons (via touch-action)
@@ -8,10 +7,11 @@ import { isBrowser, isIOS, isSafari } from "../env";
  * - adds -webkit-overflow-scrolling: touch helper class hook (optional)
  */
 export function useIosSafariFixes() {
-  useEffect(() => {
-    if (!isBrowser || !isIOS || !isSafari) return;
-
-    document.documentElement.classList.add("ttt-ios-safari");
-    return () => document.documentElement.classList.remove("ttt-ios-safari");
-  }, []);
+    useEffect(() => {
+        if (!isBrowser || !isIOS || !isSafari)
+            return;
+        document.documentElement.classList.add("ttt-ios-safari");
+        return () => document.documentElement.classList.remove("ttt-ios-safari");
+    }, []);
 }
+//# sourceMappingURL=useIosSafariFixes.js.map

package/dist/ios/useIosSafariFixes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIosSafariFixes.js","sourceRoot":"","sources":["../../src/ios/useIosSafariFixes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEpD;;;;;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"}

package/dist/ios/useNoRubberBand.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Prevents iOS rubber-band scroll on the document by limiting overscroll chaining.
+ * Use sparingly (e.g., full-screen experiences).
+ */
+export declare function useNoRubberBand(enabled: boolean): void;
+//# sourceMappingURL=useNoRubberBand.d.ts.map

package/dist/ios/useNoRubberBand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNoRubberBand.d.ts","sourceRoot":"","sources":["../../src/ios/useNoRubberBand.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,QAY/C"}

package/dist/ios/useNoRubberBand.js

@@ -0,0 +1,19 @@
+import { useEffect } from "react";
+import { isBrowser, isIOS } from "../env";
+/**
+ * Prevents iOS rubber-band scroll on the document by limiting overscroll chaining.
+ * Use sparingly (e.g., full-screen experiences).
+ */
+export function useNoRubberBand(enabled) {
+    useEffect(() => {
+        if (!isBrowser || !isIOS || !enabled)
+            return;
+        const el = document.documentElement;
+        const prev = el.style.overscrollBehaviorY;
+        el.style.overscrollBehaviorY = "none";
+        return () => {
+            el.style.overscrollBehaviorY = prev;
+        };
+    }, [enabled]);
+}
+//# sourceMappingURL=useNoRubberBand.js.map

package/dist/ios/useNoRubberBand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNoRubberBand.js","sourceRoot":"","sources":["../../src/ios/useNoRubberBand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE1C;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,OAAgB;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO;YAAE,OAAO;QAE7C,MAAM,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC;QACpC,MAAM,IAAI,GAAG,EAAE,CAAC,KAAK,CAAC,mBAA0B,CAAC;QAChD,EAAE,CAAC,KAAa,CAAC,mBAAmB,GAAG,MAAM,CAAC;QAE/C,OAAO,GAAG,EAAE;YACT,EAAE,CAAC,KAAa,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAC/C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC"}

package/dist/keyboard/KeyboardAvoidingView.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+type Props = React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * If true, adds padding-bottom equal to keyboard height while open.
+     * Good default for forms.
+     */
+    padding?: boolean;
+    /**
+     * Adds extra px to bottom padding.
+     */
+    offset?: number;
+};
+/**
+ * Desktop-safe: does nothing when keyboard is not detected.
+ */
+export declare function KeyboardAvoidingView({ padding, offset, style, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=KeyboardAvoidingView.d.ts.map

package/dist/keyboard/KeyboardAvoidingView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardAvoidingView.d.ts","sourceRoot":"","sources":["../../src/keyboard/KeyboardAvoidingView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClD;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,OAAc,EAAE,MAAU,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,2CAKzF"}

package/dist/keyboard/KeyboardAvoidingView.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useKeyboard } from "./useKeyboard";
+/**
+ * Desktop-safe: does nothing when keyboard is not detected.
+ */
+export function KeyboardAvoidingView({ padding = true, offset = 0, style, ...rest }) {
+    const k = useKeyboard();
+    const pb = padding && k.isOpen ? k.height + offset : 0;
+    return _jsx("div", { ...rest, style: { ...style, paddingBottom: style?.paddingBottom ?? pb } });
+}
+//# sourceMappingURL=KeyboardAvoidingView.js.map

package/dist/keyboard/KeyboardAvoidingView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardAvoidingView.js","sourceRoot":"","sources":["../../src/keyboard/KeyboardAvoidingView.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAc5C;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAS;IACxF,MAAM,CAAC,GAAG,WAAW,EAAE,CAAC;IACxB,MAAM,EAAE,GAAG,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvD,OAAO,iBAAS,IAAI,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,aAAa,EAAG,KAAa,EAAE,aAAa,IAAI,EAAE,EAAE,GAAI,CAAC;AACpG,CAAC"}

package/dist/keyboard/focusOrder.d.ts

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

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

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

package/dist/keyboard/focusOrder.js

@@ -0,0 +1,18 @@
+export function getFocusableInputs(root = document) {
+    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);
+    // DOM order is usually correct; allow explicit override
+    list.sort((a, b) => {
+        const ao = Number(a.getAttribute("data-input-order") ?? "0");
+        const bo = Number(b.getAttribute("data-input-order") ?? "0");
+        if (ao && bo)
+            return ao - bo;
+        if (ao)
+            return -1;
+        if (bo)
+            return 1;
+        return 0;
+    });
+    return list;
+}
+//# sourceMappingURL=focusOrder.js.map

package/dist/keyboard/focusOrder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusOrder.js","sourceRoot":"","sources":["../../src/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"}

package/dist/keyboard/useInputNavigation.d.ts

@@ -0,0 +1,17 @@
+type Options = {
+    root?: HTMLElement | null;
+    onDone?: () => void;
+};
+/**
+ * Attach to inputs:
+ *  onKeyDown={nav.onKeyDown}
+ *  onSubmitEditing={nav.onSubmitEditing} (optional)
+ *
+ * Also supports explicit ordering via data-input-order.
+ */
+export declare function useInputNavigation(opts?: Options): {
+    focusNext: () => void;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+};
+export {};
+//# sourceMappingURL=useInputNavigation.d.ts.map

package/dist/keyboard/useInputNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputNavigation.d.ts","sourceRoot":"","sources":["../../src/keyboard/useInputNavigation.ts"],"names":[],"mappings":"AAGA,KAAK,OAAO,GAAG;IACb,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,CAAC,EAAE,OAAO;;mBAezC,KAAK,CAAC,aAAa;EAa1B"}

package/dist/keyboard/useInputNavigation.js

@@ -0,0 +1,35 @@
+import { useCallback } from "react";
+import { getFocusableInputs } from "./focusOrder";
+/**
+ * Attach to inputs:
+ *  onKeyDown={nav.onKeyDown}
+ *  onSubmitEditing={nav.onSubmitEditing} (optional)
+ *
+ * Also supports explicit ordering via data-input-order.
+ */
+export function useInputNavigation(opts) {
+    const root = opts?.root ?? null;
+    const focusNext = useCallback(() => {
+        const scope = root ?? document;
+        const inputs = getFocusableInputs(scope);
+        const active = document.activeElement;
+        const idx = active ? inputs.indexOf(active) : -1;
+        const next = inputs[idx + 1];
+        if (next)
+            next.focus();
+        else
+            opts?.onDone?.();
+    }, [root, opts]);
+    const onKeyDown = useCallback((e) => {
+        if (e.key === "Enter") {
+            // allow textarea newlines
+            const el = e.currentTarget;
+            if (el.tagName.toLowerCase() === "textarea")
+                return;
+            e.preventDefault();
+            focusNext();
+        }
+    }, [focusNext]);
+    return { focusNext, onKeyDown };
+}
+//# sourceMappingURL=useInputNavigation.js.map

package/dist/keyboard/useInputNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputNavigation.js","sourceRoot":"","sources":["../../src/keyboard/useInputNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAOlD;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAAc;IAC/C,MAAM,IAAI,GAAG,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC;IAEhC,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,MAAM,KAAK,GAAG,IAAI,IAAI,QAAQ,CAAC;QAC/B,MAAM,MAAM,GAAG,kBAAkB,CAAC,KAAY,CAAC,CAAC;QAChD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAmC,CAAC;QAC5D,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;QAE7B,IAAI,IAAI;YAAE,IAAI,CAAC,KAAK,EAAE,CAAC;;YAClB,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;IACxB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjB,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,0BAA0B;YAC1B,MAAM,EAAE,GAAG,CAAC,CAAC,aAA4B,CAAC;YAC1C,IAAI,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,UAAU;gBAAE,OAAO;YACpD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,SAAS,EAAE,CAAC;QACd,CAAC;IACH,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAClC,CAAC"}

package/dist/keyboard/useKeepFocusedInputVisible.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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?: {
+    extraOffset?: number;
+    scrollBehavior?: ScrollBehavior;
+}): void;
+//# sourceMappingURL=useKeepFocusedInputVisible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useKeepFocusedInputVisible.d.ts","sourceRoot":"","sources":["../../src/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"}

package/dist/keyboard/useKeepFocusedInputVisible.js

@@ -0,0 +1,36 @@
+import { useEffect } from "react";
+import { isBrowser } from "../env";
+import { useKeyboard } from "./useKeyboard";
+/**
+ * When keyboard opens, ensure focused element is visible within visual viewport.
+ * - iOS Safari often hides the caret behind the keyboard.
+ */
+export function useKeepFocusedInputVisible(opts) {
+    const { isOpen } = useKeyboard();
+    const extraOffset = opts?.extraOffset ?? 12;
+    const behavior = opts?.scrollBehavior ?? "smooth";
+    useEffect(() => {
+        if (!isBrowser)
+            return;
+        if (!isOpen)
+            return;
+        const el = document.activeElement;
+        if (!el)
+            return;
+        // only inputs-ish
+        const tag = el.tagName.toLowerCase();
+        const isInput = tag === "input" || tag === "textarea" || tag === "select" || el.isContentEditable || el.hasAttribute("data-ttt-input");
+        if (!isInput)
+            return;
+        const vv = window.visualViewport;
+        const vvH = vv?.height ?? window.innerHeight;
+        const rect = el.getBoundingClientRect();
+        const bottom = rect.bottom;
+        const limit = vvH - extraOffset;
+        if (bottom > limit) {
+            const delta = bottom - limit;
+            window.scrollBy({ top: delta, behavior });
+        }
+    }, [isOpen, extraOffset, behavior]);
+}
+//# sourceMappingURL=useKeepFocusedInputVisible.js.map

package/dist/keyboard/useKeepFocusedInputVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeepFocusedInputVisible.js","sourceRoot":"","sources":["../../src/keyboard/useKeepFocusedInputVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;;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"}

package/dist/keyboard/useKeyboard.d.ts

@@ -0,0 +1,8 @@
+import type { KeyboardState } from "../types";
+/**
+ * Best effort keyboard detection:
+ * - iOS Safari: visualViewport.height shrinks when keyboard shows
+ * - fallback: focusin/focusout heuristics + innerHeight snapshots
+ */
+export declare function useKeyboard(): KeyboardState;
+//# sourceMappingURL=useKeyboard.d.ts.map

package/dist/keyboard/useKeyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboard.d.ts","sourceRoot":"","sources":["../../src/keyboard/useKeyboard.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C;;;;GAIG;AACH,wBAAgB,WAAW,IAAI,aAAa,CAgE3C"}

package/dist/keyboard/useKeyboard.js

@@ -0,0 +1,66 @@
+import { useEffect, useMemo, useState } from "react";
+import { hasVisualViewport, isBrowser } from "../env";
+/**
+ * Best effort keyboard detection:
+ * - iOS Safari: visualViewport.height shrinks when keyboard shows
+ * - fallback: focusin/focusout heuristics + innerHeight snapshots
+ */
+export function useKeyboard() {
+    const [baseline, setBaseline] = useState(() => (isBrowser ? window.innerHeight : 0));
+    const [height, setHeight] = useState(0);
+    const [open, setOpen] = useState(false);
+    const [source, setSource] = useState("fallback");
+    useEffect(() => {
+        if (!isBrowser)
+            return;
+        const setBaseIfNeeded = () => {
+            // update baseline when keyboard likely closed
+            const vvH = window.visualViewport?.height ?? window.innerHeight;
+            const inner = window.innerHeight;
+            const candidate = Math.max(vvH, inner);
+            setBaseline((b) => (Math.abs(candidate - b) > 40 ? candidate : b));
+        };
+        const onVV = () => {
+            const vvH = window.visualViewport?.height ?? window.innerHeight;
+            const delta = Math.max(0, Math.round(baseline - vvH));
+            const isOpen = delta > 80; // threshold
+            setSource("visualViewport");
+            setHeight(isOpen ? delta : 0);
+            setOpen(isOpen);
+            if (!isOpen)
+                setBaseIfNeeded();
+        };
+        const onFocusIn = () => {
+            // baseline snapshot on focus to reduce false positives
+            setBaseline((b) => Math.max(b, window.innerHeight));
+        };
+        const onFocusOut = () => {
+            // allow baseline update shortly after blur
+            setTimeout(setBaseIfNeeded, 50);
+            setTimeout(() => {
+                setOpen(false);
+                setHeight(0);
+            }, 250);
+        };
+        if (hasVisualViewport) {
+            window.visualViewport.addEventListener("resize", onVV, { passive: true });
+            window.visualViewport.addEventListener("scroll", onVV, { passive: true });
+            onVV();
+        }
+        window.addEventListener("focusin", onFocusIn, { passive: true });
+        window.addEventListener("focusout", onFocusOut, { passive: true });
+        window.addEventListener("orientationchange", setBaseIfNeeded, { passive: true });
+        setBaseIfNeeded();
+        return () => {
+            if (hasVisualViewport) {
+                window.visualViewport.removeEventListener("resize", onVV);
+                window.visualViewport.removeEventListener("scroll", onVV);
+            }
+            window.removeEventListener("focusin", onFocusIn);
+            window.removeEventListener("focusout", onFocusOut);
+            window.removeEventListener("orientationchange", setBaseIfNeeded);
+        };
+    }, [baseline]);
+    return useMemo(() => ({ isOpen: open, height, source }), [open, height, source]);
+}
+//# sourceMappingURL=useKeyboard.js.map

package/dist/keyboard/useKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboard.js","sourceRoot":"","sources":["../../src/keyboard/useKeyboard.ts"],"names":[],"mappings":"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"}

package/dist/safe-area/SafeArea.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type Props = React.HTMLAttributes<HTMLDivElement> & {
+    top?: boolean;
+    bottom?: boolean;
+    left?: boolean;
+    right?: boolean;
+};
+export declare function SafeArea({ top, bottom, left, right, style, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SafeArea.d.ts.map

package/dist/safe-area/SafeArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeArea.d.ts","sourceRoot":"","sources":["../../src/safe-area/SafeArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,2CAa3E"}

package/dist/safe-area/SafeArea.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SafeArea({ top, bottom, left, right, style, ...rest }) {
+    return (_jsx("div", { ...rest, style: {
+            ...style,
+            paddingTop: top ? "env(safe-area-inset-top)" : style?.paddingTop,
+            paddingBottom: bottom ? "env(safe-area-inset-bottom)" : style?.paddingBottom,
+            paddingLeft: left ? "env(safe-area-inset-left)" : style?.paddingLeft,
+            paddingRight: right ? "env(safe-area-inset-right)" : style?.paddingRight,
+        } }));
+}
+//# sourceMappingURL=SafeArea.js.map

package/dist/safe-area/SafeArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeArea.js","sourceRoot":"","sources":["../../src/safe-area/SafeArea.tsx"],"names":[],"mappings":";AASA,MAAM,UAAU,QAAQ,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAS;IAC1E,OAAO,CACL,iBACM,IAAI,EACR,KAAK,EAAE;YACL,GAAG,KAAK;YACR,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAE,KAAa,EAAE,UAAU;YACzE,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAE,KAAa,EAAE,aAAa;YACrF,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAE,KAAa,EAAE,WAAW;YAC7E,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAE,KAAa,EAAE,YAAY;SAClF,GACD,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { Insets } from "../types";
+/**
+ * Uses CSS env(safe-area-inset-*) by writing them to CSS vars and reading computed values.
+ * Works on iOS Safari; harmless elsewhere.
+ */
+export declare function useSafeAreaInsets(): Insets;
+//# sourceMappingURL=useSafeAreaInsets.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSafeAreaInsets.d.ts","sourceRoot":"","sources":["../../src/safe-area/useSafeAreaInsets.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGvC;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAmC1C"}

package/dist/safe-area/useSafeAreaInsets.js

@@ -0,0 +1,38 @@
+import { useEffect, useState } from "react";
+import { isBrowser } from "../env";
+/**
+ * Uses CSS env(safe-area-inset-*) by writing them to CSS vars and reading computed values.
+ * Works on iOS Safari; harmless elsewhere.
+ */
+export function useSafeAreaInsets() {
+    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)");
+        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")),
+            });
+        };
+        read();
+        window.addEventListener("resize", read, { passive: true });
+        window.addEventListener("orientationchange", read, { passive: true });
+        return () => {
+            window.removeEventListener("resize", read);
+            window.removeEventListener("orientationchange", read);
+        };
+    }, []);
+    return insets;
+}
+//# sourceMappingURL=useSafeAreaInsets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSafeAreaInsets.js","sourceRoot":"","sources":["../../src/safe-area/useSafeAreaInsets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC;;;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"}

package/dist/scroll/useScrollLock.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Locks body scroll (mobile sheet/modal fix).
+ * - preserves current scroll position
+ * - iOS safe enough for common cases
+ */
+export declare function useScrollLock(locked: boolean): void;
+//# sourceMappingURL=useScrollLock.d.ts.map

package/dist/scroll/useScrollLock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.d.ts","sourceRoot":"","sources":["../../src/scroll/useScrollLock.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,OAAO,QA4B5C"}

package/dist/scroll/useScrollLock.js

@@ -0,0 +1,35 @@
+import { useEffect } from "react";
+import { isBrowser } from "../env";
+/**
+ * Locks body scroll (mobile sheet/modal fix).
+ * - preserves current scroll position
+ * - iOS safe enough for common cases
+ */
+export function useScrollLock(locked) {
+    useEffect(() => {
+        if (!isBrowser)
+            return;
+        if (!locked)
+            return;
+        const { body } = document;
+        const scrollY = window.scrollY;
+        const prev = {
+            position: body.style.position,
+            top: body.style.top,
+            width: body.style.width,
+            overflowY: body.style.overflowY,
+        };
+        body.style.position = "fixed";
+        body.style.top = `-${scrollY}px`;
+        body.style.width = "100%";
+        body.style.overflowY = "scroll";
+        return () => {
+            body.style.position = prev.position;
+            body.style.top = prev.top;
+            body.style.width = prev.width;
+            body.style.overflowY = prev.overflowY;
+            window.scrollTo(0, scrollY);
+        };
+    }, [locked]);
+}
+//# sourceMappingURL=useScrollLock.js.map

package/dist/scroll/useScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.js","sourceRoot":"","sources":["../../src/scroll/useScrollLock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,MAAe;IAC3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QAC1B,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAE/B,MAAM,IAAI,GAAG;YACX,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YAC7B,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;SAChC,CAAC;QAEF,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;QAC9B,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,OAAO,IAAI,CAAC;QACjC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;QAEhC,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;YACpC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;YAC1B,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAC9B,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;YACtC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,12 @@
+export type Insets = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export type KeyboardState = {
+    isOpen: boolean;
+    height: number;
+    source: "visualViewport" | "fallback";
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAElF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IAEf,MAAM,EAAE,gBAAgB,GAAG,UAAU,CAAC;CACvC,CAAC"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/viewport/useViewportHeightVars.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Sets:
+ *  --ttt-vh: 1% of *layout* viewport height (window.innerHeight)
+ *  --ttt-dvh: 1% of *visual* viewport height (visualViewport.height when available)
+ *
+ * Use in CSS:
+ *  height: calc(var(--ttt-dvh, var(--ttt-vh, 1vh)) * 100);
+ */
+export declare function useViewportHeightVars(): void;
+//# sourceMappingURL=useViewportHeightVars.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useViewportHeightVars.d.ts","sourceRoot":"","sources":["../../src/viewport/useViewportHeightVars.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,SAoBpC"}