@devalok/shilp-sutra 0.8.3 → 0.9.0

package/dist/primitives/react-navigation-menu.js

@@ -1,607 +0,0 @@
-import * as a from "react";
-import Ie from "react-dom";
-import { createContextScope as ye } from "./_internal/react-context.js";
-import { composeEventHandlers as I } from "./_internal/primitive.js";
-import { Primitive as _, dispatchDiscreteCustomEvent as Q } from "./_internal/react-primitive.js";
-import { useControllableState as oe } from "./_internal/react-use-controllable-state.js";
-import { useComposedRefs as k, composeRefs as be } from "./_internal/react-compose-refs.js";
-import { useDirection as _e } from "./_internal/react-direction.js";
-import { Presence as K } from "./_internal/react-presence.js";
-import { useId as re } from "./_internal/react-id.js";
-import { createCollection as ie } from "./_internal/react-collection.js";
-import { DismissableLayer as Pe } from "./_internal/react-dismissable-layer.js";
-import { usePrevious as xe } from "./_internal/react-use-previous.js";
-import { useLayoutEffect as G } from "./_internal/react-use-layout-effect.js";
-import { useCallbackRef as S } from "./_internal/react-use-callback-ref.js";
-import { Root as De } from "./react-visually-hidden.js";
-import { jsx as l, jsxs as Z, Fragment as ee } from "react/jsx-runtime";
-var A = "NavigationMenu", [$, ae, Se] = ie(A), [z, Ae, Oe] = ie(A), [Y] = ye(
-  A,
-  [Se, Oe]
-), [ke, b] = Y(A), [Fe, Le] = Y(A), se = a.forwardRef(
-  (e, t) => {
-    const {
-      __scopeNavigationMenu: r,
-      value: i,
-      onValueChange: n,
-      defaultValue: o,
-      delayDuration: s = 200,
-      skipDelayDuration: d = 300,
-      orientation: c = "horizontal",
-      dir: R,
-      ...u
-    } = e, [g, h] = a.useState(null), E = k(t, (w) => h(w)), C = _e(R), p = a.useRef(0), M = a.useRef(0), T = a.useRef(0), [P, f] = a.useState(!0), [m, v] = oe({
-      prop: i,
-      onChange: (w) => {
-        const D = w !== "", V = d > 0;
-        D ? (window.clearTimeout(T.current), V && f(!1)) : (window.clearTimeout(T.current), T.current = window.setTimeout(
-          () => f(!0),
-          d
-        )), n == null || n(w);
-      },
-      defaultProp: o ?? "",
-      caller: A
-    }), N = a.useCallback(() => {
-      window.clearTimeout(M.current), M.current = window.setTimeout(() => v(""), 150);
-    }, [v]), y = a.useCallback(
-      (w) => {
-        window.clearTimeout(M.current), v(w);
-      },
-      [v]
-    ), x = a.useCallback(
-      (w) => {
-        m === w ? window.clearTimeout(M.current) : p.current = window.setTimeout(() => {
-          window.clearTimeout(M.current), v(w);
-        }, s);
-      },
-      [m, v, s]
-    );
-    return a.useEffect(() => () => {
-      window.clearTimeout(p.current), window.clearTimeout(M.current), window.clearTimeout(T.current);
-    }, []), /* @__PURE__ */ l(
-      ce,
-      {
-        scope: r,
-        isRootMenu: !0,
-        value: m,
-        dir: C,
-        orientation: c,
-        rootNavigationMenu: g,
-        onTriggerEnter: (w) => {
-          window.clearTimeout(p.current), P ? x(w) : y(w);
-        },
-        onTriggerLeave: () => {
-          window.clearTimeout(p.current), N();
-        },
-        onContentEnter: () => window.clearTimeout(M.current),
-        onContentLeave: N,
-        onItemSelect: (w) => {
-          v((D) => D === w ? "" : w);
-        },
-        onItemDismiss: () => v(""),
-        children: /* @__PURE__ */ l(
-          _.nav,
-          {
-            "aria-label": "Main",
-            "data-orientation": c,
-            dir: C,
-            ...u,
-            ref: E
-          }
-        )
-      }
-    );
-  }
-);
-se.displayName = A;
-var U = "NavigationMenuSub", Ke = a.forwardRef(
-  (e, t) => {
-    const {
-      __scopeNavigationMenu: r,
-      value: i,
-      onValueChange: n,
-      defaultValue: o,
-      orientation: s = "horizontal",
-      ...d
-    } = e, c = b(U, r), [R, u] = oe({
-      prop: i,
-      onChange: n,
-      defaultProp: o ?? "",
-      caller: U
-    });
-    return /* @__PURE__ */ l(
-      ce,
-      {
-        scope: r,
-        isRootMenu: !1,
-        value: R,
-        dir: c.dir,
-        orientation: s,
-        rootNavigationMenu: c.rootNavigationMenu,
-        onTriggerEnter: (g) => u(g),
-        onItemSelect: (g) => u(g),
-        onItemDismiss: () => u(""),
-        children: /* @__PURE__ */ l(_.div, { "data-orientation": s, ...d, ref: t })
-      }
-    );
-  }
-);
-Ke.displayName = U;
-var ce = (e) => {
-  const {
-    scope: t,
-    isRootMenu: r,
-    rootNavigationMenu: i,
-    dir: n,
-    orientation: o,
-    children: s,
-    value: d,
-    onItemSelect: c,
-    onItemDismiss: R,
-    onTriggerEnter: u,
-    onTriggerLeave: g,
-    onContentEnter: h,
-    onContentLeave: E
-  } = e, [C, p] = a.useState(null), [M, T] = a.useState(/* @__PURE__ */ new Map()), [P, f] = a.useState(null);
-  return /* @__PURE__ */ l(
-    ke,
-    {
-      scope: t,
-      isRootMenu: r,
-      rootNavigationMenu: i,
-      value: d,
-      previousValue: xe(d),
-      baseId: re(),
-      dir: n,
-      orientation: o,
-      viewport: C,
-      onViewportChange: p,
-      indicatorTrack: P,
-      onIndicatorTrackChange: f,
-      onTriggerEnter: S(u),
-      onTriggerLeave: S(g),
-      onContentEnter: S(h),
-      onContentLeave: S(E),
-      onItemSelect: S(c),
-      onItemDismiss: S(R),
-      onViewportContentChange: a.useCallback((m, v) => {
-        T((N) => (N.set(m, v), new Map(N)));
-      }, []),
-      onViewportContentRemove: a.useCallback((m) => {
-        T((v) => v.has(m) ? (v.delete(m), new Map(v)) : v);
-      }, []),
-      children: /* @__PURE__ */ l($.Provider, { scope: t, children: /* @__PURE__ */ l(Fe, { scope: t, items: M, children: s }) })
-    }
-  );
-}, ue = "NavigationMenuList", le = a.forwardRef(
-  (e, t) => {
-    const { __scopeNavigationMenu: r, ...i } = e, n = b(ue, r), o = /* @__PURE__ */ l(_.ul, { "data-orientation": n.orientation, ...i, ref: t });
-    return /* @__PURE__ */ l(_.div, { style: { position: "relative" }, ref: n.onIndicatorTrackChange, children: /* @__PURE__ */ l($.Slot, { scope: r, children: n.isRootMenu ? /* @__PURE__ */ l(Me, { asChild: !0, children: o }) : o }) });
-  }
-);
-le.displayName = ue;
-var de = "NavigationMenuItem", [Ve, ve] = Y(de), fe = a.forwardRef(
-  (e, t) => {
-    const { __scopeNavigationMenu: r, value: i, ...n } = e, o = re(), s = i || o || "LEGACY_REACT_AUTO_VALUE", d = a.useRef(null), c = a.useRef(null), R = a.useRef(null), u = a.useRef(() => {
-    }), g = a.useRef(!1), h = a.useCallback((C = "start") => {
-      if (d.current) {
-        u.current();
-        const p = B(d.current);
-        p.length && X(C === "start" ? p : p.reverse());
-      }
-    }, []), E = a.useCallback(() => {
-      if (d.current) {
-        const C = B(d.current);
-        C.length && (u.current = $e(C));
-      }
-    }, []);
-    return /* @__PURE__ */ l(
-      Ve,
-      {
-        scope: r,
-        value: s,
-        triggerRef: c,
-        contentRef: d,
-        focusProxyRef: R,
-        wasEscapeCloseRef: g,
-        onEntryKeyDown: h,
-        onFocusProxyEnter: h,
-        onRootContentClose: E,
-        onContentFocusOutside: E,
-        children: /* @__PURE__ */ l(_.li, { ...n, ref: t })
-      }
-    );
-  }
-);
-fe.displayName = de;
-var H = "NavigationMenuTrigger", me = a.forwardRef((e, t) => {
-  const { __scopeNavigationMenu: r, disabled: i, ...n } = e, o = b(H, e.__scopeNavigationMenu), s = ve(H, e.__scopeNavigationMenu), d = a.useRef(null), c = k(d, s.triggerRef, t), R = he(o.baseId, s.value), u = Ee(o.baseId, s.value), g = a.useRef(!1), h = a.useRef(!1), E = s.value === o.value;
-  return /* @__PURE__ */ Z(ee, { children: [
-    /* @__PURE__ */ l($.ItemSlot, { scope: r, value: s.value, children: /* @__PURE__ */ l(Ne, { asChild: !0, children: /* @__PURE__ */ l(
-      _.button,
-      {
-        id: R,
-        disabled: i,
-        "data-disabled": i ? "" : void 0,
-        "data-state": J(E),
-        "aria-expanded": E,
-        "aria-controls": u,
-        ...n,
-        ref: c,
-        onPointerEnter: I(e.onPointerEnter, () => {
-          h.current = !1, s.wasEscapeCloseRef.current = !1;
-        }),
-        onPointerMove: I(
-          e.onPointerMove,
-          L(() => {
-            i || h.current || s.wasEscapeCloseRef.current || g.current || (o.onTriggerEnter(s.value), g.current = !0);
-          })
-        ),
-        onPointerLeave: I(
-          e.onPointerLeave,
-          L(() => {
-            i || (o.onTriggerLeave(), g.current = !1);
-          })
-        ),
-        onClick: I(e.onClick, () => {
-          o.onItemSelect(s.value), h.current = E;
-        }),
-        onKeyDown: I(e.onKeyDown, (C) => {
-          const M = { horizontal: "ArrowDown", vertical: o.dir === "rtl" ? "ArrowLeft" : "ArrowRight" }[o.orientation];
-          E && C.key === M && (s.onEntryKeyDown(), C.preventDefault());
-        })
-      }
-    ) }) }),
-    E && /* @__PURE__ */ Z(ee, { children: [
-      /* @__PURE__ */ l(
-        De,
-        {
-          "aria-hidden": !0,
-          tabIndex: 0,
-          ref: s.focusProxyRef,
-          onFocus: (C) => {
-            const p = s.contentRef.current, M = C.relatedTarget, T = M === d.current, P = p == null ? void 0 : p.contains(M);
-            (T || !P) && s.onFocusProxyEnter(T ? "start" : "end");
-          }
-        }
-      ),
-      o.viewport && /* @__PURE__ */ l("span", { "aria-owns": u })
-    ] })
-  ] });
-});
-me.displayName = H;
-var Ge = "NavigationMenuLink", te = "navigationMenu.linkSelect", ge = a.forwardRef(
-  (e, t) => {
-    const { __scopeNavigationMenu: r, active: i, onSelect: n, ...o } = e;
-    return /* @__PURE__ */ l(Ne, { asChild: !0, children: /* @__PURE__ */ l(
-      _.a,
-      {
-        "data-active": i ? "" : void 0,
-        "aria-current": i ? "page" : void 0,
-        ...o,
-        ref: t,
-        onClick: I(
-          e.onClick,
-          (s) => {
-            const d = s.target, c = new CustomEvent(te, {
-              bubbles: !0,
-              cancelable: !0
-            });
-            if (d.addEventListener(te, (R) => n == null ? void 0 : n(R), { once: !0 }), Q(d, c), !c.defaultPrevented && !s.metaKey) {
-              const R = new CustomEvent(F, {
-                bubbles: !0,
-                cancelable: !0
-              });
-              Q(d, R);
-            }
-          },
-          { checkForDefaultPrevented: !1 }
-        )
-      }
-    ) });
-  }
-);
-ge.displayName = Ge;
-var j = "NavigationMenuIndicator", pe = a.forwardRef((e, t) => {
-  const { forceMount: r, ...i } = e, n = b(j, e.__scopeNavigationMenu), o = !!n.value;
-  return n.indicatorTrack ? Ie.createPortal(
-    /* @__PURE__ */ l(K, { present: r || o, children: /* @__PURE__ */ l(ze, { ...i, ref: t }) }),
-    n.indicatorTrack
-  ) : null;
-});
-pe.displayName = j;
-var ze = a.forwardRef((e, t) => {
-  const { __scopeNavigationMenu: r, ...i } = e, n = b(j, r), o = ae(r), [s, d] = a.useState(
-    null
-  ), [c, R] = a.useState(null), u = n.orientation === "horizontal", g = !!n.value;
-  a.useEffect(() => {
-    var p;
-    const C = (p = o().find((M) => M.value === n.value)) == null ? void 0 : p.ref.current;
-    C && d(C);
-  }, [o, n.value]);
-  const h = () => {
-    s && R({
-      size: u ? s.offsetWidth : s.offsetHeight,
-      offset: u ? s.offsetLeft : s.offsetTop
-    });
-  };
-  return W(s, h), W(n.indicatorTrack, h), c ? /* @__PURE__ */ l(
-    _.div,
-    {
-      "aria-hidden": !0,
-      "data-state": g ? "visible" : "hidden",
-      "data-orientation": n.orientation,
-      ...i,
-      ref: t,
-      style: {
-        position: "absolute",
-        ...u ? {
-          left: 0,
-          width: c.size + "px",
-          transform: `translateX(${c.offset}px)`
-        } : {
-          top: 0,
-          height: c.size + "px",
-          transform: `translateY(${c.offset}px)`
-        },
-        ...i.style
-      }
-    }
-  ) : null;
-}), O = "NavigationMenuContent", we = a.forwardRef((e, t) => {
-  const { forceMount: r, ...i } = e, n = b(O, e.__scopeNavigationMenu), o = ve(O, e.__scopeNavigationMenu), s = k(o.contentRef, t), d = o.value === n.value, c = {
-    value: o.value,
-    triggerRef: o.triggerRef,
-    focusProxyRef: o.focusProxyRef,
-    wasEscapeCloseRef: o.wasEscapeCloseRef,
-    onContentFocusOutside: o.onContentFocusOutside,
-    onRootContentClose: o.onRootContentClose,
-    ...i
-  };
-  return n.viewport ? /* @__PURE__ */ l(Ue, { forceMount: r, ...c, ref: s }) : /* @__PURE__ */ l(K, { present: r || d, children: /* @__PURE__ */ l(
-    Ce,
-    {
-      "data-state": J(d),
-      ...c,
-      ref: s,
-      onPointerEnter: I(e.onPointerEnter, n.onContentEnter),
-      onPointerLeave: I(
-        e.onPointerLeave,
-        L(n.onContentLeave)
-      ),
-      style: {
-        // Prevent interaction when animating out
-        pointerEvents: !d && n.isRootMenu ? "none" : void 0,
-        ...c.style
-      }
-    }
-  ) });
-});
-we.displayName = O;
-var Ue = a.forwardRef((e, t) => {
-  const r = b(O, e.__scopeNavigationMenu), { onViewportContentChange: i, onViewportContentRemove: n } = r;
-  return G(() => {
-    i(e.value, {
-      ref: t,
-      ...e
-    });
-  }, [e, t, i]), G(() => () => n(e.value), [e.value, n]), null;
-}), F = "navigationMenu.rootContentDismiss", Ce = a.forwardRef((e, t) => {
-  const {
-    __scopeNavigationMenu: r,
-    value: i,
-    triggerRef: n,
-    focusProxyRef: o,
-    wasEscapeCloseRef: s,
-    onRootContentClose: d,
-    onContentFocusOutside: c,
-    ...R
-  } = e, u = b(O, r), g = a.useRef(null), h = k(g, t), E = he(u.baseId, i), C = Ee(u.baseId, i), p = ae(r), M = a.useRef(null), { onItemDismiss: T } = u;
-  a.useEffect(() => {
-    const f = g.current;
-    if (u.isRootMenu && f) {
-      const m = () => {
-        var v;
-        T(), d(), f.contains(document.activeElement) && ((v = n.current) == null || v.focus());
-      };
-      return f.addEventListener(F, m), () => f.removeEventListener(F, m);
-    }
-  }, [u.isRootMenu, e.value, n, T, d]);
-  const P = a.useMemo(() => {
-    const m = p().map((D) => D.value);
-    u.dir === "rtl" && m.reverse();
-    const v = m.indexOf(u.value), N = m.indexOf(u.previousValue), y = i === u.value, x = N === m.indexOf(i);
-    if (!y && !x) return M.current;
-    const w = (() => {
-      if (v !== N) {
-        if (y && N !== -1) return v > N ? "from-end" : "from-start";
-        if (x && v !== -1) return v > N ? "to-start" : "to-end";
-      }
-      return null;
-    })();
-    return M.current = w, w;
-  }, [u.previousValue, u.value, u.dir, p, i]);
-  return /* @__PURE__ */ l(Me, { asChild: !0, children: /* @__PURE__ */ l(
-    Pe,
-    {
-      id: C,
-      "aria-labelledby": E,
-      "data-motion": P,
-      "data-orientation": u.orientation,
-      ...R,
-      ref: h,
-      disableOutsidePointerEvents: !1,
-      onDismiss: () => {
-        var m;
-        const f = new Event(F, {
-          bubbles: !0,
-          cancelable: !0
-        });
-        (m = g.current) == null || m.dispatchEvent(f);
-      },
-      onFocusOutside: I(e.onFocusOutside, (f) => {
-        var v;
-        c();
-        const m = f.target;
-        (v = u.rootNavigationMenu) != null && v.contains(m) && f.preventDefault();
-      }),
-      onPointerDownOutside: I(e.onPointerDownOutside, (f) => {
-        var y;
-        const m = f.target, v = p().some((x) => {
-          var w;
-          return (w = x.ref.current) == null ? void 0 : w.contains(m);
-        }), N = u.isRootMenu && ((y = u.viewport) == null ? void 0 : y.contains(m));
-        (v || N || !u.isRootMenu) && f.preventDefault();
-      }),
-      onKeyDown: I(e.onKeyDown, (f) => {
-        var N;
-        const m = f.altKey || f.ctrlKey || f.metaKey;
-        if (f.key === "Tab" && !m) {
-          const y = B(f.currentTarget), x = document.activeElement, w = y.findIndex((Te) => Te === x), V = f.shiftKey ? y.slice(0, w).reverse() : y.slice(w + 1, y.length);
-          X(V) ? f.preventDefault() : (N = o.current) == null || N.focus();
-        }
-      }),
-      onEscapeKeyDown: I(e.onEscapeKeyDown, (f) => {
-        s.current = !0;
-      })
-    }
-  ) });
-}), q = "NavigationMenuViewport", Re = a.forwardRef((e, t) => {
-  const { forceMount: r, ...i } = e, o = !!b(q, e.__scopeNavigationMenu).value;
-  return /* @__PURE__ */ l(K, { present: r || o, children: /* @__PURE__ */ l(He, { ...i, ref: t }) });
-});
-Re.displayName = q;
-var He = a.forwardRef((e, t) => {
-  const { __scopeNavigationMenu: r, children: i, ...n } = e, o = b(q, r), s = k(t, o.onViewportChange), d = Le(
-    O,
-    e.__scopeNavigationMenu
-  ), [c, R] = a.useState(null), [u, g] = a.useState(null), h = c ? (c == null ? void 0 : c.width) + "px" : void 0, E = c ? (c == null ? void 0 : c.height) + "px" : void 0, C = !!o.value, p = C ? o.value : o.previousValue;
-  return W(u, () => {
-    u && R({ width: u.offsetWidth, height: u.offsetHeight });
-  }), /* @__PURE__ */ l(
-    _.div,
-    {
-      "data-state": J(C),
-      "data-orientation": o.orientation,
-      ...n,
-      ref: s,
-      style: {
-        // Prevent interaction when animating out
-        pointerEvents: !C && o.isRootMenu ? "none" : void 0,
-        "--radix-navigation-menu-viewport-width": h,
-        "--radix-navigation-menu-viewport-height": E,
-        ...n.style
-      },
-      onPointerEnter: I(e.onPointerEnter, o.onContentEnter),
-      onPointerLeave: I(e.onPointerLeave, L(o.onContentLeave)),
-      children: Array.from(d.items).map(([T, { ref: P, forceMount: f, ...m }]) => {
-        const v = p === T;
-        return /* @__PURE__ */ l(K, { present: f || v, children: /* @__PURE__ */ l(
-          Ce,
-          {
-            ...m,
-            ref: be(P, (N) => {
-              v && N && g(N);
-            })
-          }
-        ) }, T);
-      })
-    }
-  );
-}), Be = "FocusGroup", Me = a.forwardRef(
-  (e, t) => {
-    const { __scopeNavigationMenu: r, ...i } = e, n = b(Be, r);
-    return /* @__PURE__ */ l(z.Provider, { scope: r, children: /* @__PURE__ */ l(z.Slot, { scope: r, children: /* @__PURE__ */ l(_.div, { dir: n.dir, ...i, ref: t }) }) });
-  }
-), ne = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"], We = "FocusGroupItem", Ne = a.forwardRef(
-  (e, t) => {
-    const { __scopeNavigationMenu: r, ...i } = e, n = Ae(r), o = b(We, r);
-    return /* @__PURE__ */ l(z.ItemSlot, { scope: r, children: /* @__PURE__ */ l(
-      _.button,
-      {
-        ...i,
-        ref: t,
-        onKeyDown: I(e.onKeyDown, (s) => {
-          if (["Home", "End", ...ne].includes(s.key)) {
-            let c = n().map((g) => g.ref.current);
-            if ([o.dir === "rtl" ? "ArrowRight" : "ArrowLeft", "ArrowUp", "End"].includes(s.key) && c.reverse(), ne.includes(s.key)) {
-              const g = c.indexOf(s.currentTarget);
-              c = c.slice(g + 1);
-            }
-            setTimeout(() => X(c)), s.preventDefault();
-          }
-        })
-      }
-    ) });
-  }
-);
-function B(e) {
-  const t = [], r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (i) => {
-      const n = i.tagName === "INPUT" && i.type === "hidden";
-      return i.disabled || i.hidden || n ? NodeFilter.FILTER_SKIP : i.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  for (; r.nextNode(); ) t.push(r.currentNode);
-  return t;
-}
-function X(e) {
-  const t = document.activeElement;
-  return e.some((r) => r === t ? !0 : (r.focus(), document.activeElement !== t));
-}
-function $e(e) {
-  return e.forEach((t) => {
-    t.dataset.tabindex = t.getAttribute("tabindex") || "", t.setAttribute("tabindex", "-1");
-  }), () => {
-    e.forEach((t) => {
-      const r = t.dataset.tabindex;
-      t.setAttribute("tabindex", r);
-    });
-  };
-}
-function W(e, t) {
-  const r = S(t);
-  G(() => {
-    let i = 0;
-    if (e) {
-      const n = new ResizeObserver(() => {
-        cancelAnimationFrame(i), i = window.requestAnimationFrame(r);
-      });
-      return n.observe(e), () => {
-        window.cancelAnimationFrame(i), n.unobserve(e);
-      };
-    }
-  }, [e, r]);
-}
-function J(e) {
-  return e ? "open" : "closed";
-}
-function he(e, t) {
-  return `${e}-trigger-${t}`;
-}
-function Ee(e, t) {
-  return `${e}-content-${t}`;
-}
-function L(e) {
-  return (t) => t.pointerType === "mouse" ? e(t) : void 0;
-}
-var ut = se, lt = le, dt = fe, vt = me, ft = ge, mt = pe, gt = we, pt = Re;
-export {
-  gt as Content,
-  mt as Indicator,
-  dt as Item,
-  ft as Link,
-  lt as List,
-  se as NavigationMenu,
-  we as NavigationMenuContent,
-  pe as NavigationMenuIndicator,
-  fe as NavigationMenuItem,
-  ge as NavigationMenuLink,
-  le as NavigationMenuList,
-  Ke as NavigationMenuSub,
-  me as NavigationMenuTrigger,
-  Re as NavigationMenuViewport,
-  ut as Root,
-  vt as Trigger,
-  pt as Viewport
-};