@yselimcan/ui 0.0.2 → 0.0.3

package/dist/index7.js

@@ -0,0 +1,294 @@
+"use client";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import * as d from "react";
+import { cn as a } from "./index16.js";
+import { Button as u } from "./index5.js";
+import { InputGroup as x, InputGroupInput as f, InputGroupAddon as h, InputGroupButton as b } from "./index10.js";
+import g from "./index29.js";
+import l from "./index30.js";
+import C from "./index31.js";
+import { ComboboxRoot as v } from "./index32.js";
+import { ComboboxInput as p } from "./index33.js";
+import { ComboboxPortal as w } from "./index34.js";
+import { ComboboxPositioner as y } from "./index35.js";
+import { ComboboxPopup as N } from "./index36.js";
+import { ComboboxList as I } from "./index37.js";
+import { ComboboxItem as z } from "./index38.js";
+import { ComboboxItemIndicator as $ } from "./index39.js";
+import { ComboboxGroup as G } from "./index40.js";
+import { ComboboxGroupLabel as j } from "./index41.js";
+import { ComboboxCollection as k } from "./index42.js";
+import { ComboboxEmpty as L } from "./index43.js";
+import { Separator as R } from "./index44.js";
+import { ComboboxChips as _ } from "./index45.js";
+import { ComboboxChip as E } from "./index46.js";
+import { ComboboxChipRemove as P } from "./index47.js";
+import { ComboboxTrigger as T } from "./index48.js";
+import { ComboboxValue as V } from "./index49.js";
+import { ComboboxClear as A } from "./index50.js";
+const co = v;
+function uo({ ...o }) {
+  return /* @__PURE__ */ t(V, { "data-slot": "combobox-value", ...o });
+}
+function B({
+  className: o,
+  children: e,
+  ...r
+}) {
+  return /* @__PURE__ */ i(
+    T,
+    {
+      "data-slot": "combobox-trigger",
+      className: a("[&_svg:not([class*='size-'])]:size-4", o),
+      ...r,
+      children: [
+        e,
+        /* @__PURE__ */ t(C, { className: "text-muted-foreground size-4 pointer-events-none" })
+      ]
+    }
+  );
+}
+function S({ className: o, ...e }) {
+  return /* @__PURE__ */ t(
+    A,
+    {
+      "data-slot": "combobox-clear",
+      render: /* @__PURE__ */ t(b, { variant: "ghost", size: "icon-xs" }),
+      className: a(o),
+      ...e,
+      children: /* @__PURE__ */ t(l, { className: "pointer-events-none" })
+    }
+  );
+}
+function xo({
+  className: o,
+  children: e,
+  disabled: r = !1,
+  showTrigger: n = !0,
+  showClear: m = !1,
+  ...s
+}) {
+  return /* @__PURE__ */ i(x, { className: a("w-auto", o), children: [
+    /* @__PURE__ */ t(
+      p,
+      {
+        render: /* @__PURE__ */ t(f, { disabled: r }),
+        ...s
+      }
+    ),
+    /* @__PURE__ */ i(h, { align: "inline-end", children: [
+      n && /* @__PURE__ */ t(
+        b,
+        {
+          size: "icon-xs",
+          variant: "ghost",
+          render: /* @__PURE__ */ t(B, {}),
+          "data-slot": "input-group-button",
+          className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
+          disabled: r
+        }
+      ),
+      m && /* @__PURE__ */ t(S, { disabled: r })
+    ] }),
+    e
+  ] });
+}
+function fo({
+  className: o,
+  side: e = "bottom",
+  sideOffset: r = 6,
+  align: n = "start",
+  alignOffset: m = 0,
+  anchor: s,
+  ...c
+}) {
+  return /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(
+    y,
+    {
+      side: e,
+      sideOffset: r,
+      align: n,
+      alignOffset: m,
+      anchor: s,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ t(
+        N,
+        {
+          "data-slot": "combobox-content",
+          "data-chips": !!s,
+          className: a("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:border-input/30 max-h-72 min-w-36 overflow-hidden rounded-lg shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) data-[chips=true]:min-w-(--anchor-width)", o),
+          ...c
+        }
+      )
+    }
+  ) });
+}
+function ho({ className: o, ...e }) {
+  return /* @__PURE__ */ t(
+    I,
+    {
+      "data-slot": "combobox-list",
+      className: a(
+        "no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-1 data-empty:p-0 overflow-y-auto overscroll-contain",
+        o
+      ),
+      ...e
+    }
+  );
+}
+function go({
+  className: o,
+  children: e,
+  ...r
+}) {
+  return /* @__PURE__ */ i(
+    z,
+    {
+      "data-slot": "combobox-item",
+      className: a(
+        "data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        o
+      ),
+      ...r,
+      children: [
+        e,
+        /* @__PURE__ */ t(
+          $,
+          {
+            render: /* @__PURE__ */ t("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ t(g, { className: "pointer-events-none" })
+          }
+        )
+      ]
+    }
+  );
+}
+function Co({ className: o, ...e }) {
+  return /* @__PURE__ */ t(
+    G,
+    {
+      "data-slot": "combobox-group",
+      className: a(o),
+      ...e
+    }
+  );
+}
+function vo({
+  className: o,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    j,
+    {
+      "data-slot": "combobox-label",
+      className: a("text-muted-foreground px-2 py-1.5 text-xs", o),
+      ...e
+    }
+  );
+}
+function wo({ ...o }) {
+  return /* @__PURE__ */ t(k, { "data-slot": "combobox-collection", ...o });
+}
+function yo({ className: o, ...e }) {
+  return /* @__PURE__ */ t(
+    L,
+    {
+      "data-slot": "combobox-empty",
+      className: a("text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex", o),
+      ...e
+    }
+  );
+}
+function No({
+  className: o,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    R,
+    {
+      "data-slot": "combobox-separator",
+      className: a("bg-border -mx-1 my-1 h-px", o),
+      ...e
+    }
+  );
+}
+function Io({
+  className: o,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    _,
+    {
+      "data-slot": "combobox-chips",
+      className: a("dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive/50 flex min-h-8 flex-wrap items-center gap-1 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-[3px] has-aria-invalid:ring-[3px] has-data-[slot=combobox-chip]:px-1", o),
+      ...e
+    }
+  );
+}
+function zo({
+  className: o,
+  children: e,
+  showRemove: r = !0,
+  ...n
+}) {
+  return /* @__PURE__ */ i(
+    E,
+    {
+      "data-slot": "combobox-chip",
+      className: a(
+        "bg-muted text-foreground flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-data-[slot=combobox-chip-remove]:pr-0 has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50",
+        o
+      ),
+      ...n,
+      children: [
+        e,
+        r && /* @__PURE__ */ t(
+          P,
+          {
+            render: /* @__PURE__ */ t(u, { variant: "ghost", size: "icon-xs" }),
+            className: "-ml-1 opacity-50 hover:opacity-100",
+            "data-slot": "combobox-chip-remove",
+            children: /* @__PURE__ */ t(l, { className: "pointer-events-none" })
+          }
+        )
+      ]
+    }
+  );
+}
+function $o({
+  className: o,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    p,
+    {
+      "data-slot": "combobox-chip-input",
+      className: a(
+        "min-w-16 flex-1 outline-none",
+        o
+      ),
+      ...e
+    }
+  );
+}
+function Go() {
+  return d.useRef(null);
+}
+export {
+  co as Combobox,
+  zo as ComboboxChip,
+  Io as ComboboxChips,
+  $o as ComboboxChipsInput,
+  wo as ComboboxCollection,
+  fo as ComboboxContent,
+  yo as ComboboxEmpty,
+  Co as ComboboxGroup,
+  xo as ComboboxInput,
+  go as ComboboxItem,
+  vo as ComboboxLabel,
+  ho as ComboboxList,
+  No as ComboboxSeparator,
+  B as ComboboxTrigger,
+  uo as ComboboxValue,
+  Go as useComboboxAnchor
+};

package/dist/index70.js

@@ -0,0 +1,24 @@
+"use client";
+import * as m from "react";
+import { SelectPortalContext as i } from "./index191.js";
+import { useSelectRootContext as u } from "./index177.js";
+import { selectors as t } from "./index181.js";
+import { jsx as e } from "react/jsx-runtime";
+import { FloatingPortal as f } from "./index124.js";
+import { useStore as r } from "./index188.js";
+const a = /* @__PURE__ */ m.forwardRef(function(n, l) {
+  const {
+    store: o
+  } = u(), c = r(o, t.mounted), s = r(o, t.forceMount);
+  return c || s ? /* @__PURE__ */ e(i.Provider, {
+    value: !0,
+    children: /* @__PURE__ */ e(f, {
+      ref: l,
+      ...n
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "SelectPortal");
+export {
+  a as SelectPortal
+};

package/dist/index71.js

@@ -0,0 +1,143 @@
+"use client";
+import * as o from "react";
+import { inertValue as ce } from "./index122.js";
+import { useIsoLayoutEffect as ae } from "./index97.js";
+import { useScrollLock as ue } from "./index151.js";
+import { useStableCallback as D } from "./index95.js";
+import { useSelectRootContext as me, useSelectFloatingContext as fe } from "./index177.js";
+import { CompositeList as pe } from "./index143.js";
+import { popupStateMapping as de } from "./index111.js";
+import { useAnchorPositioning as ge } from "./index142.js";
+import { SelectPositionerContext as he } from "./index192.js";
+import { InternalBackdrop as Ie } from "./index123.js";
+import { useRenderElement as Ae } from "./index86.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as Re } from "./index125.js";
+import { clearStyles as P } from "./index193.js";
+import { selectors as t } from "./index181.js";
+import { createChangeEventDetails as Se } from "./index113.js";
+import { findItemIndex as ve, itemIncludes as R } from "./index185.js";
+import { jsx as T, jsxs as xe } from "react/jsx-runtime";
+import { useStore as c } from "./index188.js";
+import { none as Ee } from "./index114.js";
+const Ve = {
+  position: "fixed"
+}, be = /* @__PURE__ */ o.forwardRef(function(S, O) {
+  const {
+    anchor: k,
+    positionMethod: N = "absolute",
+    className: Ce,
+    render: ye,
+    side: W = "bottom",
+    align: z = "center",
+    sideOffset: L = 0,
+    alignOffset: H = 0,
+    collisionBoundary: U = "clipping-ancestors",
+    collisionPadding: _,
+    arrowPadding: j = 5,
+    sticky: q = !1,
+    disableAnchorTracking: B,
+    alignItemWithTrigger: g = !0,
+    collisionAvoidance: F = Re,
+    ...X
+  } = S, {
+    store: e,
+    listRef: G,
+    labelsRef: J,
+    alignItemWithTriggerActiveRef: K,
+    selectedItemTextRef: v,
+    valuesRef: f,
+    initialValueRef: Q,
+    popupRef: Y,
+    setValue: x
+  } = me(), Z = fe(), a = c(e, t.open), n = c(e, t.mounted), E = c(e, t.modal), m = c(e, t.value), V = c(e, t.openMethod), $ = c(e, t.positionerElement), b = c(e, t.triggerElement), p = c(e, t.isItemEqualToValue), ee = o.useRef(null), te = o.useRef(null), [w, h] = o.useState(g), r = n && w && V !== "touch";
+  !n && w !== g && h(g), ae(() => {
+    n || (t.scrollUpArrowVisible(e.state) && e.set("scrollUpArrowVisible", !1), t.scrollDownArrowVisible(e.state) && e.set("scrollDownArrowVisible", !1));
+  }, [e, n]), o.useImperativeHandle(K, () => r), ue((r || E) && a && V !== "touch", b);
+  const i = ge({
+    anchor: k,
+    floatingRootContext: Z,
+    positionMethod: N,
+    mounted: n,
+    side: W,
+    sideOffset: L,
+    align: z,
+    alignOffset: H,
+    arrowPadding: j,
+    collisionBoundary: U,
+    collisionPadding: _,
+    sticky: q,
+    disableAnchorTracking: B ?? r,
+    collisionAvoidance: F,
+    keepMounted: !0
+  }), d = r ? "none" : i.side, C = r ? Ve : i.positionerStyles, oe = o.useMemo(() => {
+    const s = {};
+    return a || (s.pointerEvents = "none"), {
+      role: "presentation",
+      hidden: !n,
+      style: {
+        ...C,
+        ...s
+      }
+    };
+  }, [a, n, C]), ne = o.useMemo(() => ({
+    open: a,
+    side: d,
+    align: i.align,
+    anchorHidden: i.anchorHidden
+  }), [a, d, i.align, i.anchorHidden]), re = D((s) => {
+    e.set("positionerElement", s);
+  }), ie = Ae("div", S, {
+    ref: [O, re],
+    state: ne,
+    stateAttributesMapping: de,
+    props: [oe, X]
+  }), I = o.useRef(0), se = D((s) => {
+    if (s.size === 0 && I.current === 0 || f.current.length === 0)
+      return;
+    const A = I.current;
+    if (I.current = s.size, s.size === A)
+      return;
+    const y = Se(Ee);
+    if (A !== 0 && !e.state.multiple && m !== null && ve(f.current, m, p) === -1) {
+      const u = Q.current, M = u != null && R(f.current, u, p) ? u : null;
+      x(M, y), M === null && (e.set("selectedIndex", null), v.current = null);
+    }
+    if (A !== 0 && e.state.multiple && Array.isArray(m)) {
+      const l = m.filter((u) => R(f.current, u, p));
+      (l.length !== m.length || l.some((u) => !R(m, u, p))) && (x(l, y), l.length === 0 && (e.set("selectedIndex", null), v.current = null));
+    }
+    if (a && r) {
+      e.update({
+        scrollUpArrowVisible: !1,
+        scrollDownArrowVisible: !1
+      });
+      const l = {
+        height: ""
+      };
+      P($, l), P(Y.current, l);
+    }
+  }), le = o.useMemo(() => ({
+    ...i,
+    side: d,
+    alignItemWithTriggerActive: r,
+    setControlledAlignItemWithTrigger: h,
+    scrollUpArrowRef: ee,
+    scrollDownArrowRef: te
+  }), [i, d, r, h]);
+  return /* @__PURE__ */ T(pe, {
+    elementsRef: G,
+    labelsRef: J,
+    onMapChange: se,
+    children: /* @__PURE__ */ xe(he.Provider, {
+      value: le,
+      children: [n && E && /* @__PURE__ */ T(Ie, {
+        inert: ce(!a),
+        cutout: b
+      }), ie]
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (be.displayName = "SelectPositioner");
+export {
+  be as SelectPositioner
+};

package/dist/index72.js

@@ -0,0 +1,200 @@
+"use client";
+import * as s from "react";
+import * as Dt from "react-dom";
+import { useTimeout as Nt } from "./index148.js";
+import { isWebKit as Wt } from "./index194.js";
+import { useStableCallback as $t } from "./index95.js";
+import { ownerDocument as lt } from "./index162.js";
+import { isMouseWithinBounds as kt } from "./index195.js";
+import { useIsoLayoutEffect as _ } from "./index97.js";
+import { useAnimationFrame as zt } from "./index150.js";
+import { useSelectRootContext as _t, useSelectFloatingContext as jt } from "./index177.js";
+import { popupStateMapping as Kt } from "./index111.js";
+import { useSelectPositionerContext as Vt } from "./index192.js";
+import { styleDisableScrollbar as ct } from "./index196.js";
+import { transitionStatusMapping as Yt } from "./index112.js";
+import { useOpenChangeComplete as qt } from "./index119.js";
+import { useRenderElement as Ut } from "./index86.js";
+import { selectors as u } from "./index181.js";
+import { clearStyles as at, LIST_FUNCTIONAL_STYLES as Xt } from "./index193.js";
+import { createChangeEventDetails as Zt } from "./index113.js";
+import { useToolbarRootContext as Gt } from "./index138.js";
+import { COMPOSITE_KEYS as Jt } from "./index120.js";
+import { getDisabledMountTransitionStyles as Qt } from "./index139.js";
+import { jsxs as te, jsx as ee } from "react/jsx-runtime";
+import { getWindow as mt } from "./index94.js";
+import { FloatingFocusManager as oe } from "./index121.js";
+import { useStore as g } from "./index188.js";
+import { windowResize as ne } from "./index114.js";
+const re = {
+  ...Kt,
+  ...Yt
+}, ie = /* @__PURE__ */ s.forwardRef(function(j, pt) {
+  const {
+    render: le,
+    className: ce,
+    ...ut
+  } = j, {
+    store: r,
+    popupRef: p,
+    onOpenChangeComplete: gt,
+    setOpen: K,
+    valueRef: V,
+    selectedItemTextRef: Y,
+    keyboardActiveRef: q,
+    multiple: ft,
+    handleScrollArrowVisibility: H,
+    scrollHandlerRef: U
+  } = _t(), {
+    side: X,
+    align: Z,
+    alignItemWithTriggerActive: l,
+    setControlledAlignItemWithTrigger: G,
+    scrollDownArrowRef: ht,
+    scrollUpArrowRef: dt
+  } = Vt(), xt = Gt() != null, Tt = jt(), yt = Nt(), Rt = g(r, u.id), P = g(r, u.open), f = g(r, u.mounted), St = g(r, u.popupProps), O = g(r, u.transitionStatus), w = g(r, u.triggerElement), t = g(r, u.positionerElement), R = g(r, u.listElement), F = s.useRef(0), B = s.useRef(!1), Ht = s.useRef(0), C = s.useRef(!1), L = s.useRef({}), J = zt(), Q = $t((e) => {
+    if (!t || !p.current || !C.current)
+      return;
+    if (B.current || !l) {
+      H();
+      return;
+    }
+    const i = t.style.top === "0px", b = t.style.bottom === "0px", M = t.getBoundingClientRect().height, I = lt(t), c = getComputedStyle(t), h = parseFloat(c.marginTop), A = parseFloat(c.marginBottom), d = I.documentElement.clientHeight - h - A, n = e.scrollTop, D = e.scrollHeight, N = e.clientHeight, x = D - N;
+    let a = null, m = null, E = !1;
+    if (i) {
+      const S = x - n, T = M + S, o = Math.min(T, d);
+      a = o, o !== d ? m = x : E = !0;
+    } else if (b) {
+      const S = n - 0, T = M + S, o = Math.min(T, d), W = T - d;
+      a = o, o !== d ? m = 0 : (E = !0, n < x && (m = n - (S - W)));
+    }
+    a != null && (t.style.height = `${a}px`), m != null && (e.scrollTop = m), E && (B.current = !0), H();
+  });
+  s.useImperativeHandle(U, () => Q, [Q]), qt({
+    open: P,
+    ref: p,
+    onComplete() {
+      P && gt?.(!0);
+    }
+  });
+  const Ct = s.useMemo(() => ({
+    open: P,
+    transitionStatus: O,
+    side: X,
+    align: Z
+  }), [P, O, X, Z]);
+  _(() => {
+    !t || !p.current || Object.keys(L.current).length || (L.current = {
+      top: t.style.top || "0",
+      left: t.style.left || "0",
+      right: t.style.right,
+      height: t.style.height,
+      bottom: t.style.bottom,
+      minHeight: t.style.minHeight,
+      maxHeight: t.style.maxHeight,
+      marginTop: t.style.marginTop,
+      marginBottom: t.style.marginBottom
+    });
+  }, [p, t]), _(() => {
+    f || l || (C.current = !1, B.current = !1, F.current = 0, Ht.current = 0, at(t, L.current));
+  }, [f, l, t, p]), _(() => {
+    const e = p.current;
+    if (!(!f || !w || !t || !e)) {
+      if (!l) {
+        C.current = !0, J.request(H);
+        return;
+      }
+      queueMicrotask(() => {
+        const i = getComputedStyle(t), b = getComputedStyle(e), M = lt(w), I = mt(t), c = w.getBoundingClientRect(), h = t.getBoundingClientRect(), A = c.left, d = c.height, n = R || e, D = n.scrollHeight, N = parseFloat(b.borderBottomWidth), x = parseFloat(i.marginTop) || 10, a = parseFloat(i.marginBottom) || 10, m = parseFloat(i.minHeight) || 100, E = 5, S = 5, T = 20, o = M.documentElement.clientHeight - x - a, W = M.documentElement.clientWidth, Et = o - c.bottom + d, tt = Y.current, et = V.current;
+        let ot = 0, nt = 0;
+        if (tt && et) {
+          const v = et.getBoundingClientRect(), z = tt.getBoundingClientRect(), Lt = v.left - A, At = z.left - h.left, Ot = v.top - c.top + v.height / 2, It = z.top - h.top + z.height / 2;
+          ot = Lt - At, nt = It - Ot;
+        }
+        const $ = Et + nt + a + N;
+        let y = Math.min(o, $);
+        const vt = o - x - a, k = $ - y, rt = Math.max(E, A + ot), Pt = W - S, wt = Math.max(0, rt + h.width - Pt);
+        t.style.left = `${rt - wt}px`, t.style.height = `${y}px`, t.style.maxHeight = "auto", t.style.marginTop = `${x}px`, t.style.marginBottom = `${a}px`, e.style.height = "100%";
+        const it = n.scrollHeight - n.clientHeight, st = k >= it;
+        st && (y = Math.min(o, h.height) - (k - it));
+        const Ft = c.top < T || c.bottom > o - T || y < Math.min(D, m), Bt = (I.visualViewport?.scale ?? 1) !== 1 && Wt;
+        if (Ft || Bt) {
+          C.current = !0, at(t, L.current), Dt.flushSync(() => G(!1));
+          return;
+        }
+        if (st) {
+          const v = Math.max(0, o - $);
+          t.style.top = h.height >= vt ? "0" : `${v}px`, t.style.height = `${y}px`, n.scrollTop = n.scrollHeight - n.clientHeight, F.current = Math.max(m, y);
+        } else
+          t.style.bottom = "0", F.current = Math.max(m, y), n.scrollTop = k;
+        F.current === o && (B.current = !0), H(), setTimeout(() => {
+          C.current = !0;
+        });
+      });
+    }
+  }, [r, f, t, w, V, Y, p, H, l, G, J, ht, dt, R]), s.useEffect(() => {
+    if (!l || !t || !f)
+      return;
+    const e = mt(t);
+    function i(b) {
+      K(!1, Zt(ne, b));
+    }
+    return e.addEventListener("resize", i), () => {
+      e.removeEventListener("resize", i);
+    };
+  }, [K, l, t, f]);
+  const bt = {
+    ...R ? {
+      role: "presentation",
+      "aria-orientation": void 0
+    } : {
+      role: "listbox",
+      "aria-multiselectable": ft || void 0,
+      id: `${Rt}-list`
+    },
+    onKeyDown(e) {
+      q.current = !0, xt && Jt.has(e.key) && e.stopPropagation();
+    },
+    onMouseMove() {
+      q.current = !1;
+    },
+    onPointerLeave(e) {
+      if (kt(e) || e.pointerType === "touch")
+        return;
+      const i = e.currentTarget;
+      yt.start(0, () => {
+        r.set("activeIndex", null), i.focus({
+          preventScroll: !0
+        });
+      });
+    },
+    onScroll(e) {
+      R || U.current?.(e.currentTarget);
+    },
+    ...l && {
+      style: R ? {
+        height: "100%"
+      } : Xt
+    }
+  }, Mt = Ut("div", j, {
+    ref: [pt, p],
+    state: Ct,
+    stateAttributesMapping: re,
+    props: [St, bt, Qt(O), {
+      className: !R && l ? ct.className : void 0
+    }, ut]
+  });
+  return /* @__PURE__ */ te(s.Fragment, {
+    children: [ct.element, /* @__PURE__ */ ee(oe, {
+      context: Tt,
+      modal: !1,
+      disabled: !f,
+      restoreFocus: !0,
+      children: Mt
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (ie.displayName = "SelectPopup");
+export {
+  ie as SelectPopup
+};