@a-type/ui 5.0.22 → 6.0.1

package/dist/hooks/useStorage.js

@@ -0,0 +1,96 @@
+import { useEffect, useMemo } from 'react';
+import { proxy, useSnapshot } from 'valtio';
+function makeUseStorage(storage, cache, name = storage.constructor.name) {
+    return function useStorage(key, initialValue, writeInitialValue = false) {
+        var _a, _b;
+        // using useMemo to execute synchronous code in render just once.
+        // this hook comes before useLocalStorageCache because we want to load
+        // values into the cache before accessing them.
+        const stored = useMemo(() => {
+            if (typeof window === 'undefined')
+                return;
+            try {
+                const stored = storage.getItem(key);
+                if (stored === '"undefined"')
+                    return undefined;
+                if (stored === null)
+                    return undefined;
+                return JSON.parse(stored);
+            }
+            catch (err) {
+                console.error(`Error parsing use-${name} value for ${key}: ${err}`);
+                storage.removeItem(key);
+            }
+        }, [key]);
+        useEffect(() => {
+            if (stored !== undefined) {
+                cache[key] = stored;
+            }
+        }, [stored, key]);
+        const snapshot = useSnapshot(cache);
+        const storedValue = ((_b = (_a = snapshot[key]) !== null && _a !== void 0 ? _a : stored) !== null && _b !== void 0 ? _b : initialValue);
+        useEffect(() => {
+            if (typeof window === 'undefined')
+                return;
+            if (snapshot[key] === undefined && writeInitialValue) {
+                storage.setItem(key, JSON.stringify(initialValue));
+            }
+        }, [!!snapshot[key], initialValue, writeInitialValue, key]);
+        // Return a wrapped version of useState's setter function that
+        // persists the new value to localStorage. It's throttled to prevent
+        // frequent writes to localStorage, which can be costly.
+        const setValue = useMemo(() => throttle((value) => {
+            if (typeof window === 'undefined')
+                return;
+            try {
+                // Allow value to be a function so we have same API as useState
+                const valueToStore = value instanceof Function ? value(storedValue) : value;
+                // Save to local storage
+                storage.setItem(key, JSON.stringify(valueToStore));
+                // sync it to other instances of the hook via the global cache
+                cache[key] = valueToStore;
+            }
+            catch (error) {
+                console.error(`Error setting use-${name} value for ${key}: ${value}: ${error}`);
+                throw new Error('Error setting value');
+            }
+        }, 300, { trailing: true, leading: true }), [key, storedValue]);
+        return [storedValue, setValue];
+    };
+}
+const mockStorage = {
+    getItem: () => {
+        return null;
+    },
+    setItem: () => { },
+    removeItem: () => { },
+    length: 0,
+    clear: () => { },
+    key: () => {
+        return null;
+    },
+};
+export const useLocalStorage = makeUseStorage(typeof window === 'undefined' ? mockStorage : localStorage, proxy({}), 'LocalStorage');
+export const useSessionStorage = makeUseStorage(typeof window === 'undefined' ? mockStorage : sessionStorage, proxy({}), 'SessionStorage');
+function throttle(func, wait, options) {
+    let previous = 0;
+    return function (...args) {
+        const now = Date.now();
+        if (!previous && (options === null || options === void 0 ? void 0 : options.leading) === false)
+            previous = now;
+        const remaining = wait - (now - previous);
+        if (remaining <= 0) {
+            if ((options === null || options === void 0 ? void 0 : options.trailing) === false)
+                previous = now;
+            return func(...args);
+        }
+        if ((options === null || options === void 0 ? void 0 : options.trailing) === false) {
+            return func(...args);
+        }
+        return setTimeout(() => {
+            previous = (options === null || options === void 0 ? void 0 : options.leading) === false ? 0 : Date.now();
+            func(...args);
+        }, remaining);
+    };
+}
+//# sourceMappingURL=useStorage.js.map

package/dist/hooks/useStorage.js.map

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

package/dist/hooks/useTitleBarColor.d.ts

@@ -0,0 +1,11 @@
+export declare function useTitleBarColor(color: string | {
+    light: string;
+    dark: string;
+}): void;
+export declare function useSetTitleBarColor(): {
+    setColor: (color: string) => void;
+    resetColor: () => void;
+};
+export declare function useThemedTitleBar(paletteOrName: any, value: any, 
+/** If not provided, will inherit from app */
+mode?: 'light' | 'dark', skip?: boolean): void;

package/dist/hooks/useTitleBarColor.js

@@ -0,0 +1,44 @@
+var _a;
+import { useCallback } from 'react';
+let defaultColor = '#ffffff';
+function getCurrentColor() {
+    var _a;
+    return (_a = document
+        .querySelector('meta[name=theme-color]')) === null || _a === void 0 ? void 0 : _a.getAttribute('content');
+}
+if (typeof document !== 'undefined') {
+    defaultColor = (_a = getCurrentColor()) !== null && _a !== void 0 ? _a : defaultColor;
+}
+function changeThemeColor(color) {
+    if (typeof document === 'undefined') {
+        return;
+    }
+    // evaluate css var if necessary
+    while (color.startsWith('var(')) {
+        const root = document.documentElement;
+        const cssVar = color.slice(4, -1).trim();
+        color = getComputedStyle(root).getPropertyValue(cssVar);
+    }
+    let metaThemeColor = document.querySelector('meta[name=theme-color]');
+    if (!metaThemeColor) {
+        metaThemeColor = document.createElement('meta');
+        metaThemeColor.setAttribute('name', 'theme-color');
+        document.head.appendChild(metaThemeColor);
+    }
+    metaThemeColor === null || metaThemeColor === void 0 ? void 0 : metaThemeColor.setAttribute('content', color);
+    console.log('set title bar color', color);
+}
+export function useTitleBarColor(color) {
+    /* TODO: rewrite this */
+}
+export function useSetTitleBarColor() {
+    const setColor = useCallback((color) => changeThemeColor(color), []);
+    const resetColor = useCallback(() => changeThemeColor(defaultColor), []);
+    return { setColor, resetColor };
+}
+export function useThemedTitleBar(paletteOrName, value, 
+/** If not provided, will inherit from app */
+mode, skip) {
+    /* TODO: rewrite this */
+}
+//# sourceMappingURL=useTitleBarColor.js.map

package/dist/hooks/useTitleBarColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTitleBarColor.js","sourceRoot":"","sources":["../../src/hooks/useTitleBarColor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,IAAI,YAAY,GAAG,SAAS,CAAC;AAC7B,SAAS,eAAe;;IACvB,OAAO,MAAA,QAAQ;SACb,aAAa,CAAC,wBAAwB,CAAC,0CACtC,YAAY,CAAC,SAAS,CAAC,CAAC;AAC5B,CAAC;AACD,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;IACrC,YAAY,GAAG,MAAA,eAAe,EAAE,mCAAI,YAAY,CAAC;AAClD,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAa;IACtC,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACrC,OAAO;IACR,CAAC;IACD,gCAAgC;IAChC,OAAO,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QACjC,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACzC,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IACD,IAAI,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;IACtE,IAAI,CAAC,cAAc,EAAE,CAAC;QACrB,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAChD,cAAc,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QACnD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC;IACD,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC/C,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC/B,KAA+C;IAE/C,wBAAwB;AACzB,CAAC;AAED,MAAM,UAAU,mBAAmB;IAClC,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7E,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAC;IACzE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAChC,aAAkB,EAClB,KAAU;AACV,6CAA6C;AAC7C,IAAuB,EACvB,IAAc;IAEd,wBAAwB;AACzB,CAAC"}

package/dist/hooks/useTitleBarColor.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { useTitleBarColor } from './useTitleBarColor.js';
+declare const meta: {
+    title: string;
+    argTypes: {};
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof useTitleBarColor>;
+export declare const Default: Story;

package/dist/hooks/useTitleBarColor.stories.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Box, Button, Dialog, Icon, Provider } from '../components/index.js';
+import { useThemedTitleBar } from './useTitleBarColor.js';
+const meta = {
+    title: 'Hooks/useTitleBarColor',
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+export const Default = {
+    render() {
+        return (_jsx(Provider, { children: _jsxs(Box, { col: true, border: true, surface: true, style: { aspectRatio: '9/16', overflow: 'hidden' }, children: [_jsx(MockTitleBar, {}), _jsx(Box, { p: "md", children: _jsx("p", { children: "This is a mock title bar that changes its background color based on the meta tag in the document head." }) }), _jsxs(Dialog, { children: [_jsx(Dialog.Trigger, { render: _jsx(Button, {}), children: "Override" }), _jsxs(Dialog.Content, { children: [_jsx(Dialog.Title, { children: "Overriding color" }), _jsx(Dialog.Description, { children: "The title bar color is overridden while this dialog is open." }), _jsx(Overrider, {}), _jsx(Dialog.Actions, { children: _jsx(Dialog.Close, {}) })] })] })] }) }));
+    },
+};
+function MockTitleBar() {
+    // observe the meta tag for changes
+    const [color, setColor] = useState(() => {
+        var _a;
+        const metaThemeColor = document.querySelector('meta[name=theme-color]');
+        return metaThemeColor
+            ? (_a = metaThemeColor.getAttribute('content')) !== null && _a !== void 0 ? _a : '#ffffff'
+            : '#ffffff';
+    });
+    useEffect(() => {
+        const metaThemeColor = document.querySelector('meta[name=theme-color]');
+        if (!metaThemeColor)
+            return;
+        const observer = new MutationObserver(() => {
+            const newColor = metaThemeColor.getAttribute('content');
+            if (newColor) {
+                setColor(newColor);
+            }
+        });
+        observer.observe(metaThemeColor, {
+            attributes: true,
+            attributeFilter: ['content'],
+        });
+        return () => {
+            observer.disconnect();
+        };
+    }, []);
+    const time = new Date().toLocaleTimeString();
+    return (_jsxs(Box, { justify: "between", items: "center", p: "md", style: { backgroundColor: color }, children: [_jsx("div", { children: time }), _jsx(Box, { gap: true, items: "center", children: _jsx(Icon, { name: "globe" }) })] }));
+}
+function Overrider() {
+    useThemedTitleBar('primary', 'dark');
+    return null;
+}
+//# sourceMappingURL=useTitleBarColor.stories.js.map

package/dist/hooks/useTitleBarColor.stories.js.map

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

package/dist/hooks/useToggle.js

@@ -0,0 +1,7 @@
+import { useCallback, useState } from 'react';
+export function useToggle(initialValue = false) {
+    const [value, setValue] = useState(initialValue);
+    const toggle = useCallback(() => setValue((v) => !v), []);
+    return [value, toggle];
+}
+//# sourceMappingURL=useToggle.js.map

package/dist/hooks/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.js","sourceRoot":"","sources":["../../src/hooks/useToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,UAAU,SAAS,CACxB,eAAwB,KAAK;IAE7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC1D,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACxB,CAAC"}

package/dist/hooks/useVirtualKeyboardBehavior.js

@@ -0,0 +1,10 @@
+import { useEffect } from 'react';
+export function useVirtualKeyboardBehavior(behavior) {
+    useEffect(() => {
+        if ('virtualKeyboard' in navigator) {
+            // @ts-ignore
+            navigator.virtualKeyboard.overlaysContent = behavior === 'overlay';
+        }
+    }, [behavior]);
+}
+//# sourceMappingURL=useVirtualKeyboardBehavior.js.map

package/dist/hooks/useVirtualKeyboardBehavior.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualKeyboardBehavior.js","sourceRoot":"","sources":["../../src/hooks/useVirtualKeyboardBehavior.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,UAAU,0BAA0B,CAAC,QAAgC;IAC1E,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,iBAAiB,IAAI,SAAS,EAAE,CAAC;YACpC,aAAa;YACb,SAAS,CAAC,eAAe,CAAC,eAAe,GAAG,QAAQ,KAAK,SAAS,CAAC;QACpE,CAAC;IACF,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAChB,CAAC"}

package/dist/hooks/useVisualViewportOffset.js

@@ -0,0 +1,176 @@
+import { useEffect, useState } from 'react';
+import { useConfig } from '../components/provider/Provider.js';
+import { useStableCallback } from './useStableCallback.js';
+/**
+ * Applies bottom offset px as a CSS custom property to the document root.
+ */
+export function useVisualViewportOffset(disable) {
+    useReactToViewportChanges((viewport) => {
+        document.documentElement.style.setProperty('--viewport-bottom-offset', `${window.innerHeight - viewport.height - viewport.offsetTop}px`);
+        document.documentElement.style.setProperty('--viewport-height', `${viewport.height}px`);
+        document.documentElement.style.setProperty('--viewport-width', `${viewport.width}px`);
+        document.documentElement.style.setProperty('--viewport-top-offset', `${viewport.offsetTop}px`);
+        document.documentElement.style.setProperty('--viewport-left-offset', `${viewport.offsetLeft}px`);
+        document.documentElement.style.setProperty('--keyboard-open', viewport.height < window.innerHeight ? '1' : '0');
+    }, disable || typeof window === 'undefined');
+}
+export function useIsKeyboardOpen() {
+    const { virtualKeyboardBehavior } = useConfig();
+    // viewport heuristic
+    const [isViewportConstrained, setIsViewportConstrained] = useState(false);
+    useReactToViewportChanges((viewport) => {
+        // heuristic - 100px difference between visual viewport and window height
+        setIsViewportConstrained(Math.abs(viewport.height - window.innerHeight) > 100);
+    }, virtualKeyboardBehavior !== 'displace');
+    // simulated keyboard
+    const [simulateKeyboardOpen, setSimulateKeyboardOpen] = useState(undefined);
+    useEffect(() => {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        function handleOpen() {
+            setSimulateKeyboardOpen(true);
+        }
+        window.addEventListener('simulate-keyboard-open', handleOpen);
+        function handleClose() {
+            setSimulateKeyboardOpen(false);
+        }
+        window.addEventListener('simulate-keyboard-close', handleClose);
+        return () => {
+            window.removeEventListener('simulate-keyboard-open', handleOpen);
+            window.removeEventListener('simulate-keyboard-close', handleClose);
+        };
+    }, []);
+    // virtual keyboard API
+    const [isKeyboardOpen, setIsKeyboardOpen] = useState(false);
+    useEffect(() => {
+        if (typeof navigator === 'undefined' || typeof window === 'undefined') {
+            return;
+        }
+        if (!('virtualKeyboard' in navigator)) {
+            // no support
+            console.warn(`virtual keyboard behavior set to 'overlay', but virtualKeyboard API is not supported in this browser.`);
+            return;
+        }
+        const virtualKeyboard = navigator.virtualKeyboard;
+        const update = () => {
+            setIsKeyboardOpen(virtualKeyboard.boundingRect.height > 0);
+        };
+        update();
+        virtualKeyboard.addEventListener('geometrychange', update);
+        return () => {
+            virtualKeyboard.removeEventListener('geometrychange', update);
+        };
+    }, []);
+    if (simulateKeyboardOpen !== undefined) {
+        return simulateKeyboardOpen;
+    }
+    if (virtualKeyboardBehavior === 'displace') {
+        return isViewportConstrained;
+    }
+    return isKeyboardOpen;
+}
+if (typeof window !== 'undefined') {
+    window.simulateKeyboardOpen = () => {
+        window.dispatchEvent(new Event('simulate-keyboard-open'));
+    };
+    window.simulateKeyboardClose = () => {
+        window.dispatchEvent(new Event('simulate-keyboard-close'));
+    };
+}
+function useReactToViewportChanges(cb, disable) {
+    const stableCb = useStableCallback(cb);
+    useEffect(() => {
+        if (disable)
+            return;
+        if (typeof window === 'undefined') {
+            return;
+        }
+        const viewport = window.visualViewport;
+        if (!viewport) {
+            return;
+        }
+        const update = () => {
+            stableCb(viewport);
+        };
+        const WAIT = 50;
+        let timeoutId;
+        let lastInvoke = 0;
+        // call immediately once
+        update();
+        lastInvoke = Date.now();
+        const throttledUpdate = () => {
+            const now = Date.now();
+            const remaining = WAIT - (now - lastInvoke);
+            if (remaining <= 0) {
+                if (timeoutId) {
+                    clearTimeout(timeoutId);
+                    timeoutId = undefined;
+                }
+                lastInvoke = now;
+                update();
+            }
+            else if (!timeoutId) {
+                timeoutId = window.setTimeout(() => {
+                    timeoutId = undefined;
+                    lastInvoke = Date.now();
+                    update();
+                }, remaining);
+            }
+        };
+        window.addEventListener('scroll', throttledUpdate, { passive: true });
+        viewport.addEventListener('resize', update);
+        viewport.addEventListener('scroll', throttledUpdate, { passive: true });
+        return () => {
+            if (timeoutId) {
+                clearTimeout(timeoutId);
+                timeoutId = undefined;
+            }
+            window.removeEventListener('scroll', throttledUpdate);
+            viewport.removeEventListener('resize', update);
+            viewport.removeEventListener('scroll', throttledUpdate);
+        };
+    }, [stableCb, disable]);
+}
+function defaultShouldScrollIntoView(el) {
+    if (['input', 'textarea', 'select'].includes(el.tagName.toLowerCase()))
+        return true;
+    if (el.hasAttribute('contenteditable'))
+        return true;
+    return false;
+}
+export function useVirtualKeyboardFocusBehavior({ shouldScrollIntoView = defaultShouldScrollIntoView, } = {}) {
+    const stableShouldScroll = useStableCallback(shouldScrollIntoView);
+    useEffect(() => {
+        if (typeof navigator === 'undefined' || typeof window === 'undefined') {
+            return;
+        }
+        if (!('virtualKeyboard' in navigator)) {
+            // no support
+            console.warn(`virtual keyboard behavior set to 'overlay', but virtualKeyboard API is not supported in this browser.`);
+            return;
+        }
+        const virtualKeyboard = navigator.virtualKeyboard;
+        function update() {
+            const open = virtualKeyboard.boundingRect.height > 0;
+            if (open) {
+                console.log('keyboard opened');
+            }
+            const activeElement = document.activeElement;
+            if (activeElement && stableShouldScroll(activeElement)) {
+                setTimeout(() => {
+                    console.log('scroll focused element');
+                    activeElement.scrollIntoView({
+                        behavior: 'instant',
+                        block: 'start',
+                    });
+                }, 10);
+            }
+        }
+        virtualKeyboard.addEventListener('geometrychange', update);
+        return () => {
+            virtualKeyboard.removeEventListener('geometrychange', update);
+        };
+    }, [stableShouldScroll]);
+}
+//# sourceMappingURL=useVisualViewportOffset.js.map

package/dist/hooks/useVisualViewportOffset.js.map

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

package/dist/hooks/withClassName.js

@@ -0,0 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+export function withClassName(Component, ...cs) {
+    const WithClassName = (props) => {
+        const { className } = props, rest = __rest(props, ["className"]);
+        return _jsx(Component, Object.assign({}, rest, { className: clsx(cs, className) }));
+    };
+    return WithClassName;
+}
+//# sourceMappingURL=withClassName.js.map

package/dist/hooks/withClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withClassName.js","sourceRoot":"","sources":["../../src/hooks/withClassName.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAQxB,MAAM,UAAU,aAAa,CAC5B,SAAY,EACZ,GAAG,EAA2B;IAE9B,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,EAAE;QACpC,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAC;QACrC,OAAO,KAAC,SAAS,oBAAK,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC;IAChE,CAAC,CAAC;IACF,OAAO,aAAoB,CAAC;AAC7B,CAAC"}

package/dist/hooks/withProps.d.ts

@@ -0,0 +1,7 @@
+import { ComponentType } from 'react';
+export declare const withProps: <T extends object>(Component: ComponentType<T>, extras: Partial<T>) => (props: T) => import("react/jsx-runtime").JSX.Element;
+type OptionalKeys<T> = {
+    [K in keyof T]-?: undefined extends T[K] ? K : never;
+}[keyof T];
+export declare const withoutProps: <T extends object, P extends OptionalKeys<T>>(Component: ComponentType<T>, _remove: P[]) => (props: Omit<T, P>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/hooks/withProps.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { mergeProps } from '@base-ui/react';
+export const withProps = (Component, extras) => {
+    return (props) => {
+        return _jsx(Component, Object.assign({}, mergeProps(props, extras)));
+    };
+};
+export const withoutProps = (Component, _remove) => {
+    return (props) => {
+        return _jsx(Component, Object.assign({}, props));
+    };
+};
+//# sourceMappingURL=withProps.js.map

package/dist/hooks/withProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withProps.js","sourceRoot":"","sources":["../../src/hooks/withProps.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,MAAM,CAAC,MAAM,SAAS,GAAG,CACxB,SAA2B,EAC3B,MAAkB,EACjB,EAAE;IACH,OAAO,CAAC,KAAQ,EAAE,EAAE;QACnB,OAAO,KAAC,SAAS,oBAAM,UAAU,CAAM,KAAK,EAAE,MAAM,CAAS,EAAI,CAAC;IACnE,CAAC,CAAC;AACH,CAAC,CAAC;AAKF,MAAM,CAAC,MAAM,YAAY,GAAG,CAC3B,SAA2B,EAC3B,OAAY,EACX,EAAE;IACH,OAAO,CAAC,KAAiB,EAAE,EAAE;QAC5B,OAAO,KAAC,SAAS,oBAAM,KAAa,EAAI,CAAC;IAC1C,CAAC,CAAC;AACH,CAAC,CAAC"}

package/dist/hooks.js

@@ -0,0 +1,2 @@
+export * from './hooks/index.js';
+//# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { clsx } from 'clsx';
+export * from './colorMode.js';
+export * from './components/index.js';
+export * from './hooks.js';

package/dist/index.js

@@ -0,0 +1,5 @@
+export { clsx } from 'clsx';
+export * from './colorMode.js';
+export * from './components/index.js';
+export * from './hooks.js';
+//# 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,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC"}

package/dist/keyboard.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    argTypes: {};
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;

package/dist/keyboard.stories.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input, PageContent, PageNowPlaying, PageRoot, TextArea, } from './components/index.js';
+import { useVirtualKeyboardBehavior } from './hooks/useVirtualKeyboardBehavior.js';
+const meta = {
+    title: 'Virtual Keyboard Test',
+    argTypes: {},
+    parameters: {
+        controls: { expanded: false },
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+export const Default = {
+    render(args) {
+        useVirtualKeyboardBehavior('overlay');
+        return (_jsx(PageRoot, { id: "root", children: _jsxs(PageContent, { children: [_jsxs("div", { style: {
+                            height: '100vh',
+                            display: 'flex',
+                            flexDirection: 'column',
+                        }, children: [_jsx("div", { className: "flex-grow", style: {
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    alignItems: 'center',
+                                    justifyContent: 'center',
+                                    padding: 'var(--m-spacing-lg)',
+                                }, children: "Focus the inputs below to see how the virtual keyboard behavior works." }), _jsx(Input, { style: { width: '100%' } }), _jsx(TextArea, { style: { width: '100%' } })] }), _jsx(PageNowPlaying, { keepAboveKeyboard: true, children: _jsx(Input, { placeholder: "now playing" }) })] }) }));
+    },
+};
+//# sourceMappingURL=keyboard.stories.js.map

package/dist/keyboard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard.stories.js","sourceRoot":"","sources":["../src/keyboard.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,KAAK,EACL,WAAW,EACX,cAAc,EACd,QAAQ,EACR,QAAQ,GACR,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AAEnF,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,uBAAuB;IAC9B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC7B,MAAM,EAAE,YAAY;KACpB;CACc,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,0BAA0B,CAAC,SAAS,CAAC,CAAC;QACtC,OAAO,CACN,KAAC,QAAQ,IAAC,EAAE,EAAC,MAAM,YAClB,MAAC,WAAW,eACX,eACC,KAAK,EAAE;4BACN,MAAM,EAAE,OAAO;4BACf,OAAO,EAAE,MAAM;4BACf,aAAa,EAAE,QAAQ;yBACvB,aAED,cACC,SAAS,EAAC,WAAW,EACrB,KAAK,EAAE;oCACN,OAAO,EAAE,MAAM;oCACf,aAAa,EAAE,QAAQ;oCACvB,UAAU,EAAE,QAAQ;oCACpB,cAAc,EAAE,QAAQ;oCACxB,OAAO,EAAE,qBAAqB;iCAC9B,uFAII,EACN,KAAC,KAAK,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,EACnC,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,IACjC,EACN,KAAC,cAAc,IAAC,iBAAiB,kBAChC,KAAC,KAAK,IAAC,WAAW,EAAC,aAAa,GAAG,GACnB,IACJ,GACJ,CACX,CAAC;IACH,CAAC;CACD,CAAC"}