@particle-academy/react-fancy 5.11.0 → 5.13.1

package/dist/chunk-G2W7B3OG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/InputTag/InputTag.tsx","../src/components/InputTag/adapters.ts"],"names":["cfg","el","range"],"mappings":"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","file":"chunk-G2W7B3OG.js","sourcesContent":["import {\n  type CSSProperties,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\n/**\n * InputTag — attach a `/`-style or `@`-style autocomplete picker to *any*\n * text surface (a `<textarea>`, an `<input>`, a `contenteditable`, a code\n * editor, a sheet cell editor, a whiteboard sticky note…) via an adapter\n * that abstracts the surface's read/write/caret API.\n *\n * The component is \"headless\" in the sense that it has no input of its\n * own — it floats a small picker menu near the surface and writes back\n * through the adapter when the user picks an item.\n *\n *   <textarea ref={ref} value={text} onChange={...} />\n *   <InputTag\n *     adapter={textareaAdapter(ref)}\n *     triggers={{\n *       \"/\": { items: commands, insert: (c) => `${c.name} ` },\n *       \"@\": { items: mentions, insert: (m) => `@${m.name} ` },\n *     }}\n *   />\n *\n * For non-DOM surfaces, write a small adapter that conforms to\n * {@link InputTagAdapter}. Adapters typically run 20–40 lines.\n */\n\n/** What the surface tells the picker on every text/caret change. */\nexport type InputTagAdapterState = {\n  text: string;\n  caretIndex: number;\n};\n\n/**\n * The contract every input surface implements. The picker subscribes to\n * state changes, anchors itself using `getAnchorRect`, intercepts\n * navigation keys via `onKey`, and writes the selected item back through\n * `replaceRange`.\n */\nexport type InputTagAdapter = {\n  /** Push current state whenever text or caret changes. Returns an unsubscribe. */\n  subscribe: (fn: (state: InputTagAdapterState) => void) => () => void;\n  /** Replace text in `[start, end)` with `replacement`. The adapter is\n   *  responsible for moving the caret to the end of the inserted text. */\n  replaceRange: (start: number, end: number, replacement: string) => void;\n  /** Screen-space rect to anchor the picker against. Usually the surface's\n   *  bounding rect; for editors that can compute caret-precise coordinates,\n   *  return a small rect there instead. */\n  getAnchorRect: () => DOMRect | null;\n  /** Subscribe to keydown events on the surface. The handler may return\n   *  `true` to consume the event (the adapter then calls\n   *  `preventDefault` / `stopPropagation`). Returns an unsubscribe. */\n  onKey: (handler: (e: KeyboardEvent) => boolean) => () => void;\n};\n\n/**\n * Per-trigger configuration. `T` is the item shape — typically a\n * `{ id, name, ... }` object, but any shape works as long as `keyOf` /\n * `insert` know how to handle it.\n */\nexport type InputTagTrigger<T> = {\n  /** The pool the picker filters against. */\n  items: T[];\n  /** Text inserted in place of `<triggerChar><query>`. */\n  insert: (item: T, query: string) => string;\n  /** Custom filter. Default: case-insensitive prefix match against\n   *  `String(keyOf(item))`. Pass `() => true` to disable filtering and\n   *  rely on `items` being pre-filtered (e.g. from an async source). */\n  filter?: (item: T, query: string) => boolean;\n  /** How to render each row. Default renders the result of `keyOf(item)`. */\n  render?: (item: T, active: boolean) => ReactNode;\n  /** How to derive a stable key + default label for each item. Default\n   *  reads `item.name` then `item.id` then `String(item)`. */\n  keyOf?: (item: T) => string;\n  /** Optional header label shown above the list. */\n  label?: string;\n};\n\nexport type InputTagTriggers = Record<string, InputTagTrigger<any>>;\n\nexport interface InputTagProps {\n  adapter: InputTagAdapter;\n  triggers: InputTagTriggers;\n  /** Max rows shown. Default 8. */\n  maxItems?: number;\n  /** Where the picker anchors relative to the surface. Default `\"bottom-left\"`. */\n  placement?: \"bottom-left\" | \"bottom-right\" | \"top-left\" | \"top-right\";\n  /** Custom class for the popover container. */\n  className?: string;\n  /** Inline style for the popover container. */\n  style?: CSSProperties;\n  /** Fires whenever an item is picked. */\n  onPick?: (info: { triggerChar: string; query: string; item: unknown }) => void;\n};\n\ntype ActiveTrigger = {\n  char: string;\n  start: number;\n  end: number;\n  query: string;\n};\n\nfunction defaultKeyOf(item: unknown): string {\n  if (item && typeof item === \"object\") {\n    const r = item as Record<string, unknown>;\n    if (typeof r.name === \"string\") return r.name;\n    if (typeof r.id === \"string\") return r.id;\n  }\n  return String(item);\n}\n\nfunction defaultFilter(item: unknown, query: string): boolean {\n  if (!query) return true;\n  return defaultKeyOf(item).toLowerCase().includes(query.toLowerCase());\n}\n\n/**\n * Walk back from `caret` to detect an active trigger. A trigger is active\n * when one of the configured characters appears between `caret` and the\n * nearest preceding whitespace (or start-of-text), with no other\n * non-trigger-non-whitespace breaks. The \"query\" is everything after\n * the trigger up to the caret.\n */\nfunction detectTrigger(\n  text: string,\n  caret: number,\n  triggerChars: Set<string>,\n): ActiveTrigger | null {\n  for (let i = caret - 1; i >= 0; i--) {\n    const ch = text[i];\n    if (ch === undefined) break;\n    if (triggerChars.has(ch)) {\n      // Must be at a word boundary: start of text OR preceded by whitespace.\n      if (i === 0 || /\\s/.test(text[i - 1])) {\n        return {\n          char: ch,\n          start: i,\n          end: caret,\n          query: text.slice(i + 1, caret),\n        };\n      }\n      return null;\n    }\n    if (/\\s/.test(ch)) return null;\n  }\n  return null;\n}\n\nexport function InputTag({\n  adapter,\n  triggers,\n  maxItems = 8,\n  placement = \"bottom-left\",\n  className,\n  style,\n  onPick,\n}: InputTagProps) {\n  const triggerChars = useMemo(() => new Set(Object.keys(triggers)), [triggers]);\n  const [active, setActive] = useState<ActiveTrigger | null>(null);\n  const [cursor, setCursor] = useState(0);\n  const [anchorRect, setAnchorRect] = useState<DOMRect | null>(null);\n\n  // Latest state in refs so key handlers see fresh data without re-registering.\n  const stateRef = useRef<InputTagAdapterState>({ text: \"\", caretIndex: 0 });\n  const activeRef = useRef<ActiveTrigger | null>(null);\n  const cursorRef = useRef(0);\n  activeRef.current = active;\n  cursorRef.current = cursor;\n\n  // Filtered items for the active trigger.\n  const items: unknown[] = useMemo(() => {\n    if (!active) return [];\n    const cfg = triggers[active.char];\n    if (!cfg) return [];\n    const filter = cfg.filter ?? defaultFilter;\n    const out: unknown[] = [];\n    for (const item of cfg.items) {\n      if (filter(item, active.query)) out.push(item);\n      if (out.length >= maxItems) break;\n    }\n    return out;\n  }, [active, triggers, maxItems]);\n\n  // Subscribe to text/caret changes.\n  useEffect(() => {\n    return adapter.subscribe((s) => {\n      stateRef.current = s;\n      const next = detectTrigger(s.text, s.caretIndex, triggerChars);\n      setActive((prev) => {\n        // Reset cursor when the trigger char or position changes.\n        if (!prev || !next || prev.char !== next.char || prev.start !== next.start) {\n          setCursor(0);\n        }\n        return next;\n      });\n      if (next) setAnchorRect(adapter.getAnchorRect());\n    });\n  }, [adapter, triggerChars]);\n\n  // Refresh anchor rect on scroll/resize while picker is open.\n  useLayoutEffect(() => {\n    if (!active) return;\n    const update = () => setAnchorRect(adapter.getAnchorRect());\n    update();\n    window.addEventListener(\"scroll\", update, true);\n    window.addEventListener(\"resize\", update);\n    return () => {\n      window.removeEventListener(\"scroll\", update, true);\n      window.removeEventListener(\"resize\", update);\n    };\n  }, [active, adapter]);\n\n  // Clamp cursor when the visible items shrink.\n  useEffect(() => {\n    if (cursor >= items.length) setCursor(Math.max(0, items.length - 1));\n  }, [items.length, cursor]);\n\n  const pickItem = useCallback(\n    (item: unknown) => {\n      const cur = activeRef.current;\n      if (!cur) return;\n      const cfg = triggers[cur.char];\n      if (!cfg) return;\n      const replacement = cfg.insert(item, cur.query);\n      adapter.replaceRange(cur.start, cur.end, replacement);\n      onPick?.({ triggerChar: cur.char, query: cur.query, item });\n      setActive(null);\n    },\n    [adapter, triggers, onPick],\n  );\n\n  // Key handling.\n  useEffect(() => {\n    return adapter.onKey((e) => {\n      const cur = activeRef.current;\n      if (!cur) return false;\n      const visible = items;\n      switch (e.key) {\n        case \"ArrowDown\":\n          if (visible.length === 0) return false;\n          setCursor((c) => (c + 1) % visible.length);\n          return true;\n        case \"ArrowUp\":\n          if (visible.length === 0) return false;\n          setCursor((c) => (c - 1 + visible.length) % visible.length);\n          return true;\n        case \"Enter\":\n        case \"Tab\": {\n          if (visible.length === 0) return false;\n          const idx = Math.min(cursorRef.current, visible.length - 1);\n          pickItem(visible[idx]);\n          return true;\n        }\n        case \"Escape\":\n          setActive(null);\n          return true;\n        default:\n          return false;\n      }\n    });\n  }, [adapter, items, pickItem]);\n\n  if (!active || !anchorRect || items.length === 0) return null;\n\n  const cfg = triggers[active.char];\n  if (!cfg) return null;\n\n  const popStyle = computePopoverStyle(anchorRect, placement);\n\n  return (\n    <div\n      role=\"listbox\"\n      aria-label={cfg.label ?? `Pick a ${active.char === \"/\" ? \"command\" : \"mention\"}`}\n      className={[\n        \"fixed z-50 w-72 overflow-hidden rounded-md border border-zinc-200 bg-white shadow-lg dark:border-zinc-700 dark:bg-zinc-900\",\n        className ?? \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={{ ...popStyle, ...style }}\n    >\n      {(cfg.label || active.query) && (\n        <div className=\"flex items-center justify-between border-b border-zinc-100 bg-zinc-50 px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-zinc-500 dark:border-zinc-800 dark:bg-zinc-950\">\n          <span>{cfg.label ?? labelForChar(active.char)}</span>\n          {active.query && (\n            <span className=\"font-mono text-[10px] normal-case tracking-normal text-zinc-400\">\n              {active.char}\n              {active.query}\n            </span>\n          )}\n        </div>\n      )}\n      <ul className=\"max-h-60 overflow-y-auto\">\n        {items.map((item, i) => {\n          const renderer = cfg.render ?? ((it: unknown) => <span>{defaultKeyOf(it)}</span>);\n          const active2 = i === cursor;\n          const key = (cfg.keyOf ?? defaultKeyOf)(item);\n          return (\n            <li\n              key={key}\n              role=\"option\"\n              aria-selected={active2}\n              onMouseDown={(e) => {\n                e.preventDefault();\n                pickItem(item);\n              }}\n              onMouseEnter={() => setCursor(i)}\n              className={[\n                \"cursor-pointer px-2 py-1.5 text-[12px]\",\n                active2\n                  ? \"bg-violet-100 dark:bg-violet-900/30\"\n                  : \"hover:bg-zinc-50 dark:hover:bg-zinc-800\",\n              ].join(\" \")}\n            >\n              {renderer(item, active2)}\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n\nfunction labelForChar(ch: string): string {\n  if (ch === \"/\") return \"Commands\";\n  if (ch === \"@\") return \"Mentions\";\n  if (ch === \"#\") return \"Tags\";\n  if (ch === \":\") return \"Emoji\";\n  return `Trigger ${ch}`;\n}\n\nfunction computePopoverStyle(\n  anchor: DOMRect,\n  placement: NonNullable<InputTagProps[\"placement\"]>,\n): CSSProperties {\n  const offset = 4;\n  switch (placement) {\n    case \"bottom-right\":\n      return { top: anchor.bottom + offset, right: window.innerWidth - anchor.right };\n    case \"top-left\":\n      return { bottom: window.innerHeight - anchor.top + offset, left: anchor.left };\n    case \"top-right\":\n      return { bottom: window.innerHeight - anchor.top + offset, right: window.innerWidth - anchor.right };\n    case \"bottom-left\":\n    default:\n      return { top: anchor.bottom + offset, left: anchor.left };\n  }\n}\n","import type { RefObject } from \"react\";\nimport type { InputTagAdapter } from \"./InputTag\";\n\n/**\n * Built-in DOM adapters. Each one wraps a familiar input element and\n * exposes the {@link InputTagAdapter} contract so `<InputTag>` can\n * attach to it. For non-DOM surfaces (code editor, sheet cell editor,\n * whiteboard sticky note), write your own — the contract is small.\n */\n\n/**\n * Get React's monkey-patched-aside native value setter on a DOM\n * element. Required when programmatically updating `value` on a\n * controlled input: React's intercepted setter would otherwise swallow\n * the change and the consumer's `onChange` would never fire.\n */\nfunction nativeValueSetter(el: HTMLInputElement | HTMLTextAreaElement): ((v: string) => void) | null {\n  const proto = el instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;\n  const desc = Object.getOwnPropertyDescriptor(proto, \"value\");\n  if (!desc?.set) return null;\n  return desc.set.bind(el);\n}\n\nfunction replaceInValueElement(\n  el: HTMLInputElement | HTMLTextAreaElement,\n  start: number,\n  end: number,\n  replacement: string,\n): void {\n  const current = el.value;\n  const next = current.slice(0, start) + replacement + current.slice(end);\n  const setter = nativeValueSetter(el);\n  if (setter) {\n    setter(next);\n  } else {\n    el.value = next;\n  }\n  // Dispatch a native `input` event so any controlled-component\n  // onChange handler upstream gets the new value.\n  el.dispatchEvent(new Event(\"input\", { bubbles: true }));\n  // Place caret at the end of the inserted text.\n  const caret = start + replacement.length;\n  el.setSelectionRange(caret, caret);\n  el.focus();\n}\n\nfunction valueElementAdapter(\n  ref: RefObject<HTMLTextAreaElement | HTMLInputElement | null>,\n): InputTagAdapter {\n  return {\n    subscribe(fn) {\n      const handler = () => {\n        const el = ref.current;\n        if (!el) return;\n        fn({\n          text: el.value,\n          caretIndex: el.selectionStart ?? el.value.length,\n        });\n      };\n      const el = ref.current;\n      if (el) {\n        el.addEventListener(\"input\", handler);\n        el.addEventListener(\"click\", handler);\n        el.addEventListener(\"keyup\", handler);\n        el.addEventListener(\"focus\", handler);\n      }\n      return () => {\n        const el2 = ref.current;\n        if (el2) {\n          el2.removeEventListener(\"input\", handler);\n          el2.removeEventListener(\"click\", handler);\n          el2.removeEventListener(\"keyup\", handler);\n          el2.removeEventListener(\"focus\", handler);\n        }\n      };\n    },\n    replaceRange(start, end, replacement) {\n      const el = ref.current;\n      if (!el) return;\n      replaceInValueElement(el, start, end, replacement);\n    },\n    getAnchorRect() {\n      const el = ref.current;\n      return el ? el.getBoundingClientRect() : null;\n    },\n    onKey(handler) {\n      const fn = (e: KeyboardEvent) => {\n        if (handler(e)) {\n          e.preventDefault();\n          e.stopPropagation();\n        }\n      };\n      const el = ref.current;\n      if (el) el.addEventListener(\"keydown\", fn as EventListener);\n      return () => {\n        const el2 = ref.current;\n        if (el2) el2.removeEventListener(\"keydown\", fn as EventListener);\n      };\n    },\n  };\n}\n\n/**\n * Adapter for a DOM `<textarea>`. Works whether the consumer manages\n * `value` via React state (controlled) or lets the DOM hold it\n * (uncontrolled) — `replaceRange` uses React's native value setter and\n * dispatches a native `input` event so the upstream onChange fires.\n */\nexport function textareaAdapter(\n  ref: RefObject<HTMLTextAreaElement | null>,\n): InputTagAdapter {\n  return valueElementAdapter(ref);\n}\n\n/** Adapter for a DOM `<input type=\"text|search|...\">`. */\nexport function inputAdapter(\n  ref: RefObject<HTMLInputElement | null>,\n): InputTagAdapter {\n  return valueElementAdapter(ref);\n}\n\n/**\n * Adapter for any `contenteditable` element. Operates on the element's\n * `textContent`; rich-text editors with their own internal model should\n * write a custom adapter that talks to that model instead.\n */\nexport function contentEditableAdapter(\n  ref: RefObject<HTMLElement | null>,\n): InputTagAdapter {\n  function caretIndex(el: HTMLElement): number {\n    const sel = window.getSelection();\n    if (!sel || sel.rangeCount === 0) return 0;\n    const range = sel.getRangeAt(0).cloneRange();\n    range.selectNodeContents(el);\n    range.setEnd(sel.focusNode!, sel.focusOffset);\n    return range.toString().length;\n  }\n  function setCaret(el: HTMLElement, index: number): void {\n    const sel = window.getSelection();\n    if (!sel) return;\n    const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);\n    let remaining = index;\n    let node: Node | null = walker.nextNode();\n    while (node) {\n      const len = (node.textContent ?? \"\").length;\n      if (remaining <= len) {\n        const range = document.createRange();\n        range.setStart(node, remaining);\n        range.collapse(true);\n        sel.removeAllRanges();\n        sel.addRange(range);\n        return;\n      }\n      remaining -= len;\n      node = walker.nextNode();\n    }\n    // Past end: place at end.\n    const range = document.createRange();\n    range.selectNodeContents(el);\n    range.collapse(false);\n    sel.removeAllRanges();\n    sel.addRange(range);\n  }\n  return {\n    subscribe(fn) {\n      const handler = () => {\n        const el = ref.current;\n        if (!el) return;\n        fn({ text: el.textContent ?? \"\", caretIndex: caretIndex(el) });\n      };\n      const el = ref.current;\n      if (el) {\n        el.addEventListener(\"input\", handler);\n        el.addEventListener(\"click\", handler);\n        el.addEventListener(\"keyup\", handler);\n        el.addEventListener(\"focus\", handler);\n      }\n      return () => {\n        const el2 = ref.current;\n        if (el2) {\n          el2.removeEventListener(\"input\", handler);\n          el2.removeEventListener(\"click\", handler);\n          el2.removeEventListener(\"keyup\", handler);\n          el2.removeEventListener(\"focus\", handler);\n        }\n      };\n    },\n    replaceRange(start, end, replacement) {\n      const el = ref.current;\n      if (!el) return;\n      const current = el.textContent ?? \"\";\n      const next = current.slice(0, start) + replacement + current.slice(end);\n      el.textContent = next;\n      setCaret(el, start + replacement.length);\n      el.dispatchEvent(new Event(\"input\", { bubbles: true }));\n      el.focus();\n    },\n    getAnchorRect() {\n      const el = ref.current;\n      return el ? el.getBoundingClientRect() : null;\n    },\n    onKey(handler) {\n      const fn = (e: KeyboardEvent) => {\n        if (handler(e)) {\n          e.preventDefault();\n          e.stopPropagation();\n        }\n      };\n      const el = ref.current;\n      if (el) el.addEventListener(\"keydown\", fn as EventListener);\n      return () => {\n        const el2 = ref.current;\n        if (el2) el2.removeEventListener(\"keydown\", fn as EventListener);\n      };\n    },\n  };\n}\n\n/**\n * Adapter for hosts that fully control the text state themselves. Use\n * this when you can't (or don't want to) let the DOM be the source of\n * truth — for code editors with internal state, sheet cell editors, or\n * any host that already has `value` + `onChange` and wants to reach the\n * picker programmatically.\n *\n * The host calls `notify({ text, caretIndex })` after every text or\n * caret change. `<InputTag>` calls `onReplaceRange` to write back.\n */\nexport type ControlledAdapterHandle = InputTagAdapter & {\n  /** Push the latest text + caret to the picker. */\n  notify: (state: { text: string; caretIndex: number }) => void;\n};\n\nexport function controlledAdapter(opts: {\n  /** Element used as anchor + key target. Usually the visible input. */\n  anchorRef: RefObject<HTMLElement | null>;\n  /** Called when the picker writes back an insertion. */\n  onReplaceRange: (start: number, end: number, replacement: string) => void;\n}): ControlledAdapterHandle {\n  let listener: ((s: { text: string; caretIndex: number }) => void) | null = null;\n  let keyHandler: ((e: KeyboardEvent) => boolean) | null = null;\n\n  const installKey = () => {\n    const el = opts.anchorRef.current;\n    if (!el || !keyHandler) return () => {};\n    const fn = (e: KeyboardEvent) => {\n      if (keyHandler && keyHandler(e)) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    };\n    el.addEventListener(\"keydown\", fn);\n    return () => el.removeEventListener(\"keydown\", fn);\n  };\n\n  return {\n    notify(state) {\n      listener?.(state);\n    },\n    subscribe(fn) {\n      listener = fn;\n      return () => {\n        if (listener === fn) listener = null;\n      };\n    },\n    replaceRange(start, end, replacement) {\n      opts.onReplaceRange(start, end, replacement);\n    },\n    getAnchorRect() {\n      const el = opts.anchorRef.current;\n      return el ? el.getBoundingClientRect() : null;\n    },\n    onKey(handler) {\n      keyHandler = handler;\n      const uninstall = installKey();\n      return () => {\n        if (keyHandler === handler) keyHandler = null;\n        uninstall();\n      };\n    },\n  };\n}\n"]}

package/dist/chunk-G34OBTU3.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/use-id.ts
+function useId(prefix) {
+  const id = react.useId();
+  return prefix ? `${prefix}-${id}` : id;
+}
+function useNodeRegistry() {
+  const rectsRef = react.useRef(/* @__PURE__ */ new Map());
+  const [version, setVersion] = react.useState(0);
+  const registerNode = react.useCallback((id, rect) => {
+    rectsRef.current.set(id, rect);
+    setVersion((v) => v + 1);
+  }, []);
+  const unregisterNode = react.useCallback((id) => {
+    rectsRef.current.delete(id);
+    setVersion((v) => v + 1);
+  }, []);
+  return { registerNode, unregisterNode, nodeRects: rectsRef.current, version };
+}
+
+exports.useId = useId;
+exports.useNodeRegistry = useNodeRegistry;
+//# sourceMappingURL=chunk-G34OBTU3.cjs.map
+//# sourceMappingURL=chunk-G34OBTU3.cjs.map

package/dist/chunk-G34OBTU3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-id.ts","../src/hooks/use-node-registry.ts"],"names":["useReactId","useRef","useState","useCallback"],"mappings":";;;;;AAEO,SAAS,MAAM,MAAA,EAAyB;AAC7C,EAAA,MAAM,KAAKA,WAAA,EAAW;AACtB,EAAA,OAAO,MAAA,GAAS,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,GAAK,EAAA;AACtC;ACWO,SAAS,eAAA,GAAyC;AACvD,EAAA,MAAM,QAAA,GAAWC,YAAA,iBAAO,IAAI,GAAA,EAAuB,CAAA;AACnD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAAS,CAAC,CAAA;AAExC,EAAA,MAAM,YAAA,GAAeC,iBAAA,CAAY,CAAC,EAAA,EAAY,IAAA,KAAmB;AAC/D,IAAA,QAAA,CAAS,OAAA,CAAQ,GAAA,CAAI,EAAA,EAAI,IAAI,CAAA;AAC7B,IAAA,UAAA,CAAW,CAAC,CAAA,KAAM,CAAA,GAAI,CAAC,CAAA;AAAA,EACzB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,cAAA,GAAiBA,iBAAA,CAAY,CAAC,EAAA,KAAe;AACjD,IAAA,QAAA,CAAS,OAAA,CAAQ,OAAO,EAAE,CAAA;AAC1B,IAAA,UAAA,CAAW,CAAC,CAAA,KAAM,CAAA,GAAI,CAAC,CAAA;AAAA,EACzB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,YAAA,EAAc,cAAA,EAAgB,SAAA,EAAW,QAAA,CAAS,SAAS,OAAA,EAAQ;AAC9E","file":"chunk-G34OBTU3.cjs","sourcesContent":["import { useId as useReactId } from \"react\";\n\nexport function useId(prefix?: string): string {\n  const id = useReactId();\n  return prefix ? `${prefix}-${id}` : id;\n}\n","import { useCallback, useRef, useState } from \"react\";\n\nexport interface NodeRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\ninterface UseNodeRegistryReturn {\n  registerNode: (id: string, rect: NodeRect) => void;\n  unregisterNode: (id: string) => void;\n  nodeRects: Map<string, NodeRect>;\n  version: number;\n}\n\nexport function useNodeRegistry(): UseNodeRegistryReturn {\n  const rectsRef = useRef(new Map<string, NodeRect>());\n  const [version, setVersion] = useState(0);\n\n  const registerNode = useCallback((id: string, rect: NodeRect) => {\n    rectsRef.current.set(id, rect);\n    setVersion((v) => v + 1);\n  }, []);\n\n  const unregisterNode = useCallback((id: string) => {\n    rectsRef.current.delete(id);\n    setVersion((v) => v + 1);\n  }, []);\n\n  return { registerNode, unregisterNode, nodeRects: rectsRef.current, version };\n}\n"]}

package/dist/chunk-GFYSELJF.js

@@ -0,0 +1,35 @@
+// src/components/inputs/inputs.utils.ts
+var inputSizeClasses = {
+  xs: "px-2 py-1 text-xs rounded",
+  sm: "px-2.5 py-1.5 text-sm rounded-md",
+  md: "px-3 py-2 text-sm rounded-lg",
+  lg: "px-4 py-2.5 text-base rounded-lg",
+  xl: "px-5 py-3 text-lg rounded-xl"
+};
+var labelSizeClasses = {
+  xs: "text-xs",
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-sm",
+  xl: "text-base"
+};
+function dirtyClasses(dirty) {
+  return dirty ? "border-l-[3px] border-l-amber-400" : "";
+}
+function dirtyRingClasses(dirty) {
+  return dirty ? "ring-2 ring-amber-400/50" : "";
+}
+function errorClasses(error) {
+  return error ? "border-red-500 focus:ring-red-500" : "";
+}
+var inputBaseClasses = "border border-zinc-300 bg-white text-zinc-900 placeholder:text-zinc-400 transition-[border-color,box-shadow] duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500/40 focus:border-blue-500 disabled:opacity-50 disabled:cursor-not-allowed dark:border-zinc-700 dark:bg-[#1e1e24] dark:text-zinc-100 dark:placeholder:text-zinc-500 dark:focus:border-blue-400 dark:focus:ring-blue-400/20";
+function resolveOption(option) {
+  if (typeof option === "string") {
+    return { value: option, label: option };
+  }
+  return option;
+}
+
+export { dirtyClasses, dirtyRingClasses, errorClasses, inputBaseClasses, inputSizeClasses, labelSizeClasses, resolveOption };
+//# sourceMappingURL=chunk-GFYSELJF.js.map
+//# sourceMappingURL=chunk-GFYSELJF.js.map

package/dist/chunk-GFYSELJF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/inputs/inputs.utils.ts"],"names":[],"mappings":";AAGO,IAAM,gBAAA,GAAyC;AAAA,EACpD,EAAA,EAAI,2BAAA;AAAA,EACJ,EAAA,EAAI,kCAAA;AAAA,EACJ,EAAA,EAAI,8BAAA;AAAA,EACJ,EAAA,EAAI,kCAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,gBAAA,GAAyC;AAAA,EACpD,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,SAAS,aAAa,KAAA,EAAyB;AACpD,EAAA,OAAO,QAAQ,mCAAA,GAAsC,EAAA;AACvD;AAEO,SAAS,iBAAiB,KAAA,EAAyB;AACxD,EAAA,OAAO,QAAQ,0BAAA,GAA6B,EAAA;AAC9C;AAEO,SAAS,aAAa,KAAA,EAAwB;AACnD,EAAA,OAAO,QAAQ,mCAAA,GAAsC,EAAA;AACvD;AAEO,IAAM,gBAAA,GACX;AAEK,SAAS,cACd,MAAA,EACuE;AACvE,EAAA,IAAI,OAAO,WAAW,QAAA,EAAU;AAC9B,IAAA,OAAO,EAAE,KAAA,EAAO,MAAA,EAAwB,KAAA,EAAO,MAAA,EAAO;AAAA,EACxD;AACA,EAAA,OAAO,MAAA;AACT","file":"chunk-GFYSELJF.js","sourcesContent":["import type { Size } from \"../../utils/types\";\nimport type { InputOption } from \"./inputs.types\";\n\nexport const inputSizeClasses: Record<Size, string> = {\n  xs: \"px-2 py-1 text-xs rounded\",\n  sm: \"px-2.5 py-1.5 text-sm rounded-md\",\n  md: \"px-3 py-2 text-sm rounded-lg\",\n  lg: \"px-4 py-2.5 text-base rounded-lg\",\n  xl: \"px-5 py-3 text-lg rounded-xl\",\n};\n\nexport const labelSizeClasses: Record<Size, string> = {\n  xs: \"text-xs\",\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-sm\",\n  xl: \"text-base\",\n};\n\nexport function dirtyClasses(dirty?: boolean): string {\n  return dirty ? \"border-l-[3px] border-l-amber-400\" : \"\";\n}\n\nexport function dirtyRingClasses(dirty?: boolean): string {\n  return dirty ? \"ring-2 ring-amber-400/50\" : \"\";\n}\n\nexport function errorClasses(error?: string): string {\n  return error ? \"border-red-500 focus:ring-red-500\" : \"\";\n}\n\nexport const inputBaseClasses =\n  \"border border-zinc-300 bg-white text-zinc-900 placeholder:text-zinc-400 transition-[border-color,box-shadow] duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500/40 focus:border-blue-500 disabled:opacity-50 disabled:cursor-not-allowed dark:border-zinc-700 dark:bg-[#1e1e24] dark:text-zinc-100 dark:placeholder:text-zinc-500 dark:focus:border-blue-400 dark:focus:ring-blue-400/20\";\n\nexport function resolveOption<V = string>(\n  option: InputOption<V>,\n): { value: V; label: string; disabled?: boolean; description?: string } {\n  if (typeof option === \"string\") {\n    return { value: option as unknown as V, label: option };\n  }\n  return option;\n}\n"]}

package/dist/chunk-GIDW3SUE.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var StatBand = react.forwardRef(
+  ({ columns = 4, className, style, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        "data-react-fancy-stat-band": "",
+        className: chunk3Z6ALUWP_cjs.cn("grid gap-6", className),
+        style: { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`, ...style },
+        ...props,
+        children
+      }
+    );
+  }
+);
+StatBand.displayName = "StatBand";
+var valueClasses = {
+  sm: "text-xl",
+  md: "text-3xl",
+  lg: "text-5xl"
+};
+var StatRoot = react.forwardRef(
+  ({ value, label, size = "md", className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-react-fancy-stat": "", className: chunk3Z6ALUWP_cjs.cn(className), ...props, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          "data-react-fancy-stat-value": "",
+          className: chunk3Z6ALUWP_cjs.cn(
+            "font-semibold leading-none tracking-tight text-zinc-900 tabular-nums dark:text-zinc-100",
+            valueClasses[size]
+          ),
+          children: value
+        }
+      ),
+      label != null && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          "data-react-fancy-stat-label": "",
+          className: "mt-1.5 font-mono text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400",
+          children: label
+        }
+      )
+    ] }) });
+  }
+);
+StatRoot.displayName = "Stat";
+var Stat = Object.assign(StatRoot, { Band: StatBand });
+
+exports.Stat = Stat;
+exports.StatBand = StatBand;
+//# sourceMappingURL=chunk-GIDW3SUE.cjs.map
+//# sourceMappingURL=chunk-GIDW3SUE.cjs.map

package/dist/chunk-GIDW3SUE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Stat/StatBand.tsx","../src/components/Stat/Stat.tsx"],"names":["forwardRef","jsx","cn","jsxs","Fragment"],"mappings":";;;;;;AAWO,IAAM,QAAA,GAAWA,gBAAA;AAAA,EACtB,CAAC,EAAE,OAAA,GAAU,CAAA,EAAG,SAAA,EAAW,OAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9D,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,4BAAA,EAA2B,EAAA;AAAA,QAC3B,SAAA,EAAWC,oBAAA,CAAG,YAAA,EAAc,SAAS,CAAA;AAAA,QACrC,OAAO,EAAE,mBAAA,EAAqB,UAAU,OAAO,CAAA,iBAAA,CAAA,EAAqB,GAAG,KAAA,EAAM;AAAA,QAC5E,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;ACtBvB,IAAM,YAAA,GAA+D;AAAA,EACnE,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAcA,IAAM,QAAA,GAAWF,gBAAAA;AAAA,EACf,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,IAAA,GAAO,IAAA,EAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrE,IAAA,uBACEC,cAAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,uBAAA,EAAsB,EAAA,EAAG,SAAA,EAAWC,oBAAA,CAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EACnE,sCACCC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAAH,cAAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,6BAAA,EAA4B,EAAA;AAAA,UAC5B,SAAA,EAAWC,oBAAA;AAAA,YACT,yFAAA;AAAA,YACA,aAAa,IAAI;AAAA,WACnB;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MACC,KAAA,IAAS,wBACRD,cAAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,6BAAA,EAA4B,EAAA;AAAA,UAC5B,SAAA,EAAU,mFAAA;AAAA,UAET,QAAA,EAAA;AAAA;AAAA;AACH,KAAA,EAEJ,CAAA,EAEJ,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,MAAA;AAEhB,IAAM,OAAO,MAAA,CAAO,MAAA,CAAO,UAAU,EAAE,IAAA,EAAM,UAAU","file":"chunk-GIDW3SUE.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { StatBandProps } from \"./Stat.types\";\n\n/**\n * The row a set of `<Stat>`s sits in.\n *\n * A plain grid, but it is the reason `<Stat>` defaults to `tabular-nums`: a\n * figure alone can be proportional without anyone noticing, and only becomes\n * wrong once it has neighbours to fail to line up with.\n */\nexport const StatBand = forwardRef<HTMLDivElement, StatBandProps>(\n  ({ columns = 4, className, style, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-stat-band=\"\"\n        className={cn(\"grid gap-6\", className)}\n        style={{ gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`, ...style }}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nStatBand.displayName = \"StatBand\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { StatBand } from \"./StatBand\";\nimport type { StatProps } from \"./Stat.types\";\n\nconst valueClasses: Record<NonNullable<StatProps[\"size\"]>, string> = {\n  sm: \"text-xl\",\n  md: \"text-3xl\",\n  lg: \"text-5xl\",\n};\n\n/**\n * A big display figure with a caption — the `2016 / 120+ / 08 / 14` band cell.\n *\n * Twenty-seven gallery styles build this, and **five of seventeen forgot\n * `tabular-nums`**. That is not a cosmetic slip: in a proportional face a `1` is\n * narrower than a `0`, so a row of figures that is supposed to read as a band\n * comes out visibly ragged, and the fix is one property nobody remembers to\n * look for. It is the default here.\n *\n * Distinct from a right-aligned key/value list — this is a large flush-left\n * figure repeated across a row.\n */\nconst StatRoot = forwardRef<HTMLDivElement, StatProps>(\n  ({ value, label, size = \"md\", className, children, ...props }, ref) => {\n    return (\n      <div ref={ref} data-react-fancy-stat=\"\" className={cn(className)} {...props}>\n        {children ?? (\n          <>\n            <div\n              data-react-fancy-stat-value=\"\"\n              className={cn(\n                \"font-semibold leading-none tracking-tight text-zinc-900 tabular-nums dark:text-zinc-100\",\n                valueClasses[size],\n              )}\n            >\n              {value}\n            </div>\n            {label != null && (\n              <div\n                data-react-fancy-stat-label=\"\"\n                className=\"mt-1.5 font-mono text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400\"\n              >\n                {label}\n              </div>\n            )}\n          </>\n        )}\n      </div>\n    );\n  },\n);\n\nStatRoot.displayName = \"Stat\";\n\nexport const Stat = Object.assign(StatRoot, { Band: StatBand });\n"]}

package/dist/chunk-GKGL7F36.js

@@ -0,0 +1,290 @@
+import { EMOJI_DATA, EMOJI_CATEGORY_ORDER, applyTone, SKIN_TONES } from './chunk-45BBNJQD.js';
+import { useControllableState } from './chunk-6FQGMVF2.js';
+import { cn } from './chunk-DSUHZO6T.js';
+import { useState, useRef, useCallback, useMemo, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TONE_STORAGE_KEY = "fancy:emoji-tone";
+var LONG_PRESS_MS = 400;
+var HOVER_INTENT_MS = 120;
+var HOVER_LEAVE_GRACE_MS = 220;
+function readStoredTone() {
+  if (typeof window === "undefined") return null;
+  try {
+    const v = window.localStorage?.getItem(TONE_STORAGE_KEY);
+    return SKIN_TONES.includes(v ?? "") ? v : null;
+  } catch {
+    return null;
+  }
+}
+function EmojiSelect({ value, defaultValue, onChange, placeholder = "Search emojis...", className }) {
+  const [selected, setSelected] = useControllableState(value, defaultValue ?? "", onChange);
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const [activeCategory, setActiveCategory] = useState("smileys");
+  const [tone, setToneState] = useState(() => readStoredTone());
+  const [toneTarget, setToneTarget] = useState(null);
+  const leaveTimer = useRef(null);
+  const setTone = useCallback((t) => {
+    setToneState(t);
+    if (typeof window === "undefined") return;
+    try {
+      if (t) window.localStorage?.setItem(TONE_STORAGE_KEY, t);
+      else window.localStorage?.removeItem(TONE_STORAGE_KEY);
+    } catch {
+    }
+  }, []);
+  const filtered = useMemo(() => {
+    if (!query) return null;
+    const lower = query.toLowerCase();
+    const hits = [];
+    for (const group of Object.values(EMOJI_DATA)) {
+      for (const e of group.emojis) {
+        if (e.name.includes(lower)) hits.push(e);
+      }
+    }
+    return hits;
+  }, [query]);
+  const closePicker = useCallback(() => setToneTarget(null), []);
+  const openPicker = useCallback((target) => {
+    if (leaveTimer.current) {
+      clearTimeout(leaveTimer.current);
+      leaveTimer.current = null;
+    }
+    setToneTarget(target);
+  }, []);
+  const scheduleClose = useCallback(() => {
+    if (leaveTimer.current) clearTimeout(leaveTimer.current);
+    leaveTimer.current = setTimeout(closePicker, HOVER_LEAVE_GRACE_MS);
+  }, [closePicker]);
+  const cancelClose = useCallback(() => {
+    if (leaveTimer.current) {
+      clearTimeout(leaveTimer.current);
+      leaveTimer.current = null;
+    }
+  }, []);
+  const pick = (emoji) => {
+    const char = emoji.skinTones && tone ? applyTone(emoji.char, tone) : emoji.char;
+    setSelected(char);
+    setOpen(false);
+    setQuery("");
+    closePicker();
+  };
+  const pickTone = (emoji, t) => {
+    setTone(t);
+    const char = applyTone(emoji.char, t);
+    setSelected(char);
+    setOpen(false);
+    setQuery("");
+    closePicker();
+  };
+  useEffect(() => {
+    if (!open) closePicker();
+  }, [open, closePicker]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative inline-block", className), "data-react-fancy-emoji-select": "", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "flex items-center gap-2 rounded-lg border border-zinc-300 px-3 py-2 text-sm transition-[border-color,box-shadow] duration-150 dark:border-zinc-700 dark:bg-[#1e1e24]",
+        onClick: () => setOpen((v) => !v),
+        children: selected ? /* @__PURE__ */ jsx("span", { className: "text-xl", children: selected }) : /* @__PURE__ */ jsx("span", { className: "text-zinc-400", children: "Pick emoji" })
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { className: "absolute z-50 mt-1 w-80 rounded-lg border border-zinc-200 bg-white p-2 shadow-lg dark:border-zinc-700 dark:bg-zinc-800 fancy-fade-in", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: query,
+          onChange: (e) => setQuery(e.target.value),
+          placeholder,
+          className: "mb-2 w-full rounded-md border border-zinc-200 px-2 py-1 text-sm transition-[border-color,box-shadow] duration-150 dark:border-zinc-700 dark:bg-[#1e1e24] dark:text-zinc-100",
+          autoFocus: true
+        }
+      ),
+      !query && /* @__PURE__ */ jsx("div", { className: "mb-2 flex gap-1 overflow-x-auto border-b border-zinc-100 pb-2 dark:border-zinc-700", children: EMOJI_CATEGORY_ORDER.map((key) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setActiveCategory(key),
+          className: cn(
+            "shrink-0 rounded p-1 text-lg hover:bg-zinc-100 dark:hover:bg-zinc-700",
+            activeCategory === key && "bg-zinc-100 dark:bg-zinc-700"
+          ),
+          "aria-label": EMOJI_DATA[key].label,
+          children: EMOJI_DATA[key].icon
+        },
+        key
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto", children: query ? /* @__PURE__ */ jsx(
+        EmojiGrid,
+        {
+          emojis: filtered ?? [],
+          tone,
+          openPicker,
+          scheduleClose,
+          cancelClose,
+          onPick: pick
+        }
+      ) : /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "px-1 py-1 text-xs font-semibold uppercase text-zinc-500", children: EMOJI_DATA[activeCategory].label }),
+        /* @__PURE__ */ jsx(
+          EmojiGrid,
+          {
+            emojis: EMOJI_DATA[activeCategory].emojis,
+            tone,
+            openPicker,
+            scheduleClose,
+            cancelClose,
+            onPick: pick
+          }
+        )
+      ] }) })
+    ] }),
+    toneTarget && typeof document !== "undefined" && createPortal(
+      /* @__PURE__ */ jsx(
+        TonePopover,
+        {
+          target: toneTarget,
+          onPickBase: () => pick(toneTarget.emoji),
+          onPickTone: (t) => pickTone(toneTarget.emoji, t),
+          onMouseEnter: cancelClose,
+          onMouseLeave: scheduleClose
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function EmojiGrid({ emojis, tone, openPicker, scheduleClose, cancelClose, onPick }) {
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-8 gap-0.5", children: emojis.map((emoji) => /* @__PURE__ */ jsx(
+    EmojiCell,
+    {
+      emoji,
+      tone,
+      openPicker,
+      scheduleClose,
+      cancelClose,
+      onPick: () => onPick(emoji)
+    },
+    emoji.char
+  )) });
+}
+function EmojiCell({ emoji, tone, openPicker, scheduleClose, cancelClose, onPick }) {
+  const buttonRef = useRef(null);
+  const longPressTimer = useRef(null);
+  const hoverTimer = useRef(null);
+  const longPressed = useRef(false);
+  const tonable = !!emoji.skinTones;
+  const displayChar = tonable && tone ? applyTone(emoji.char, tone) : emoji.char;
+  useEffect(() => () => {
+    if (longPressTimer.current) clearTimeout(longPressTimer.current);
+    if (hoverTimer.current) clearTimeout(hoverTimer.current);
+  }, []);
+  const triggerOpen = () => {
+    const node = buttonRef.current;
+    if (!node) return;
+    const r = node.getBoundingClientRect();
+    openPicker({ emoji, rect: { left: r.left, top: r.top, width: r.width } });
+  };
+  const handlePointerEnter = (e) => {
+    if (!tonable || e.pointerType === "touch") return;
+    cancelClose();
+    if (hoverTimer.current) clearTimeout(hoverTimer.current);
+    hoverTimer.current = setTimeout(triggerOpen, HOVER_INTENT_MS);
+  };
+  const handlePointerLeave = (e) => {
+    if (e.pointerType === "touch") return;
+    if (hoverTimer.current) {
+      clearTimeout(hoverTimer.current);
+      hoverTimer.current = null;
+    }
+    if (tonable) scheduleClose();
+  };
+  const handlePointerDown = (e) => {
+    if (!tonable || e.pointerType !== "touch") return;
+    longPressed.current = false;
+    longPressTimer.current = setTimeout(() => {
+      longPressed.current = true;
+      triggerOpen();
+    }, LONG_PRESS_MS);
+  };
+  const handlePointerUp = () => {
+    if (longPressTimer.current) clearTimeout(longPressTimer.current);
+    longPressTimer.current = null;
+  };
+  const handleClick = () => {
+    if (longPressed.current) {
+      longPressed.current = false;
+      return;
+    }
+    onPick();
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref: buttonRef,
+      type: "button",
+      onClick: handleClick,
+      onPointerEnter: handlePointerEnter,
+      onPointerLeave: handlePointerLeave,
+      onPointerDown: handlePointerDown,
+      onPointerUp: handlePointerUp,
+      onPointerCancel: handlePointerUp,
+      className: "relative rounded p-1 text-xl hover:bg-zinc-100 dark:hover:bg-zinc-700",
+      "aria-label": emoji.name,
+      title: emoji.name,
+      children: [
+        displayChar,
+        tonable && /* @__PURE__ */ jsx("span", { className: "absolute right-0.5 bottom-0.5 h-1 w-1 rounded-full bg-amber-400", "aria-hidden": true })
+      ]
+    }
+  );
+}
+function TonePopover({ target, onPickBase, onPickTone, onMouseEnter, onMouseLeave }) {
+  const { emoji, rect } = target;
+  if (!emoji.skinTones) return null;
+  const centerX = rect.left + rect.width / 2;
+  const top = rect.top;
+  const POPOVER_HEIGHT_APPROX = 44;
+  const flipDown = top < POPOVER_HEIGHT_APPROX + 8;
+  const style = flipDown ? { position: "fixed", left: centerX, top: top + 32, transform: "translateX(-50%)" } : { position: "fixed", left: centerX, top: top - 4, transform: "translate(-50%, -100%)" };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: { ...style, zIndex: 9999 },
+      className: "flex gap-0.5 rounded-md border border-zinc-200 bg-white p-1 shadow-lg dark:border-zinc-700 dark:bg-zinc-800",
+      onMouseEnter,
+      onMouseLeave,
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onPickBase,
+            className: "rounded p-1 text-lg hover:bg-zinc-100 dark:hover:bg-zinc-700",
+            "aria-label": `${emoji.name} (no tone)`,
+            children: emoji.char
+          }
+        ),
+        SKIN_TONES.map((t, i) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onPickTone(t),
+            className: "rounded p-1 text-lg hover:bg-zinc-100 dark:hover:bg-zinc-700",
+            "aria-label": `${emoji.name} ${t} skin tone`,
+            children: emoji.skinTones[i]
+          },
+          t
+        ))
+      ]
+    }
+  );
+}
+
+export { EmojiSelect };
+//# sourceMappingURL=chunk-GKGL7F36.js.map
+//# sourceMappingURL=chunk-GKGL7F36.js.map

package/dist/chunk-GKGL7F36.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/EmojiSelect/EmojiSelect.tsx"],"names":[],"mappings":"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","file":"chunk-GKGL7F36.js","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport { EMOJI_CATEGORY_ORDER, EMOJI_DATA, type EmojiCategoryKey, type EmojiEntry } from \"../../data/emoji-data\";\nimport { applyTone, SKIN_TONES, type SkinTone } from \"../../data/emoji-utils\";\nimport type { EmojiSelectProps } from \"./EmojiSelect.types\";\n\nconst TONE_STORAGE_KEY = \"fancy:emoji-tone\";\nconst LONG_PRESS_MS = 400;\nconst HOVER_INTENT_MS = 120;\nconst HOVER_LEAVE_GRACE_MS = 220;\n\ntype ToneTarget = {\n  emoji: EmojiEntry;\n  rect: { left: number; top: number; width: number };\n};\n\n// Deliberately no hover-capability gate. We use `pointerType` on pointer events so touch\n// inputs never trigger the hover path (they go through long-press instead), and mouse/pen\n// inputs always work regardless of what `(hover: hover)` resolves to in the current env.\n\nfunction readStoredTone(): SkinTone | null {\n  if (typeof window === \"undefined\") return null;\n  try {\n    const v = window.localStorage?.getItem(TONE_STORAGE_KEY);\n    return (SKIN_TONES as readonly string[]).includes(v ?? \"\") ? (v as SkinTone) : null;\n  } catch {\n    return null;\n  }\n}\n\nexport function EmojiSelect({ value, defaultValue, onChange, placeholder = \"Search emojis...\", className }: EmojiSelectProps) {\n  const [selected, setSelected] = useControllableState(value, defaultValue ?? \"\", onChange);\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState(\"\");\n  const [activeCategory, setActiveCategory] = useState<EmojiCategoryKey>(\"smileys\");\n  const [tone, setToneState] = useState<SkinTone | null>(() => readStoredTone());\n  const [toneTarget, setToneTarget] = useState<ToneTarget | null>(null);\n  const leaveTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const setTone = useCallback((t: SkinTone | null) => {\n    setToneState(t);\n    if (typeof window === \"undefined\") return;\n    try {\n      if (t) window.localStorage?.setItem(TONE_STORAGE_KEY, t);\n      else window.localStorage?.removeItem(TONE_STORAGE_KEY);\n    } catch {}\n  }, []);\n\n  const filtered = useMemo(() => {\n    if (!query) return null;\n    const lower = query.toLowerCase();\n    const hits: EmojiEntry[] = [];\n    for (const group of Object.values(EMOJI_DATA)) {\n      for (const e of group.emojis) {\n        if (e.name.includes(lower)) hits.push(e);\n      }\n    }\n    return hits;\n  }, [query]);\n\n  const closePicker = useCallback(() => setToneTarget(null), []);\n\n  const openPicker = useCallback((target: ToneTarget) => {\n    if (leaveTimer.current) {\n      clearTimeout(leaveTimer.current);\n      leaveTimer.current = null;\n    }\n    setToneTarget(target);\n  }, []);\n\n  const scheduleClose = useCallback(() => {\n    if (leaveTimer.current) clearTimeout(leaveTimer.current);\n    leaveTimer.current = setTimeout(closePicker, HOVER_LEAVE_GRACE_MS);\n  }, [closePicker]);\n\n  const cancelClose = useCallback(() => {\n    if (leaveTimer.current) {\n      clearTimeout(leaveTimer.current);\n      leaveTimer.current = null;\n    }\n  }, []);\n\n  const pick = (emoji: EmojiEntry) => {\n    const char = emoji.skinTones && tone ? applyTone(emoji.char, tone) : emoji.char;\n    setSelected(char);\n    setOpen(false);\n    setQuery(\"\");\n    closePicker();\n  };\n\n  const pickTone = (emoji: EmojiEntry, t: SkinTone) => {\n    setTone(t);\n    const char = applyTone(emoji.char, t);\n    setSelected(char);\n    setOpen(false);\n    setQuery(\"\");\n    closePicker();\n  };\n\n  useEffect(() => {\n    if (!open) closePicker();\n  }, [open, closePicker]);\n\n  return (\n    <div className={cn(\"relative inline-block\", className)} data-react-fancy-emoji-select=\"\">\n      <button\n        type=\"button\"\n        className=\"flex items-center gap-2 rounded-lg border border-zinc-300 px-3 py-2 text-sm transition-[border-color,box-shadow] duration-150 dark:border-zinc-700 dark:bg-[#1e1e24]\"\n        onClick={() => setOpen((v) => !v)}\n      >\n        {selected ? <span className=\"text-xl\">{selected}</span> : <span className=\"text-zinc-400\">Pick emoji</span>}\n      </button>\n\n      {open && (\n        <div className=\"absolute z-50 mt-1 w-80 rounded-lg border border-zinc-200 bg-white p-2 shadow-lg dark:border-zinc-700 dark:bg-zinc-800 fancy-fade-in\">\n          <input\n            type=\"text\"\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder={placeholder}\n            className=\"mb-2 w-full rounded-md border border-zinc-200 px-2 py-1 text-sm transition-[border-color,box-shadow] duration-150 dark:border-zinc-700 dark:bg-[#1e1e24] dark:text-zinc-100\"\n            autoFocus\n          />\n\n          {!query && (\n            <div className=\"mb-2 flex gap-1 overflow-x-auto border-b border-zinc-100 pb-2 dark:border-zinc-700\">\n              {EMOJI_CATEGORY_ORDER.map((key) => (\n                <button\n                  key={key}\n                  type=\"button\"\n                  onClick={() => setActiveCategory(key)}\n                  className={cn(\n                    \"shrink-0 rounded p-1 text-lg hover:bg-zinc-100 dark:hover:bg-zinc-700\",\n                    activeCategory === key && \"bg-zinc-100 dark:bg-zinc-700\",\n                  )}\n                  aria-label={EMOJI_DATA[key].label}\n                >\n                  {EMOJI_DATA[key].icon}\n                </button>\n              ))}\n            </div>\n          )}\n\n          <div className=\"max-h-64 overflow-y-auto\">\n            {query ? (\n              <EmojiGrid\n                emojis={filtered ?? []}\n                tone={tone}\n                openPicker={openPicker}\n                scheduleClose={scheduleClose}\n                cancelClose={cancelClose}\n                onPick={pick}\n              />\n            ) : (\n              <div>\n                <div className=\"px-1 py-1 text-xs font-semibold uppercase text-zinc-500\">\n                  {EMOJI_DATA[activeCategory].label}\n                </div>\n                <EmojiGrid\n                  emojis={EMOJI_DATA[activeCategory].emojis}\n                  tone={tone}\n                  openPicker={openPicker}\n                  scheduleClose={scheduleClose}\n                  cancelClose={cancelClose}\n                  onPick={pick}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n\n      {toneTarget && typeof document !== \"undefined\" &&\n        createPortal(\n          <TonePopover\n            target={toneTarget}\n            onPickBase={() => pick(toneTarget.emoji)}\n            onPickTone={(t) => pickTone(toneTarget.emoji, t)}\n            onMouseEnter={cancelClose}\n            onMouseLeave={scheduleClose}\n          />,\n          document.body,\n        )}\n    </div>\n  );\n}\n\ntype GridProps = {\n  emojis: EmojiEntry[];\n  tone: SkinTone | null;\n  openPicker: (target: ToneTarget) => void;\n  scheduleClose: () => void;\n  cancelClose: () => void;\n  onPick: (emoji: EmojiEntry) => void;\n};\n\nfunction EmojiGrid({ emojis, tone, openPicker, scheduleClose, cancelClose, onPick }: GridProps) {\n  return (\n    <div className=\"grid grid-cols-8 gap-0.5\">\n      {emojis.map((emoji) => (\n        <EmojiCell\n          key={emoji.char}\n          emoji={emoji}\n          tone={tone}\n          openPicker={openPicker}\n          scheduleClose={scheduleClose}\n          cancelClose={cancelClose}\n          onPick={() => onPick(emoji)}\n        />\n      ))}\n    </div>\n  );\n}\n\ntype CellProps = {\n  emoji: EmojiEntry;\n  tone: SkinTone | null;\n  openPicker: (target: ToneTarget) => void;\n  scheduleClose: () => void;\n  cancelClose: () => void;\n  onPick: () => void;\n};\n\nfunction EmojiCell({ emoji, tone, openPicker, scheduleClose, cancelClose, onPick }: CellProps) {\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n  const longPressTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoverTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const longPressed = useRef(false);\n\n  const tonable = !!emoji.skinTones;\n  const displayChar = tonable && tone ? applyTone(emoji.char, tone) : emoji.char;\n\n  useEffect(() => () => {\n    if (longPressTimer.current) clearTimeout(longPressTimer.current);\n    if (hoverTimer.current) clearTimeout(hoverTimer.current);\n  }, []);\n\n  const triggerOpen = () => {\n    const node = buttonRef.current;\n    if (!node) return;\n    const r = node.getBoundingClientRect();\n    openPicker({ emoji, rect: { left: r.left, top: r.top, width: r.width } });\n  };\n\n  const handlePointerEnter = (e: React.PointerEvent) => {\n    if (!tonable || e.pointerType === \"touch\") return;\n    cancelClose();\n    if (hoverTimer.current) clearTimeout(hoverTimer.current);\n    hoverTimer.current = setTimeout(triggerOpen, HOVER_INTENT_MS);\n  };\n\n  const handlePointerLeave = (e: React.PointerEvent) => {\n    if (e.pointerType === \"touch\") return;\n    if (hoverTimer.current) {\n      clearTimeout(hoverTimer.current);\n      hoverTimer.current = null;\n    }\n    if (tonable) scheduleClose();\n  };\n\n  const handlePointerDown = (e: React.PointerEvent) => {\n    if (!tonable || e.pointerType !== \"touch\") return;\n    longPressed.current = false;\n    longPressTimer.current = setTimeout(() => {\n      longPressed.current = true;\n      triggerOpen();\n    }, LONG_PRESS_MS);\n  };\n  const handlePointerUp = () => {\n    if (longPressTimer.current) clearTimeout(longPressTimer.current);\n    longPressTimer.current = null;\n  };\n\n  const handleClick = () => {\n    if (longPressed.current) {\n      longPressed.current = false;\n      return;\n    }\n    onPick();\n  };\n\n  return (\n    <button\n      ref={buttonRef}\n      type=\"button\"\n      onClick={handleClick}\n      onPointerEnter={handlePointerEnter}\n      onPointerLeave={handlePointerLeave}\n      onPointerDown={handlePointerDown}\n      onPointerUp={handlePointerUp}\n      onPointerCancel={handlePointerUp}\n      className=\"relative rounded p-1 text-xl hover:bg-zinc-100 dark:hover:bg-zinc-700\"\n      aria-label={emoji.name}\n      title={emoji.name}\n    >\n      {displayChar}\n      {tonable && (\n        <span className=\"absolute right-0.5 bottom-0.5 h-1 w-1 rounded-full bg-amber-400\" aria-hidden />\n      )}\n    </button>\n  );\n}\n\ntype PopoverProps = {\n  target: ToneTarget;\n  onPickBase: () => void;\n  onPickTone: (tone: SkinTone) => void;\n  onMouseEnter: () => void;\n  onMouseLeave: () => void;\n};\n\nfunction TonePopover({ target, onPickBase, onPickTone, onMouseEnter, onMouseLeave }: PopoverProps) {\n  const { emoji, rect } = target;\n  if (!emoji.skinTones) return null;\n\n  const centerX = rect.left + rect.width / 2;\n  const top = rect.top;\n  const POPOVER_HEIGHT_APPROX = 44;\n  const flipDown = top < POPOVER_HEIGHT_APPROX + 8;\n\n  const style: React.CSSProperties = flipDown\n    ? { position: \"fixed\", left: centerX, top: top + 32, transform: \"translateX(-50%)\" }\n    : { position: \"fixed\", left: centerX, top: top - 4, transform: \"translate(-50%, -100%)\" };\n\n  return (\n    <div\n      style={{ ...style, zIndex: 9999 }}\n      className=\"flex gap-0.5 rounded-md border border-zinc-200 bg-white p-1 shadow-lg dark:border-zinc-700 dark:bg-zinc-800\"\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <button\n        type=\"button\"\n        onClick={onPickBase}\n        className=\"rounded p-1 text-lg hover:bg-zinc-100 dark:hover:bg-zinc-700\"\n        aria-label={`${emoji.name} (no tone)`}\n      >\n        {emoji.char}\n      </button>\n      {SKIN_TONES.map((t, i) => (\n        <button\n          key={t}\n          type=\"button\"\n          onClick={() => onPickTone(t)}\n          className=\"rounded p-1 text-lg hover:bg-zinc-100 dark:hover:bg-zinc-700\"\n          aria-label={`${emoji.name} ${t} skin tone`}\n        >\n          {emoji.skinTones![i]}\n        </button>\n      ))}\n    </div>\n  );\n}\n"]}