@yselimcan/ui 0.0.2 → 0.0.4

package/dist/index66.js

@@ -0,0 +1,101 @@
+"use client";
+import _ from "./index94.js";
+import * as o from "react";
+import { useMenuRootContext as L } from "./index174.js";
+import { useBaseUiId as j } from "./index115.js";
+import { triggerOpenStateMapping as q } from "./index111.js";
+import { useCompositeListItem as z } from "./index168.js";
+import { useMenuItem as F } from "./index173.js";
+import { useRenderElement as G } from "./index86.js";
+import { useMenuPositionerContext as J } from "./index176.js";
+import { useMenuSubmenuRootContext as K } from "./index188.js";
+import { useTriggerRegistration as Q } from "./index126.js";
+import { useHoverReferenceInteraction as W } from "./index196.js";
+import { safePolygon as X } from "./index197.js";
+import { useClick as Y } from "./index127.js";
+import { useInteractions as Z } from "./index128.js";
+const $ = /* @__PURE__ */ o.forwardRef(function(m, v) {
+  const {
+    render: te,
+    className: oe,
+    label: re,
+    id: R,
+    nativeButton: I = !1,
+    openOnHover: l = !0,
+    delay: g = 100,
+    closeDelay: i = 0,
+    disabled: S = !1,
+    ...T
+  } = m, u = z(), E = J(), {
+    store: e
+  } = L(), a = j(R), c = e.useState("open"), p = e.useState("floatingRootContext"), x = e.useState("floatingTreeRoot"), d = Q(a, e), C = o.useCallback((t) => {
+    const U = d(t);
+    return t !== null && e.select("open") && e.select("activeTriggerId") == null && e.update({
+      activeTriggerId: a,
+      activeTriggerElement: t,
+      closeDelay: i
+    }), U;
+  }, [d, i, e, a]), f = o.useRef(null), P = o.useCallback((t) => {
+    f.current = t, e.set("activeTriggerElement", t);
+  }, [e]), b = K();
+  if (!b?.parentMenu)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Menu.SubmenuTrigger> must be placed in <Menu.SubmenuRoot>." : _(37));
+  e.useSyncedValue("closeDelay", i);
+  const r = b.parentMenu, h = r.useState("itemProps"), n = r.useState("isActive", u.index), y = o.useMemo(() => ({
+    type: "submenu-trigger",
+    setActive: () => r.set("activeIndex", u.index)
+  }), [r, u.index]), k = e.useState("disabled"), s = S || k, {
+    getItemProps: O,
+    itemRef: w
+  } = F({
+    closeOnClick: !1,
+    disabled: s,
+    highlighted: n,
+    id: a,
+    store: e,
+    nativeButton: I,
+    itemMetadata: y,
+    nodeId: E?.nodeId
+  }), N = e.useState("hoverEnabled"), D = e.useState("allowMouseEnter"), B = W(p, {
+    enabled: N && l && !s && D,
+    handleClose: X({
+      blockPointerEvents: !0
+    }),
+    mouseOnly: !0,
+    move: !0,
+    restMs: g,
+    delay: {
+      open: g,
+      close: i
+    },
+    triggerElementRef: f,
+    externalTree: x
+  }), A = Y(p, {
+    enabled: !s,
+    event: "mousedown",
+    toggle: !l,
+    ignoreMouse: l,
+    stickIfOpen: !1
+  }), V = Z([A]), M = e.useState("triggerProps", !0);
+  delete M.id;
+  const H = o.useMemo(() => ({
+    disabled: s,
+    highlighted: n,
+    open: c
+  }), [s, n, c]);
+  return G("div", m, {
+    state: H,
+    stateAttributesMapping: q,
+    props: [V.getReferenceProps(), B, M, h, {
+      tabIndex: c || n ? 0 : -1,
+      onBlur() {
+        n && r.set("activeIndex", null);
+      }
+    }, T, O],
+    ref: [v, u.ref, w, C, P]
+  });
+});
+process.env.NODE_ENV !== "production" && ($.displayName = "MenuSubmenuTrigger");
+export {
+  $ as MenuSubmenuTrigger
+};

package/dist/index67.js

@@ -0,0 +1,14 @@
+"use client";
+import * as t from "react";
+import { jsx as e } from "react/jsx-runtime";
+import { FieldControl as n } from "./index89.js";
+const p = /* @__PURE__ */ t.forwardRef(function(o, r) {
+  return /* @__PURE__ */ e(n, {
+    ref: r,
+    ...o
+  });
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "Input");
+export {
+  p as Input
+};

package/dist/index68.js

@@ -0,0 +1,6 @@
+import o from "./index90.js";
+const e = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], t = o("chevron-up", e);
+export {
+  e as __iconNode,
+  t as default
+};

package/dist/index69.js

@@ -0,0 +1,321 @@
+"use client";
+import * as n from "react";
+import { visuallyHidden as _e } from "./index129.js";
+import { useMergedRefs as Ge } from "./index95.js";
+import { useRefWithInit as Je } from "./index107.js";
+import { useOnFirstRender as Ke } from "./index130.js";
+import { useControlled as re } from "./index131.js";
+import { useIsoLayoutEffect as C } from "./index104.js";
+import { useStableCallback as V } from "./index102.js";
+import { useValueAsRef as Qe } from "./index132.js";
+import { SelectRootContext as Xe, SelectFloatingContext as Ze } from "./index133.js";
+import { useFieldRootContext as $e } from "./index134.js";
+import { useLabelableContext as et } from "./index135.js";
+import { useLabelableId as tt } from "./index136.js";
+import { useTransitionStatus as ot } from "./index137.js";
+import { selectors as w } from "./index138.js";
+import { createChangeEventDetails as se } from "./index113.js";
+import { useOpenChangeComplete as nt } from "./index119.js";
+import { useFormContext as rt } from "./index139.js";
+import { useField as st } from "./index140.js";
+import { stringifyAsValue as I } from "./index141.js";
+import { defaultItemEquality as lt, findItemIndex as le } from "./index142.js";
+import { useValueChanged as it } from "./index143.js";
+import { useOpenInteractionType as at } from "./index144.js";
+import { jsx as q, jsxs as ut } from "react/jsx-runtime";
+import { useFloatingRootContext as ct } from "./index145.js";
+import { useClick as ft } from "./index127.js";
+import { useDismiss as mt } from "./index146.js";
+import { useListNavigation as dt } from "./index147.js";
+import { useTypeahead as pt } from "./index148.js";
+import { useInteractions as gt } from "./index128.js";
+import { EMPTY_ARRAY as ie } from "./index100.js";
+import { useStore as A } from "./index149.js";
+import { mergeProps as ht } from "./index27.js";
+import { none as Rt } from "./index114.js";
+import { Store as vt } from "./index150.js";
+function eo(ae) {
+  const {
+    id: N,
+    value: ue,
+    defaultValue: j = null,
+    onValueChange: ce,
+    open: fe,
+    defaultOpen: me = !1,
+    onOpenChange: de,
+    name: pe,
+    disabled: ge = !1,
+    readOnly: p = !1,
+    required: P = !1,
+    modal: S = !0,
+    actionsRef: z,
+    inputRef: he,
+    onOpenChangeComplete: M,
+    items: E,
+    multiple: r = !1,
+    itemToStringLabel: R,
+    itemToStringValue: l,
+    isItemEqualToValue: g = lt,
+    highlightItemOnHover: W = !0,
+    children: Re
+  } = ae, {
+    clearErrors: ve
+  } = rt(), {
+    setDirty: Y,
+    shouldValidateOnChange: B,
+    validityData: _,
+    setFilled: G,
+    name: Ie,
+    disabled: be,
+    validation: u
+  } = $e(), {
+    controlId: ye
+  } = et(), b = tt({
+    id: N
+  }), h = be || ge, c = Ie ?? pe, [e, xe] = re({
+    controlled: ue,
+    default: r ? j ?? ie : j,
+    name: "Select",
+    state: "value"
+  }), [i, Ce] = re({
+    controlled: fe,
+    default: me,
+    name: "Select",
+    state: "open"
+  }), T = n.useRef([]), J = n.useRef([]), O = n.useRef(null), Ve = n.useRef(null), we = n.useRef(0), Ae = n.useRef(null), v = n.useRef([]), K = n.useRef(!1), Pe = n.useRef(!1), Se = n.useRef(null), Me = n.useRef({
+    allowSelectedMouseUp: !1,
+    allowUnselectedMouseUp: !1
+  }), Ee = n.useRef(!1), {
+    mounted: U,
+    setMounted: Te,
+    transitionStatus: F
+  } = ot(i), {
+    openMethod: Q,
+    triggerProps: X,
+    reset: Oe
+  } = at(i), o = Je(() => new vt({
+    id: b,
+    modal: S,
+    multiple: r,
+    itemToStringLabel: R,
+    itemToStringValue: l,
+    isItemEqualToValue: g,
+    value: e,
+    open: i,
+    mounted: U,
+    transitionStatus: F,
+    items: E,
+    forceMount: !1,
+    openMethod: null,
+    activeIndex: null,
+    selectedIndex: null,
+    popupProps: {},
+    triggerProps: {},
+    triggerElement: null,
+    positionerElement: null,
+    listElement: null,
+    scrollUpArrowVisible: !1,
+    scrollDownArrowVisible: !1,
+    hasScrollArrows: !1
+  })).current, Z = A(o, w.activeIndex), $ = A(o, w.selectedIndex), Ue = A(o, w.triggerElement), Fe = A(o, w.positionerElement), De = n.useMemo(() => r && Array.isArray(e) && e.length === 0 ? "" : I(e, l), [r, e, l]), He = n.useMemo(() => r && Array.isArray(e) ? e.map((t) => I(t, l)) : I(e, l), [r, e, l]), Le = Qe(o.state.triggerElement);
+  st({
+    id: b,
+    commit: u.commit,
+    value: e,
+    controlRef: Le,
+    name: c,
+    getValue: () => He
+  });
+  const ee = n.useRef(e);
+  C(() => {
+    e !== ee.current && o.set("forceMount", !0);
+  }, [o, e]), C(() => {
+    G(e !== null);
+  }, [e, G]), C(function() {
+    if (i)
+      return;
+    const s = v.current;
+    if (r) {
+      const m = Array.isArray(e) ? e : [];
+      if (m.length === 0) {
+        o.set("selectedIndex", null);
+        return;
+      }
+      const a = m[m.length - 1], x = le(s, a, g);
+      o.set("selectedIndex", x === -1 ? null : x);
+      return;
+    }
+    const f = le(s, e, g);
+    o.set("selectedIndex", f === -1 ? null : f);
+  }, [r, i, e, v, g, o]), it(e, () => {
+    ve(c), Y(e !== _.initialValue), B() ? u.commit(e) : u.commit(e, !0);
+  });
+  const D = V((t, s) => {
+    if (de?.(t, s), !s.isCanceled && (Ce(t), !t && o.state.activeIndex !== null)) {
+      const f = T.current[o.state.activeIndex];
+      queueMicrotask(() => {
+        f?.setAttribute("tabindex", "-1");
+      });
+    }
+  }), H = V(() => {
+    Te(!1), o.set("activeIndex", null), Oe(), M?.(!1);
+  });
+  nt({
+    enabled: !z,
+    open: i,
+    ref: O,
+    onComplete() {
+      i || H();
+    }
+  }), n.useImperativeHandle(z, () => ({
+    unmount: H
+  }), [H]);
+  const y = V((t, s) => {
+    ce?.(t, s), !s.isCanceled && xe(t);
+  }), te = V(() => {
+    const t = o.state.listElement || O.current;
+    if (!t)
+      return;
+    const s = t.scrollTop, f = t.scrollTop + t.clientHeight, m = s > 1, a = f < t.scrollHeight - 1;
+    o.state.scrollUpArrowVisible !== m && o.set("scrollUpArrowVisible", m), o.state.scrollDownArrowVisible !== a && o.set("scrollDownArrowVisible", a);
+  }), d = ct({
+    open: i,
+    onOpenChange: D,
+    elements: {
+      reference: Ue,
+      floating: Fe
+    }
+  }), ke = ft(d, {
+    enabled: !p && !h,
+    event: "mousedown"
+  }), qe = mt(d, {
+    bubbles: !1
+  }), Ne = dt(d, {
+    enabled: !p && !h,
+    listRef: T,
+    activeIndex: Z,
+    selectedIndex: $,
+    disabledIndices: ie,
+    onNavigate(t) {
+      t === null && !i || o.set("activeIndex", t);
+    },
+    // Implement our own listeners since `onPointerLeave` on each option fires while scrolling with
+    // the `alignItemWithTrigger=true`, causing a performance issue on Chrome.
+    focusItemOnHover: !1
+  }), je = pt(d, {
+    enabled: !p && !h && (i || !r),
+    listRef: J,
+    activeIndex: Z,
+    selectedIndex: $,
+    onMatch(t) {
+      i ? o.set("activeIndex", t) : y(v.current[t], se("none"));
+    },
+    onTypingChange(t) {
+      K.current = t;
+    }
+  }), {
+    getReferenceProps: oe,
+    getFloatingProps: L,
+    getItemProps: ne
+  } = gt([ke, qe, Ne, je]), k = n.useMemo(() => ht(oe(), X), [oe, X]);
+  Ke(() => {
+    o.update({
+      popupProps: L(),
+      triggerProps: k
+    });
+  }), C(() => {
+    o.update({
+      id: b,
+      modal: S,
+      multiple: r,
+      value: e,
+      open: i,
+      mounted: U,
+      transitionStatus: F,
+      popupProps: L(),
+      triggerProps: k,
+      items: E,
+      itemToStringLabel: R,
+      itemToStringValue: l,
+      isItemEqualToValue: g,
+      openMethod: Q
+    });
+  }, [o, b, S, r, e, i, U, F, L, k, E, R, l, g, Q]);
+  const ze = n.useMemo(() => ({
+    store: o,
+    name: c,
+    required: P,
+    disabled: h,
+    readOnly: p,
+    multiple: r,
+    itemToStringLabel: R,
+    itemToStringValue: l,
+    highlightItemOnHover: W,
+    setValue: y,
+    setOpen: D,
+    listRef: T,
+    popupRef: O,
+    scrollHandlerRef: Ve,
+    handleScrollArrowVisibility: te,
+    scrollArrowsMountedCountRef: we,
+    getItemProps: ne,
+    events: d.context.events,
+    valueRef: Ae,
+    valuesRef: v,
+    labelsRef: J,
+    typingRef: K,
+    selectionRef: Me,
+    selectedItemTextRef: Se,
+    validation: u,
+    onOpenChangeComplete: M,
+    keyboardActiveRef: Pe,
+    alignItemWithTriggerActiveRef: Ee,
+    initialValueRef: ee
+  }), [o, c, P, h, p, r, R, l, W, y, D, ne, d.context.events, u, M, te]), We = Ge(he, u.inputRef), Ye = r && Array.isArray(e) && e.length > 0, Be = n.useMemo(() => !r || !Array.isArray(e) || !c ? null : e.map((t) => {
+    const s = I(t, l);
+    return /* @__PURE__ */ q("input", {
+      type: "hidden",
+      name: c,
+      value: s
+    }, s);
+  }), [r, e, c, l]);
+  return /* @__PURE__ */ q(Xe.Provider, {
+    value: ze,
+    children: /* @__PURE__ */ ut(Ze.Provider, {
+      value: d,
+      children: [Re, /* @__PURE__ */ q("input", {
+        ...u.getInputValidationProps({
+          onFocus() {
+            o.state.triggerElement?.focus();
+          },
+          // Handle browser autofill.
+          onChange(t) {
+            if (t.nativeEvent.defaultPrevented)
+              return;
+            const s = t.target.value, f = se(Rt, t.nativeEvent);
+            function m() {
+              if (r)
+                return;
+              const a = v.current.find((x) => I(x, l).toLowerCase() === s.toLowerCase());
+              a != null && (Y(a !== _.initialValue), y(a, f), B() && u.commit(a));
+            }
+            o.set("forceMount", !0), queueMicrotask(m);
+          }
+        }),
+        id: N || ye || void 0,
+        name: r ? void 0 : c,
+        value: De,
+        disabled: h,
+        required: P && !Ye,
+        readOnly: p,
+        ref: We,
+        style: _e,
+        tabIndex: -1,
+        "aria-hidden": !0
+      }), Be]
+    })
+  });
+}
+export {
+  eo as SelectRoot
+};