@yselimcan/ui 0.0.2 → 0.0.3

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,116 @@
+import { isElement as U } from "./index94.js";
+import { Timeout as Z } from "./index148.js";
+import { getTarget as $, contains as W } from "./index173.js";
+import { getNodeChildren as y } from "./index242.js";
+function G(u, t) {
+  const [_, R] = u;
+  let h = !1;
+  const a = t.length;
+  for (let d = 0, b = a - 1; d < a; b = d++) {
+    const [O, E] = t[d] || [0, 0], [S, i] = t[b] || [0, 0];
+    E >= R != i >= R && _ <= (S - O) * (R - E) / (i - E) + O && (h = !h);
+  }
+  return h;
+}
+function x(u, t) {
+  return u[0] >= t.x && u[0] <= t.x + t.width && u[1] >= t.y && u[1] <= t.y + t.height;
+}
+function rt(u = {}) {
+  const {
+    buffer: t = 0.5,
+    blockPointerEvents: _ = !1,
+    requireIntent: R = !0
+  } = u, h = new Z();
+  let a = !1, d = null, b = null, O = typeof performance < "u" ? performance.now() : 0;
+  function E(i, s) {
+    const k = performance.now(), c = k - O;
+    if (d === null || b === null || c === 0)
+      return d = i, b = s, O = k, null;
+    const X = i - d, Y = s - b, z = Math.sqrt(X * X + Y * Y) / c;
+    return d = i, b = s, O = k, z;
+  }
+  const S = ({
+    x: i,
+    y: s,
+    placement: k,
+    elements: c,
+    onClose: X,
+    nodeId: Y,
+    tree: p
+  }) => function(P) {
+    function I() {
+      h.clear(), X();
+    }
+    if (h.clear(), !c.domReference || !c.floating || k == null || i == null || s == null)
+      return;
+    const {
+      clientX: N,
+      clientY: V
+    } = P, H = [N, V], A = $(P), j = P.type === "mouseleave", J = W(c.floating, A), D = W(c.domReference, A), n = c.domReference.getBoundingClientRect(), o = c.floating.getBoundingClientRect(), C = k.split("-")[0], m = i > o.right - o.width / 2, g = s > o.bottom - o.height / 2, K = x(H, n), l = o.width > n.width, f = o.height > n.height, v = (l ? n : o).left, B = (l ? n : o).right, M = (f ? n : o).top, q = (f ? n : o).bottom;
+    if (J && (a = !0, !j))
+      return;
+    if (D && (a = !1), D && !j) {
+      a = !0;
+      return;
+    }
+    if (j && U(P.relatedTarget) && W(c.floating, P.relatedTarget) || p && y(p.nodesRef.current, Y).some(({
+      context: e
+    }) => e?.open))
+      return;
+    if (C === "top" && s >= n.bottom - 1 || C === "bottom" && s <= n.top + 1 || C === "left" && i >= n.right - 1 || C === "right" && i <= n.left + 1)
+      return I();
+    let L = [];
+    switch (C) {
+      case "top":
+        L = [[v, n.top + 1], [v, o.bottom - 1], [B, o.bottom - 1], [B, n.top + 1]];
+        break;
+      case "bottom":
+        L = [[v, o.top + 1], [v, n.bottom - 1], [B, n.bottom - 1], [B, o.top + 1]];
+        break;
+      case "left":
+        L = [[o.right - 1, q], [o.right - 1, M], [n.left + 1, M], [n.left + 1, q]];
+        break;
+      case "right":
+        L = [[n.right - 1, q], [n.right - 1, M], [o.left + 1, M], [o.left + 1, q]];
+        break;
+    }
+    function Q([e, r]) {
+      switch (C) {
+        case "top": {
+          const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], F = [[o.left, m || l ? o.bottom - t : o.top], [o.right, m ? l ? o.bottom - t : o.top : o.bottom - t]];
+          return [T, w, ...F];
+        }
+        case "bottom": {
+          const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r - t], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r - t], F = [[o.left, m || l ? o.top + t : o.bottom], [o.right, m ? l ? o.top + t : o.bottom : o.top + t]];
+          return [T, w, ...F];
+        }
+        case "left": {
+          const T = [e + t + 1, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e + t + 1, f ? r - t / 2 : g ? r + t * 4 : r - t * 4];
+          return [...[[g || f ? o.right - t : o.left, o.top], [g ? f ? o.right - t : o.left : o.right - t, o.bottom]], T, w];
+        }
+        case "right": {
+          const T = [e - t, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e - t, f ? r - t / 2 : g ? r + t * 4 : r - t * 4], F = [[g || f ? o.left + t : o.right, o.top], [g ? f ? o.left + t : o.right : o.left + t, o.bottom]];
+          return [T, w, ...F];
+        }
+        default:
+          return [];
+      }
+    }
+    if (!G([N, V], L)) {
+      if (a && !K)
+        return I();
+      if (!j && R) {
+        const e = E(P.clientX, P.clientY);
+        if (e !== null && e < 0.1)
+          return I();
+      }
+      G([N, V], Q([i, s])) ? !a && R && h.start(40, I) : I();
+    }
+  };
+  return S.__options = {
+    blockPointerEvents: _
+  }, S;
+}
+export {
+  rt as safePolygon
+};

package/dist/index171.js

@@ -0,0 +1,78 @@
+import * as i from "react";
+import { getWindow as h, isElement as b, isHTMLElement as M } from "./index94.js";
+import { isMac as F, isSafari as D } from "./index194.js";
+import { useTimeout as k } from "./index148.js";
+import { createChangeEventDetails as R } from "./index113.js";
+import { createAttribute as O } from "./index238.js";
+import { activeElement as T, contains as w, getTarget as S, isTypeableElement as A, matchesFocusVisible as C, getDocument as x } from "./index173.js";
+import { triggerFocus as y, triggerPress as B, escapeKey as K } from "./index114.js";
+const g = F && D;
+function z(a, L = {}) {
+  const r = "rootStore" in a ? a.rootStore : a, {
+    events: f,
+    dataRef: E
+  } = r.context, {
+    enabled: o = !0,
+    visibleOnly: p = !0
+  } = L, s = i.useRef(!1), v = k(), m = i.useRef(!0);
+  i.useEffect(() => {
+    const t = r.select("domReferenceElement");
+    if (!o)
+      return;
+    const e = h(t);
+    function u() {
+      !r.select("open") && M(t) && t === T(x(t)) && (s.current = !0);
+    }
+    function c() {
+      m.current = !0;
+    }
+    function n() {
+      m.current = !1;
+    }
+    return e.addEventListener("blur", u), g && (e.addEventListener("keydown", c, !0), e.addEventListener("pointerdown", n, !0)), () => {
+      e.removeEventListener("blur", u), g && (e.removeEventListener("keydown", c, !0), e.removeEventListener("pointerdown", n, !0));
+    };
+  }, [r, o]), i.useEffect(() => {
+    if (!o)
+      return;
+    function t(e) {
+      (e.reason === B || e.reason === K) && (s.current = !0);
+    }
+    return f.on("openchange", t), () => {
+      f.off("openchange", t);
+    };
+  }, [f, o]);
+  const l = i.useMemo(() => ({
+    onMouseLeave() {
+      s.current = !1;
+    },
+    onFocus(t) {
+      if (s.current)
+        return;
+      const e = S(t.nativeEvent);
+      if (p && b(e)) {
+        if (g && !t.relatedTarget) {
+          if (!m.current && !A(e))
+            return;
+        } else if (!C(e))
+          return;
+      }
+      r.setOpen(!0, R(y, t.nativeEvent, t.currentTarget));
+    },
+    onBlur(t) {
+      s.current = !1;
+      const e = t.relatedTarget, u = t.nativeEvent, c = b(e) && e.hasAttribute(O("focus-guard")) && e.getAttribute("data-type") === "outside";
+      v.start(0, () => {
+        const n = r.select("domReferenceElement"), d = T(n ? n.ownerDocument : document);
+        !e && d === n || w(E.current.floatingContext?.refs.floating.current, d) || w(n, d) || c || r.context.triggerElements.hasElement(t.relatedTarget) || r.setOpen(!1, R(y, u));
+      });
+    }
+  }), [E, r, p, v]);
+  return i.useMemo(() => o ? {
+    reference: l,
+    trigger: l
+  } : {}, [o, l]);
+}
+export {
+  z as useFocus
+};

package/dist/index172.js

@@ -0,0 +1,67 @@
+import { tabbable as r } from "./index237.js";
+import { contains as d, getDocument as b, activeElement as f } from "./index173.js";
+const s = () => ({
+  getShadowRoot: !0,
+  displayCheck: (
+    // JSDOM does not support the `tabbable` library. To solve this we can
+    // check if `ResizeObserver` is a real function (not polyfilled), which
+    // determines if the current environment is JSDOM-like.
+    typeof ResizeObserver == "function" && ResizeObserver.toString().includes("[native code]") ? "full" : "none"
+  )
+});
+function u(t, a) {
+  const e = r(t, s()), n = e.length;
+  if (n === 0)
+    return;
+  const i = f(b(t)), o = e.indexOf(i), c = o === -1 ? a === 1 ? 0 : n - 1 : o + a;
+  return e[c];
+}
+function T(t) {
+  return u(b(t).body, 1) || t;
+}
+function m(t) {
+  return u(b(t).body, -1) || t;
+}
+function l(t, a) {
+  if (!t)
+    return null;
+  const e = r(b(t).body, s()), n = e.length;
+  if (n === 0)
+    return null;
+  const i = e.indexOf(t);
+  if (i === -1)
+    return null;
+  const o = (i + a + n) % n;
+  return e[o];
+}
+function v(t) {
+  return l(t, 1);
+}
+function h(t) {
+  return l(t, -1);
+}
+function p(t, a) {
+  const e = a || t.currentTarget, n = t.relatedTarget;
+  return !n || !d(e, n);
+}
+function y(t) {
+  r(t, s()).forEach((e) => {
+    e.dataset.tabindex = e.getAttribute("tabindex") || "", e.setAttribute("tabindex", "-1");
+  });
+}
+function A(t) {
+  t.querySelectorAll("[data-tabindex]").forEach((e) => {
+    const n = e.dataset.tabindex;
+    delete e.dataset.tabindex, n ? e.setAttribute("tabindex", n) : e.removeAttribute("tabindex");
+  });
+}
+export {
+  y as disableFocusInside,
+  A as enableFocusInside,
+  T as getNextTabbable,
+  m as getPreviousTabbable,
+  v as getTabbableAfterElement,
+  h as getTabbableBeforeElement,
+  s as getTabbableOptions,
+  p as isOutsideEvent
+};

package/dist/index173.js

@@ -0,0 +1,72 @@
+import { isHTMLElement as u, isShadowRoot as i } from "./index94.js";
+import { isJSDOM as c } from "./index194.js";
+import { TYPEABLE_SELECTOR as s, FOCUSABLE_ATTRIBUTE as n } from "./index246.js";
+function h(t) {
+  let e = t.activeElement;
+  for (; e?.shadowRoot?.activeElement != null; )
+    e = e.shadowRoot.activeElement;
+  return e;
+}
+function b(t, e) {
+  if (!t || !e)
+    return !1;
+  const r = e.getRootNode?.();
+  if (t.contains(e))
+    return !0;
+  if (r && i(r)) {
+    let o = e;
+    for (; o; ) {
+      if (t === o)
+        return !0;
+      o = o.parentNode || o.host;
+    }
+  }
+  return !1;
+}
+function E(t) {
+  return "composedPath" in t ? t.composedPath()[0] : t.target;
+}
+function T(t, e) {
+  if (e == null)
+    return !1;
+  if ("composedPath" in t)
+    return t.composedPath().includes(e);
+  const r = t;
+  return r.target != null && e.contains(r.target);
+}
+function p(t) {
+  return t.matches("html,body");
+}
+function d(t) {
+  return t?.ownerDocument || document;
+}
+function a(t) {
+  return u(t) && t.matches(s);
+}
+function g(t) {
+  return t ? t.getAttribute("role") === "combobox" && a(t) : !1;
+}
+function R(t) {
+  if (!t || c)
+    return !0;
+  try {
+    return t.matches(":focus-visible");
+  } catch {
+    return !0;
+  }
+}
+function w(t) {
+  return t ? t.hasAttribute(n) ? t : t.querySelector(`[${n}]`) || t : null;
+}
+export {
+  h as activeElement,
+  b as contains,
+  d as getDocument,
+  w as getFloatingFocusElement,
+  E as getTarget,
+  T as isEventTargetWithin,
+  p as isRootElement,
+  g as isTypeableCombobox,
+  a as isTypeableElement,
+  R as matchesFocusVisible
+};

package/dist/index174.js

@@ -0,0 +1,16 @@
+const i = {
+  clip: "rect(0 0 0 0)",
+  overflow: "hidden",
+  whiteSpace: "nowrap",
+  position: "fixed",
+  top: 0,
+  left: 0,
+  border: 0,
+  padding: 0,
+  width: 1,
+  height: 1,
+  margin: -1
+};
+export {
+  i as visuallyHidden
+};

package/dist/index175.js

@@ -0,0 +1,8 @@
+import * as t from "react";
+function n(r) {
+  const e = t.useRef(!0);
+  e.current && (e.current = !1, r());
+}
+export {
+  n as useOnFirstRender
+};

package/dist/index176.js

@@ -0,0 +1,20 @@
+"use client";
+import { useIsoLayoutEffect as n } from "./index97.js";
+import { useRefWithInit as r } from "./index107.js";
+function s(e) {
+  const t = r(f, e).current;
+  return t.next = e, n(t.effect), t;
+}
+function f(e) {
+  const t = {
+    current: e,
+    next: e,
+    effect: () => {
+      t.current = t.next;
+    }
+  };
+  return t;
+}
+export {
+  s as useValueAsRef
+};

package/dist/index177.js

@@ -0,0 +1,24 @@
+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 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 {
+  c as SelectFloatingContext,
+  n as SelectRootContext,
+  i as useSelectFloatingContext,
+  s as useSelectRootContext
+};

package/dist/index178.js

@@ -0,0 +1,61 @@
+"use client";
+import s from "./index100.js";
+import * as a from "react";
+import { DEFAULT_VALIDITY_STATE as n } from "./index190.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 {
+  l as FieldRootContext,
+  f as useFieldRootContext
+};

package/dist/index179.js

@@ -0,0 +1,20 @@
+"use client";
+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 {
+  o as LabelableContext,
+  a as useLabelableContext
+};

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 "./index89.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,30 @@
+"use client";
+import { useIsoLayoutEffect as s } from "./index97.js";
+import { isElement as u } from "./index94.js";
+import { useBaseUiId as m } from "./index115.js";
+import { useLabelableContext as c } from "./index179.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 {
+  x as useLabelableId
+};

package/dist/index181.js

@@ -0,0 +1,45 @@
+import { compareItemEquality as n } from "./index185.js";
+import { stringifyAsValue as u } from "./index184.js";
+import { createSelector as r } from "./index204.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 {
+  p as selectors
+};

package/dist/index182.js

@@ -0,0 +1,24 @@
+"use client";
+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 FormContext,
+  n as useFormContext
+};