cursedbelt 0.0.0

package/dist/react/emoji/EmojiAutocomplete.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { autoUpdate, FloatingPortal, flip, offset, shift, useFloating } from '@floating-ui/react';
+import { useEffect, useRef, useState } from 'react';
+import { cn } from '../lib/cn';
+import { searchEmojis } from './emojiSearch';
+/**
+ * Inline `:emoji-name:` autocomplete for a text input — a code-completion-style
+ * floating list anchored under the field. Searches via emoji-mart's lazy index
+ * (debounced 150 ms, stale results discarded), and while open it steers the
+ * anchor's ↑/↓/Enter/Tab/Escape keys so selection works from the keyboard without
+ * leaving the field. No Popover — it's a thin floating `<ul>`, portaled so no
+ * overflow ancestor clips it.
+ */
+export function EmojiAutocomplete({ query, onSelect, onClose, maxResults = 8, anchorRef, }) {
+    const [hits, setHits] = useState([]);
+    const [active, setActive] = useState(0);
+    const { refs, floatingStyles } = useFloating({
+        placement: 'bottom-start',
+        middleware: [offset(4), flip(), shift({ padding: 8 })],
+        whileElementsMounted: autoUpdate,
+    });
+    // Anchor the floating list to the caller's field.
+    useEffect(() => {
+        refs.setReference(anchorRef.current);
+    }, [anchorRef, refs]);
+    // Debounced, cancellable search — late responses for a stale query are dropped.
+    useEffect(() => {
+        if (!query) {
+            setHits([]);
+            return;
+        }
+        let activeReq = true;
+        const t = setTimeout(() => {
+            searchEmojis(query, maxResults).then((next) => {
+                if (activeReq) {
+                    setHits(next);
+                    setActive(0);
+                }
+            });
+        }, 150);
+        return () => {
+            activeReq = false;
+            clearTimeout(t);
+        };
+    }, [query, maxResults]);
+    // Keep the latest state + callbacks in refs so the keydown handler binds ONCE to
+    // the anchor and always sees current values — inline parent closures (new identity
+    // each render) don't churn the listener.
+    const hitsRef = useRef(hits);
+    hitsRef.current = hits;
+    const activeRef = useRef(active);
+    activeRef.current = active;
+    const onSelectRef = useRef(onSelect);
+    onSelectRef.current = onSelect;
+    const onCloseRef = useRef(onClose);
+    onCloseRef.current = onClose;
+    useEffect(() => {
+        const el = anchorRef.current;
+        if (!el)
+            return;
+        const onKeyDown = (e) => {
+            const list = hitsRef.current;
+            if (list.length === 0)
+                return;
+            if (e.key === 'ArrowDown') {
+                e.preventDefault();
+                setActive((i) => (i + 1) % list.length);
+            }
+            else if (e.key === 'ArrowUp') {
+                e.preventDefault();
+                setActive((i) => (i - 1 + list.length) % list.length);
+            }
+            else if (e.key === 'Enter' || e.key === 'Tab') {
+                e.preventDefault();
+                const hit = list[activeRef.current];
+                if (hit)
+                    onSelectRef.current(hit.native);
+            }
+            else if (e.key === 'Escape') {
+                e.preventDefault();
+                onCloseRef.current?.();
+            }
+        };
+        el.addEventListener('keydown', onKeyDown);
+        return () => el.removeEventListener('keydown', onKeyDown);
+    }, [anchorRef]);
+    if (!query || hits.length === 0)
+        return null;
+    // A transient code-completion list: plain buttons (inherently accessible), steered
+    // from the field's keys — no listbox/option ARIA roles (and the lint churn they
+    // bring) needed for a suggestion popup the caret never leaves.
+    return (_jsx(FloatingPortal, { children: _jsx("div", { ref: refs.setFloating, style: floatingStyles, className: 'z-50 max-h-64 min-w-48 overflow-auto rounded-lg border border-border bg-popover py-1 text-popover-foreground shadow-popover', children: hits.map((hit, i) => (_jsxs("button", { type: 'button', "data-active": i === active || undefined, 
+                // Use mousedown so the field keeps focus (no blur-before-click race).
+                onMouseDown: (e) => {
+                    e.preventDefault();
+                    onSelect(hit.native);
+                }, onMouseEnter: () => setActive(i), className: cn('flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm', i === active ? 'bg-accent/10 text-accent' : 'text-foreground'), children: [_jsx("span", { className: 'text-lg leading-none', "aria-hidden": true, children: hit.native }), _jsxs("span", { className: 'truncate text-muted-foreground', children: [":", hit.id, ":"] })] }, hit.id))) }) }));
+}
+//# sourceMappingURL=EmojiAutocomplete.js.map

package/dist/react/emoji/EmojiAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiAutocomplete.js","sourceRoot":"","sources":["../../../src/react/emoji/EmojiAutocomplete.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAClG,OAAO,EAAkB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAuB,YAAY,EAAE,MAAM,eAAe,CAAC;AAelE;;;;;;;GAOG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,GAAG,CAAC,EACd,SAAS,GACc;IACvB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAExC,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,WAAW,CAAC;QAC3C,SAAS,EAAE,cAAc;QACzB,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;QACtD,oBAAoB,EAAE,UAAU;KACjC,CAAC,CAAC;IAEH,kDAAkD;IAClD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;IAEtB,gFAAgF;IAChF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,CAAC,EAAE,CAAC,CAAC;YACZ,OAAO;QACT,CAAC;QACD,IAAI,SAAS,GAAG,IAAI,CAAC;QACrB,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE;YACxB,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC5C,IAAI,SAAS,EAAE,CAAC;oBACd,OAAO,CAAC,IAAI,CAAC,CAAC;oBACd,SAAS,CAAC,CAAC,CAAC,CAAC;gBACf,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,KAAK,CAAC;YAClB,YAAY,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAExB,iFAAiF;IACjF,mFAAmF;IACnF,yCAAyC;IACzC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IACvB,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACjC,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;IAC3B,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAC/B,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAE7B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;YACrC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;YAC7B,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO;YAC9B,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;gBAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;YAC1C,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;gBAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;YACxD,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;gBAChD,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;gBACpC,IAAI,GAAG;oBAAE,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAC3C,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC;YACzB,CAAC;QACH,CAAC,CAAC;QACF,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC1C,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE7C,mFAAmF;IACnF,gFAAgF;IAChF,+DAA+D;IAC/D,OAAO,CACL,KAAC,cAAc,cACb,cACE,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,KAAK,EAAE,cAAc,EACrB,SAAS,EAAC,6HAA6H,YAEtI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,kBAEE,IAAI,EAAC,QAAQ,iBACA,CAAC,KAAK,MAAM,IAAI,SAAS;gBACtC,sEAAsE;gBACtE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;oBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;gBACvB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAChC,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,iBAAiB,CAC9D,aAED,eAAM,SAAS,EAAC,sBAAsB,iCACnC,GAAG,CAAC,MAAM,GACN,EACP,gBAAM,SAAS,EAAC,gCAAgC,kBAAG,GAAG,CAAC,EAAE,SAAS,KAjB7D,GAAG,CAAC,EAAE,CAkBJ,CACV,CAAC,GACE,GACS,CAClB,CAAC;AACJ,CAAC"}

package/dist/react/emoji/EmojiPicker.d.ts

@@ -0,0 +1,32 @@
+import { type ReactNode } from 'react';
+export interface EmojiPickerProps {
+    /** Receives the emoji CHARACTER (e.g. "😀"), not emoji-mart's data object. */
+    onSelect: (emoji: string) => void;
+    /** Called when the popover closes (ignored in `inline` mode). */
+    onClose?: () => void;
+    /** 'auto' (default) follows cursedbelt's `.dark` root class. */
+    theme?: 'light' | 'dark' | 'auto';
+    locale?: string;
+    previewPosition?: 'top' | 'bottom' | 'none';
+    /** Emoji rendering set (default 'native' — the OS font, zero image payload). */
+    set?: 'native' | 'apple' | 'google' | 'twitter' | 'facebook';
+    /** Render the bare panel with no Popover/trigger — for embedding in a toolbar
+     *  or another overlay. When false (default) a Popover wraps the panel. */
+    inline?: boolean;
+    /** Custom Popover trigger (ignored when `inline`). Defaults to an emoji button. */
+    trigger?: ReactNode;
+    /** Controlled Popover open state (optional). */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * EmojiPicker — the full searchable, skin-tone-aware emoji-mart grid (Unicode 15,
+ * recents, search), themed to cursedbelt and lazy-loaded so it costs nothing until
+ * opened. `onSelect` receives the emoji character. By default it renders inside a
+ * {@link Popover} with an emoji button trigger (auto-flips to stay on screen on
+ * mobile); pass `inline` to render the bare panel for embedding elsewhere.
+ *
+ * Replaces ca's hand-rolled ~300-emoji picker (no skin tones / search / updates).
+ */
+export declare function EmojiPicker({ onSelect, onClose, theme, locale, previewPosition, set, inline, trigger, open, onOpenChange, }: EmojiPickerProps): import("react").JSX.Element;
+//# sourceMappingURL=EmojiPicker.d.ts.map

package/dist/react/emoji/EmojiPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/react/emoji/EmojiPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAiBhE,MAAM,WAAW,gBAAgB;IAC/B,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC5C,gFAAgF;IAChF,GAAG,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7D;8EAC0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mFAAmF;IACnF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gDAAgD;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAyCD;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,KAAc,EACd,MAAa,EACb,eAAwB,EACxB,GAAc,EACd,MAAc,EACd,OAAO,EACP,IAAI,EACJ,YAAY,GACb,EAAE,gBAAgB,+BA4BlB"}

package/dist/react/emoji/EmojiPicker.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { lazy, Suspense, useMemo } from 'react';
+import { Popover } from '../components/Popover';
+import { Skeleton } from '../components/Skeleton';
+import { resolveEmojiTheme } from './emojiSearch';
+// The emoji-mart React picker + its data are BOTH lazy: the component code-splits
+// (only loaded when the panel first mounts) and the ~300 KB data is fetched via the
+// async `data` loader (never statically imported — that would tax every page).
+const Picker = lazy(() => import('@emoji-mart/react'));
+const loadEmojiData = () => import('@emoji-mart/data').then((m) => m.default);
+/** The emoji-mart grid itself, themed + lazy, behind a Suspense skeleton. */
+function EmojiPanel({ onSelect, theme = 'auto', locale = 'en', previewPosition = 'none', set = 'native', }) {
+    const resolvedTheme = useMemo(() => resolveEmojiTheme(theme), [theme]);
+    return (_jsx(Suspense, { fallback: _jsx(Skeleton, { className: 'h-[420px] w-[352px]' }), children: _jsx(Picker, { data: loadEmojiData, onEmojiSelect: (e) => onSelect(e.native), theme: resolvedTheme, locale: locale, previewPosition: previewPosition, set: set, navPosition: 'top', skinTonePosition: 'search', dynamicWidth: false }) }));
+}
+/** A neutral default trigger when none is supplied. */
+function DefaultTrigger() {
+    return (_jsx("button", { type: 'button', "aria-label": 'Pick an emoji', className: 'inline-flex size-10 items-center justify-center rounded-field border border-field-border bg-field-bg text-xl transition hover:border-field-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-field-ring/30', children: _jsx("span", { "aria-hidden": true, children: "\uD83D\uDE42" }) }));
+}
+/**
+ * EmojiPicker — the full searchable, skin-tone-aware emoji-mart grid (Unicode 15,
+ * recents, search), themed to cursedbelt and lazy-loaded so it costs nothing until
+ * opened. `onSelect` receives the emoji character. By default it renders inside a
+ * {@link Popover} with an emoji button trigger (auto-flips to stay on screen on
+ * mobile); pass `inline` to render the bare panel for embedding elsewhere.
+ *
+ * Replaces ca's hand-rolled ~300-emoji picker (no skin tones / search / updates).
+ */
+export function EmojiPicker({ onSelect, onClose, theme = 'auto', locale = 'en', previewPosition = 'none', set = 'native', inline = false, trigger, open, onOpenChange, }) {
+    const panel = (_jsx(EmojiPanel, { onSelect: onSelect, theme: theme, locale: locale, previewPosition: previewPosition, set: set }));
+    if (inline)
+        return panel;
+    return (_jsx(Popover, { trigger: trigger ?? _jsx(DefaultTrigger, {}), open: open, onOpenChange: (v) => {
+            onOpenChange?.(v);
+            if (!v)
+                onClose?.();
+        }, arrow: false, 
+        // emoji-mart renders its own padded surface; drop the Popover's inner padding.
+        className: 'p-0', children: panel }));
+}
+//# sourceMappingURL=EmojiPicker.js.map

package/dist/react/emoji/EmojiPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../../src/react/emoji/EmojiPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,kFAAkF;AAClF,oFAAoF;AACpF,+EAA+E;AAC/E,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;AACvD,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;AA6B9E,6EAA6E;AAC7E,SAAS,UAAU,CAAC,EAClB,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,IAAI,EACb,eAAe,GAAG,MAAM,EACxB,GAAG,GAAG,QAAQ,GACsE;IACpF,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACvE,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,GAAG,YAC9D,KAAC,MAAM,IACL,IAAI,EAAE,aAAa,EACnB,aAAa,EAAE,CAAC,CAAuB,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAC9D,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,gBAAgB,EAAC,QAAQ,EACzB,YAAY,EAAE,KAAK,GACnB,GACO,CACZ,CAAC;AACJ,CAAC;AAED,uDAAuD;AACvD,SAAS,cAAc;IACrB,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,gBACF,eAAe,EAC1B,SAAS,EAAC,kOAAkO,YAE5O,+DAA2B,GACpB,CACV,CAAC;AACJ,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,IAAI,EACb,eAAe,GAAG,MAAM,EACxB,GAAG,GAAG,QAAQ,EACd,MAAM,GAAG,KAAK,EACd,OAAO,EACP,IAAI,EACJ,YAAY,GACK;IACjB,MAAM,KAAK,GAAG,CACZ,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,GAAG,EAAE,GAAG,GACR,CACH,CAAC;IAEF,IAAI,MAAM;QAAE,OAAO,KAAK,CAAC;IAEzB,OAAO,CACL,KAAC,OAAO,IACN,OAAO,EAAE,OAAO,IAAI,KAAC,cAAc,KAAG,EACtC,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;YAClB,IAAI,CAAC,CAAC;gBAAE,OAAO,EAAE,EAAE,CAAC;QACtB,CAAC,EACD,KAAK,EAAE,KAAK;QACZ,+EAA+E;QAC/E,SAAS,EAAC,KAAK,YAEd,KAAK,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/react/emoji/emojiSearch.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Lazy emoji-mart search core. Both the emoji-mart engine AND its ~300 KB data file
+ * are dynamically imported on the FIRST search and never before, so a page that only
+ * mounts the autocomplete pays nothing until the user actually types a `:trigger`.
+ * `init({ data })` is memoized so the data downloads once per session.
+ */
+export interface EmojiSearchHit {
+    id: string;
+    name: string;
+    /** The emoji character itself (default skin), e.g. "😀". */
+    native: string;
+}
+/**
+ * Search emoji by name/keyword/shortcode (e.g. "smi" → 😄 😊 …). Resolves to at most
+ * `maxResults` hits, each carrying the native character. Safe to call repeatedly —
+ * the data loads lazily and only once.
+ */
+export declare function searchEmojis(query: string, maxResults?: number): Promise<EmojiSearchHit[]>;
+/** Resolve the picker theme: an explicit light/dark, or follow cursedbelt's `.dark`
+ *  root class (NOT the OS media query, which emoji-mart's own 'auto' would use). */
+export declare function resolveEmojiTheme(theme?: 'light' | 'dark' | 'auto'): 'light' | 'dark';
+//# sourceMappingURL=emojiSearch.d.ts.map

package/dist/react/emoji/emojiSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emojiSearch.d.ts","sourceRoot":"","sources":["../../../src/react/emoji/emojiSearch.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,MAAM,EAAE,MAAM,CAAC;CAChB;AA4BD;;;;GAIG;AACH,wBAAsB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,SAAI,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,CAY3F;AAED;oFACoF;AACpF,wBAAgB,iBAAiB,CAAC,KAAK,GAAE,OAAO,GAAG,MAAM,GAAG,MAAe,GAAG,OAAO,GAAG,MAAM,CAI7F"}

package/dist/react/emoji/emojiSearch.js

@@ -0,0 +1,49 @@
+/**
+ * Lazy emoji-mart search core. Both the emoji-mart engine AND its ~300 KB data file
+ * are dynamically imported on the FIRST search and never before, so a page that only
+ * mounts the autocomplete pays nothing until the user actually types a `:trigger`.
+ * `init({ data })` is memoized so the data downloads once per session.
+ */
+let initPromise = null;
+/** Load the engine + data once, then `init` emoji-mart's search index. */
+async function ensureInit() {
+    if (!initPromise) {
+        initPromise = (async () => {
+            const [{ init }, dataMod] = await Promise.all([
+                import('emoji-mart'),
+                import('@emoji-mart/data'),
+            ]);
+            await init({ data: dataMod.default });
+        })();
+    }
+    return initPromise;
+}
+/**
+ * Search emoji by name/keyword/shortcode (e.g. "smi" → 😄 😊 …). Resolves to at most
+ * `maxResults` hits, each carrying the native character. Safe to call repeatedly —
+ * the data loads lazily and only once.
+ */
+export async function searchEmojis(query, maxResults = 8) {
+    const q = query.trim();
+    if (!q)
+        return [];
+    await ensureInit();
+    const { SearchIndex } = await import('emoji-mart');
+    const hits = (await SearchIndex.search(q, {
+        maxResults,
+        caller: 'cursedbelt',
+    }));
+    return (hits ?? [])
+        .map((e) => ({ id: e.id, name: e.name, native: e.skins?.[0]?.native ?? '' }))
+        .filter((e) => e.native !== '');
+}
+/** Resolve the picker theme: an explicit light/dark, or follow cursedbelt's `.dark`
+ *  root class (NOT the OS media query, which emoji-mart's own 'auto' would use). */
+export function resolveEmojiTheme(theme = 'auto') {
+    if (theme !== 'auto')
+        return theme;
+    if (typeof document === 'undefined')
+        return 'light';
+    return document.documentElement.classList.contains('dark') ? 'dark' : 'light';
+}
+//# sourceMappingURL=emojiSearch.js.map

package/dist/react/emoji/emojiSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emojiSearch.js","sourceRoot":"","sources":["../../../src/react/emoji/emojiSearch.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAmBH,IAAI,WAAW,GAAyB,IAAI,CAAC;AAE7C,0EAA0E;AAC1E,KAAK,UAAU,UAAU;IACvB,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,WAAW,GAAG,CAAC,KAAK,IAAI,EAAE;YACxB,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,OAAO,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;gBAC5C,MAAM,CAAC,YAAY,CAAC;gBACpB,MAAM,CAAC,kBAAkB,CAAC;aAC3B,CAAC,CAAC;YACH,MAAM,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;QACxC,CAAC,CAAC,EAAE,CAAC;IACP,CAAC;IACD,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,KAAa,EAAE,UAAU,GAAG,CAAC;IAC9D,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IACvB,IAAI,CAAC,CAAC;QAAE,OAAO,EAAE,CAAC;IAClB,MAAM,UAAU,EAAE,CAAC;IACnB,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC;IACnD,MAAM,IAAI,GAAG,CAAC,MAAM,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE;QACxC,UAAU;QACV,MAAM,EAAE,YAAY;KACrB,CAAC,CAA0B,CAAC;IAC7B,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;SAChB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,IAAI,EAAE,EAAE,CAAC,CAAC;SAC5E,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC;AACpC,CAAC;AAED;oFACoF;AACpF,MAAM,UAAU,iBAAiB,CAAC,QAAmC,MAAM;IACzE,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,KAAK,CAAC;IACnC,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,OAAO,CAAC;IACpD,OAAO,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AAChF,CAAC"}

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

@@ -0,0 +1,4 @@
+export { EmojiAutocomplete, type EmojiAutocompleteProps } from './EmojiAutocomplete';
+export { EmojiPicker, type EmojiPickerProps } from './EmojiPicker';
+export { type EmojiSearchHit, resolveEmojiTheme, searchEmojis } from './emojiSearch';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/emoji/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,KAAK,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}

package/dist/react/emoji/index.js

@@ -0,0 +1,4 @@
+export { EmojiAutocomplete } from './EmojiAutocomplete';
+export { EmojiPicker } from './EmojiPicker';
+export { resolveEmojiTheme, searchEmojis } from './emojiSearch';
+//# sourceMappingURL=index.js.map

package/dist/react/emoji/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react/emoji/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAuB,iBAAiB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}

package/dist/react/hooks/DragHandleIcon.d.ts

@@ -0,0 +1,12 @@
+export interface DragHandleIconProps {
+    className?: string;
+}
+/**
+ * The standardized drag affordance: a 6-dot (2×3) grip that reads as "grab me" and
+ * matches the mobile touch-target guideline. Used by every cursedbelt drag site so
+ * the grab handle looks identical across lists, boards, and canvases. Purely
+ * presentational — wire it up by spreading a hook's `handleProps` onto its parent
+ * (or use the {@link DragHandle} button wrapper, which does that for you).
+ */
+export declare function DragHandleIcon({ className }: DragHandleIconProps): import("react").JSX.Element;
+//# sourceMappingURL=DragHandleIcon.d.ts.map

package/dist/react/hooks/DragHandleIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandleIcon.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/DragHandleIcon.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE,mBAAmB,+BAQhE"}

package/dist/react/hooks/DragHandleIcon.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn';
+/**
+ * The standardized drag affordance: a 6-dot (2×3) grip that reads as "grab me" and
+ * matches the mobile touch-target guideline. Used by every cursedbelt drag site so
+ * the grab handle looks identical across lists, boards, and canvases. Purely
+ * presentational — wire it up by spreading a hook's `handleProps` onto its parent
+ * (or use the {@link DragHandle} button wrapper, which does that for you).
+ */
+export function DragHandleIcon({ className }) {
+    return (_jsx("span", { "aria-hidden": true, className: cn('grid grid-cols-2 gap-0.5', className), children: Array.from({ length: 6 }, (_, i) => (_jsx("span", { className: 'h-1 w-1 rounded-full bg-current' }, i))) }));
+}
+//# sourceMappingURL=DragHandleIcon.js.map

package/dist/react/hooks/DragHandleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandleIcon.js","sourceRoot":"","sources":["../../../src/react/hooks/DragHandleIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAM/B;;;;;;GAMG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,SAAS,EAAuB;IAC/D,OAAO,CACL,oCAAkB,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,YACnE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnC,eAAc,SAAS,EAAC,iCAAiC,IAA9C,CAAC,CAAgD,CAC7D,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/react/hooks/dragShared.d.ts

@@ -0,0 +1,21 @@
+import type { CSSProperties } from 'react';
+/**
+ * The props a render-prop hands back to wire one draggable row, shared by
+ * `useDragReorder` and `useCrossContainerDrag` so every drag site wires up the
+ * same way.
+ *
+ * - Spread `setNodeRef` + `style` on the row's root element.
+ * - Spread `handleProps` on the grab affordance — the row root itself for
+ *   whole-row drag, or a dedicated handle (a {@link DragHandle}) when the hook is in
+ *   `handle` mode. In handle mode also attach `setActivatorNodeRef` to that handle so
+ *   the keyboard sensor focuses the right element.
+ */
+export interface DragItemApi {
+    setNodeRef: (el: HTMLElement | null) => void;
+    setActivatorNodeRef: (el: HTMLElement | null) => void;
+    style: CSSProperties;
+    /** `{...attributes, ...listeners}` from dnd-kit — the pointer/keyboard wiring. */
+    handleProps: Record<string, unknown>;
+    isDragging: boolean;
+}
+//# sourceMappingURL=dragShared.d.ts.map

package/dist/react/hooks/dragShared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragShared.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/dragShared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;;;;;;;;;GAUG;AACH,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,KAAK,EAAE,aAAa,CAAC;IACrB,kFAAkF;IAClF,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,UAAU,EAAE,OAAO,CAAC;CACrB"}

package/dist/react/hooks/dragShared.js

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

package/dist/react/hooks/dragShared.js.map

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

package/dist/react/hooks/useAutoSizeTextarea.d.ts

@@ -0,0 +1,19 @@
+import { type RefObject } from 'react';
+/**
+ * Grow a textarea to fit its content so it never shows an internal scrollbar.
+ *
+ * A fixed-height textarea scrolls its own content, which on mobile traps the
+ * page (dragging over the textarea scrolls it instead of the page). Letting it
+ * grow means the whole page scrolls naturally.
+ *
+ * To cap growth (e.g. a chat composer), give the element a CSS `max-height`
+ * (a `max-h-*` class) or pass `maxHeight` (px); past the cap it scrolls
+ * internally. The prop wins if both are set.
+ *
+ * Keyed on `value` so it re-measures on every change, including programmatic
+ * ones. Also listens to the element's own `input` event so uncontrolled
+ * textareas grow while typing, and re-measures on window resize (vw widths
+ * re-wrap on rotate).
+ */
+export declare const useAutoSizeTextarea: (ref: RefObject<HTMLTextAreaElement | null>, value: unknown, maxHeight?: number) => void;
+//# sourceMappingURL=useAutoSizeTextarea.d.ts.map

package/dist/react/hooks/useAutoSizeTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoSizeTextarea.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useAutoSizeTextarea.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAExD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,mBAAmB,GAC9B,KAAK,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,EAC1C,OAAO,OAAO,EACd,YAAY,MAAM,KACjB,IA0BF,CAAC"}

package/dist/react/hooks/useAutoSizeTextarea.js

@@ -0,0 +1,44 @@
+import { useLayoutEffect } from 'react';
+/**
+ * Grow a textarea to fit its content so it never shows an internal scrollbar.
+ *
+ * A fixed-height textarea scrolls its own content, which on mobile traps the
+ * page (dragging over the textarea scrolls it instead of the page). Letting it
+ * grow means the whole page scrolls naturally.
+ *
+ * To cap growth (e.g. a chat composer), give the element a CSS `max-height`
+ * (a `max-h-*` class) or pass `maxHeight` (px); past the cap it scrolls
+ * internally. The prop wins if both are set.
+ *
+ * Keyed on `value` so it re-measures on every change, including programmatic
+ * ones. Also listens to the element's own `input` event so uncontrolled
+ * textareas grow while typing, and re-measures on window resize (vw widths
+ * re-wrap on rotate).
+ */
+export const useAutoSizeTextarea = (ref, value, maxHeight) => {
+    // `value` is an intentional re-measure trigger so a programmatic value change
+    // (loading a different note) re-fits the textarea.
+    useLayoutEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const resize = () => {
+            // Collapse first so scrollHeight reflects content, not the current height.
+            el.style.height = 'auto';
+            // Honor an explicit prop, else the element's CSS max-height (max-h-*);
+            // getComputedStyle resolves vh/rem to px. 'none' → NaN → no cap.
+            const cssMax = Number.parseFloat(getComputedStyle(el).maxHeight);
+            const cap = maxHeight ?? (Number.isFinite(cssMax) ? cssMax : Number.POSITIVE_INFINITY);
+            el.style.height = `${Math.min(el.scrollHeight, cap)}px`;
+            el.style.overflowY = el.scrollHeight > cap ? 'auto' : 'hidden';
+        };
+        resize();
+        el.addEventListener('input', resize);
+        window.addEventListener('resize', resize);
+        return () => {
+            el.removeEventListener('input', resize);
+            window.removeEventListener('resize', resize);
+        };
+    }, [ref, value, maxHeight]);
+};
+//# sourceMappingURL=useAutoSizeTextarea.js.map

package/dist/react/hooks/useAutoSizeTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoSizeTextarea.js","sourceRoot":"","sources":["../../../src/react/hooks/useAutoSizeTextarea.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,eAAe,EAAE,MAAM,OAAO,CAAC;AAExD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAA0C,EAC1C,KAAc,EACd,SAAkB,EACZ,EAAE;IACR,8EAA8E;IAC9E,mDAAmD;IACnD,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;QACvB,IAAI,CAAC,EAAE;YAAE,OAAO;QAEhB,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,2EAA2E;YAC3E,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YACzB,uEAAuE;YACvE,iEAAiE;YACjE,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC;YACjE,MAAM,GAAG,GAAG,SAAS,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;YACvF,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,IAAI,CAAC;YACxD,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC,YAAY,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;QACjE,CAAC,CAAC;QAEF,MAAM,EAAE,CAAC;QACT,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACrC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC1C,OAAO,GAAG,EAAE;YACV,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YACxC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AAC9B,CAAC,CAAC"}

package/dist/react/hooks/useCaretInView.d.ts

@@ -0,0 +1,22 @@
+import { type FocusEvent } from 'react';
+/**
+ * Returns an `onFocusCapture` handler that scrolls the newly-focused
+ * input/textarea/select/contenteditable into view after a microtask — giving the
+ * browser a tick to lay out the keyboard inset before the scroll fires.
+ *
+ * The browser's own "scroll the focused field into view" already honours
+ * `scroll-padding-bottom` (which `ScrollArea` sets to keyboard + safe-area +
+ * comfort), parking the field above the on-screen keyboard. This explicit call is
+ * the belt-and-suspenders for browsers that DON'T apply scroll-padding to a
+ * programmatic / native `scrollIntoView`.
+ *
+ * Attach to `ScrollArea`'s outer div via `onFocusCapture` (capture phase, so it
+ * catches focus on any descendant control). It reads no state/props — only
+ * `e.target` — so the handler is a stable `useCallback` with an empty dep array.
+ *
+ * Do NOT read `window.visualViewport` here: tracking the keyboard height is
+ * `useKeyboardInset`'s job (installed once in the app shell). This hook is pure
+ * React event handling.
+ */
+export declare function useCaretInView(): (e: FocusEvent) => void;
+//# sourceMappingURL=useCaretInView.d.ts.map

package/dist/react/hooks/useCaretInView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCaretInView.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useCaretInView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAe,MAAM,OAAO,CAAC;AAErD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,QACL,UAAU,UASlC"}

package/dist/react/hooks/useCaretInView.js

@@ -0,0 +1,32 @@
+import { useCallback } from 'react';
+/**
+ * Returns an `onFocusCapture` handler that scrolls the newly-focused
+ * input/textarea/select/contenteditable into view after a microtask — giving the
+ * browser a tick to lay out the keyboard inset before the scroll fires.
+ *
+ * The browser's own "scroll the focused field into view" already honours
+ * `scroll-padding-bottom` (which `ScrollArea` sets to keyboard + safe-area +
+ * comfort), parking the field above the on-screen keyboard. This explicit call is
+ * the belt-and-suspenders for browsers that DON'T apply scroll-padding to a
+ * programmatic / native `scrollIntoView`.
+ *
+ * Attach to `ScrollArea`'s outer div via `onFocusCapture` (capture phase, so it
+ * catches focus on any descendant control). It reads no state/props — only
+ * `e.target` — so the handler is a stable `useCallback` with an empty dep array.
+ *
+ * Do NOT read `window.visualViewport` here: tracking the keyboard height is
+ * `useKeyboardInset`'s job (installed once in the app shell). This hook is pure
+ * React event handling.
+ */
+export function useCaretInView() {
+    return useCallback((e) => {
+        const t = e.target;
+        if (t instanceof HTMLElement && t.matches('input, textarea, select, [contenteditable]')) {
+            // Defer one microtask so `--keyboard-inset` has been updated by
+            // visualViewport's resize event (which fires just after focus) before we
+            // ask the browser to scroll — otherwise we'd scroll against a stale inset.
+            Promise.resolve().then(() => t.scrollIntoView({ block: 'nearest', behavior: 'smooth' }));
+        }
+    }, []);
+}
+//# sourceMappingURL=useCaretInView.js.map

package/dist/react/hooks/useCaretInView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCaretInView.js","sourceRoot":"","sources":["../../../src/react/hooks/useCaretInView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,WAAW,EAAE,MAAM,OAAO,CAAC;AAErD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,WAAW,CAAC,CAAC,CAAa,EAAE,EAAE;QACnC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC;QACnB,IAAI,CAAC,YAAY,WAAW,IAAI,CAAC,CAAC,OAAO,CAAC,4CAA4C,CAAC,EAAE,CAAC;YACxF,gEAAgE;YAChE,yEAAyE;YACzE,2EAA2E;YAC3E,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;QAC3F,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}

package/dist/react/hooks/useCopyToClipboard.d.ts

@@ -0,0 +1,11 @@
+export interface UseCopyToClipboard {
+    /** True for `resetMs` after a successful copy — drive a ✓ / "Copied" affordance. */
+    copied: boolean;
+    /** Write `text` to the clipboard; flips `copied` and resolves `true` on success. */
+    copy: (text: string) => Promise<boolean>;
+    /** Clear the pending reset timer and force `copied` back to false. */
+    reset: () => void;
+}
+/** Clipboard write with a transient `copied` flag (auto-resets after `resetMs`). */
+export declare function useCopyToClipboard(resetMs?: number): UseCopyToClipboard;
+//# sourceMappingURL=useCopyToClipboard.d.ts.map

package/dist/react/hooks/useCopyToClipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IACjC,oFAAoF;IACpF,MAAM,EAAE,OAAO,CAAC;IAChB,oFAAoF;IACpF,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,sEAAsE;IACtE,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,OAAO,SAAO,GAAG,kBAAkB,CAkCrE"}

package/dist/react/hooks/useCopyToClipboard.js

@@ -0,0 +1,31 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+/** Clipboard write with a transient `copied` flag (auto-resets after `resetMs`). */
+export function useCopyToClipboard(resetMs = 1200) {
+    const [copied, setCopied] = useState(false);
+    const timer = useRef(null);
+    const clear = useCallback(() => {
+        if (timer.current) {
+            clearTimeout(timer.current);
+            timer.current = null;
+        }
+    }, []);
+    useEffect(() => clear, [clear]);
+    const reset = useCallback(() => {
+        clear();
+        setCopied(false);
+    }, [clear]);
+    const copy = useCallback(async (text) => {
+        try {
+            await navigator.clipboard?.writeText(text);
+            setCopied(true);
+            clear();
+            timer.current = setTimeout(() => setCopied(false), resetMs);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }, [clear, resetMs]);
+    return { copied, copy, reset };
+}
+//# sourceMappingURL=useCopyToClipboard.js.map

package/dist/react/hooks/useCopyToClipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopyToClipboard.js","sourceRoot":"","sources":["../../../src/react/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAWjE,oFAAoF;AACpF,MAAM,UAAU,kBAAkB,CAAC,OAAO,GAAG,IAAI;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEjE,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAC5B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,KAAK,EAAE,CAAC;QACR,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG,WAAW,CACtB,KAAK,EAAE,IAAY,EAAE,EAAE;QACrB,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;YAC3C,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,KAAK,EAAE,CAAC;YACR,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;YAC5D,OAAO,IAAI,CAAC;QACd,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC,EACD,CAAC,KAAK,EAAE,OAAO,CAAC,CACjB,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACjC,CAAC"}