@yselimcan/ui 0.0.2 → 0.0.4

package/dist/index168.js

@@ -0,0 +1,56 @@
+"use client";
+import * as u from "react";
+import { useIsoLayoutEffect as g } from "./index104.js";
+import { useCompositeListContext as F } from "./index211.js";
+let I = /* @__PURE__ */ (function(t) {
+  return t[t.None = 0] = "None", t[t.GuessFromOrder = 1] = "GuessFromOrder", t;
+})({});
+function N(t = {}) {
+  const {
+    label: c,
+    metadata: l,
+    textRef: d,
+    indexGuessBehavior: L,
+    index: r
+  } = t, {
+    register: m,
+    unregister: a,
+    subscribeMapChange: x,
+    elementsRef: R,
+    labelsRef: i,
+    nextIndexRef: p
+  } = F(), f = u.useRef(-1), [n, C] = u.useState(r ?? (L === I.GuessFromOrder ? () => {
+    if (f.current === -1) {
+      const e = p.current;
+      p.current += 1, f.current = e;
+    }
+    return f.current;
+  } : -1)), s = u.useRef(null), b = u.useCallback((e) => {
+    if (s.current = e, n !== -1 && e !== null && (R.current[n] = e, i)) {
+      const o = c !== void 0;
+      i.current[n] = o ? c : d?.current?.textContent ?? e.textContent;
+    }
+  }, [n, R, i, c, d]);
+  return g(() => {
+    if (r != null)
+      return;
+    const e = s.current;
+    if (e)
+      return m(e, l), () => {
+        a(e);
+      };
+  }, [r, m, a, l]), g(() => {
+    if (r == null)
+      return x((e) => {
+        const o = s.current ? e.get(s.current)?.index : null;
+        o != null && C(o);
+      });
+  }, [r, x, C]), u.useMemo(() => ({
+    ref: b,
+    index: n
+  }), [n, b]);
+}
+export {
+  I as IndexGuessBehavior,
+  N as useCompositeListItem
+};

package/dist/index169.js

@@ -0,0 +1,14 @@
+import n from "./index94.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "SelectItemContext");
+function s() {
+  const e = t.useContext(o);
+  if (!e)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectItemContext is missing. SelectItem parts must be placed within <Select.Item>." : n(57));
+  return e;
+}
+export {
+  o as SelectItemContext,
+  s as useSelectItemContext
+};

package/dist/index17.js

@@ -0,0 +1,46 @@
+"use client";
+import * as f from "react";
+import { useRefWithInit as C } from "./index107.js";
+import { useDialogRoot as x } from "./index108.js";
+import { useDialogRootContext as h, DialogRootContext as R } from "./index109.js";
+import { DialogStore as D } from "./index110.js";
+import { jsx as I } from "react/jsx-runtime";
+function b(s) {
+  const {
+    children: o,
+    open: n,
+    defaultOpen: r = !1,
+    onOpenChange: p,
+    onOpenChangeComplete: u,
+    actionsRef: d,
+    handle: g,
+    triggerId: t,
+    defaultTriggerId: a = null
+  } = s, l = h(), i = !!l, e = C(() => g?.store ?? new D({
+    open: n ?? r,
+    activeTriggerId: t !== void 0 ? t : a,
+    modal: !0,
+    disablePointerDismissal: !0,
+    nested: i,
+    role: "alertdialog"
+  })).current;
+  e.useControlledProp("open", n, r), e.useControlledProp("activeTriggerId", t, a), e.useSyncedValue("nested", i), e.useContextCallback("onOpenChange", p), e.useContextCallback("onOpenChangeComplete", u);
+  const c = e.useState("payload");
+  x({
+    store: e,
+    actionsRef: d,
+    parentContext: l?.store.context
+  });
+  const m = f.useMemo(() => ({
+    store: e
+  }), [e]);
+  return /* @__PURE__ */ I(R.Provider, {
+    value: m,
+    children: typeof o == "function" ? o({
+      payload: c
+    }) : o
+  });
+}
+export {
+  b as AlertDialogRoot
+};

package/dist/index170.js

@@ -0,0 +1,120 @@
+"use client";
+import * as R from "react";
+import { useTimeout as O } from "./index152.js";
+import { useIsoLayoutEffect as X } from "./index104.js";
+import { useSelectRootContext as Y } from "./index133.js";
+import { useSelectPositionerContext as _ } from "./index160.js";
+import { useTransitionStatus as j } from "./index137.js";
+import { useOpenChangeComplete as q } from "./index119.js";
+import { useRenderElement as z } from "./index86.js";
+import { selectors as d } from "./index138.js";
+import { useStore as H } from "./index149.js";
+const F = /* @__PURE__ */ R.forwardRef(function(w, I) {
+  const {
+    render: J,
+    className: K,
+    direction: r,
+    keepMounted: v = !1,
+    ...V
+  } = w, {
+    store: o,
+    popupRef: g,
+    listRef: a,
+    handleScrollArrowVisibility: C,
+    scrollArrowsMountedCountRef: c
+  } = Y(), {
+    side: S,
+    scrollDownArrowRef: E,
+    scrollUpArrowRef: N
+  } = _(), y = r === "up" ? d.scrollUpArrowVisible : d.scrollDownArrowVisible, B = H(o, y), D = H(o, d.openMethod), n = B && D !== "touch", f = O(), p = r === "up" ? N : E, {
+    transitionStatus: T,
+    setMounted: k
+  } = j(n);
+  X(() => (c.current += 1, o.state.hasScrollArrows || o.set("hasScrollArrows", !0), () => {
+    c.current = Math.max(0, c.current - 1), c.current === 0 && o.state.hasScrollArrows && o.set("hasScrollArrows", !1);
+  }), [o, c]), q({
+    open: n,
+    ref: p,
+    onComplete() {
+      n || k(!1);
+    }
+  });
+  const P = R.useMemo(() => ({
+    direction: r,
+    visible: n,
+    side: S,
+    transitionStatus: T
+  }), [r, n, S, T]), U = z("div", w, {
+    ref: [I, p],
+    state: P,
+    props: [{
+      "aria-hidden": !0,
+      children: r === "up" ? "▲" : "▼",
+      style: {
+        position: "absolute"
+      },
+      onMouseMove(A) {
+        if (A.movementX === 0 && A.movementY === 0 || f.isStarted())
+          return;
+        o.set("activeIndex", null);
+        function M() {
+          const t = o.state.listElement ?? g.current;
+          if (!t)
+            return;
+          o.set("activeIndex", null), C();
+          const x = t.scrollTop === 0, b = Math.round(t.scrollTop + t.clientHeight) >= t.scrollHeight;
+          if (a.current.length === 0 && (r === "up" ? o.set("scrollUpArrowVisible", !x) : o.set("scrollDownArrowVisible", !b)), r === "up" && x || r === "down" && b) {
+            f.clear();
+            return;
+          }
+          if ((o.state.listElement || g.current) && a.current && a.current.length > 0) {
+            const s = a.current, m = p.current?.offsetHeight || 0;
+            if (r === "up") {
+              let l = 0;
+              const h = t.scrollTop + m;
+              for (let e = 0; e < s.length; e += 1) {
+                const i = s[e];
+                if (i && i.offsetTop >= h) {
+                  l = e;
+                  break;
+                }
+              }
+              const u = Math.max(0, l - 1);
+              if (u < l) {
+                const e = s[u];
+                e && (t.scrollTop = Math.max(0, e.offsetTop - m));
+              } else
+                t.scrollTop = 0;
+            } else {
+              let l = s.length - 1;
+              const h = t.scrollTop + t.clientHeight - m;
+              for (let e = 0; e < s.length; e += 1) {
+                const i = s[e];
+                if (i && i.offsetTop + i.offsetHeight > h) {
+                  l = Math.max(0, e - 1);
+                  break;
+                }
+              }
+              const u = Math.min(s.length - 1, l + 1);
+              if (u > l) {
+                const e = s[u];
+                e && (t.scrollTop = e.offsetTop + e.offsetHeight - t.clientHeight + m);
+              } else
+                t.scrollTop = t.scrollHeight - t.clientHeight;
+            }
+          }
+          f.start(40, M);
+        }
+        f.start(40, M);
+      },
+      onMouseLeave() {
+        f.clear();
+      }
+    }, V]
+  });
+  return n || v ? U : null;
+});
+process.env.NODE_ENV !== "production" && (F.displayName = "SelectScrollArrow");
+export {
+  F as SelectScrollArrow
+};

package/dist/index171.js

@@ -0,0 +1,14 @@
+import r from "./index94.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "SelectGroupContext");
+function s() {
+  const e = t.useContext(o);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectGroupContext is missing. SelectGroup parts must be placed within <Select.Group>." : r(56));
+  return e;
+}
+export {
+  o as SelectGroupContext,
+  s as useSelectGroupContext
+};

package/dist/index172.js

@@ -0,0 +1,14 @@
+import n from "./index94.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "MenuCheckboxItemContext");
+function s() {
+  const e = t.useContext(o);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuCheckboxItemContext is missing. MenuCheckboxItem parts must be placed within <Menu.CheckboxItem>." : n(30));
+  return e;
+}
+export {
+  o as MenuCheckboxItemContext,
+  s as useMenuCheckboxItemContext
+};

package/dist/index173.js

@@ -0,0 +1,69 @@
+"use client";
+import * as a from "react";
+import { useMergedRefs as h } from "./index95.js";
+import { useContextMenuRootContext as y } from "./index180.js";
+import { useButton as P } from "./index88.js";
+import { mergeProps as v } from "./index27.js";
+import { itemPress as I } from "./index114.js";
+const A = {
+  type: "regular-item"
+};
+function w(M) {
+  const {
+    closeOnClick: m,
+    disabled: R = !1,
+    highlighted: f,
+    id: l,
+    store: n,
+    nativeButton: b,
+    itemMetadata: o,
+    nodeId: r
+  } = M, i = a.useRef(null), t = y(!0), u = t !== void 0, {
+    events: s
+  } = n.useState("floatingTreeRoot"), {
+    getButtonProps: p,
+    buttonRef: x
+  } = P({
+    disabled: R,
+    focusableWhenDisabled: !0,
+    native: b
+  }), g = a.useCallback((C) => v({
+    id: l,
+    role: "menuitem",
+    tabIndex: f ? 0 : -1,
+    onMouseMove(e) {
+      r && s.emit("itemhover", {
+        nodeId: r,
+        target: e.currentTarget
+      });
+    },
+    onMouseEnter() {
+      o.type === "submenu-trigger" && o.setActive();
+    },
+    onKeyUp(e) {
+      e.key === " " && n.context.typingRef.current && e.preventBaseUIHandler();
+    },
+    onClick(e) {
+      m && s.emit("close", {
+        domEvent: e,
+        reason: I
+      });
+    },
+    onMouseUp(e) {
+      if (t) {
+        const c = t.initialCursorPointRef.current;
+        if (t.initialCursorPointRef.current = null, u && c && Math.abs(e.clientX - c.x) <= 1 && Math.abs(e.clientY - c.y) <= 1)
+          return;
+      }
+      i.current && n.context.allowMouseUpTriggerRef.current && (!u || e.button === 2) && o.type === "regular-item" && i.current.click();
+    }
+  }, C, p), [l, f, p, m, s, n, u, t, o, r]), d = h(i, x);
+  return a.useMemo(() => ({
+    getItemProps: g,
+    itemRef: d
+  }), [g, d]);
+}
+export {
+  A as REGULAR_ITEM,
+  w as useMenuItem
+};

package/dist/index174.js

@@ -0,0 +1,15 @@
+"use client";
+import r from "./index94.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "MenuRootContext");
+function i(n) {
+  const e = t.useContext(o);
+  if (e === void 0 && !n)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuRootContext is missing. Menu parts must be placed within <Menu.Root>." : r(36));
+  return e;
+}
+export {
+  o as MenuRootContext,
+  i as useMenuRootContext
+};

package/dist/index175.js

@@ -0,0 +1,15 @@
+import { transitionStatusMapping as r } from "./index112.js";
+import { MenuCheckboxItemDataAttributes as t } from "./index233.js";
+const c = {
+  checked(e) {
+    return e ? {
+      [t.checked]: ""
+    } : {
+      [t.unchecked]: ""
+    };
+  },
+  ...r
+};
+export {
+  c as itemMapping
+};

package/dist/index176.js

@@ -0,0 +1,15 @@
+"use client";
+import i from "./index94.js";
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuPositionerContext");
+function s(n) {
+  const e = o.useContext(t);
+  if (e === void 0 && !n)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuPositionerContext is missing. MenuPositioner parts must be placed within <Menu.Positioner>." : i(33));
+  return e;
+}
+export {
+  t as MenuPositionerContext,
+  s as useMenuPositionerContext
+};

package/dist/index177.js

@@ -0,0 +1,14 @@
+import n from "./index94.js";
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuGroupContext");
+function u() {
+  const e = o.useContext(t);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuGroupRootContext is missing. Menu group parts must be used within <Menu.Group>." : n(31));
+  return e;
+}
+export {
+  t as MenuGroupContext,
+  u as useMenuGroupRootContext
+};

package/dist/index178.js

@@ -0,0 +1,90 @@
+import * as L from "react";
+import { isElement as j } from "./index101.js";
+import { useStableCallback as f } from "./index102.js";
+import { useIsoLayoutEffect as F } from "./index104.js";
+import { createChangeEventDetails as w } from "./index113.js";
+import { useFloatingTree as q, useFloatingParentNodeId as z } from "./index181.js";
+import { useHoverInteractionSharedState as B, safePolygonIdentifier as H, isInteractiveElement as G } from "./index243.js";
+import { triggerHover as O } from "./index114.js";
+import { getDocument as x, getTarget as J } from "./index155.js";
+import { isMouseLikePointerType as K } from "./index221.js";
+const Q = /* @__PURE__ */ new Set(["click", "mousedown"]);
+function re(i, d = {}) {
+  const n = "rootStore" in i ? i.rootStore : i, m = n.useState("open"), u = n.useState("floatingElement"), b = n.useState("domReferenceElement"), {
+    dataRef: p
+  } = n.context, {
+    enabled: R = !0,
+    closeDelay: I = 0,
+    externalTree: A
+  } = d, {
+    pointerTypeRef: E,
+    interactedInsideRef: l,
+    handlerRef: v,
+    performedPointerEventsMutationRef: g,
+    unbindMouseMoveRef: N,
+    restTimeoutPendingRef: S,
+    openChangeTimeout: y,
+    handleCloseOptionsRef: k
+  } = B(n), M = q(A), T = z(), h = f(() => l.current ? !0 : p.current.openEvent ? Q.has(p.current.openEvent.type) : !1), C = f(() => {
+    const e = p.current.openEvent?.type;
+    return e?.includes("mouse") && e !== "mousedown";
+  }), P = L.useCallback((e, r = !0) => {
+    const s = U(I, E.current);
+    s && !v.current ? y.start(s, () => n.setOpen(!1, w(O, e))) : r && (y.clear(), n.setOpen(!1, w(O, e)));
+  }, [I, v, n, E, y]), c = f(() => {
+    N.current(), v.current = void 0;
+  }), a = f(() => {
+    if (g.current) {
+      const e = x(u).body;
+      e.style.pointerEvents = "", e.removeAttribute(H), g.current = !1;
+    }
+  }), D = f((e) => {
+    const r = J(e);
+    if (!G(r)) {
+      l.current = !1;
+      return;
+    }
+    l.current = !0;
+  });
+  F(() => {
+    m || (E.current = void 0, S.current = !1, l.current = !1, c(), a());
+  }, [m, E, S, l, c, a]), L.useEffect(() => () => {
+    c();
+  }, [c]), L.useEffect(() => a, [a]), F(() => {
+    if (R && m && k.current?.blockPointerEvents && C() && j(b) && u) {
+      g.current = !0;
+      const e = x(u).body;
+      e.setAttribute(H, "");
+      const r = b, s = u, t = M?.nodesRef.current.find((o) => o.id === T)?.context?.elements.floating;
+      return t && (t.style.pointerEvents = ""), e.style.pointerEvents = "none", r.style.pointerEvents = "auto", s.style.pointerEvents = "auto", () => {
+        e.style.pointerEvents = "", r.style.pointerEvents = "", s.style.pointerEvents = "";
+      };
+    }
+  }, [R, m, b, u, k, C, M, T, g]), L.useEffect(() => {
+    if (!R)
+      return;
+    function e(o) {
+      if (h() || !p.current.floatingContext || !n.select("open"))
+        return;
+      const W = n.context.triggerElements;
+      o.relatedTarget && W.hasElement(o.relatedTarget) || (a(), c(), h() || P(o));
+    }
+    function r(o) {
+      y.clear(), a(), v.current?.(o), c();
+    }
+    function s(o) {
+      h() || P(o, !1);
+    }
+    const t = u;
+    return t && (t.addEventListener("mouseleave", e), t.addEventListener("mouseenter", r), t.addEventListener("mouseleave", s), t.addEventListener("pointerdown", D, !0)), () => {
+      t && (t.removeEventListener("mouseleave", e), t.removeEventListener("mouseenter", r), t.removeEventListener("mouseleave", s), t.removeEventListener("pointerdown", D, !0));
+    };
+  });
+}
+function U(i, d) {
+  return d && !K(d) ? 0 : typeof i == "function" ? i() : i;
+}
+export {
+  U as getDelay,
+  re as useHoverFloatingInteraction
+};

package/dist/index179.js

@@ -0,0 +1,14 @@
+import n from "./index94.js";
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuPortalContext");
+function s() {
+  const e = o.useContext(t);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Menu.Portal> is missing." : n(32));
+  return e;
+}
+export {
+  t as MenuPortalContext,
+  s as useMenuPortalContext
+};

package/dist/index18.js

@@ -0,0 +1,41 @@
+"use client";
+import * as n from "react";
+import { useDialogRootContext as p } from "./index109.js";
+import { useRenderElement as d } from "./index86.js";
+import { createChangeEventDetails as C } from "./index113.js";
+import { useButton as g } from "./index88.js";
+import { closePress as v } from "./index114.js";
+const D = /* @__PURE__ */ n.forwardRef(function(t, s) {
+  const {
+    render: R,
+    className: N,
+    disabled: e = !1,
+    nativeButton: r = !0,
+    ...i
+  } = t, {
+    store: o
+  } = p(), a = o.useState("open");
+  function l(u) {
+    a && o.setOpen(!1, C(v, u.nativeEvent));
+  }
+  const {
+    getButtonProps: c,
+    buttonRef: f
+  } = g({
+    disabled: e,
+    native: r
+  }), m = n.useMemo(() => ({
+    disabled: e
+  }), [e]);
+  return d("button", t, {
+    state: m,
+    ref: [s, f],
+    props: [{
+      onClick: l
+    }, i, c]
+  });
+});
+process.env.NODE_ENV !== "production" && (D.displayName = "DialogClose");
+export {
+  D as DialogClose
+};

package/dist/index180.js

@@ -0,0 +1,14 @@
+import r from "./index94.js";
+import * as e from "react";
+const o = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "ContextMenuRootContext");
+function u(n = !0) {
+  const t = e.useContext(o);
+  if (t === void 0 && !n)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ContextMenuRootContext is missing. ContextMenu parts must be placed within <ContextMenu.Root>." : r(25));
+  return t;
+}
+export {
+  o as ContextMenuRootContext,
+  u as useContextMenuRootContext
+};

package/dist/index181.js

@@ -0,0 +1,59 @@
+"use client";
+import * as r from "react";
+import { useId as a } from "./index184.js";
+import { useIsoLayoutEffect as l } from "./index104.js";
+import { useRefWithInit as f } from "./index107.js";
+import { FloatingTreeStore as m } from "./index191.js";
+import { jsx as d } from "react/jsx-runtime";
+const i = /* @__PURE__ */ r.createContext(null);
+process.env.NODE_ENV !== "production" && (i.displayName = "FloatingNodeContext");
+const s = /* @__PURE__ */ r.createContext(null);
+process.env.NODE_ENV !== "production" && (s.displayName = "FloatingTreeContext");
+const u = () => r.useContext(i)?.id || null, p = (o) => {
+  const e = r.useContext(s);
+  return o ?? e;
+};
+function v(o) {
+  const e = a(), t = p(o), n = u();
+  return l(() => {
+    if (!e)
+      return;
+    const c = {
+      id: e,
+      parentId: n
+    };
+    return t?.addNode(c), () => {
+      t?.removeNode(c);
+    };
+  }, [t, e, n]), e;
+}
+function I(o) {
+  const {
+    children: e,
+    id: t
+  } = o, n = u();
+  return /* @__PURE__ */ d(i.Provider, {
+    value: r.useMemo(() => ({
+      id: t,
+      parentId: n
+    }), [t, n]),
+    children: e
+  });
+}
+function T(o) {
+  const {
+    children: e,
+    externalTree: t
+  } = o, n = f(() => t ?? new m()).current;
+  return /* @__PURE__ */ d(s.Provider, {
+    value: n,
+    children: e
+  });
+}
+export {
+  I as FloatingNode,
+  T as FloatingTree,
+  v as useFloatingNodeId,
+  u as useFloatingParentNodeId,
+  p as useFloatingTree
+};

package/dist/index182.js

@@ -0,0 +1,14 @@
+import n from "./index94.js";
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuRadioGroupContext");
+function i() {
+  const o = e.useContext(t);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuRadioGroupContext is missing. MenuRadioGroup parts must be placed within <Menu.RadioGroup>." : n(34));
+  return o;
+}
+export {
+  t as MenuRadioGroupContext,
+  i as useMenuRadioGroupContext
+};

package/dist/index183.js

@@ -0,0 +1,14 @@
+import n from "./index94.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "MenuRadioItemContext");
+function r() {
+  const e = t.useContext(o);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuRadioItemContext is missing. MenuRadioItem parts must be placed within <Menu.RadioItem>." : n(35));
+  return e;
+}
+export {
+  o as MenuRadioItemContext,
+  r as useMenuRadioItemContext
+};

package/dist/index184.js

@@ -0,0 +1,21 @@
+"use client";
+import * as n from "react";
+import { SafeReact as l } from "./index234.js";
+let o = 0;
+function f(u, t = "mui") {
+  const [e, a] = n.useState(u), c = u || e;
+  return n.useEffect(() => {
+    e == null && (o += 1, a(`${t}-${o}`));
+  }, [e, t]), c;
+}
+const s = l.useId;
+function I(u, t) {
+  if (s !== void 0) {
+    const e = s();
+    return u ?? (t ? `${t}-${e}` : e);
+  }
+  return f(u, t);
+}
+export {
+  I as useId
+};