@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/browser/modules/shared/presence.js

@@ -0,0 +1,192 @@
+"use client";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { animateMotion, useMotionEnabled } from "./motion.js";
+const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+function useNaturalHeightTransition(surfaceRef, contentRef, open) {
+    const enabled = useMotionEnabled();
+    const sync = useRef(void 0);
+    useBrowserLayoutEffect(()=>{
+        const surface = surfaceRef.current;
+        const content = contentRef.current;
+        if (!open || !enabled || !surface || !content) return;
+        let animation;
+        let reveal;
+        let lastHeight = surface.offsetHeight;
+        let lastLayout = '';
+        const parts = ()=>Array.from(surface.children).filter((child)=>child instanceof HTMLElement && !child.contains(content));
+        const layout = ()=>[
+                surface.offsetWidth,
+                content.offsetHeight,
+                ...parts().map((part)=>part.offsetHeight)
+            ].join(':');
+        lastLayout = layout();
+        const update = ()=>{
+            const nextLayout = layout();
+            if (nextLayout === lastLayout || surface.closest('[data-state="closing"]')) return;
+            lastLayout = nextLayout;
+            const before = animation?.playState === 'running' ? Number.parseFloat(getComputedStyle(surface).height) || lastHeight : lastHeight;
+            const opacity = reveal?.playState === 'running' ? getComputedStyle(content).opacity : '0.72';
+            animation?.cancel();
+            reveal?.cancel();
+            const height = surface.offsetHeight;
+            lastHeight = height;
+            if (!before || !height || Math.abs(before - height) < 1) return;
+            animation = animateMotion(surface, [
+                {
+                    height: `${before}px`
+                },
+                {
+                    height: `${height}px`
+                }
+            ], {
+                durationMultiplier: 1.6
+            });
+            if (animation) reveal = animateMotion(content, [
+                {
+                    opacity
+                },
+                {
+                    opacity: 1
+                }
+            ], {
+                durationMultiplier: 1.25
+            });
+        };
+        sync.current = update;
+        let observer;
+        if ("u" > typeof ResizeObserver) {
+            observer = new ResizeObserver(update);
+            observer.observe(content);
+            for (const part of parts())observer.observe(part);
+        }
+        const resize = ()=>{
+            animation?.cancel();
+            reveal?.cancel();
+            animation = void 0;
+            reveal = void 0;
+            lastHeight = surface.offsetHeight;
+            lastLayout = layout();
+        };
+        window.addEventListener('resize', resize);
+        window.visualViewport?.addEventListener('resize', resize);
+        return ()=>{
+            window.removeEventListener('resize', resize);
+            window.visualViewport?.removeEventListener('resize', resize);
+            observer?.disconnect();
+            animation?.cancel();
+            reveal?.cancel();
+            sync.current = void 0;
+        };
+    }, [
+        open,
+        enabled,
+        surfaceRef,
+        contentRef
+    ]);
+    useBrowserLayoutEffect(()=>{
+        sync.current?.();
+    });
+}
+function useContentTransition(ref, view, direction = 0, layoutOnly = false) {
+    const enabled = useMotionEnabled();
+    const travel = useRef(direction);
+    travel.current = direction;
+    const previous = useRef(void 0);
+    useBrowserLayoutEffect(()=>{
+        const node = ref.current;
+        if (!node) {
+            previous.current = void 0;
+            return;
+        }
+        const height = Number.parseFloat(getComputedStyle(node).height) || node.offsetHeight;
+        const last = previous.current;
+        previous.current = {
+            view,
+            height
+        };
+        if (!enabled || !last || last.view === view || node.closest('[data-state="closing"]')) return;
+        const changesHeight = last.height > 0 && height > 0 && Math.abs(last.height - height) > 1;
+        if (layoutOnly && !changesHeight) return;
+        const animation = animateMotion(node, [
+            {
+                ...layoutOnly ? {} : {
+                    opacity: 0.45,
+                    translate: `${12 * travel.current}px 4px`
+                },
+                ...changesHeight ? {
+                    height: `${last.height}px`,
+                    overflow: 'clip'
+                } : {}
+            },
+            {
+                ...layoutOnly ? {} : {
+                    opacity: 1,
+                    translate: '0 0'
+                },
+                ...changesHeight ? {
+                    height: `${height}px`,
+                    overflow: 'clip'
+                } : {}
+            }
+        ], {
+            durationMultiplier: 1.25
+        });
+        return ()=>{
+            if (animation && changesHeight && previous.current) previous.current.height = Number.parseFloat(getComputedStyle(node).height) || node.offsetHeight;
+            animation?.cancel();
+        };
+    }, [
+        enabled,
+        ref,
+        view,
+        layoutOnly
+    ]);
+}
+function usePresence(open, ref) {
+    const enabled = useMotionEnabled();
+    const [present, setPresent] = useState(open);
+    if (open && !present) setPresent(true);
+    useEffect(()=>{
+        if (open || !present) return;
+        const node = ref.current;
+        if (!node || !enabled) return void setPresent(false);
+        const computed = getComputedStyle(node);
+        const durations = [
+            computed.animationDuration,
+            computed.transitionDuration
+        ];
+        const delays = [
+            computed.animationDelay,
+            computed.transitionDelay
+        ];
+        const milliseconds = (value)=>{
+            const numeric = Number.parseFloat(value) || 0;
+            return value.trim().endsWith('ms') ? numeric : 1000 * numeric;
+        };
+        const duration = Math.max(0, ...durations.flatMap((list, index)=>{
+            const delay = (delays[index] || '0s').split(',').map(milliseconds);
+            return (list || '0s').split(',').map((value, i)=>milliseconds(value) + (delay[i % delay.length] ?? 0));
+        }));
+        const finish = ()=>setPresent(false);
+        const ended = (event)=>{
+            if (event.target === node && (!('propertyName' in event) || 'opacity' === event.propertyName)) finish();
+        };
+        const timer = setTimeout(finish, duration ? duration + 32 : 0);
+        node.addEventListener('animationend', ended);
+        node.addEventListener('transitionend', ended);
+        return ()=>{
+            clearTimeout(timer);
+            node.removeEventListener('animationend', ended);
+            node.removeEventListener('transitionend', ended);
+        };
+    }, [
+        open,
+        present,
+        ref,
+        enabled
+    ]);
+    return present;
+}
+export { useContentTransition, useNaturalHeightTransition, usePresence };
+
+//# sourceMappingURL=presence.js.map

package/dist/esm/browser/modules/shared/presence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/presence.js","sources":["../../../../../src/shared/presence.ts"],"sourcesContent":["import { type RefObject, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { animateMotion, useMotionEnabled } from './motion';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\n/** Interpolate natural dialog height, including state changes inside its children. */\nexport function useNaturalHeightTransition(\n  surfaceRef: RefObject<HTMLElement | null>,\n  contentRef: RefObject<HTMLElement | null>,\n  open: boolean,\n) {\n  const enabled = useMotionEnabled();\n  const sync = useRef<(() => void) | undefined>(undefined);\n  useBrowserLayoutEffect(() => {\n    const surface = surfaceRef.current;\n    const content = contentRef.current;\n    if (!open || !enabled || !surface || !content) return;\n    let animation: Animation | undefined;\n    let reveal: Animation | undefined;\n    let lastHeight = surface.offsetHeight;\n    let lastLayout = '';\n    const parts = () =>\n      Array.from(surface.children).filter(\n        (child): child is HTMLElement => child instanceof HTMLElement && !child.contains(content),\n      );\n    const layout = () =>\n      [surface.offsetWidth, content.offsetHeight, ...parts().map((part) => part.offsetHeight)].join(\n        ':',\n      );\n    lastLayout = layout();\n    const update = () => {\n      const nextLayout = layout();\n      if (nextLayout === lastLayout || surface.closest('[data-state=\"closing\"]')) return;\n      lastLayout = nextLayout;\n      // CSS height is unaffected by the separate entrance scale on the surface.\n      const before =\n        animation?.playState === 'running'\n          ? Number.parseFloat(getComputedStyle(surface).height) || lastHeight\n          : lastHeight;\n      const opacity = reveal?.playState === 'running' ? getComputedStyle(content).opacity : '0.72';\n      animation?.cancel();\n      reveal?.cancel();\n      const height = surface.offsetHeight;\n      lastHeight = height;\n      if (!before || !height || Math.abs(before - height) < 1) return;\n      animation = animateMotion(surface, [{ height: `${before}px` }, { height: `${height}px` }], {\n        durationMultiplier: 1.6,\n      });\n      if (animation)\n        reveal = animateMotion(content, [{ opacity }, { opacity: 1 }], {\n          durationMultiplier: 1.25,\n        });\n    };\n    sync.current = update;\n    let observer: ResizeObserver | undefined;\n    if (typeof ResizeObserver !== 'undefined') {\n      observer = new ResizeObserver(update);\n      observer.observe(content);\n      for (const part of parts()) observer.observe(part);\n    }\n    // Viewport constraints change the visible height without changing content.\n    // Resizing establishes a fresh baseline instead of animating stale geometry.\n    const resize = () => {\n      animation?.cancel();\n      reveal?.cancel();\n      animation = undefined;\n      reveal = undefined;\n      lastHeight = surface.offsetHeight;\n      lastLayout = layout();\n    };\n    window.addEventListener('resize', resize);\n    window.visualViewport?.addEventListener('resize', resize);\n    return () => {\n      window.removeEventListener('resize', resize);\n      window.visualViewport?.removeEventListener('resize', resize);\n      observer?.disconnect();\n      animation?.cancel();\n      reveal?.cancel();\n      sync.current = undefined;\n    };\n  }, [open, enabled, surfaceRef, contentRef]);\n  // React updates to the header/footer are measurable before the next paint.\n  useBrowserLayoutEffect(() => {\n    sync.current?.();\n  });\n}\n\n/** Animate a panel's explicit view change without remounting its focused controls. */\nexport function useContentTransition(\n  ref: RefObject<HTMLElement | null>,\n  view: string | number,\n  direction = 0,\n  layoutOnly = false,\n) {\n  const enabled = useMotionEnabled();\n  const travel = useRef(direction);\n  travel.current = direction;\n  const previous = useRef<{ view: string | number; height: number } | undefined>(undefined);\n  useBrowserLayoutEffect(() => {\n    const node = ref.current;\n    if (!node) {\n      previous.current = undefined;\n      return;\n    }\n    const height = Number.parseFloat(getComputedStyle(node).height) || node.offsetHeight;\n    const last = previous.current;\n    previous.current = { view, height };\n    if (!enabled || !last || last.view === view || node.closest('[data-state=\"closing\"]')) return;\n    const changesHeight = last.height > 0 && height > 0 && Math.abs(last.height - height) > 1;\n    if (layoutOnly && !changesHeight) return;\n    const animation = animateMotion(\n      node,\n      [\n        {\n          ...(layoutOnly ? {} : { opacity: 0.45, translate: `${travel.current * 12}px 4px` }),\n          ...(changesHeight ? { height: `${last.height}px`, overflow: 'clip' } : {}),\n        },\n        {\n          ...(layoutOnly ? {} : { opacity: 1, translate: '0 0' }),\n          ...(changesHeight ? { height: `${height}px`, overflow: 'clip' } : {}),\n        },\n      ],\n      { durationMultiplier: 1.25 },\n    );\n    return () => {\n      if (animation && changesHeight && previous.current)\n        previous.current.height =\n          Number.parseFloat(getComputedStyle(node).height) || node.offsetHeight;\n      animation?.cancel();\n    };\n  }, [enabled, ref, view, layoutOnly]);\n}\n\n/** Keep a closing overlay mounted until its CSS transition or animation finishes. */\nexport function usePresence(open: boolean, ref: RefObject<HTMLElement | null>) {\n  const enabled = useMotionEnabled();\n  const [present, setPresent] = useState(open);\n  if (open && !present) setPresent(true);\n  useEffect(() => {\n    if (open || !present) return;\n    const node = ref.current;\n    if (!node || !enabled) {\n      setPresent(false);\n      return;\n    }\n    const computed = getComputedStyle(node);\n    const durations = [computed.animationDuration, computed.transitionDuration];\n    const delays = [computed.animationDelay, computed.transitionDelay];\n    const milliseconds = (value: string) => {\n      const numeric = Number.parseFloat(value) || 0;\n      return value.trim().endsWith('ms') ? numeric : numeric * 1000;\n    };\n    const duration = Math.max(\n      0,\n      ...durations.flatMap((list, index) => {\n        const delay = (delays[index] || '0s').split(',').map(milliseconds);\n        return (list || '0s')\n          .split(',')\n          .map((value, i) => milliseconds(value) + (delay[i % delay.length] ?? 0));\n      }),\n    );\n    const finish = () => setPresent(false);\n    const ended = (event: Event) => {\n      if (event.target === node && (!('propertyName' in event) || event.propertyName === 'opacity'))\n        finish();\n    };\n    const timer = setTimeout(finish, duration ? duration + 32 : 0);\n    node.addEventListener('animationend', ended);\n    node.addEventListener('transitionend', ended);\n    return () => {\n      clearTimeout(timer);\n      node.removeEventListener('animationend', ended);\n      node.removeEventListener('transitionend', ended);\n    };\n  }, [open, present, ref, enabled]);\n  return present;\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","useNaturalHeightTransition","surfaceRef","contentRef","open","enabled","useMotionEnabled","sync","useRef","undefined","surface","content","animation","reveal","lastHeight","lastLayout","parts","Array","child","HTMLElement","layout","part","update","nextLayout","before","Number","getComputedStyle","opacity","height","Math","animateMotion","observer","ResizeObserver","resize","useContentTransition","ref","view","direction","layoutOnly","travel","previous","node","last","changesHeight","usePresence","present","setPresent","useState","computed","durations","delays","milliseconds","value","numeric","duration","list","index","delay","i","finish","ended","event","timer","setTimeout","clearTimeout"],"mappings":";;;AAGA,MAAMA,yBAAyB,AAAkB,MAAlB,OAAOC,SAAyBC,YAAYC;AAGpE,SAASC,2BACdC,UAAyC,EACzCC,UAAyC,EACzCC,IAAa;IAEb,MAAMC,UAAUC;IAChB,MAAMC,OAAOC,OAAiCC;IAC9CZ,uBAAuB;QACrB,MAAMa,UAAUR,WAAW,OAAO;QAClC,MAAMS,UAAUR,WAAW,OAAO;QAClC,IAAI,CAACC,QAAQ,CAACC,WAAW,CAACK,WAAW,CAACC,SAAS;QAC/C,IAAIC;QACJ,IAAIC;QACJ,IAAIC,aAAaJ,QAAQ,YAAY;QACrC,IAAIK,aAAa;QACjB,MAAMC,QAAQ,IACZC,MAAM,IAAI,CAACP,QAAQ,QAAQ,EAAE,MAAM,CACjC,CAACQ,QAAgCA,iBAAiBC,eAAe,CAACD,MAAM,QAAQ,CAACP;QAErF,MAAMS,SAAS,IACb;gBAACV,QAAQ,WAAW;gBAAEC,QAAQ,YAAY;mBAAKK,QAAQ,GAAG,CAAC,CAACK,OAASA,KAAK,YAAY;aAAE,CAAC,IAAI,CAC3F;QAEJN,aAAaK;QACb,MAAME,SAAS;YACb,MAAMC,aAAaH;YACnB,IAAIG,eAAeR,cAAcL,QAAQ,OAAO,CAAC,2BAA2B;YAC5EK,aAAaQ;YAEb,MAAMC,SACJZ,WAAW,cAAc,YACrBa,OAAO,UAAU,CAACC,iBAAiBhB,SAAS,MAAM,KAAKI,aACvDA;YACN,MAAMa,UAAUd,QAAQ,cAAc,YAAYa,iBAAiBf,SAAS,OAAO,GAAG;YACtFC,WAAW;YACXC,QAAQ;YACR,MAAMe,SAASlB,QAAQ,YAAY;YACnCI,aAAac;YACb,IAAI,CAACJ,UAAU,CAACI,UAAUC,KAAK,GAAG,CAACL,SAASI,UAAU,GAAG;YACzDhB,YAAYkB,cAAcpB,SAAS;gBAAC;oBAAE,QAAQ,GAAGc,OAAO,EAAE,CAAC;gBAAC;gBAAG;oBAAE,QAAQ,GAAGI,OAAO,EAAE,CAAC;gBAAC;aAAE,EAAE;gBACzF,oBAAoB;YACtB;YACA,IAAIhB,WACFC,SAASiB,cAAcnB,SAAS;gBAAC;oBAAEgB;gBAAQ;gBAAG;oBAAE,SAAS;gBAAE;aAAE,EAAE;gBAC7D,oBAAoB;YACtB;QACJ;QACApB,KAAK,OAAO,GAAGe;QACf,IAAIS;QACJ,IAAI,AAA0B,MAA1B,OAAOC,gBAAgC;YACzCD,WAAW,IAAIC,eAAeV;YAC9BS,SAAS,OAAO,CAACpB;YACjB,KAAK,MAAMU,QAAQL,QAASe,SAAS,OAAO,CAACV;QAC/C;QAGA,MAAMY,SAAS;YACbrB,WAAW;YACXC,QAAQ;YACRD,YAAYH;YACZI,SAASJ;YACTK,aAAaJ,QAAQ,YAAY;YACjCK,aAAaK;QACf;QACAtB,OAAO,gBAAgB,CAAC,UAAUmC;QAClCnC,OAAO,cAAc,EAAE,iBAAiB,UAAUmC;QAClD,OAAO;YACLnC,OAAO,mBAAmB,CAAC,UAAUmC;YACrCnC,OAAO,cAAc,EAAE,oBAAoB,UAAUmC;YACrDF,UAAU;YACVnB,WAAW;YACXC,QAAQ;YACRN,KAAK,OAAO,GAAGE;QACjB;IACF,GAAG;QAACL;QAAMC;QAASH;QAAYC;KAAW;IAE1CN,uBAAuB;QACrBU,KAAK,OAAO;IACd;AACF;AAGO,SAAS2B,qBACdC,GAAkC,EAClCC,IAAqB,EACrBC,YAAY,CAAC,EACbC,aAAa,KAAK;IAElB,MAAMjC,UAAUC;IAChB,MAAMiC,SAAS/B,OAAO6B;IACtBE,OAAO,OAAO,GAAGF;IACjB,MAAMG,WAAWhC,OAA8DC;IAC/EZ,uBAAuB;QACrB,MAAM4C,OAAON,IAAI,OAAO;QACxB,IAAI,CAACM,MAAM;YACTD,SAAS,OAAO,GAAG/B;YACnB;QACF;QACA,MAAMmB,SAASH,OAAO,UAAU,CAACC,iBAAiBe,MAAM,MAAM,KAAKA,KAAK,YAAY;QACpF,MAAMC,OAAOF,SAAS,OAAO;QAC7BA,SAAS,OAAO,GAAG;YAAEJ;YAAMR;QAAO;QAClC,IAAI,CAACvB,WAAW,CAACqC,QAAQA,KAAK,IAAI,KAAKN,QAAQK,KAAK,OAAO,CAAC,2BAA2B;QACvF,MAAME,gBAAgBD,KAAK,MAAM,GAAG,KAAKd,SAAS,KAAKC,KAAK,GAAG,CAACa,KAAK,MAAM,GAAGd,UAAU;QACxF,IAAIU,cAAc,CAACK,eAAe;QAClC,MAAM/B,YAAYkB,cAChBW,MACA;YACE;gBACE,GAAIH,aAAa,CAAC,IAAI;oBAAE,SAAS;oBAAM,WAAW,GAAGC,AAAiB,KAAjBA,OAAO,OAAO,CAAM,MAAM,CAAC;gBAAC,CAAC;gBAClF,GAAII,gBAAgB;oBAAE,QAAQ,GAAGD,KAAK,MAAM,CAAC,EAAE,CAAC;oBAAE,UAAU;gBAAO,IAAI,CAAC,CAAC;YAC3E;YACA;gBACE,GAAIJ,aAAa,CAAC,IAAI;oBAAE,SAAS;oBAAG,WAAW;gBAAM,CAAC;gBACtD,GAAIK,gBAAgB;oBAAE,QAAQ,GAAGf,OAAO,EAAE,CAAC;oBAAE,UAAU;gBAAO,IAAI,CAAC,CAAC;YACtE;SACD,EACD;YAAE,oBAAoB;QAAK;QAE7B,OAAO;YACL,IAAIhB,aAAa+B,iBAAiBH,SAAS,OAAO,EAChDA,SAAS,OAAO,CAAC,MAAM,GACrBf,OAAO,UAAU,CAACC,iBAAiBe,MAAM,MAAM,KAAKA,KAAK,YAAY;YACzE7B,WAAW;QACb;IACF,GAAG;QAACP;QAAS8B;QAAKC;QAAME;KAAW;AACrC;AAGO,SAASM,YAAYxC,IAAa,EAAE+B,GAAkC;IAC3E,MAAM9B,UAAUC;IAChB,MAAM,CAACuC,SAASC,WAAW,GAAGC,SAAS3C;IACvC,IAAIA,QAAQ,CAACyC,SAASC,WAAW;IACjC/C,UAAU;QACR,IAAIK,QAAQ,CAACyC,SAAS;QACtB,MAAMJ,OAAON,IAAI,OAAO;QACxB,IAAI,CAACM,QAAQ,CAACpC,SAAS,YACrByC,WAAW;QAGb,MAAME,WAAWtB,iBAAiBe;QAClC,MAAMQ,YAAY;YAACD,SAAS,iBAAiB;YAAEA,SAAS,kBAAkB;SAAC;QAC3E,MAAME,SAAS;YAACF,SAAS,cAAc;YAAEA,SAAS,eAAe;SAAC;QAClE,MAAMG,eAAe,CAACC;YACpB,MAAMC,UAAU5B,OAAO,UAAU,CAAC2B,UAAU;YAC5C,OAAOA,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQC,UAAUA,AAAU,OAAVA;QACjD;QACA,MAAMC,WAAWzB,KAAK,GAAG,CACvB,MACGoB,UAAU,OAAO,CAAC,CAACM,MAAMC;YAC1B,MAAMC,QAASP,AAAAA,CAAAA,MAAM,CAACM,MAAM,IAAI,IAAG,EAAG,KAAK,CAAC,KAAK,GAAG,CAACL;YACrD,OAAQI,AAAAA,CAAAA,QAAQ,IAAG,EAChB,KAAK,CAAC,KACN,GAAG,CAAC,CAACH,OAAOM,IAAMP,aAAaC,SAAUK,CAAAA,KAAK,CAACC,IAAID,MAAM,MAAM,CAAC,IAAI;QACzE;QAEF,MAAME,SAAS,IAAMb,WAAW;QAChC,MAAMc,QAAQ,CAACC;YACb,IAAIA,MAAM,MAAM,KAAKpB,QAAS,EAAE,mBAAkBoB,KAAI,KAAMA,AAAuB,cAAvBA,MAAM,YAAY,AAAa,GACzFF;QACJ;QACA,MAAMG,QAAQC,WAAWJ,QAAQL,WAAWA,WAAW,KAAK;QAC5Db,KAAK,gBAAgB,CAAC,gBAAgBmB;QACtCnB,KAAK,gBAAgB,CAAC,iBAAiBmB;QACvC,OAAO;YACLI,aAAaF;YACbrB,KAAK,mBAAmB,CAAC,gBAAgBmB;YACzCnB,KAAK,mBAAmB,CAAC,iBAAiBmB;QAC5C;IACF,GAAG;QAACxD;QAAMyC;QAASV;QAAK9B;KAAQ;IAChC,OAAOwC;AACT"}

package/dist/esm/browser/modules/shared/scoped-portal.js

@@ -0,0 +1,78 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { useLeafConfig } from "../config-provider/context.js";
+import { composedParent } from "./dom.js";
+function ScopedPortal({ children, container }) {
+    const config = useLeafConfig();
+    const anchor = useRef(null);
+    const [style, setStyle] = useState();
+    useEffect(()=>{
+        const node = anchor.current;
+        if (!node) return;
+        const sync = ()=>{
+            const computed = getComputedStyle(composedParent(node) ?? node);
+            const next = {
+                colorScheme: computed.colorScheme,
+                direction: computed.direction
+            };
+            const keys = new Set();
+            for(let i = 0; i < computed.length; i++){
+                const key = computed.item(i);
+                if (key.startsWith('--leaf-')) keys.add(key);
+            }
+            let owner = composedParent(node);
+            while(owner){
+                for(let i = 0; i < owner.style.length; i++){
+                    const key = owner.style.item(i);
+                    if (key.startsWith('--leaf-')) keys.add(key);
+                }
+                owner = composedParent(owner);
+            }
+            for (const key of keys){
+                const value = computed.getPropertyValue(key);
+                if (value.trim()) next[key] = value;
+            }
+            setStyle(next);
+        };
+        sync();
+        const observer = new MutationObserver(sync);
+        let parent = node;
+        while(parent){
+            observer.observe(parent, {
+                attributes: true,
+                attributeFilter: [
+                    'style',
+                    'class',
+                    'data-leaf-theme',
+                    'data-leaf-density',
+                    'data-leaf-motion',
+                    'dir'
+                ]
+            });
+            parent = composedParent(parent);
+        }
+        return ()=>observer.disconnect();
+    }, []);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                ref: anchor,
+                hidden: true
+            }),
+            style && "u" > typeof document && /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx("div", {
+                className: "leaf-portal-scope",
+                lang: config.locale,
+                dir: config.direction,
+                "data-leaf-density": config.density,
+                "data-leaf-motion": void 0 === config.theme.motion ? void 0 : config.theme.motion ? 'on' : 'off',
+                style: style,
+                children: children
+            }), ('function' == typeof container ? container() : container) ?? config.getPopupContainer?.() ?? document.body)
+        ]
+    });
+}
+export { ScopedPortal };
+
+//# sourceMappingURL=scoped-portal.js.map

package/dist/esm/browser/modules/shared/scoped-portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/scoped-portal.js","sources":["../../../../../src/shared/scoped-portal.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useLeafConfig } from '../config-provider/context';\nimport type { LeafThemeStyle } from '../theme';\nimport { composedParent } from './dom';\n\n/** Transfer inherited variables into a portal without moving the React context. */\nexport function ScopedPortal({\n  children,\n  container,\n}: {\n  children: ReactNode;\n  container?: Element | DocumentFragment | (() => Element | DocumentFragment);\n}) {\n  const config = useLeafConfig();\n  const anchor = useRef<HTMLSpanElement>(null);\n  const [style, setStyle] = useState<LeafThemeStyle>();\n  useEffect(() => {\n    const node = anchor.current;\n    if (!node) return;\n    const sync = () => {\n      // Read the owning element; hidden markers can omit inherited custom\n      // properties from computed-style enumeration in Firefox.\n      const computed = getComputedStyle(composedParent(node) ?? node);\n      const next: LeafThemeStyle = {\n        colorScheme: computed.colorScheme,\n        direction: computed.direction as LeafThemeStyle['direction'],\n      };\n      const keys = new Set<string>();\n      for (let i = 0; i < computed.length; i++) {\n        const key = computed.item(i);\n        if (key.startsWith('--leaf-')) keys.add(key);\n      }\n      // Some engines do not enumerate every inherited custom property. Include\n      // inline scope keys, then read their effective values at the source.\n      let owner = composedParent(node);\n      while (owner) {\n        for (let i = 0; i < owner.style.length; i++) {\n          const key = owner.style.item(i);\n          if (key.startsWith('--leaf-')) keys.add(key);\n        }\n        owner = composedParent(owner);\n      }\n      for (const key of keys) {\n        const value = computed.getPropertyValue(key);\n        if (value.trim()) next[key as `--leaf-${string}`] = value;\n      }\n      setStyle(next);\n    };\n    sync();\n    const observer = new MutationObserver(sync);\n    let parent: HTMLElement | null = node;\n    while (parent) {\n      observer.observe(parent, {\n        attributes: true,\n        attributeFilter: [\n          'style',\n          'class',\n          'data-leaf-theme',\n          'data-leaf-density',\n          'data-leaf-motion',\n          'dir',\n        ],\n      });\n      parent = composedParent(parent);\n    }\n    return () => observer.disconnect();\n  }, []);\n  return (\n    <>\n      <span ref={anchor} hidden />\n      {style &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          <div\n            className=\"leaf-portal-scope\"\n            lang={config.locale}\n            dir={config.direction}\n            data-leaf-density={config.density}\n            data-leaf-motion={\n              config.theme.motion === undefined ? undefined : config.theme.motion ? 'on' : 'off'\n            }\n            style={style}\n          >\n            {children}\n          </div>,\n          (typeof container === 'function' ? container() : container) ??\n            config.getPopupContainer?.() ??\n            document.body,\n        )}\n    </>\n  );\n}\n"],"names":["ScopedPortal","children","container","config","useLeafConfig","anchor","useRef","style","setStyle","useState","useEffect","node","sync","computed","getComputedStyle","composedParent","next","keys","Set","i","key","owner","value","observer","MutationObserver","parent","document","createPortal","undefined"],"mappings":";;;;;;AAOO,SAASA,aAAa,EAC3BC,QAAQ,EACRC,SAAS,EAIV;IACC,MAAMC,SAASC;IACf,MAAMC,SAASC,OAAwB;IACvC,MAAM,CAACC,OAAOC,SAAS,GAAGC;IAC1BC,UAAU;QACR,MAAMC,OAAON,OAAO,OAAO;QAC3B,IAAI,CAACM,MAAM;QACX,MAAMC,OAAO;YAGX,MAAMC,WAAWC,iBAAiBC,eAAeJ,SAASA;YAC1D,MAAMK,OAAuB;gBAC3B,aAAaH,SAAS,WAAW;gBACjC,WAAWA,SAAS,SAAS;YAC/B;YACA,MAAMI,OAAO,IAAIC;YACjB,IAAK,IAAIC,IAAI,GAAGA,IAAIN,SAAS,MAAM,EAAEM,IAAK;gBACxC,MAAMC,MAAMP,SAAS,IAAI,CAACM;gBAC1B,IAAIC,IAAI,UAAU,CAAC,YAAYH,KAAK,GAAG,CAACG;YAC1C;YAGA,IAAIC,QAAQN,eAAeJ;YAC3B,MAAOU,MAAO;gBACZ,IAAK,IAAIF,IAAI,GAAGA,IAAIE,MAAM,KAAK,CAAC,MAAM,EAAEF,IAAK;oBAC3C,MAAMC,MAAMC,MAAM,KAAK,CAAC,IAAI,CAACF;oBAC7B,IAAIC,IAAI,UAAU,CAAC,YAAYH,KAAK,GAAG,CAACG;gBAC1C;gBACAC,QAAQN,eAAeM;YACzB;YACA,KAAK,MAAMD,OAAOH,KAAM;gBACtB,MAAMK,QAAQT,SAAS,gBAAgB,CAACO;gBACxC,IAAIE,MAAM,IAAI,IAAIN,IAAI,CAACI,IAA0B,GAAGE;YACtD;YACAd,SAASQ;QACX;QACAJ;QACA,MAAMW,WAAW,IAAIC,iBAAiBZ;QACtC,IAAIa,SAA6Bd;QACjC,MAAOc,OAAQ;YACbF,SAAS,OAAO,CAACE,QAAQ;gBACvB,YAAY;gBACZ,iBAAiB;oBACf;oBACA;oBACA;oBACA;oBACA;oBACA;iBACD;YACH;YACAA,SAASV,eAAeU;QAC1B;QACA,OAAO,IAAMF,SAAS,UAAU;IAClC,GAAG,EAAE;IACL,OAAO,WAAP,GACE;;0BACE,IAAC;gBAAK,KAAKlB;gBAAQ,QAAM;;YACxBE,SACC,AAAoB,MAApB,OAAOmB,YAAa,cACpBC,aAAa,WAADA,GACV,IAAC;gBACC,WAAU;gBACV,MAAMxB,OAAO,MAAM;gBACnB,KAAKA,OAAO,SAAS;gBACrB,qBAAmBA,OAAO,OAAO;gBACjC,oBACEA,AAAwByB,WAAxBzB,OAAO,KAAK,CAAC,MAAM,GAAiByB,SAAYzB,OAAO,KAAK,CAAC,MAAM,GAAG,OAAO;gBAE/E,OAAOI;0BAENN;gBAEF,CAAqB,cAArB,OAAOC,YAA2BA,cAAcA,SAAQ,KACvDC,OAAO,iBAAiB,QACxBuB,SAAS,IAAI;;;AAIzB"}

package/dist/esm/browser/modules/shared/selection-content.js

@@ -0,0 +1,164 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { classes } from "./classes.js";
+import { inertProps } from "./inert.js";
+import { useListMotion } from "./motion.js";
+const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+function SelectionContent({ items, children, className, tagClassName, tagWrap = true, maxTagCount, searchable = false, query = '', removeLabel }) {
+    const root = useRef(null);
+    const count = items?.length ?? 0;
+    const limit = 'number' == typeof maxTagCount ? Math.max(0, Math.floor(maxTagCount)) : count;
+    const singleLine = void 0 !== items && (!tagWrap || 'responsive' === maxTagCount);
+    const [layout, setLayout] = useState({
+        count,
+        firstWidth: 0,
+        inputWidth: 0
+    });
+    const visibleCount = Math.min(count, limit, singleLine ? layout.count : count);
+    const hiddenItems = items?.slice(visibleCount) ?? [];
+    const measure = useRef(()=>{});
+    measure.current = ()=>{
+        const element = root.current;
+        if (!singleLine || !element?.clientWidth) return;
+        const width = element.clientWidth;
+        const gap = Number.parseFloat(getComputedStyle(element).columnGap) || 0;
+        const tags = Array.from(element.querySelectorAll('[data-selection-item]'));
+        const hiddenTags = tags.filter((tag)=>tag.hidden);
+        element.dataset.measuring = '';
+        for (const tag of hiddenTags)tag.hidden = false;
+        const widths = tags.map((tag)=>tag.getBoundingClientRect().width);
+        const overflowWidth = element.querySelector('[data-selection-counter]')?.getBoundingClientRect().width ?? 0;
+        const queryWidth = element.querySelector('[data-selection-query]')?.getBoundingClientRect().width ?? 0;
+        for (const tag of hiddenTags)tag.hidden = true;
+        delete element.dataset.measuring;
+        const inputWidth = children ? Math.min(Math.max(0, width - (count ? overflowWidth + gap : 0)), searchable ? query ? Math.max(48, queryWidth + 12) : 24 : 1) : 0;
+        const budget = Math.max(0, width - inputWidth - (children && count ? gap : 0));
+        const totalWidth = widths.reduce((sum, value)=>sum + value, 0) + Math.max(0, count - 1) * gap;
+        let nextCount = 0;
+        let firstWidth = 0;
+        if (count <= limit && totalWidth <= budget) nextCount = count;
+        else if (1 === count && limit > 0 && budget >= Math.min(widths[0] ?? 0, 48)) {
+            nextCount = 1;
+            firstWidth = budget;
+        } else {
+            const tagBudget = Math.max(0, budget - overflowWidth - gap);
+            let used = 0;
+            for (const tagWidth of widths.slice(0, Math.min(limit, count - 1))){
+                const next = used + (nextCount ? gap : 0) + tagWidth;
+                if (next > tagBudget) break;
+                used = next;
+                nextCount++;
+            }
+            if (!nextCount && limit > 0 && count > 1 && tagBudget >= Math.min(widths[0] ?? 0, 48)) {
+                nextCount = 1;
+                firstWidth = tagBudget;
+            }
+        }
+        setLayout((previous)=>previous.count === nextCount && previous.firstWidth === firstWidth && previous.inputWidth === inputWidth ? previous : {
+                count: nextCount,
+                firstWidth,
+                inputWidth
+            });
+    };
+    useBrowserLayoutEffect(()=>measure.current());
+    useEffect(()=>{
+        if (!singleLine || !root.current) return;
+        const update = ()=>measure.current();
+        const observer = "u" < typeof ResizeObserver ? void 0 : new ResizeObserver(update);
+        observer?.observe(root.current);
+        for (const tag of root.current.querySelectorAll('[data-selection-item]'))observer?.observe(tag);
+        window.addEventListener('resize', update);
+        document.fonts?.addEventListener('loadingdone', update);
+        return ()=>{
+            observer?.disconnect();
+            window.removeEventListener('resize', update);
+            document.fonts?.removeEventListener('loadingdone', update);
+        };
+    }, [
+        singleLine,
+        count
+    ]);
+    useListMotion(root, JSON.stringify(items?.slice(0, visibleCount).map((item)=>item.key)), '.leaf-selection__tag[data-motion-key]:not([hidden])', singleLine ? visibleCount : false);
+    return /*#__PURE__*/ jsxs("span", {
+        ref: root,
+        className: classes('leaf-selection', className),
+        "data-multiple": void 0 !== items || void 0,
+        "data-single-line": singleLine || void 0,
+        style: singleLine ? {
+            '--leaf-selection-first-width': layout.firstWidth ? `${layout.firstWidth}px` : void 0,
+            '--leaf-selection-input-width': `${layout.inputWidth}px`
+        } : void 0,
+        children: [
+            items?.slice(0, singleLine ? count : visibleCount).map((item, index)=>/*#__PURE__*/ jsx("span", {
+                    className: classes('leaf-selection__tag', tagClassName),
+                    "data-selection-item": "",
+                    "data-motion-key": item.key,
+                    "data-custom": null != item.render || void 0,
+                    hidden: index >= visibleCount,
+                    ...inertProps(index >= visibleCount),
+                    title: item.text,
+                    children: item.render ?? /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                children: item.label
+                            }),
+                            item.remove && /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                tabIndex: -1,
+                                "aria-label": `${removeLabel} ${item.text}`,
+                                onMouseDown: (event)=>event.preventDefault(),
+                                onClick: (event)=>{
+                                    event.stopPropagation();
+                                    item.remove?.();
+                                },
+                                children: /*#__PURE__*/ jsx(X, {
+                                    size: 12,
+                                    "aria-hidden": "true"
+                                })
+                            })
+                        ]
+                    })
+                }, item.key)),
+            hiddenItems.length > 0 && /*#__PURE__*/ jsxs("span", {
+                className: classes('leaf-selection__tag', tagClassName),
+                title: hiddenItems.map((item)=>item.text).join(', '),
+                "data-selection-overflow": "",
+                children: [
+                    "+",
+                    hiddenItems.length,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "leaf-selection__sr",
+                        children: hiddenItems.map((item)=>item.text).join(', ')
+                    })
+                ]
+            }),
+            children && /*#__PURE__*/ jsx("span", {
+                className: "leaf-selection__input",
+                children: children
+            }),
+            singleLine && /*#__PURE__*/ jsxs("span", {
+                className: "leaf-selection__measure",
+                "aria-hidden": "true",
+                children: [
+                    /*#__PURE__*/ jsxs("span", {
+                        className: classes('leaf-selection__tag', tagClassName),
+                        "data-selection-counter": "",
+                        children: [
+                            "+",
+                            count
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        "data-selection-query": "",
+                        children: query
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { SelectionContent };
+
+//# sourceMappingURL=selection-content.js.map

package/dist/esm/browser/modules/shared/selection-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/selection-content.js","sources":["../../../../../src/shared/selection-content.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport {\n  type CSSProperties,\n  type ReactNode,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { classes } from './classes';\nimport { inertProps } from './inert';\nimport { useListMotion } from './motion';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\ninterface SelectionItem {\n  key: string;\n  label: ReactNode;\n  text: string;\n  remove?: () => void;\n  render?: ReactNode;\n}\n\n/** Shared selected-value layout. Measure the real tags, without mounting custom renderers twice. */\nexport function SelectionContent({\n  items,\n  children,\n  className,\n  tagClassName,\n  tagWrap = true,\n  maxTagCount,\n  searchable = false,\n  query = '',\n  removeLabel,\n}: {\n  items?: readonly SelectionItem[];\n  children?: ReactNode;\n  className?: string;\n  tagClassName?: string;\n  tagWrap?: boolean;\n  maxTagCount?: number | 'responsive';\n  searchable?: boolean;\n  query?: string;\n  removeLabel?: string;\n}) {\n  const root = useRef<HTMLSpanElement>(null);\n  const count = items?.length ?? 0;\n  const limit = typeof maxTagCount === 'number' ? Math.max(0, Math.floor(maxTagCount)) : count;\n  const singleLine = items !== undefined && (!tagWrap || maxTagCount === 'responsive');\n  const [layout, setLayout] = useState({ count, firstWidth: 0, inputWidth: 0 });\n  const visibleCount = Math.min(count, limit, singleLine ? layout.count : count);\n  const hiddenItems = items?.slice(visibleCount) ?? [];\n  const measure = useRef(() => {});\n  measure.current = () => {\n    const element = root.current;\n    if (!singleLine || !element?.clientWidth) return;\n    const width = element.clientWidth;\n    const gap = Number.parseFloat(getComputedStyle(element).columnGap) || 0;\n    // All writes precede the reads. The temporary measurement is restored before paint.\n    const tags = Array.from(element.querySelectorAll<HTMLElement>('[data-selection-item]'));\n    const hiddenTags = tags.filter((tag) => tag.hidden);\n    element.dataset.measuring = '';\n    // Normalize/utility styles often enforce [hidden] with !important. Temporarily\n    // remove the attribute itself instead of relying on a CSS override.\n    for (const tag of hiddenTags) tag.hidden = false;\n    const widths = tags.map((tag) => tag.getBoundingClientRect().width);\n    const overflowWidth =\n      element.querySelector<HTMLElement>('[data-selection-counter]')?.getBoundingClientRect()\n        .width ?? 0;\n    const queryWidth =\n      element.querySelector<HTMLElement>('[data-selection-query]')?.getBoundingClientRect().width ??\n      0;\n    for (const tag of hiddenTags) tag.hidden = true;\n    delete element.dataset.measuring;\n    const inputWidth = children\n      ? Math.min(\n          Math.max(0, width - (count ? overflowWidth + gap : 0)),\n          searchable ? (query ? Math.max(48, queryWidth + 12) : 24) : 1,\n        )\n      : 0;\n    const budget = Math.max(0, width - inputWidth - (children && count ? gap : 0));\n    const totalWidth = widths.reduce((sum, value) => sum + value, 0) + Math.max(0, count - 1) * gap;\n    let nextCount = 0;\n    let firstWidth = 0;\n    if (count <= limit && totalWidth <= budget) nextCount = count;\n    else if (count === 1 && limit > 0 && budget >= Math.min(widths[0] ?? 0, 48)) {\n      nextCount = 1;\n      firstWidth = budget;\n    } else {\n      const tagBudget = Math.max(0, budget - overflowWidth - gap);\n      let used = 0;\n      for (const tagWidth of widths.slice(0, Math.min(limit, count - 1))) {\n        const next = used + (nextCount ? gap : 0) + tagWidth;\n        if (next > tagBudget) break;\n        used = next;\n        nextCount++;\n      }\n      // Keep the first long label useful, while preserving the remove button and +N.\n      if (!nextCount && limit > 0 && count > 1 && tagBudget >= Math.min(widths[0] ?? 0, 48)) {\n        nextCount = 1;\n        firstWidth = tagBudget;\n      }\n    }\n    setLayout((previous) =>\n      previous.count === nextCount &&\n      previous.firstWidth === firstWidth &&\n      previous.inputWidth === inputWidth\n        ? previous\n        : { count: nextCount, firstWidth, inputWidth },\n    );\n  };\n  useBrowserLayoutEffect(() => measure.current());\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Observe the new tag elements after selection changes.\n  useEffect(() => {\n    if (!singleLine || !root.current) return;\n    const update = () => measure.current();\n    const observer = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(update);\n    observer?.observe(root.current);\n    for (const tag of root.current.querySelectorAll('[data-selection-item]'))\n      observer?.observe(tag);\n    window.addEventListener('resize', update);\n    document.fonts?.addEventListener('loadingdone', update);\n    return () => {\n      observer?.disconnect();\n      window.removeEventListener('resize', update);\n      document.fonts?.removeEventListener('loadingdone', update);\n    };\n  }, [singleLine, count]);\n  useListMotion(\n    root,\n    JSON.stringify(items?.slice(0, visibleCount).map((item) => item.key)),\n    '.leaf-selection__tag[data-motion-key]:not([hidden])',\n    singleLine ? visibleCount : false,\n  );\n  return (\n    <span\n      ref={root}\n      className={classes('leaf-selection', className)}\n      data-multiple={items !== undefined || undefined}\n      data-single-line={singleLine || undefined}\n      style={\n        singleLine\n          ? ({\n              '--leaf-selection-first-width': layout.firstWidth\n                ? `${layout.firstWidth}px`\n                : undefined,\n              '--leaf-selection-input-width': `${layout.inputWidth}px`,\n            } as CSSProperties)\n          : undefined\n      }\n    >\n      {items?.slice(0, singleLine ? count : visibleCount).map((item, index) => (\n        <span\n          className={classes('leaf-selection__tag', tagClassName)}\n          key={item.key}\n          data-selection-item=\"\"\n          data-motion-key={item.key}\n          data-custom={item.render != null || undefined}\n          hidden={index >= visibleCount}\n          {...inertProps(index >= visibleCount)}\n          title={item.text}\n        >\n          {item.render ?? (\n            <>\n              <span>{item.label}</span>\n              {item.remove && (\n                <button\n                  type=\"button\"\n                  tabIndex={-1}\n                  aria-label={`${removeLabel} ${item.text}`}\n                  onMouseDown={(event) => event.preventDefault()}\n                  onClick={(event) => {\n                    event.stopPropagation();\n                    item.remove?.();\n                  }}\n                >\n                  <X size={12} aria-hidden=\"true\" />\n                </button>\n              )}\n            </>\n          )}\n        </span>\n      ))}\n      {hiddenItems.length > 0 && (\n        <span\n          className={classes('leaf-selection__tag', tagClassName)}\n          title={hiddenItems.map((item) => item.text).join(', ')}\n          data-selection-overflow=\"\"\n        >\n          +{hiddenItems.length}\n          <span className=\"leaf-selection__sr\">\n            {hiddenItems.map((item) => item.text).join(', ')}\n          </span>\n        </span>\n      )}\n      {children && <span className=\"leaf-selection__input\">{children}</span>}\n      {singleLine && (\n        <span className=\"leaf-selection__measure\" aria-hidden=\"true\">\n          <span className={classes('leaf-selection__tag', tagClassName)} data-selection-counter=\"\">\n            +{count}\n          </span>\n          <span data-selection-query=\"\">{query}</span>\n        </span>\n      )}\n    </span>\n  );\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","SelectionContent","items","children","className","tagClassName","tagWrap","maxTagCount","searchable","query","removeLabel","root","useRef","count","limit","Math","singleLine","undefined","layout","setLayout","useState","visibleCount","hiddenItems","measure","element","width","gap","Number","getComputedStyle","tags","Array","hiddenTags","tag","widths","overflowWidth","queryWidth","inputWidth","budget","totalWidth","sum","value","nextCount","firstWidth","tagBudget","used","tagWidth","next","previous","update","observer","ResizeObserver","document","useListMotion","JSON","item","classes","index","inertProps","event","X"],"mappings":"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"}

package/dist/esm/browser/modules/shared/time.js

@@ -0,0 +1,46 @@
+"use client";
+const padTime = (value)=>String(value).padStart(2, '0');
+function parseTime(value, periods) {
+    let text = value?.trim();
+    if (text && periods) for (const [index, label] of periods.entries()){
+        if (!label) continue;
+        const normalized = text.toLowerCase();
+        const token = label.toLowerCase();
+        if (normalized.endsWith(token)) {
+            text = `${text.slice(0, -label.length).trim()} ${0 === index ? 'AM' : 'PM'}`;
+            break;
+        }
+        if (normalized.startsWith(token)) {
+            text = `${text.slice(label.length).trim()} ${0 === index ? 'AM' : 'PM'}`;
+            break;
+        }
+    }
+    const match = text?.match(/^(?:(上午|下午)\s*)?(\d{1,2}):(\d{2})(?::(\d{2}))?\s*(AM|PM|上午|下午)?$/i);
+    if (!match) return null;
+    if (match[1] && match[5]) return null;
+    let hour = Number(match[2]);
+    const minute = Number(match[3]);
+    const second = Number(match[4] ?? 0);
+    const period = (match[1] ?? match[5])?.toUpperCase();
+    if (period) {
+        if (hour < 1 || hour > 12) return null;
+        hour = hour % 12 + ('PM' === period || '下午' === period ? 12 : 0);
+    }
+    return hour < 24 && minute < 60 && second < 60 ? {
+        hour,
+        minute,
+        second
+    } : null;
+}
+function timeString(parts, seconds = false) {
+    return `${padTime(parts.hour)}:${padTime(parts.minute)}${seconds ? `:${padTime(parts.second)}` : ''}`;
+}
+function displayTime(parts, seconds, use12Hours, period) {
+    return use12Hours ? `${timeString({
+        ...parts,
+        hour: parts.hour % 12 || 12
+    }, seconds)} ${period[parts.hour < 12 ? 0 : 1]}` : timeString(parts, seconds);
+}
+export { displayTime, padTime, parseTime, timeString };
+
+//# sourceMappingURL=time.js.map

package/dist/esm/browser/modules/shared/time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/time.js","sources":["../../../../../src/shared/time.ts"],"sourcesContent":["export interface TimeParts {\n  hour: number;\n  minute: number;\n  second: number;\n}\nexport const padTime = (value: number) => String(value).padStart(2, '0');\nexport function parseTime(\n  value: string | null | undefined,\n  periods?: readonly [string, string],\n): TimeParts | null {\n  let text = value?.trim();\n  if (text && periods) {\n    for (const [index, label] of periods.entries()) {\n      if (!label) continue;\n      const normalized = text.toLowerCase();\n      const token = label.toLowerCase();\n      if (normalized.endsWith(token)) {\n        text = `${text.slice(0, -label.length).trim()} ${index === 0 ? 'AM' : 'PM'}`;\n        break;\n      }\n      if (normalized.startsWith(token)) {\n        text = `${text.slice(label.length).trim()} ${index === 0 ? 'AM' : 'PM'}`;\n        break;\n      }\n    }\n  }\n  const match = text?.match(\n    /^(?:(上午|下午)\\s*)?(\\d{1,2}):(\\d{2})(?::(\\d{2}))?\\s*(AM|PM|上午|下午)?$/i,\n  );\n  if (!match) return null;\n  if (match[1] && match[5]) return null;\n  let hour = Number(match[2]);\n  const minute = Number(match[3]);\n  const second = Number(match[4] ?? 0);\n  const period = (match[1] ?? match[5])?.toUpperCase();\n  if (period) {\n    if (hour < 1 || hour > 12) return null;\n    hour = (hour % 12) + (period === 'PM' || period === '下午' ? 12 : 0);\n  }\n  return hour < 24 && minute < 60 && second < 60 ? { hour, minute, second } : null;\n}\nexport function timeString(parts: TimeParts, seconds = false) {\n  return `${padTime(parts.hour)}:${padTime(parts.minute)}${seconds ? `:${padTime(parts.second)}` : ''}`;\n}\nexport function displayTime(\n  parts: TimeParts,\n  seconds: boolean,\n  use12Hours: boolean,\n  period: readonly [string, string],\n) {\n  return use12Hours\n    ? `${timeString({ ...parts, hour: parts.hour % 12 || 12 }, seconds)} ${period[parts.hour < 12 ? 0 : 1]}`\n    : timeString(parts, seconds);\n}\n"],"names":["padTime","value","String","parseTime","periods","text","index","label","normalized","token","match","hour","Number","minute","second","period","timeString","parts","seconds","displayTime","use12Hours"],"mappings":";AAKO,MAAMA,UAAU,CAACC,QAAkBC,OAAOD,OAAO,QAAQ,CAAC,GAAG;AAC7D,SAASE,UACdF,KAAgC,EAChCG,OAAmC;IAEnC,IAAIC,OAAOJ,OAAO;IAClB,IAAII,QAAQD,SACV,KAAK,MAAM,CAACE,OAAOC,MAAM,IAAIH,QAAQ,OAAO,GAAI;QAC9C,IAAI,CAACG,OAAO;QACZ,MAAMC,aAAaH,KAAK,WAAW;QACnC,MAAMI,QAAQF,MAAM,WAAW;QAC/B,IAAIC,WAAW,QAAQ,CAACC,QAAQ;YAC9BJ,OAAO,GAAGA,KAAK,KAAK,CAAC,GAAG,CAACE,MAAM,MAAM,EAAE,IAAI,GAAG,CAAC,EAAED,AAAU,MAAVA,QAAc,OAAO,MAAM;YAC5E;QACF;QACA,IAAIE,WAAW,UAAU,CAACC,QAAQ;YAChCJ,OAAO,GAAGA,KAAK,KAAK,CAACE,MAAM,MAAM,EAAE,IAAI,GAAG,CAAC,EAAED,AAAU,MAAVA,QAAc,OAAO,MAAM;YACxE;QACF;IACF;IAEF,MAAMI,QAAQL,MAAM,MAClB;IAEF,IAAI,CAACK,OAAO,OAAO;IACnB,IAAIA,KAAK,CAAC,EAAE,IAAIA,KAAK,CAAC,EAAE,EAAE,OAAO;IACjC,IAAIC,OAAOC,OAAOF,KAAK,CAAC,EAAE;IAC1B,MAAMG,SAASD,OAAOF,KAAK,CAAC,EAAE;IAC9B,MAAMI,SAASF,OAAOF,KAAK,CAAC,EAAE,IAAI;IAClC,MAAMK,SAAUL,CAAAA,KAAK,CAAC,EAAE,IAAIA,KAAK,CAAC,EAAC,GAAI;IACvC,IAAIK,QAAQ;QACV,IAAIJ,OAAO,KAAKA,OAAO,IAAI,OAAO;QAClCA,OAAQA,OAAO,KAAOI,CAAAA,AAAW,SAAXA,UAAmBA,AAAW,SAAXA,SAAkB,KAAK;IAClE;IACA,OAAOJ,OAAO,MAAME,SAAS,MAAMC,SAAS,KAAK;QAAEH;QAAME;QAAQC;IAAO,IAAI;AAC9E;AACO,SAASE,WAAWC,KAAgB,EAAEC,UAAU,KAAK;IAC1D,OAAO,GAAGlB,QAAQiB,MAAM,IAAI,EAAE,CAAC,EAAEjB,QAAQiB,MAAM,MAAM,IAAIC,UAAU,CAAC,CAAC,EAAElB,QAAQiB,MAAM,MAAM,GAAG,GAAG,IAAI;AACvG;AACO,SAASE,YACdF,KAAgB,EAChBC,OAAgB,EAChBE,UAAmB,EACnBL,MAAiC;IAEjC,OAAOK,aACH,GAAGJ,WAAW;QAAE,GAAGC,KAAK;QAAE,MAAMA,MAAM,IAAI,GAAG,MAAM;IAAG,GAAGC,SAAS,CAAC,EAAEH,MAAM,CAACE,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE,EAAE,GACtGD,WAAWC,OAAOC;AACxB"}

package/dist/esm/browser/modules/shared/types.js

@@ -0,0 +1 @@
+"use client";

package/dist/esm/browser/modules/shared/use-client.js

@@ -0,0 +1,10 @@
+"use client";
+import { useEffect, useState } from "react";
+function useClient() {
+    const [client, setClient] = useState(false);
+    useEffect(()=>setClient(true), []);
+    return client;
+}
+export { useClient };
+
+//# sourceMappingURL=use-client.js.map

package/dist/esm/browser/modules/shared/use-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/use-client.js","sources":["../../../../../src/shared/use-client.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n/** Gate browser-only lazy dependencies so SSR never evaluates their modules. */\nexport function useClient() {\n  const [client, setClient] = useState(false);\n  useEffect(() => setClient(true), []);\n  return client;\n}\n"],"names":["useClient","client","setClient","useState","useEffect"],"mappings":";;AAEO,SAASA;IACd,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAS;IACrCC,UAAU,IAAMF,UAAU,OAAO,EAAE;IACnC,OAAOD;AACT"}

package/dist/esm/browser/modules/shared/use-controllable.js

@@ -0,0 +1,17 @@
+"use client";
+import { useState } from "react";
+function useControllable(value, defaultValue, onChange) {
+    const [internal, setInternal] = useState(defaultValue);
+    const current = void 0 === value ? internal : value;
+    function update(next) {
+        if (void 0 === value) setInternal(next);
+        if (!Object.is(current, next)) onChange?.(next);
+    }
+    return [
+        current,
+        update
+    ];
+}
+export { useControllable };
+
+//# sourceMappingURL=use-controllable.js.map

package/dist/esm/browser/modules/shared/use-controllable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/use-controllable.js","sources":["../../../../../src/shared/use-controllable.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** Controlled values stay owned by callers; default values initialize local state once. */\nexport function useControllable<T>(\n  value: T | undefined,\n  defaultValue: T,\n  onChange?: (value: T) => void,\n) {\n  const [internal, setInternal] = useState(defaultValue);\n  const current = value === undefined ? internal : value;\n  function update(next: T) {\n    if (value === undefined) setInternal(next);\n    if (!Object.is(current, next)) onChange?.(next);\n  }\n  return [current, update] as const;\n}\n"],"names":["useControllable","value","defaultValue","onChange","internal","setInternal","useState","current","undefined","update","next","Object"],"mappings":";;AAGO,SAASA,gBACdC,KAAoB,EACpBC,YAAe,EACfC,QAA6B;IAE7B,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAASJ;IACzC,MAAMK,UAAUN,AAAUO,WAAVP,QAAsBG,WAAWH;IACjD,SAASQ,OAAOC,IAAO;QACrB,IAAIT,AAAUO,WAAVP,OAAqBI,YAAYK;QACrC,IAAI,CAACC,OAAO,EAAE,CAACJ,SAASG,OAAOP,WAAWO;IAC5C;IACA,OAAO;QAACH;QAASE;KAAO;AAC1B"}

package/dist/esm/browser/modules/shared/use-drag-announcements.js

@@ -0,0 +1,28 @@
+"use client";
+import { useFormattedText } from "./use-formatted-text.js";
+import { useText } from "./use-text.js";
+function useDragAnnouncements(label, tree = false) {
+    const t = useText();
+    const format = useFormattedText();
+    const announcements = {
+        onDragStart: ({ active })=>format('drag.pickedUp', {
+                label: label(active.id)
+            }),
+        onDragOver: ({ over })=>over ? format('drag.moved', {
+                label: label(over.id)
+            }) : t('drag.outside'),
+        onDragEnd: ({ active, over })=>over ? format('drag.dropped', {
+                label: label(active.id)
+            }) : t('drag.cancelled'),
+        onDragCancel: ()=>t('drag.cancelled')
+    };
+    return {
+        screenReaderInstructions: {
+            draggable: t(tree ? 'tree.reorderInstructions' : 'drag.instructions')
+        },
+        announcements
+    };
+}
+export { useDragAnnouncements };
+
+//# sourceMappingURL=use-drag-announcements.js.map

package/dist/esm/browser/modules/shared/use-drag-announcements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/use-drag-announcements.js","sources":["../../../../../src/shared/use-drag-announcements.ts"],"sourcesContent":["import type { Announcements, UniqueIdentifier } from '@dnd-kit/core';\nimport { useFormattedText } from './use-formatted-text';\nimport { useText } from './use-text';\n\nexport function useDragAnnouncements(label: (id: UniqueIdentifier) => string, tree = false) {\n  const t = useText();\n  const format = useFormattedText();\n  const announcements: Announcements = {\n    onDragStart: ({ active }) => format('drag.pickedUp', { label: label(active.id) }),\n    onDragOver: ({ over }) =>\n      over ? format('drag.moved', { label: label(over.id) }) : t('drag.outside'),\n    onDragEnd: ({ active, over }) =>\n      over ? format('drag.dropped', { label: label(active.id) }) : t('drag.cancelled'),\n    onDragCancel: () => t('drag.cancelled'),\n  };\n  return {\n    screenReaderInstructions: {\n      draggable: t(tree ? 'tree.reorderInstructions' : 'drag.instructions'),\n    },\n    announcements,\n  };\n}\n"],"names":["useDragAnnouncements","label","tree","t","useText","format","useFormattedText","announcements","active","over"],"mappings":";;;AAIO,SAASA,qBAAqBC,KAAuC,EAAEC,OAAO,KAAK;IACxF,MAAMC,IAAIC;IACV,MAAMC,SAASC;IACf,MAAMC,gBAA+B;QACnC,aAAa,CAAC,EAAEC,MAAM,EAAE,GAAKH,OAAO,iBAAiB;gBAAE,OAAOJ,MAAMO,OAAO,EAAE;YAAE;QAC/E,YAAY,CAAC,EAAEC,IAAI,EAAE,GACnBA,OAAOJ,OAAO,cAAc;gBAAE,OAAOJ,MAAMQ,KAAK,EAAE;YAAE,KAAKN,EAAE;QAC7D,WAAW,CAAC,EAAEK,MAAM,EAAEC,IAAI,EAAE,GAC1BA,OAAOJ,OAAO,gBAAgB;gBAAE,OAAOJ,MAAMO,OAAO,EAAE;YAAE,KAAKL,EAAE;QACjE,cAAc,IAAMA,EAAE;IACxB;IACA,OAAO;QACL,0BAA0B;YACxB,WAAWA,EAAED,OAAO,6BAA6B;QACnD;QACAK;IACF;AACF"}