@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/cjs/browser/modules/shared/dialog.cjs

@@ -0,0 +1,121 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useDialog: ()=>useDialog
+});
+const external_react_namespaceObject = require("react");
+const external_tabbable_namespaceObject = require("tabbable");
+const external_dom_cjs_namespaceObject = require("./dom.cjs");
+const stack = [];
+let savedOverflow = '';
+let scrollLocks = 0;
+function useDialog(open, panel, owner, onClose, keyboard, options = {}, ready = true, modal = true) {
+    const focusOptions = (0, external_react_namespaceObject.useRef)(options);
+    focusOptions.current = options;
+    const close = (0, external_react_namespaceObject.useRef)(onClose);
+    close.current = onClose;
+    const keyboardRef = (0, external_react_namespaceObject.useRef)(keyboard);
+    keyboardRef.current = keyboard;
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const node = panel.current;
+        if (!open || !node || !ready) return;
+        const active = (0, external_dom_cjs_namespaceObject.deepActiveElement)();
+        const previous = active instanceof HTMLElement ? active : null;
+        const focusable = ()=>(0, external_tabbable_namespaceObject.tabbable)(node, {
+                getShadowRoot: (element)=>element.shadowRoot ?? void 0
+            });
+        if (modal && 0 === scrollLocks++) {
+            savedOverflow = document.body.style.overflow;
+            document.body.style.overflow = 'hidden';
+        }
+        stack.push(node);
+        const resolve = (target)=>'function' == typeof target ? target() : target?.current;
+        (resolve(focusOptions.current.initialFocus) ?? focusable()[0] ?? node).focus();
+        const key = (event)=>{
+            if (stack.at(-1) !== node || event.defaultPrevented) return;
+            if ('Escape' === event.key && keyboardRef.current) {
+                event.preventDefault();
+                event.stopPropagation();
+                close.current();
+            }
+            if ('Tab' === event.key) {
+                if (!modal) return;
+                const items = focusable();
+                if (!items.length) {
+                    event.preventDefault();
+                    node.focus();
+                    return;
+                }
+                const index = items.indexOf((0, external_dom_cjs_namespaceObject.deepActiveElement)());
+                if (event.shiftKey && index <= 0) {
+                    event.preventDefault();
+                    items.at(-1)?.focus();
+                } else if (!event.shiftKey && (index < 0 || index === items.length - 1)) {
+                    event.preventDefault();
+                    items[0]?.focus();
+                }
+            }
+        };
+        const focus = (event)=>{
+            const target = (0, external_dom_cjs_namespaceObject.composedEventTarget)(event);
+            if (stack.at(-1) === node && modal && target instanceof HTMLElement && !event.composedPath().includes(node) && target.closest('[data-leaf-owner]')?.getAttribute('data-leaf-owner') !== owner) (focusable()[0] ?? node).focus();
+        };
+        document.addEventListener('keydown', key);
+        document.addEventListener('focusin', focus);
+        return ()=>{
+            document.removeEventListener('keydown', key);
+            document.removeEventListener('focusin', focus);
+            const wasTop = stack.at(-1) === node;
+            const index = stack.indexOf(node);
+            if (index >= 0) stack.splice(index, 1);
+            if (modal && 0 === --scrollLocks) document.body.style.overflow = savedOverflow;
+            if (wasTop && false !== focusOptions.current.returnFocus) {
+                const destination = 'object' == typeof focusOptions.current.returnFocus || 'function' == typeof focusOptions.current.returnFocus ? resolve(focusOptions.current.returnFocus) : previous;
+                if (destination?.isConnected) destination.focus();
+            }
+        };
+    }, [
+        open,
+        panel,
+        owner,
+        ready,
+        modal
+    ]);
+}
+exports.useDialog = __webpack_exports__.useDialog;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useDialog"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=dialog.cjs.map

package/dist/cjs/browser/modules/shared/dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/dialog.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/shared/dialog.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type RefObject, useEffect, useRef } from 'react';\nimport { tabbable } from 'tabbable';\nimport { composedEventTarget, deepActiveElement } from './dom';\n\nconst stack: HTMLElement[] = [];\nexport type FocusTarget = RefObject<HTMLElement | null> | (() => HTMLElement | null);\nexport interface DialogFocusOptions {\n  initialFocus?: FocusTarget;\n  returnFocus?: boolean | FocusTarget;\n}\nlet savedOverflow = '';\nlet scrollLocks = 0;\n\n/** Share focus, Escape and scroll ownership between nested dialogs and drawers. */\nexport function useDialog(\n  open: boolean,\n  panel: RefObject<HTMLDivElement | null>,\n  owner: string,\n  onClose: () => void,\n  keyboard: boolean,\n  options: DialogFocusOptions = {},\n  ready = true,\n  modal = true,\n) {\n  const focusOptions = useRef(options);\n  focusOptions.current = options;\n  const close = useRef(onClose);\n  close.current = onClose;\n  const keyboardRef = useRef(keyboard);\n  keyboardRef.current = keyboard;\n  useEffect(() => {\n    const node = panel.current;\n    if (!open || !node || !ready) return;\n    const active = deepActiveElement();\n    const previous = active instanceof HTMLElement ? active : null;\n    const focusable = () =>\n      tabbable(node, { getShadowRoot: (element) => element.shadowRoot ?? undefined });\n    if (modal && scrollLocks++ === 0) {\n      savedOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n    }\n    stack.push(node);\n    const resolve = (target?: FocusTarget) =>\n      typeof target === 'function' ? target() : target?.current;\n    (resolve(focusOptions.current.initialFocus) ?? focusable()[0] ?? node).focus();\n    const key = (event: KeyboardEvent) => {\n      if (stack.at(-1) !== node || event.defaultPrevented) return;\n      if (event.key === 'Escape' && keyboardRef.current) {\n        event.preventDefault();\n        event.stopPropagation();\n        close.current();\n      }\n      if (event.key === 'Tab') {\n        if (!modal) return;\n        const items = focusable();\n        if (!items.length) {\n          event.preventDefault();\n          node.focus();\n          return;\n        }\n        const index = items.indexOf(deepActiveElement() as HTMLElement);\n        if (event.shiftKey && index <= 0) {\n          event.preventDefault();\n          items.at(-1)?.focus();\n        } else if (!event.shiftKey && (index < 0 || index === items.length - 1)) {\n          event.preventDefault();\n          items[0]?.focus();\n        }\n      }\n    };\n    const focus = (event: FocusEvent) => {\n      const target = composedEventTarget(event);\n      if (\n        stack.at(-1) === node &&\n        modal &&\n        target instanceof HTMLElement &&\n        !event.composedPath().includes(node) &&\n        target.closest('[data-leaf-owner]')?.getAttribute('data-leaf-owner') !== owner\n      )\n        (focusable()[0] ?? node).focus();\n    };\n    document.addEventListener('keydown', key);\n    document.addEventListener('focusin', focus);\n    return () => {\n      document.removeEventListener('keydown', key);\n      document.removeEventListener('focusin', focus);\n      const wasTop = stack.at(-1) === node;\n      const index = stack.indexOf(node);\n      if (index >= 0) stack.splice(index, 1);\n      if (modal && --scrollLocks === 0) document.body.style.overflow = savedOverflow;\n      if (wasTop && focusOptions.current.returnFocus !== false) {\n        const destination =\n          typeof focusOptions.current.returnFocus === 'object' ||\n          typeof focusOptions.current.returnFocus === 'function'\n            ? resolve(focusOptions.current.returnFocus)\n            : previous;\n        if (destination?.isConnected) destination.focus();\n      }\n    };\n  }, [open, panel, owner, ready, modal]);\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","stack","savedOverflow","scrollLocks","useDialog","open","panel","owner","onClose","keyboard","options","ready","modal","focusOptions","useRef","close","keyboardRef","useEffect","node","active","deepActiveElement","previous","HTMLElement","focusable","tabbable","element","undefined","document","resolve","target","event","items","index","focus","composedEventTarget","wasTop","destination"],"mappings":"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"}

package/dist/cjs/browser/modules/shared/dom.cjs

@@ -0,0 +1,60 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+function deepActiveElement(root = document) {
+    const active = root.activeElement;
+    return active?.shadowRoot ? deepActiveElement(active.shadowRoot) : active;
+}
+function composedEventTarget(event) {
+    return event.composedPath()[0] ?? event.target;
+}
+function composedParent(node) {
+    if (node.parentElement) return node.parentElement;
+    const root = node.getRootNode();
+    return root instanceof ShadowRoot && root.host instanceof HTMLElement ? root.host : null;
+}
+__webpack_require__.d(__webpack_exports__, {
+    composedEventTarget: ()=>composedEventTarget,
+    composedParent: ()=>composedParent,
+    deepActiveElement: ()=>deepActiveElement
+});
+exports.composedEventTarget = __webpack_exports__.composedEventTarget;
+exports.composedParent = __webpack_exports__.composedParent;
+exports.deepActiveElement = __webpack_exports__.deepActiveElement;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "composedEventTarget",
+    "composedParent",
+    "deepActiveElement"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=dom.cjs.map

package/dist/cjs/browser/modules/shared/dom.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/dom.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/shared/dom.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export function deepActiveElement(root: Document | ShadowRoot = document): Element | null {\n  const active = root.activeElement;\n  return active?.shadowRoot ? deepActiveElement(active.shadowRoot) : active;\n}\nexport function composedEventTarget(event: Event): EventTarget | null {\n  return event.composedPath()[0] ?? event.target;\n}\nexport function composedParent(node: HTMLElement): HTMLElement | null {\n  if (node.parentElement) return node.parentElement;\n  const root = node.getRootNode();\n  return root instanceof ShadowRoot && root.host instanceof HTMLElement ? root.host : null;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","deepActiveElement","root","document","active","composedEventTarget","event","composedParent","node","ShadowRoot","HTMLElement"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;ACNO,SAASI,kBAAkBC,OAA8BC,QAAQ;IACtE,MAAMC,SAASF,KAAK,aAAa;IACjC,OAAOE,QAAQ,aAAaH,kBAAkBG,OAAO,UAAU,IAAIA;AACrE;AACO,SAASC,oBAAoBC,KAAY;IAC9C,OAAOA,MAAM,YAAY,EAAE,CAAC,EAAE,IAAIA,MAAM,MAAM;AAChD;AACO,SAASC,eAAeC,IAAiB;IAC9C,IAAIA,KAAK,aAAa,EAAE,OAAOA,KAAK,aAAa;IACjD,MAAMN,OAAOM,KAAK,WAAW;IAC7B,OAAON,gBAAgBO,cAAcP,KAAK,IAAI,YAAYQ,cAAcR,KAAK,IAAI,GAAG;AACtF"}

package/dist/cjs/browser/modules/shared/field.cjs

@@ -0,0 +1,124 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    FormValue: ()=>FormValue,
+    assignRef: ()=>assignRef,
+    useFieldValue: ()=>useFieldValue,
+    useMergedRef: ()=>useMergedRef
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+function assignRef(ref, node) {
+    if ('function' == typeof ref) ref(node);
+    else if (ref) ref.current = node;
+}
+function useMergedRef(local, forwarded) {
+    return (0, external_react_namespaceObject.useCallback)((node)=>{
+        assignRef(local, node);
+        assignRef(forwarded, node);
+    }, [
+        local,
+        forwarded
+    ]);
+}
+function useFieldValue(value, defaultValue, ref, formId) {
+    const [internal, setInternal] = (0, external_react_namespaceObject.useState)(defaultValue);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const form = ref.current?.form ?? (formId ? document.getElementById(formId) : null);
+        if (!form) return;
+        const reset = (event)=>{
+            queueMicrotask(()=>{
+                if (!event.defaultPrevented && void 0 === value) setInternal(defaultValue);
+            });
+        };
+        form.addEventListener('reset', reset);
+        return ()=>form.removeEventListener('reset', reset);
+    }, [
+        ref,
+        formId,
+        value,
+        defaultValue
+    ]);
+    const setValue = (next)=>{
+        if (void 0 === value) setInternal(next);
+    };
+    return [
+        void 0 === value ? internal : value,
+        setValue
+    ];
+}
+function FormValue({ value, name, form, disabled, required, triggerRef }) {
+    const inputRef = (0, external_react_namespaceObject.useRef)(null);
+    const previousValue = (0, external_react_namespaceObject.useRef)(value);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (previousValue.current !== value) {
+            inputRef.current?.dispatchEvent(new Event('input', {
+                bubbles: true
+            }));
+            previousValue.current = value;
+        }
+    }, [
+        value
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
+        ref: inputRef,
+        type: "text",
+        className: "leaf-form-value",
+        "aria-hidden": "true",
+        tabIndex: -1,
+        name: name,
+        form: form,
+        value: value,
+        disabled: disabled,
+        required: required,
+        onChange: ()=>{},
+        onFocus: ()=>triggerRef.current?.focus(),
+        onInvalid: (event)=>{
+            event.preventDefault();
+            triggerRef.current?.focus();
+        }
+    });
+}
+exports.FormValue = __webpack_exports__.FormValue;
+exports.assignRef = __webpack_exports__.assignRef;
+exports.useFieldValue = __webpack_exports__.useFieldValue;
+exports.useMergedRef = __webpack_exports__.useMergedRef;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "FormValue",
+    "assignRef",
+    "useFieldValue",
+    "useMergedRef"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=field.cjs.map

package/dist/cjs/browser/modules/shared/field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/field.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/shared/field.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type Ref, type RefObject, useCallback, useEffect, useRef, useState } from 'react';\n\n/** React 18 exposes RefObject.current as readonly, although React owns this assignment. */\nexport function assignRef<T>(ref: Ref<T> | undefined, node: T | null) {\n  if (typeof ref === 'function') ref(node);\n  else if (ref) (ref as { current: T | null }).current = node;\n}\n\nexport function useMergedRef<T>(local: RefObject<T | null>, forwarded?: Ref<T>) {\n  return useCallback(\n    (node: T | null) => {\n      assignRef(local, node);\n      assignRef(forwarded, node);\n    },\n    [local, forwarded],\n  );\n}\n\n/** Keep uncontrolled custom fields aligned with native form reset behavior. */\nexport function useFieldValue<T>(\n  value: T | undefined,\n  defaultValue: T,\n  ref: RefObject<HTMLButtonElement | HTMLInputElement | HTMLTextAreaElement | null>,\n  formId?: string,\n) {\n  const [internal, setInternal] = useState(defaultValue);\n  useEffect(() => {\n    const form =\n      ref.current?.form ??\n      (formId ? (document.getElementById(formId) as HTMLFormElement | null) : null);\n    if (!form) return;\n    const reset = (event: Event) => {\n      queueMicrotask(() => {\n        if (!event.defaultPrevented && value === undefined) setInternal(defaultValue);\n      });\n    };\n    form.addEventListener('reset', reset);\n    return () => form.removeEventListener('reset', reset);\n  }, [ref, formId, value, defaultValue]);\n  const setValue = (next: T) => {\n    if (value === undefined) setInternal(next);\n  };\n  return [value === undefined ? internal : value, setValue] as const;\n}\n\ninterface FormValueProps {\n  value: string;\n  name?: string;\n  form?: string;\n  disabled?: boolean;\n  required?: boolean;\n  triggerRef: RefObject<HTMLButtonElement | HTMLInputElement | null>;\n}\n\n/** A non-interactive form proxy; custom overlays never use native picker controls. */\nexport function FormValue({ value, name, form, disabled, required, triggerRef }: FormValueProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const previousValue = useRef(value);\n  useEffect(() => {\n    if (previousValue.current !== value) {\n      inputRef.current?.dispatchEvent(new Event('input', { bubbles: true }));\n      previousValue.current = value;\n    }\n  }, [value]);\n  return (\n    <input\n      ref={inputRef}\n      type=\"text\"\n      className=\"leaf-form-value\"\n      aria-hidden=\"true\"\n      tabIndex={-1}\n      name={name}\n      form={form}\n      value={value}\n      disabled={disabled}\n      required={required}\n      onChange={() => {}}\n      onFocus={() => triggerRef.current?.focus()}\n      onInvalid={(event) => {\n        event.preventDefault();\n        triggerRef.current?.focus();\n      }}\n    />\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","assignRef","ref","node","useMergedRef","local","forwarded","useCallback","useFieldValue","value","defaultValue","formId","internal","setInternal","useState","useEffect","form","document","reset","event","queueMicrotask","undefined","setValue","next","FormValue","name","disabled","required","triggerRef","inputRef","useRef","previousValue","Event"],"mappings":"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"}

package/dist/cjs/browser/modules/shared/floating-highlight.cjs

@@ -0,0 +1,101 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    FloatingHighlight: ()=>FloatingHighlight,
+    useFloatingHighlight: ()=>useFloatingHighlight
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const useBrowserLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
+function useFloatingHighlight(open, panel, activeId, revision) {
+    const [geometry, setGeometry] = (0, external_react_namespaceObject.useState)();
+    useBrowserLayoutEffect(()=>{
+        const node = panel.current;
+        if (!open || !node) return;
+        const row = Array.from(node.querySelectorAll('[role="option"]')).find((option)=>option.id === activeId);
+        if (!row) return void setGeometry(void 0);
+        const update = ()=>{
+            const container = node.getBoundingClientRect();
+            const target = row.getBoundingClientRect();
+            const scale = container.width / node.offsetWidth || 1;
+            const next = {
+                x: (target.left - container.left) / scale - node.clientLeft + node.scrollLeft,
+                y: (target.top - container.top) / scale - node.clientTop + node.scrollTop,
+                width: row.offsetWidth,
+                height: row.offsetHeight
+            };
+            setGeometry((previous)=>previous && Object.keys(next).every((key)=>Math.abs(previous[key] - next[key]) < 0.5) ? previous : next);
+        };
+        update();
+        node.addEventListener('scroll', update, {
+            passive: true
+        });
+        const observer = "u" > typeof ResizeObserver ? new ResizeObserver(update) : void 0;
+        observer?.observe(node);
+        observer?.observe(row);
+        return ()=>{
+            node.removeEventListener('scroll', update);
+            observer?.disconnect();
+        };
+    }, [
+        open,
+        panel,
+        activeId,
+        revision
+    ]);
+    return geometry ? {
+        '--leaf-option-highlight-x': `${geometry.x}px`,
+        '--leaf-option-highlight-y': `${geometry.y}px`,
+        '--leaf-option-highlight-width': `${geometry.width}px`,
+        '--leaf-option-highlight-height': `${geometry.height}px`
+    } : void 0;
+}
+function FloatingHighlight({ style, hidden, selected }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: "leaf-floating__highlight",
+        "aria-hidden": "true",
+        "data-ready": Boolean(style),
+        "data-hidden": hidden || void 0,
+        "data-selected": selected || void 0,
+        style: style
+    });
+}
+exports.FloatingHighlight = __webpack_exports__.FloatingHighlight;
+exports.useFloatingHighlight = __webpack_exports__.useFloatingHighlight;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "FloatingHighlight",
+    "useFloatingHighlight"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=floating-highlight.cjs.map

package/dist/cjs/browser/modules/shared/floating-highlight.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/floating-highlight.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/shared/floating-highlight.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type CSSProperties, type RefObject, useEffect, useLayoutEffect, useState } from 'react';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\ntype Geometry = { x: number; y: number; width: number; height: number };\n\n/** Measure on discrete selection/layout changes; CSS interpolates without a JS frame loop. */\nexport function useFloatingHighlight(\n  open: boolean,\n  panel: RefObject<HTMLElement | null>,\n  activeId: string | undefined,\n  revision: string,\n) {\n  const [geometry, setGeometry] = useState<Geometry>();\n  useBrowserLayoutEffect(() => {\n    const node = panel.current;\n    if (!open || !node) return;\n    const row = Array.from(node.querySelectorAll<HTMLElement>('[role=\"option\"]')).find(\n      (option) => option.id === activeId,\n    );\n    if (!row) {\n      setGeometry(undefined);\n      return;\n    }\n    const update = () => {\n      const container = node.getBoundingClientRect();\n      const target = row.getBoundingClientRect();\n      // Account for both virtual-row translation and the popup's entrance scale.\n      const scale = container.width / node.offsetWidth || 1;\n      const next = {\n        x: (target.left - container.left) / scale - node.clientLeft + node.scrollLeft,\n        y: (target.top - container.top) / scale - node.clientTop + node.scrollTop,\n        width: row.offsetWidth,\n        height: row.offsetHeight,\n      };\n      setGeometry((previous) =>\n        previous &&\n        Object.keys(next).every(\n          (key) => Math.abs(previous[key as keyof Geometry] - next[key as keyof Geometry]) < 0.5,\n        )\n          ? previous\n          : next,\n      );\n    };\n    update();\n    node.addEventListener('scroll', update, { passive: true });\n    const observer = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(update) : undefined;\n    observer?.observe(node);\n    observer?.observe(row);\n    return () => {\n      node.removeEventListener('scroll', update);\n      observer?.disconnect();\n    };\n  }, [open, panel, activeId, revision]);\n  return geometry\n    ? ({\n        '--leaf-option-highlight-x': `${geometry.x}px`,\n        '--leaf-option-highlight-y': `${geometry.y}px`,\n        '--leaf-option-highlight-width': `${geometry.width}px`,\n        '--leaf-option-highlight-height': `${geometry.height}px`,\n      } as CSSProperties)\n    : undefined;\n}\n\nexport function FloatingHighlight({\n  style,\n  hidden,\n  selected,\n}: {\n  style?: CSSProperties;\n  hidden?: boolean;\n  selected?: boolean;\n}) {\n  return (\n    <div\n      className=\"leaf-floating__highlight\"\n      aria-hidden=\"true\"\n      data-ready={Boolean(style)}\n      data-hidden={hidden || undefined}\n      data-selected={selected || undefined}\n      style={style}\n    />\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","useBrowserLayoutEffect","window","useEffect","useLayoutEffect","useFloatingHighlight","open","panel","activeId","revision","geometry","setGeometry","useState","node","row","Array","option","undefined","update","container","target","scale","next","previous","Math","observer","ResizeObserver","FloatingHighlight","style","hidden","selected","Boolean"],"mappings":"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"}