@yselimcan/ui 0.0.1 → 0.0.3

package/dist/index183.js

@@ -0,0 +1,51 @@
+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 "./index234.js";
+import { useFormContext as R } from "./index182.js";
+import { useFieldRootContext as b } from "./index178.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 {
+  S as useField
+};

package/dist/index184.js

@@ -0,0 +1,54 @@
+"use client";
+import { serializeValue as c } from "./index235.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);
+    }
+    if (typeof n != "object") {
+      const l = o.find((u) => u && u.value === n);
+      return l && l.label != null ? l.label : e(n, f);
+    }
+    if ("value" in n) {
+      const l = o.find((u) => u && u.value === n.value);
+      if (l && l.label != null)
+        return l.label;
+    }
+  }
+  return e(n, f);
+}
+function p(n, r) {
+  return !Array.isArray(n) || n.length === 0 ? "" : n.map((f) => e(f, r)).join(", ");
+}
+export {
+  t as isGroupedItems,
+  p as resolveMultipleLabels,
+  y as resolveSelectedLabel,
+  e as stringifyAsLabel,
+  b as stringifyAsValue
+};

package/dist/index185.js

@@ -0,0 +1,20 @@
+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 {
+  u as compareItemEquality,
+  f as defaultItemEquality,
+  d as findItemIndex,
+  i as itemIncludes,
+  s as removeItem
+};

package/dist/index186.js

@@ -0,0 +1,14 @@
+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 {
+  u as useValueChanged
+};

package/dist/index187.js

@@ -0,0 +1,38 @@
+import { isElement as s } from "./index94.js";
+import { useId as m } from "./index149.js";
+import { useRefWithInit as c } from "./index107.js";
+import { useIsoLayoutEffect as a } from "./index97.js";
+import { useFloatingParentNodeId as u } from "./index145.js";
+import { FloatingRootStore as g } from "./index243.js";
+import { PopupTriggerMap as p } from "./index203.js";
+function O(o) {
+  const {
+    open: r = !1,
+    onOpenChange: i,
+    elements: e = {}
+  } = o, f = m(), l = u() != null;
+  if (process.env.NODE_ENV !== "production") {
+    const n = e.reference;
+    n && !s(n) && console.error("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `context.setPositionReference()`", "instead.");
+  }
+  const t = c(() => new g({
+    open: r,
+    onOpenChange: i,
+    referenceElement: e.reference ?? null,
+    floatingElement: e.floating ?? null,
+    triggerElements: e.triggers ?? new p(),
+    floatingId: f,
+    nested: l,
+    noEmit: o.noEmit || !1
+  })).current;
+  return a(() => {
+    const n = {
+      open: r,
+      floatingId: f
+    };
+    e.reference !== void 0 && (n.referenceElement = e.reference, n.domReferenceElement = s(e.reference) ? e.reference : null), e.floating !== void 0 && (n.floatingElement = e.floating), t.update(n);
+  }, [r, f, e.reference, e.floating, t]), t.context.onOpenChange = i, t.context.nested = l, t.context.noEmit = o.noEmit || !1, t;
+}
+export {
+  O as useFloatingRootContext
+};

package/dist/index188.js

@@ -0,0 +1,18 @@
+import * as c from "react";
+import { s as i } from "./index251.js";
+import { w as S } from "./index252.js";
+import { isReactVersionAtLeast as a } from "./index200.js";
+const u = a(19), m = u ? p : l;
+function b(t, e, o, r, n) {
+  return m(t, e, o, r, n);
+}
+function p(t, e, o, r, n) {
+  const s = c.useCallback(() => e(t.getSnapshot(), o, r, n), [t, e, o, r, n]);
+  return i.useSyncExternalStore(t.subscribe, s, s);
+}
+function l(t, e, o, r, n) {
+  return S.useSyncExternalStoreWithSelector(t.subscribe, t.getSnapshot, t.getSnapshot, (s) => e(s, o, r, n));
+}
+export {
+  b as useStore
+};

package/dist/index189.js

@@ -0,0 +1,82 @@
+class e {
+  /**
+   * The current state of the store.
+   * This property is updated immediately when the state changes as a result of calling {@link setState}, {@link update}, or {@link set}.
+   * To subscribe to state changes, use the {@link useState} method. The value returned by {@link useState} is updated after the component renders (similarly to React's useState).
+   * The values can be used directly (to avoid subscribing to the store) in effects or event handlers.
+   *
+   * Do not modify properties in state directly. Instead, use the provided methods to ensure proper state management and listener notification.
+   */
+  // Internal state to handle recursive `setState()` calls
+  constructor(t) {
+    this.state = t, this.listeners = /* @__PURE__ */ new Set(), this.updateTick = 0;
+  }
+  /**
+   * Registers a listener that will be called whenever the store's state changes.
+   *
+   * @param fn The listener function to be called on state changes.
+   * @returns A function to unsubscribe the listener.
+   */
+  subscribe = (t) => (this.listeners.add(t), () => {
+    this.listeners.delete(t);
+  });
+  /**
+   * Returns the current state of the store.
+   */
+  getSnapshot = () => this.state;
+  /**
+   * Updates the entire store's state and notifies all registered listeners.
+   *
+   * @param newState The new state to set for the store.
+   */
+  setState(t) {
+    if (this.state === t)
+      return;
+    this.state = t, this.updateTick += 1;
+    const s = this.updateTick;
+    for (const i of this.listeners) {
+      if (s !== this.updateTick)
+        return;
+      i(t);
+    }
+  }
+  /**
+   * Merges the provided changes into the current state and notifies listeners if there are changes.
+   *
+   * @param changes An object containing the changes to apply to the current state.
+   */
+  update(t) {
+    for (const s in t)
+      if (!Object.is(this.state[s], t[s])) {
+        e.prototype.setState.call(this, {
+          ...this.state,
+          ...t
+        });
+        return;
+      }
+  }
+  /**
+   * Sets a specific key in the store's state to a new value and notifies listeners if the value has changed.
+   *
+   * @param key The key in the store's state to update.
+   * @param value The new value to set for the specified key.
+   */
+  set(t, s) {
+    Object.is(this.state[t], s) || e.prototype.setState.call(this, {
+      ...this.state,
+      [t]: s
+    });
+  }
+  /**
+   * Gives the state a new reference and updates all registered listeners.
+   */
+  notifyAll() {
+    const t = {
+      ...this.state
+    };
+    e.prototype.setState.call(this, t);
+  }
+}
+export {
+  e as Store
+};

package/dist/index19.js

@@ -0,0 +1,80 @@
+"use client";
+import * as c from "react";
+import { useDialogRootContext as h } from "./index109.js";
+import { useRenderElement as M } from "./index86.js";
+import { popupStateMapping as y } from "./index111.js";
+import { transitionStatusMapping as N } from "./index112.js";
+import { DialogPopupCssVars as v } from "./index116.js";
+import { DialogPopupDataAttributes as w } from "./index117.js";
+import { useDialogPortalContext as A } from "./index118.js";
+import { useOpenChangeComplete as K } from "./index119.js";
+import { COMPOSITE_KEYS as T } from "./index120.js";
+import { jsx as V } from "react/jsx-runtime";
+import { FloatingFocusManager as _ } from "./index121.js";
+const j = {
+  ...y,
+  ...N,
+  nestedDialogOpen(n) {
+    return n ? {
+      [w.nestedDialogOpen]: ""
+    } : null;
+  }
+}, k = /* @__PURE__ */ c.forwardRef(function(s, d) {
+  const {
+    className: Y,
+    finalFocus: m,
+    initialFocus: i,
+    render: q,
+    ...f
+  } = s, {
+    store: t
+  } = h(), g = t.useState("descriptionElementId"), S = t.useState("disablePointerDismissal"), D = t.useState("floatingRootContext"), C = t.useState("popupProps"), P = t.useState("modal"), a = t.useState("mounted"), p = t.useState("nested"), r = t.useState("nestedOpenDialogCount"), e = t.useState("open"), x = t.useState("openMethod"), O = t.useState("titleElementId"), u = t.useState("transitionStatus"), b = t.useState("role");
+  A(), K({
+    open: e,
+    ref: t.context.popupRef,
+    onComplete() {
+      e && t.context.onOpenChangeComplete?.(!0);
+    }
+  });
+  function E(o) {
+    return o === "touch" ? t.context.popupRef.current : !0;
+  }
+  const F = i === void 0 ? E : i, l = r > 0, I = c.useMemo(() => ({
+    open: e,
+    nested: p,
+    transitionStatus: u,
+    nestedDialogOpen: l
+  }), [e, p, u, l]), R = M("div", s, {
+    state: I,
+    props: [C, {
+      "aria-labelledby": O ?? void 0,
+      "aria-describedby": g ?? void 0,
+      role: b,
+      tabIndex: -1,
+      hidden: !a,
+      onKeyDown(o) {
+        T.has(o.key) && o.stopPropagation();
+      },
+      style: {
+        [v.nestedDialogs]: r
+      }
+    }, f],
+    ref: [d, t.context.popupRef, t.useStateSetter("popupElement")],
+    stateAttributesMapping: j
+  });
+  return /* @__PURE__ */ V(_, {
+    context: D,
+    openInteractionType: x,
+    disabled: !a,
+    closeOnFocusOut: !S,
+    initialFocus: F,
+    returnFocus: m,
+    modal: P !== !1,
+    restoreFocus: "popup",
+    children: R
+  });
+});
+process.env.NODE_ENV !== "production" && (k.displayName = "DialogPopup");
+export {
+  k as DialogPopup
+};

package/dist/index190.js

@@ -0,0 +1,26 @@
+import { FieldControlDataAttributes as a } from "./index233.js";
+const e = {
+  badInput: !1,
+  customError: !1,
+  patternMismatch: !1,
+  rangeOverflow: !1,
+  rangeUnderflow: !1,
+  stepMismatch: !1,
+  tooLong: !1,
+  tooShort: !1,
+  typeMismatch: !1,
+  valid: null,
+  valueMissing: !1
+}, r = {
+  valid(l) {
+    return l === null ? null : l ? {
+      [a.valid]: ""
+    } : {
+      [a.invalid]: ""
+    };
+  }
+};
+export {
+  e as DEFAULT_VALIDITY_STATE,
+  r as fieldValidityMapping
+};

package/dist/index191.js

@@ -0,0 +1,6 @@
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "SelectPortalContext");
+export {
+  t as SelectPortalContext
+};

package/dist/index192.js

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

package/dist/index193.js

@@ -0,0 +1,13 @@
+function e(o, t) {
+  o && Object.assign(o.style, t);
+}
+const i = {
+  position: "relative",
+  maxHeight: "100%",
+  overflowX: "hidden",
+  overflowY: "auto"
+};
+export {
+  i as LIST_FUNCTIONAL_STYLES,
+  e as clearStyles
+};

package/dist/index194.js

@@ -0,0 +1,43 @@
+const a = typeof navigator < "u", o = e(), n = f(), r = u(), c = typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter:none"), m = (
+  // iPads can claim to be MacIntel
+  o.platform === "MacIntel" && o.maxTouchPoints > 1 ? !0 : /iP(hone|ad|od)|iOS/.test(o.platform)
+), p = a && /firefox/i.test(r), g = a && /apple/i.test(navigator.vendor), d = a && /android/i.test(n) || /android/i.test(r), l = a && n.toLowerCase().startsWith("mac") && !navigator.maxTouchPoints, v = r.includes("jsdom/");
+function e() {
+  if (!a)
+    return {
+      platform: "",
+      maxTouchPoints: -1
+    };
+  const t = navigator.userAgentData;
+  return t?.platform ? {
+    platform: t.platform,
+    maxTouchPoints: navigator.maxTouchPoints
+  } : {
+    platform: navigator.platform ?? "",
+    maxTouchPoints: navigator.maxTouchPoints ?? -1
+  };
+}
+function u() {
+  if (!a)
+    return "";
+  const t = navigator.userAgentData;
+  return t && Array.isArray(t.brands) ? t.brands.map(({
+    brand: i,
+    version: s
+  }) => `${i}/${s}`).join(" ") : navigator.userAgent;
+}
+function f() {
+  if (!a)
+    return "";
+  const t = navigator.userAgentData;
+  return t?.platform ? t.platform : navigator.platform ?? "";
+}
+export {
+  d as isAndroid,
+  p as isFirefox,
+  m as isIOS,
+  v as isJSDOM,
+  l as isMac,
+  g as isSafari,
+  c as isWebKit
+};

package/dist/index195.js

@@ -0,0 +1,7 @@
+function o(t) {
+  const i = t.currentTarget.getBoundingClientRect();
+  return i.top + 1 <= t.clientY && t.clientY <= i.bottom - 1 && i.left + 1 <= t.clientX && t.clientX <= i.right - 1;
+}
+export {
+  o as isMouseWithinBounds
+};

package/dist/index196.js

@@ -0,0 +1,12 @@
+import { jsx as l } from "react/jsx-runtime";
+const e = "base-ui-disable-scrollbar", r = {
+  className: e,
+  element: /* @__PURE__ */ l("style", {
+    href: e,
+    precedence: "base-ui:low",
+    children: `.${e}{scrollbar-width:none}.${e}::-webkit-scrollbar{display:none}`
+  })
+};
+export {
+  r as styleDisableScrollbar
+};

package/dist/index197.js

@@ -0,0 +1,14 @@
+import n from "./index100.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/index198.js

@@ -0,0 +1,120 @@
+"use client";
+import * as R from "react";
+import { useTimeout as O } from "./index148.js";
+import { useIsoLayoutEffect as X } from "./index97.js";
+import { useSelectRootContext as Y } from "./index177.js";
+import { useSelectPositionerContext as _ } from "./index192.js";
+import { useTransitionStatus as j } from "./index136.js";
+import { useOpenChangeComplete as q } from "./index119.js";
+import { useRenderElement as z } from "./index86.js";
+import { selectors as d } from "./index181.js";
+import { useStore as H } from "./index188.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/index199.js

@@ -0,0 +1,14 @@
+import r from "./index100.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/index20.js

@@ -0,0 +1,25 @@
+"use client";
+import * as n from "react";
+import { useDialogRootContext as p } from "./index109.js";
+import { useRenderElement as a } from "./index86.js";
+import { useBaseUiId as c } from "./index115.js";
+const d = /* @__PURE__ */ n.forwardRef(function(e, i) {
+  const {
+    render: m,
+    className: u,
+    id: r,
+    ...t
+  } = e, {
+    store: s
+  } = p(), o = c(r);
+  return s.useSyncedValueWithCleanup("descriptionElementId", o), a("p", e, {
+    ref: i,
+    props: [{
+      id: o
+    }, t]
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "DialogDescription");
+export {
+  d as DialogDescription
+};

package/dist/index200.js

@@ -0,0 +1,8 @@
+import * as t from "react";
+const e = parseInt(t.version, 10);
+function o(r) {
+  return e >= r;
+}
+export {
+  o as isReactVersionAtLeast
+};