@yselimcan/ui 0.0.6 → 0.0.7

package/dist/index171.js

@@ -1,14 +1,24 @@
-import r from "./index112.js";
-import * as t from "react";
-const o = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (o.displayName = "SelectGroupContext");
+import o from "./index100.js";
+import * as e from "react";
+const n = /* @__PURE__ */ e.createContext(null);
+process.env.NODE_ENV !== "production" && (n.displayName = "SelectRootContext");
+const c = /* @__PURE__ */ e.createContext(null);
+process.env.NODE_ENV !== "production" && (c.displayName = "SelectFloatingContext");
 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;
+  const t = e.useContext(n);
+  if (t === null)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectRootContext is missing. Select parts must be placed within <Select.Root>." : o(60));
+  return t;
+}
+function i() {
+  const t = e.useContext(c);
+  if (t === null)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectFloatingContext is missing. Select parts must be placed within <Select.Root>." : o(61));
+  return t;
 }
 export {
-  o as SelectGroupContext,
-  s as useSelectGroupContext
+  c as SelectFloatingContext,
+  n as SelectRootContext,
+  i as useSelectFloatingContext,
+  s as useSelectRootContext
 };

package/dist/index172.js

@@ -1,14 +1,61 @@
-import n from "./index112.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;
+"use client";
+import s from "./index100.js";
+import * as a from "react";
+import { DEFAULT_VALIDITY_STATE as n } from "./index184.js";
+import { NOOP as e, EMPTY_OBJECT as o } from "./index106.js";
+const l = /* @__PURE__ */ a.createContext({
+  invalid: void 0,
+  name: void 0,
+  validityData: {
+    state: n,
+    errors: [],
+    error: "",
+    value: "",
+    initialValue: null
+  },
+  setValidityData: e,
+  disabled: void 0,
+  touched: !1,
+  setTouched: e,
+  dirty: !1,
+  setDirty: e,
+  filled: !1,
+  setFilled: e,
+  focused: !1,
+  setFocused: e,
+  validate: () => null,
+  validationMode: "onSubmit",
+  validationDebounceTime: 0,
+  shouldValidateOnChange: () => !1,
+  state: {
+    disabled: !1,
+    valid: null,
+    touched: !1,
+    dirty: !1,
+    filled: !1,
+    focused: !1
+  },
+  markedDirtyRef: {
+    current: !1
+  },
+  validation: {
+    getValidationProps: (t = o) => t,
+    getInputValidationProps: (t = o) => t,
+    inputRef: {
+      current: null
+    },
+    commit: async () => {
+    }
+  }
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "FieldRootContext");
+function f(t = !0) {
+  const i = a.useContext(l);
+  if (i.setValidityData === e && !t)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>." : s(28));
+  return i;
 }
 export {
-  o as MenuCheckboxItemContext,
-  s as useMenuCheckboxItemContext
+  l as FieldRootContext,
+  f as useFieldRootContext
 };

package/dist/index173.js

@@ -1,69 +1,20 @@
 "use client";
-import * as a from "react";
-import { useMergedRefs as h } from "./index117.js";
-import { useContextMenuRootContext as y } from "./index180.js";
-import { useButton as P } from "./index89.js";
-import { mergeProps as v } from "./index27.js";
-import { itemPress as I } from "./index101.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]);
+import * as t from "react";
+import { NOOP as e } from "./index106.js";
+const o = /* @__PURE__ */ t.createContext({
+  controlId: void 0,
+  setControlId: e,
+  labelId: void 0,
+  setLabelId: e,
+  messageIds: [],
+  setMessageIds: e,
+  getDescriptionProps: (n) => n
+});
+process.env.NODE_ENV !== "production" && (o.displayName = "LabelableContext");
+function a() {
+  return t.useContext(o);
 }
 export {
-  A as REGULAR_ITEM,
-  w as useMenuItem
+  o as LabelableContext,
+  a as useLabelableContext
 };

package/dist/index174.js

@@ -1,15 +1,30 @@
 "use client";
-import r from "./index112.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;
+import { useIsoLayoutEffect as s } from "./index97.js";
+import { isElement as u } from "./index94.js";
+import { useBaseUiId as m } from "./index112.js";
+import { useLabelableContext as c } from "./index173.js";
+import { NOOP as d } from "./index106.js";
+function x(f = {}) {
+  const {
+    id: e,
+    implicit: o = !1,
+    controlRef: r
+  } = f, {
+    controlId: l,
+    setControlId: t
+  } = c(), n = m(e);
+  return s(() => {
+    if (!(!o && !e || t === d)) {
+      if (o) {
+        const i = r?.current;
+        u(i) && i.closest("label") != null ? t(e ?? null) : t(l ?? n);
+      } else e && t(e);
+      return () => {
+        e && t(void 0);
+      };
+    }
+  }, [e, r, l, t, o, n]), l ?? n;
 }
 export {
-  o as MenuRootContext,
-  i as useMenuRootContext
+  x as useLabelableId
 };

package/dist/index175.js

@@ -1,15 +1,45 @@
-import { transitionStatusMapping as r } from "./index99.js";
-import { MenuCheckboxItemDataAttributes as t } from "./index219.js";
-const c = {
-  checked(e) {
-    return e ? {
-      [t.checked]: ""
-    } : {
-      [t.unchecked]: ""
-    };
-  },
-  ...r
+import { compareItemEquality as n } from "./index179.js";
+import { stringifyAsValue as u } from "./index178.js";
+import { createSelector as r } from "./index213.js";
+const p = {
+  id: r((e) => e.id),
+  modal: r((e) => e.modal),
+  multiple: r((e) => e.multiple),
+  items: r((e) => e.items),
+  itemToStringLabel: r((e) => e.itemToStringLabel),
+  itemToStringValue: r((e) => e.itemToStringValue),
+  isItemEqualToValue: r((e) => e.isItemEqualToValue),
+  value: r((e) => e.value),
+  open: r((e) => e.open),
+  mounted: r((e) => e.mounted),
+  forceMount: r((e) => e.forceMount),
+  transitionStatus: r((e) => e.transitionStatus),
+  openMethod: r((e) => e.openMethod),
+  activeIndex: r((e) => e.activeIndex),
+  selectedIndex: r((e) => e.selectedIndex),
+  isActive: r((e, t) => e.activeIndex === t),
+  isSelected: r((e, t, l) => {
+    const o = e.isItemEqualToValue, i = e.value;
+    return e.multiple ? Array.isArray(i) && i.some((s) => n(s, l, o)) : e.selectedIndex === t && e.selectedIndex !== null ? !0 : n(i, l, o);
+  }),
+  isSelectedByFocus: r((e, t) => e.selectedIndex === t),
+  popupProps: r((e) => e.popupProps),
+  triggerProps: r((e) => e.triggerProps),
+  triggerElement: r((e) => e.triggerElement),
+  positionerElement: r((e) => e.positionerElement),
+  listElement: r((e) => e.listElement),
+  scrollUpArrowVisible: r((e) => e.scrollUpArrowVisible),
+  scrollDownArrowVisible: r((e) => e.scrollDownArrowVisible),
+  hasScrollArrows: r((e) => e.hasScrollArrows),
+  serializedValue: r((e) => {
+    const {
+      multiple: t,
+      value: l,
+      itemToStringValue: o
+    } = e;
+    return t && Array.isArray(l) && l.length === 0 ? "" : u(l, o);
+  })
 };
 export {
-  c as itemMapping
+  p as selectors
 };

package/dist/index176.js

@@ -1,15 +1,24 @@
 "use client";
-import i from "./index112.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;
+import * as e from "react";
+import { NOOP as r } from "./index106.js";
+const t = /* @__PURE__ */ e.createContext({
+  formRef: {
+    current: {
+      fields: /* @__PURE__ */ new Map()
+    }
+  },
+  errors: {},
+  clearErrors: r,
+  validationMode: "onSubmit",
+  submitAttemptedRef: {
+    current: !1
+  }
+});
+process.env.NODE_ENV !== "production" && (t.displayName = "FormContext");
+function n() {
+  return e.useContext(t);
 }
 export {
-  t as MenuPositionerContext,
-  s as useMenuPositionerContext
+  t as FormContext,
+  n as useFormContext
 };

package/dist/index177.js

@@ -1,14 +1,51 @@
-import n from "./index112.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;
+import * as p from "react-dom";
+import { useIsoLayoutEffect as r } from "./index97.js";
+import { useStableCallback as D } from "./index95.js";
+import { getCombinedFieldValidityData as v } from "./index222.js";
+import { useFormContext as R } from "./index176.js";
+import { useFieldRootContext as b } from "./index172.js";
+function S(u) {
+  const {
+    enabled: l = !0,
+    value: a,
+    id: t,
+    name: f,
+    controlRef: d,
+    commit: m
+  } = u, {
+    formRef: n
+  } = R(), {
+    invalid: s,
+    markedDirtyRef: c,
+    validityData: o,
+    setValidityData: V
+  } = b(), i = D(u.getValue);
+  r(() => {
+    if (!l)
+      return;
+    let e = a;
+    e === void 0 && (e = i()), o.initialValue === null && e !== null && V((y) => ({
+      ...y,
+      initialValue: e
+    }));
+  }, [l, V, a, o.initialValue, i]), r(() => {
+    !l || !t || n.current.fields.set(t, {
+      getValue: i,
+      name: f,
+      controlRef: d,
+      validityData: v(o, s),
+      validate() {
+        let e = a;
+        e === void 0 && (e = i()), c.current = !0, p.flushSync(() => m(e));
+      }
+    });
+  }, [m, d, l, n, i, t, s, c, f, o, a]), r(() => {
+    const e = n.current.fields;
+    return () => {
+      t && e.delete(t);
+    };
+  }, [n, t]);
 }
 export {
-  t as MenuGroupContext,
-  u as useMenuGroupRootContext
+  S as useField
 };

package/dist/index178.js

@@ -1,90 +1,54 @@
-import * as L from "react";
-import { isElement as j } from "./index123.js";
-import { useStableCallback as f } from "./index124.js";
-import { useIsoLayoutEffect as F } from "./index126.js";
-import { createChangeEventDetails as w } from "./index100.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 "./index101.js";
-import { getDocument as x, getTarget as J } from "./index155.js";
-import { isMouseLikePointerType as K } from "./index225.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));
+"use client";
+import { serializeValue as c } from "./index221.js";
+function t(n) {
+  return n != null && n.length > 0 && typeof n[0] == "object" && n[0] != null && "items" in n[0];
+}
+function e(n, r) {
+  if (r && n != null)
+    return r(n) ?? "";
+  if (n && typeof n == "object") {
+    if ("label" in n && n.label != null)
+      return String(n.label);
+    if ("value" in n)
+      return String(n.value);
+  }
+  return c(n);
+}
+function b(n, r) {
+  return r && n != null ? r(n) ?? "" : n && typeof n == "object" && "value" in n && "label" in n ? c(n.value) : c(n);
+}
+function y(n, r, f) {
+  if (f && n != null)
+    return f(n);
+  if (n && typeof n == "object" && "label" in n && n.label != null)
+    return n.label;
+  if (r && !Array.isArray(r))
+    return r[n] ?? e(n, f);
+  if (Array.isArray(r)) {
+    const o = t(r) ? r.flatMap((l) => l.items) : r;
+    if (n == null) {
+      const l = o.find((u) => u.value == null);
+      return l && l.label != null ? l.label : e(n, f);
     }
-    function r(o) {
-      y.clear(), a(), v.current?.(o), c();
+    if (typeof n != "object") {
+      const l = o.find((u) => u && u.value === n);
+      return l && l.label != null ? l.label : e(n, f);
     }
-    function s(o) {
-      h() || P(o, !1);
+    if ("value" in n) {
+      const l = o.find((u) => u && u.value === n.value);
+      if (l && l.label != null)
+        return l.label;
     }
-    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));
-    };
-  });
+  }
+  return e(n, f);
 }
-function U(i, d) {
-  return d && !K(d) ? 0 : typeof i == "function" ? i() : i;
+function p(n, r) {
+  return !Array.isArray(n) || n.length === 0 ? "" : n.map((f) => e(f, r)).join(", ");
 }
 export {
-  U as getDelay,
-  re as useHoverFloatingInteraction
+  t as isGroupedItems,
+  p as resolveMultipleLabels,
+  y as resolveSelectedLabel,
+  e as stringifyAsLabel,
+  b as stringifyAsValue
 };

package/dist/index179.js

@@ -1,14 +1,20 @@
-import n from "./index112.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;
+const f = (n, e) => Object.is(n, e);
+function u(n, e, r) {
+  return n == null || e == null ? Object.is(n, e) : r(n, e);
+}
+function i(n, e, r) {
+  return !n || n.length === 0 ? !1 : n.some((t) => t === void 0 ? !1 : u(t, e, r));
+}
+function d(n, e, r) {
+  return !n || n.length === 0 ? -1 : n.findIndex((t) => t === void 0 ? !1 : u(t, e, r));
+}
+function s(n, e, r) {
+  return n.filter((t) => !u(t, e, r));
 }
 export {
-  t as MenuPortalContext,
-  s as useMenuPortalContext
+  u as compareItemEquality,
+  f as defaultItemEquality,
+  d as findItemIndex,
+  i as itemIncludes,
+  s as removeItem
 };

package/dist/index18.js

@@ -1,10 +1,10 @@
 "use client";
 import * as n from "react";
-import { useDialogRootContext as p } from "./index96.js";
+import { useDialogRootContext as p } from "./index195.js";
 import { useRenderElement as d } from "./index87.js";
-import { createChangeEventDetails as C } from "./index100.js";
-import { useButton as g } from "./index89.js";
-import { closePress as v } from "./index101.js";
+import { createChangeEventDetails as C } from "./index115.js";
+import { useButton as g } from "./index86.js";
+import { closePress as v } from "./index116.js";
 const D = /* @__PURE__ */ n.forwardRef(function(t, s) {
   const {
     render: R,

package/dist/index180.js

@@ -1,14 +1,14 @@
-import r from "./index112.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;
+import * as c from "react";
+import { useIsoLayoutEffect as o } from "./index97.js";
+import { useStableCallback as f } from "./index95.js";
+function u(r, n) {
+  const t = c.useRef(r), e = f(n);
+  o(() => {
+    t.current !== r && e(t.current);
+  }, [r, e]), o(() => {
+    t.current = r;
+  }, [r]);
 }
 export {
-  o as ContextMenuRootContext,
-  u as useContextMenuRootContext
+  u as useValueChanged
 };