@orcestr/ui 0.0.1

package/dist/hooks/useControllableState.d.ts

@@ -0,0 +1,6 @@
+export declare function useControllableState<T>({ value, defaultValue, onChange, }: {
+    value?: T;
+    defaultValue: T;
+    onChange?: (value: T) => void;
+}): readonly [T, (next: T | ((current: T) => T)) => void];
+//# sourceMappingURL=useControllableState.d.ts.map

package/dist/hooks/useControllableState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.d.ts","sourceRoot":"","sources":["../../src/hooks/useControllableState.ts"],"names":[],"mappings":"AAIA,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACpC,KAAK,EACL,YAAY,EACZ,QAAQ,GACX,EAAE;IACC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,EAAE,CAAC,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CACjC,uBAMc,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,WAYrC"}

package/dist/hooks/useControllableState.js

@@ -0,0 +1,16 @@
+'use client';
+import { useCallback, useState } from 'react';
+export function useControllableState({ value, defaultValue, onChange, }) {
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const isControlled = value !== undefined;
+    const currentValue = isControlled ? value : internalValue;
+    const setValue = useCallback((next) => {
+        const actual = typeof next === 'function'
+            ? next(currentValue)
+            : next;
+        if (!isControlled)
+            setInternalValue(actual);
+        onChange?.(actual);
+    }, [currentValue, isControlled, onChange]);
+    return [currentValue, setValue];
+}

package/dist/hooks/useDisclosure.d.ts

@@ -0,0 +1,12 @@
+export declare function useDisclosure({ open, defaultOpen, onOpenChange, }?: {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): {
+    open: boolean;
+    setOpen: (next: boolean | ((current: boolean) => boolean)) => void;
+    close: () => void;
+    openLayer: () => void;
+    toggle: () => void;
+};
+//# sourceMappingURL=useDisclosure.d.ts.map

package/dist/hooks/useDisclosure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisclosure.d.ts","sourceRoot":"","sources":["../../src/hooks/useDisclosure.ts"],"names":[],"mappings":"AAMA,wBAAgB,aAAa,CAAC,EAC1B,IAAI,EACJ,WAAmB,EACnB,YAAY,GACf,GAAE;IACC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC;;;;;;EAWL"}

package/dist/hooks/useDisclosure.js

@@ -0,0 +1,14 @@
+'use client';
+import { useCallback } from 'react';
+import { useControllableState } from './useControllableState';
+export function useDisclosure({ open, defaultOpen = false, onOpenChange, } = {}) {
+    const [isOpen, setIsOpen] = useControllableState({
+        value: open,
+        defaultValue: defaultOpen,
+        onChange: onOpenChange,
+    });
+    const close = useCallback(() => setIsOpen(false), [setIsOpen]);
+    const openLayer = useCallback(() => setIsOpen(true), [setIsOpen]);
+    const toggle = useCallback(() => setIsOpen((current) => !current), [setIsOpen]);
+    return { open: isOpen, setOpen: setIsOpen, close, openLayer, toggle };
+}

package/dist/hooks/useEscapeKey.d.ts

@@ -0,0 +1,2 @@
+export declare function useEscapeKey(enabled: boolean, onEscape: () => void): void;
+//# sourceMappingURL=useEscapeKey.d.ts.map

package/dist/hooks/useEscapeKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEscapeKey.d.ts","sourceRoot":"","sources":["../../src/hooks/useEscapeKey.ts"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,QAUlE"}

package/dist/hooks/useEscapeKey.js

@@ -0,0 +1,15 @@
+'use client';
+import { useEffect } from 'react';
+export function useEscapeKey(enabled, onEscape) {
+    useEffect(() => {
+        if (!enabled)
+            return;
+        const handleKeyDown = (event) => {
+            if (event.key !== 'Escape')
+                return;
+            onEscape();
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [enabled, onEscape]);
+}

package/dist/hooks/useFloatingLayer.d.ts

@@ -0,0 +1,19 @@
+import { type FloatingAlign, type FloatingSide } from './useFloatingPosition';
+type UseFloatingLayerOptions = {
+    open: boolean;
+    presenceDuration?: number;
+    side?: FloatingSide;
+    align?: FloatingAlign;
+    sideOffset?: number;
+    collisionPadding?: number;
+    matchTriggerWidth?: boolean;
+};
+export declare function useFloatingLayer<TTrigger extends HTMLElement, TContent extends HTMLElement>({ open, presenceDuration, side, align, sideOffset, collisionPadding, matchTriggerWidth, }: UseFloatingLayerOptions): {
+    triggerRef: import("react").RefObject<TTrigger | null>;
+    contentRef: import("react").RefObject<TContent | null>;
+    present: boolean;
+    state: "opening" | "open" | "closed" | "closing";
+    style: import("react").CSSProperties;
+};
+export {};
+//# sourceMappingURL=useFloatingLayer.d.ts.map

package/dist/hooks/useFloatingLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingLayer.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloatingLayer.ts"],"names":[],"mappings":"AAIA,OAAO,EAEH,KAAK,aAAa,EAClB,KAAK,YAAY,EACpB,MAAM,uBAAuB,CAAC;AAG/B,KAAK,uBAAuB,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,wBAAgB,gBAAgB,CAC5B,QAAQ,SAAS,WAAW,EAC5B,QAAQ,SAAS,WAAW,EAC9B,EACE,IAAI,EACJ,gBAAsB,EACtB,IAAe,EACf,KAAe,EACf,UAAc,EACd,gBAAoB,EACpB,iBAAyB,GAC5B,EAAE,uBAAuB;;;;;;EAsBzB"}

package/dist/hooks/useFloatingLayer.js

@@ -0,0 +1,26 @@
+'use client';
+import { useRef } from 'react';
+import { useFloatingPosition, } from './useFloatingPosition';
+import { usePresence } from './usePresence';
+export function useFloatingLayer({ open, presenceDuration = 180, side = 'bottom', align = 'start', sideOffset = 8, collisionPadding = 8, matchTriggerWidth = false, }) {
+    const triggerRef = useRef(null);
+    const contentRef = useRef(null);
+    const { present, state } = usePresence(open, presenceDuration);
+    const { style } = useFloatingPosition({
+        triggerRef,
+        contentRef,
+        open: present,
+        side,
+        align,
+        sideOffset,
+        collisionPadding,
+        matchTriggerWidth,
+    });
+    return {
+        triggerRef,
+        contentRef,
+        present,
+        state,
+        style,
+    };
+}

package/dist/hooks/useFloatingPosition.d.ts

@@ -0,0 +1,17 @@
+import { type CSSProperties, type RefObject } from 'react';
+export type FloatingSide = 'top' | 'right' | 'bottom' | 'left';
+export type FloatingAlign = 'start' | 'center' | 'end';
+export declare function useFloatingPosition({ triggerRef, contentRef, open, side, align, sideOffset, collisionPadding, matchTriggerWidth, }: {
+    triggerRef: RefObject<HTMLElement | null>;
+    contentRef: RefObject<HTMLElement | null>;
+    open: boolean;
+    side?: FloatingSide;
+    align?: FloatingAlign;
+    sideOffset?: number;
+    collisionPadding?: number;
+    matchTriggerWidth?: boolean;
+}): {
+    style: CSSProperties;
+    update: () => void;
+};
+//# sourceMappingURL=useFloatingPosition.d.ts.map

package/dist/hooks/useFloatingPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingPosition.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloatingPosition.ts"],"names":[],"mappings":"AAEA,OAAO,EAKH,KAAK,aAAa,EAClB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC/D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEvD,wBAAgB,mBAAmB,CAAC,EAChC,UAAU,EACV,UAAU,EACV,IAAI,EACJ,IAAe,EACf,KAAe,EACf,UAAc,EACd,gBAAoB,EACpB,iBAAyB,GAC5B,EAAE;IACC,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;;;EAyHA"}

package/dist/hooks/useFloatingPosition.js

@@ -0,0 +1,132 @@
+'use client';
+import { useCallback, useLayoutEffect, useRef, useState, } from 'react';
+export function useFloatingPosition({ triggerRef, contentRef, open, side = 'bottom', align = 'start', sideOffset = 8, collisionPadding = 8, matchTriggerWidth = false, }) {
+    const [style, setStyle] = useState({
+        position: 'fixed',
+        left: -9999,
+        top: -9999,
+        visibility: 'hidden',
+    });
+    const frameRef = useRef(null);
+    const update = useCallback(() => {
+        const trigger = triggerRef.current;
+        const content = contentRef.current;
+        if (!trigger || !content)
+            return;
+        const triggerRect = trigger.getBoundingClientRect();
+        const contentRect = content.getBoundingClientRect();
+        const viewportW = window.innerWidth;
+        const viewportH = window.innerHeight;
+        const contentWidth = matchTriggerWidth
+            ? Math.max(contentRect.width, triggerRect.width)
+            : contentRect.width;
+        const contentHeight = contentRect.height;
+        let left = triggerRect.left;
+        let top = triggerRect.bottom + sideOffset;
+        let actualSide = side;
+        if (side === 'bottom' && triggerRect.bottom + contentHeight + sideOffset > viewportH - collisionPadding) {
+            actualSide = 'top';
+        }
+        else if (side === 'top' && triggerRect.top - contentHeight - sideOffset < collisionPadding) {
+            actualSide = 'bottom';
+        }
+        else if (side === 'right' && triggerRect.right + contentWidth + sideOffset > viewportW - collisionPadding) {
+            actualSide = 'left';
+        }
+        else if (side === 'left' && triggerRect.left - contentWidth - sideOffset < collisionPadding) {
+            actualSide = 'right';
+        }
+        if (actualSide === 'bottom')
+            top = triggerRect.bottom + sideOffset;
+        if (actualSide === 'top')
+            top = triggerRect.top - contentHeight - sideOffset;
+        if (actualSide === 'right') {
+            left = triggerRect.right + sideOffset;
+            top = triggerRect.top;
+        }
+        if (actualSide === 'left') {
+            left = triggerRect.left - contentWidth - sideOffset;
+            top = triggerRect.top;
+        }
+        if (actualSide === 'top' || actualSide === 'bottom') {
+            if (align === 'center') {
+                left =
+                    triggerRect.left + triggerRect.width / 2 - contentWidth / 2;
+            }
+            else if (align === 'end') {
+                left = triggerRect.right - contentWidth;
+            }
+        }
+        else if (align === 'center') {
+            top = triggerRect.top + triggerRect.height / 2 - contentHeight / 2;
+        }
+        else if (align === 'end') {
+            top = triggerRect.bottom - contentHeight;
+        }
+        left = Math.min(Math.max(collisionPadding, left), Math.max(collisionPadding, viewportW - contentWidth - collisionPadding));
+        top = Math.min(Math.max(collisionPadding, top), Math.max(collisionPadding, viewportH - contentHeight - collisionPadding));
+        setStyle({
+            position: 'fixed',
+            left,
+            top,
+            minWidth: matchTriggerWidth ? triggerRect.width : undefined,
+            maxWidth: `calc(100vw - ${collisionPadding * 2}px)`,
+            maxHeight: `calc(100vh - ${collisionPadding * 2}px)`,
+            visibility: 'visible',
+            transformOrigin: transformOriginFor(actualSide, align),
+        });
+    }, [
+        align,
+        collisionPadding,
+        contentRef,
+        matchTriggerWidth,
+        side,
+        sideOffset,
+        triggerRef,
+    ]);
+    const scheduleUpdate = useCallback(() => {
+        if (frameRef.current !== null)
+            window.cancelAnimationFrame(frameRef.current);
+        frameRef.current = window.requestAnimationFrame(() => {
+            frameRef.current = null;
+            update();
+        });
+    }, [update]);
+    useLayoutEffect(() => {
+        if (!open)
+            return;
+        scheduleUpdate();
+        const trigger = triggerRef.current;
+        const content = contentRef.current;
+        const observer = typeof ResizeObserver === 'undefined'
+            ? null
+            : new ResizeObserver(() => scheduleUpdate());
+        if (trigger)
+            observer?.observe(trigger);
+        if (content)
+            observer?.observe(content);
+        window.addEventListener('resize', scheduleUpdate);
+        window.addEventListener('scroll', scheduleUpdate, true);
+        return () => {
+            if (frameRef.current !== null) {
+                window.cancelAnimationFrame(frameRef.current);
+                frameRef.current = null;
+            }
+            observer?.disconnect();
+            window.removeEventListener('resize', scheduleUpdate);
+            window.removeEventListener('scroll', scheduleUpdate, true);
+        };
+    }, [contentRef, open, scheduleUpdate, triggerRef]);
+    return { style, update: scheduleUpdate };
+}
+function transformOriginFor(side, align) {
+    const cross = align === 'start' ? 'left' : align === 'end' ? 'right' : 'center';
+    const vertical = align === 'start' ? 'top' : align === 'end' ? 'bottom' : 'center';
+    if (side === 'bottom')
+        return `${cross} top`;
+    if (side === 'top')
+        return `${cross} bottom`;
+    if (side === 'right')
+        return `left ${vertical}`;
+    return `right ${vertical}`;
+}

package/dist/hooks/useFocusTrap.d.ts

@@ -0,0 +1,3 @@
+import { type RefObject } from 'react';
+export declare function useFocusTrap(ref: RefObject<HTMLElement | null>, enabled: boolean, onEscape?: () => void): void;
+//# sourceMappingURL=useFocusTrap.d.ts.map

package/dist/hooks/useFocusTrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAWxD,wBAAgB,YAAY,CACxB,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,OAAO,EAAE,OAAO,EAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,QA8CxB"}

package/dist/hooks/useFocusTrap.js

@@ -0,0 +1,54 @@
+'use client';
+import { useEffect, useRef } from 'react';
+const focusableSelector = [
+    'a[href]',
+    'button:not([disabled])',
+    'textarea:not([disabled])',
+    'input:not([disabled])',
+    'select:not([disabled])',
+    '[tabindex]:not([tabindex="-1"])',
+].join(',');
+export function useFocusTrap(ref, enabled, onEscape) {
+    const onEscapeRef = useRef(onEscape);
+    useEffect(() => {
+        onEscapeRef.current = onEscape;
+    }, [onEscape]);
+    useEffect(() => {
+        if (!enabled)
+            return;
+        const root = ref.current;
+        if (!root)
+            return;
+        const previous = document.activeElement;
+        const first = root.querySelector(focusableSelector);
+        first?.focus({ preventScroll: true });
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape') {
+                onEscapeRef.current?.();
+                return;
+            }
+            if (event.key !== 'Tab')
+                return;
+            const nodes = Array.from(root.querySelectorAll(focusableSelector)).filter((node) => node.offsetParent !== null);
+            if (nodes.length === 0) {
+                event.preventDefault();
+                return;
+            }
+            const firstNode = nodes[0];
+            const lastNode = nodes[nodes.length - 1];
+            if (event.shiftKey && document.activeElement === firstNode) {
+                event.preventDefault();
+                lastNode.focus();
+            }
+            else if (!event.shiftKey && document.activeElement === lastNode) {
+                event.preventDefault();
+                firstNode.focus();
+            }
+        };
+        root.addEventListener('keydown', handleKeyDown);
+        return () => {
+            root.removeEventListener('keydown', handleKeyDown);
+            previous?.focus?.({ preventScroll: true });
+        };
+    }, [enabled, ref]);
+}

package/dist/hooks/useListNavigation.d.ts

@@ -0,0 +1,17 @@
+export type ListNavigationItem = {
+    value: string;
+    disabled?: boolean;
+    searchText?: string;
+};
+export declare function useListNavigation(items: ReadonlyArray<ListNavigationItem>, { value, }?: {
+    value?: string | null;
+}): {
+    highlightedValue: string;
+    setHighlightedValue: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    move: (direction: 1 | -1) => void;
+    first: () => void;
+    last: () => void;
+    reset: () => void;
+    enabledItems: ListNavigationItem[];
+};
+//# sourceMappingURL=useListNavigation.d.ts.map

package/dist/hooks/useListNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListNavigation.d.ts","sourceRoot":"","sources":["../../src/hooks/useListNavigation.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,iBAAiB,CAC7B,KAAK,EAAE,aAAa,CAAC,kBAAkB,CAAC,EACxC,EACI,KAAY,GACf,GAAE;IACC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACpB;;;sBAmBU,CAAC,GAAG,CAAC,CAAC;;;;;EAoCzB"}

package/dist/hooks/useListNavigation.js

@@ -0,0 +1,44 @@
+'use client';
+import { useCallback, useMemo, useState } from 'react';
+export function useListNavigation(items, { value = null, } = {}) {
+    const enabledItems = useMemo(() => items.filter((item) => !item.disabled), [items]);
+    const [requestedValue, setRequestedValue] = useState(null);
+    const highlightedValue = useMemo(() => {
+        if (requestedValue !== null &&
+            enabledItems.some((item) => item.value === requestedValue)) {
+            return requestedValue;
+        }
+        if (value !== null && enabledItems.some((item) => item.value === value)) {
+            return value;
+        }
+        return enabledItems[0]?.value ?? null;
+    }, [enabledItems, requestedValue, value]);
+    const move = useCallback((direction) => {
+        if (enabledItems.length === 0)
+            return;
+        const currentIndex = enabledItems.findIndex((item) => item.value === highlightedValue);
+        const nextIndex = currentIndex === -1
+            ? 0
+            : (currentIndex + direction + enabledItems.length) %
+                enabledItems.length;
+        setRequestedValue(enabledItems[nextIndex]?.value ?? null);
+    }, [enabledItems, highlightedValue]);
+    const first = useCallback(() => {
+        setRequestedValue(enabledItems[0]?.value ?? null);
+    }, [enabledItems]);
+    const last = useCallback(() => {
+        setRequestedValue(enabledItems.at(-1)?.value ?? null);
+    }, [enabledItems]);
+    const reset = useCallback(() => {
+        setRequestedValue(null);
+    }, []);
+    return {
+        highlightedValue,
+        setHighlightedValue: setRequestedValue,
+        move,
+        first,
+        last,
+        reset,
+        enabledItems,
+    };
+}

package/dist/hooks/useOutsidePointerDown.d.ts

@@ -0,0 +1,3 @@
+import { type RefObject } from 'react';
+export declare function useOutsidePointerDown(refs: Array<RefObject<HTMLElement | null>>, enabled: boolean, onOutside: (event: PointerEvent) => void): void;
+//# sourceMappingURL=useOutsidePointerDown.d.ts.map

package/dist/hooks/useOutsidePointerDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsidePointerDown.d.ts","sourceRoot":"","sources":["../../src/hooks/useOutsidePointerDown.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhD,wBAAgB,qBAAqB,CACjC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,EAC1C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,QAe3C"}

package/dist/hooks/useOutsidePointerDown.js

@@ -0,0 +1,20 @@
+'use client';
+import { useEffect } from 'react';
+export function useOutsidePointerDown(refs, enabled, onOutside) {
+    useEffect(() => {
+        if (!enabled)
+            return;
+        const handlePointerDown = (event) => {
+            const target = event.target;
+            if (!(target instanceof Node))
+                return;
+            const isInside = refs.some((ref) => ref.current?.contains(target));
+            if (!isInside)
+                onOutside(event);
+        };
+        document.addEventListener('pointerdown', handlePointerDown, true);
+        return () => {
+            document.removeEventListener('pointerdown', handlePointerDown, true);
+        };
+    }, [enabled, onOutside, refs]);
+}

package/dist/hooks/usePresence.d.ts

@@ -0,0 +1,5 @@
+export declare function usePresence(open: boolean, durationMs?: number): {
+    present: boolean;
+    state: "opening" | "open" | "closed" | "closing";
+};
+//# sourceMappingURL=usePresence.d.ts.map

package/dist/hooks/usePresence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePresence.d.ts","sourceRoot":"","sources":["../../src/hooks/usePresence.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,SAAM;;;EAsC1D"}

package/dist/hooks/usePresence.js

@@ -0,0 +1,35 @@
+'use client';
+import { useEffect, useState } from 'react';
+export function usePresence(open, durationMs = 220) {
+    const [present, setPresent] = useState(open);
+    const [state, setState] = useState(open ? 'open' : 'closed');
+    useEffect(() => {
+        let frame = 0;
+        let timer = 0;
+        if (open) {
+            frame = window.requestAnimationFrame(() => {
+                setPresent(true);
+                setState('opening');
+                timer = window.setTimeout(() => setState('open'), durationMs);
+            });
+            return () => {
+                window.cancelAnimationFrame(frame);
+                window.clearTimeout(timer);
+            };
+        }
+        if (!present)
+            return;
+        frame = window.requestAnimationFrame(() => {
+            setState('closing');
+            timer = window.setTimeout(() => {
+                setPresent(false);
+                setState('closed');
+            }, durationMs);
+        });
+        return () => {
+            window.cancelAnimationFrame(frame);
+            window.clearTimeout(timer);
+        };
+    }, [durationMs, open, present]);
+    return { present, state };
+}

package/dist/hooks/useTypeahead.d.ts

@@ -0,0 +1,2 @@
+export declare function useTypeahead(onMatch: (query: string) => void, timeoutMs?: number): (key: string) => void;
+//# sourceMappingURL=useTypeahead.d.ts.map

package/dist/hooks/useTypeahead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTypeahead.d.ts","sourceRoot":"","sources":["../../src/hooks/useTypeahead.ts"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,CACxB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EAChC,SAAS,SAAM,SAeL,MAAM,UAYnB"}

package/dist/hooks/useTypeahead.js

@@ -0,0 +1,23 @@
+'use client';
+import { useCallback, useEffect, useRef } from 'react';
+export function useTypeahead(onMatch, timeoutMs = 650) {
+    const bufferRef = useRef('');
+    const timerRef = useRef(null);
+    useEffect(() => () => {
+        if (timerRef.current !== null) {
+            window.clearTimeout(timerRef.current);
+        }
+    }, []);
+    return useCallback((key) => {
+        if (key.length !== 1)
+            return;
+        bufferRef.current = `${bufferRef.current}${key}`.toLowerCase();
+        if (timerRef.current !== null)
+            window.clearTimeout(timerRef.current);
+        timerRef.current = window.setTimeout(() => {
+            bufferRef.current = '';
+            timerRef.current = null;
+        }, timeoutMs);
+        onMatch(bufferRef.current);
+    }, [onMatch, timeoutMs]);
+}

package/dist/index.d.ts

@@ -0,0 +1,64 @@
+export * from './components/Action/ActionTypes';
+export * from './components/ActionMenu/ActionMenu';
+export * from './components/Alert/Alert';
+export * from './components/AppShell/AppShell';
+export * from './components/Badge/Badge';
+export * from './components/Box/Box';
+export * from './components/Button/Button';
+export * from './components/Checkbox/Checkbox';
+export * from './components/Collapse/Collapse';
+export * from './components/Combobox/Combobox';
+export * from './components/CommandPalette/CommandPalette';
+export * from './components/ConfirmDialog/ConfirmDialog';
+export * from './components/ContextMenu/ContextMenu';
+export * from './components/DataTable/DataTable';
+export * from './components/DataTable/DataTableStateAdapters';
+export * from './components/DatePicker/DatePicker';
+export * from './components/DateRangePicker/DateRangePicker';
+export * from './components/DateRangePresetPicker/DateRangePresetPicker';
+export * from './components/Dialog/Dialog';
+export * from './components/Drawer/Drawer';
+export * from './components/EntityPicker/EntityPicker';
+export * from './components/State/State';
+export * from './components/Flex/Flex';
+export * from './components/Field/Field';
+export * from './components/Grid/Grid';
+export * from './components/Highlight/Highlight';
+export * from './components/IconButton/IconButton';
+export * from './components/IconText/IconText';
+export * from './components/Listbox/Listbox';
+export * from './components/Menu/Menu';
+export * from './components/Modal/Modal';
+export * from './components/MultiSelect/MultiSelect';
+export * from './components/NumberField/NumberField';
+export * from './components/PaginatedCombobox/PaginatedCombobox';
+export * from './components/Pagination/Pagination';
+export * from './components/Popover/Popover';
+export * from './components/Portal/Portal';
+export * from './components/RadioGroup/RadioGroup';
+export * from './components/ScrollArea/ScrollArea';
+export * from './components/SegmentedControl/SegmentedControl';
+export * from './components/Select/Select';
+export * from './components/Separator/Separator';
+export * from './components/Section/Section';
+export * from './components/Skeleton/Skeleton';
+export * from './components/Spinner/Spinner';
+export * from './components/Stack/Stack';
+export * from './components/StepperInput/StepperInput';
+export * from './components/Switch/Switch';
+export * from './components/Tabs/Tabs';
+export * from './components/Text/Text';
+export * from './components/TextArea/TextArea';
+export * from './components/TextField/TextField';
+export * from './components/Toast/Toast';
+export * from './components/Tooltip/Tooltip';
+export * from './components/VisuallyHidden/VisuallyHidden';
+export * from './components/Workflow/Workflow';
+export * from './locale/LocaleProvider';
+export * from './provider/OrcestrUiProvider';
+export * from './theme/defaultTheme';
+export * from './theme/ThemeProvider';
+export * from './theme/systemProps';
+export * from './theme/themeTypes';
+export * from './theme/useTheme';
+//# 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":"AAEA,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AACnD,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,0CAA0C,CAAC;AACzD,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,oCAAoC,CAAC;AACnD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0DAA0D,CAAC;AACzE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,kDAAkD,CAAC;AACjE,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC"}