@yselimcan/ui 0.0.8 → 0.0.10

package/dist/index118.js

@@ -1,128 +0,0 @@
-"use client";
-import * as t from "react";
-import * as h from "react-dom";
-import { isNode as M } from "./index164.js";
-import { useId as D } from "./index181.js";
-import { useIsoLayoutEffect as V } from "./index126.js";
-import { FocusGuard as S } from "./index193.js";
-import { createChangeEventDetails as w } from "./index107.js";
-import { createAttribute as G } from "./index239.js";
-import { useRenderElement as _ } from "./index87.js";
-import { ownerVisuallyHidden as j } from "./index119.js";
-import { jsxs as T, jsx as P } from "react/jsx-runtime";
-import { enableFocusInside as I, isOutsideEvent as g, getPreviousTabbable as q, getNextTabbable as A, disableFocusInside as B } from "./index197.js";
-import { EMPTY_OBJECT as H } from "./index100.js";
-import { focusOut as J } from "./index108.js";
-const F = /* @__PURE__ */ t.createContext(null);
-process.env.NODE_ENV !== "production" && (F.displayName = "PortalContext");
-const Y = () => t.useContext(F), k = G("portal");
-function z(N = {}) {
-  const {
-    ref: f,
-    container: s,
-    componentProps: b = H,
-    elementProps: E,
-    elementState: x
-  } = N, d = D(), m = Y()?.portalNode, [e, c] = t.useState(null), [p, u] = t.useState(null), n = t.useRef(null);
-  V(() => {
-    if (s === null) {
-      n.current && (n.current = null, u(null), c(null));
-      return;
-    }
-    if (d == null)
-      return;
-    const a = (s && (M(s) ? s : s.current)) ?? m ?? document.body;
-    if (a == null) {
-      n.current && (n.current = null, u(null), c(null));
-      return;
-    }
-    n.current !== a && (n.current = a, u(null), c(a));
-  }, [s, m, d]);
-  const i = _("div", b, {
-    ref: [f, u],
-    state: x,
-    props: [{
-      id: d,
-      [k]: ""
-    }, E]
-  });
-  return {
-    portalNode: p,
-    portalSubtree: e && i ? /* @__PURE__ */ h.createPortal(i, e) : null
-  };
-}
-const K = /* @__PURE__ */ t.forwardRef(function(f, s) {
-  const {
-    children: b,
-    container: E,
-    className: x,
-    render: d,
-    renderGuards: R,
-    ...m
-  } = f, {
-    portalNode: e,
-    portalSubtree: c
-  } = z({
-    container: E,
-    ref: s,
-    componentProps: f,
-    elementProps: m
-  }), p = t.useRef(null), u = t.useRef(null), n = t.useRef(null), i = t.useRef(null), [o, a] = t.useState(null), C = o?.modal, O = o?.open, v = typeof R == "boolean" ? R : !!o && !o.modal && o.open && !!e;
-  t.useEffect(() => {
-    if (!e || C)
-      return;
-    function r(l) {
-      e && g(l) && (l.type === "focusin" ? I : B)(e);
-    }
-    return e.addEventListener("focusin", r, !0), e.addEventListener("focusout", r, !0), () => {
-      e.removeEventListener("focusin", r, !0), e.removeEventListener("focusout", r, !0);
-    };
-  }, [e, C]), t.useEffect(() => {
-    !e || O || I(e);
-  }, [O, e]);
-  const L = t.useMemo(() => ({
-    beforeOutsideRef: p,
-    afterOutsideRef: u,
-    beforeInsideRef: n,
-    afterInsideRef: i,
-    portalNode: e,
-    setFocusManagerState: a
-  }), [e]);
-  return /* @__PURE__ */ T(t.Fragment, {
-    children: [c, /* @__PURE__ */ T(F.Provider, {
-      value: L,
-      children: [v && e && /* @__PURE__ */ P(S, {
-        "data-type": "outside",
-        ref: p,
-        onFocus: (r) => {
-          if (g(r, e))
-            n.current?.focus();
-          else {
-            const l = o ? o.domReference : null;
-            q(l)?.focus();
-          }
-        }
-      }), v && e && /* @__PURE__ */ P("span", {
-        "aria-owns": e.id,
-        style: j
-      }), e && /* @__PURE__ */ h.createPortal(b, e), v && e && /* @__PURE__ */ P(S, {
-        "data-type": "outside",
-        ref: u,
-        onFocus: (r) => {
-          if (g(r, e))
-            i.current?.focus();
-          else {
-            const l = o ? o.domReference : null;
-            A(l)?.focus(), o?.closeOnFocusOut && o?.onOpenChange(!1, w(J, r.nativeEvent));
-          }
-        }
-      })]
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (K.displayName = "FloatingPortal");
-export {
-  K as FloatingPortal,
-  z as useFloatingPortalNode,
-  Y as usePortalContext
-};

package/dist/index119.js

@@ -1,23 +0,0 @@
-const n = 500, t = 500, i = {
-  style: {
-    transition: "none"
-  }
-}, I = "data-base-ui-click-trigger", o = {
-  fallbackAxisSide: "none"
-}, s = {
-  fallbackAxisSide: "end"
-}, e = {
-  clipPath: "inset(50%)",
-  position: "fixed",
-  top: 0,
-  left: 0
-};
-export {
-  I as CLICK_TRIGGER_IDENTIFIER,
-  i as DISABLED_TRANSITIONS_STYLE,
-  o as DROPDOWN_COLLISION_AVOIDANCE,
-  t as PATIENT_CLICK_THRESHOLD,
-  s as POPUP_COLLISION_AVOIDANCE,
-  n as TYPEAHEAD_RESET_MS,
-  e as ownerVisuallyHidden
-};

package/dist/index12.js

@@ -1,20 +0,0 @@
-"use client";
-import { jsx as a } from "react/jsx-runtime";
-import "react";
-import { cn as o } from "./index16.js";
-function i({ className: e, ...t }) {
-  return /* @__PURE__ */ a(
-    "label",
-    {
-      "data-slot": "label",
-      className: o(
-        "gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed",
-        e
-      ),
-      ...t
-    }
-  );
-}
-export {
-  i as Label
-};

package/dist/index120.js

@@ -1,79 +0,0 @@
-import * as l from "react";
-import { useStableCallback as a } from "./index127.js";
-import { useIsoLayoutEffect as o } from "./index126.js";
-import { useTransitionStatus as s } from "./index133.js";
-import { useOpenChangeComplete as f } from "./index113.js";
-function m(e, n) {
-  const t = l.useRef(null);
-  return l.useCallback((i) => {
-    e !== void 0 && (t.current !== null && (n.context.triggerElements.delete(t.current), t.current = null), i !== null && (t.current = e, n.context.triggerElements.add(e, i)));
-  }, [n, e]);
-}
-function E(e, n, t, i) {
-  const r = t.useState("isMountedByTrigger", e), c = m(e, t), g = a((u) => {
-    c(u), u !== null && t.select("open") && t.select("activeTriggerId") == null && t.update({
-      activeTriggerId: e,
-      activeTriggerElement: u,
-      ...i
-    });
-  });
-  return o(() => {
-    r && t.update({
-      activeTriggerElement: n.current,
-      ...i
-    });
-  }, [r, t, n, ...Object.values(i)]), {
-    registerTrigger: g,
-    isMountedByThisTrigger: r
-  };
-}
-function C(e) {
-  const n = e.useState("open");
-  o(() => {
-    if (n && !e.select("activeTriggerId") && e.context.triggerElements.size === 1) {
-      const t = e.context.triggerElements.entries().next();
-      if (!t.done) {
-        const [i, r] = t.value;
-        e.update({
-          activeTriggerId: i,
-          activeTriggerElement: r
-        });
-      }
-    }
-  }, [n, e]);
-}
-function x(e, n, t) {
-  const {
-    mounted: i,
-    setMounted: r,
-    transitionStatus: c
-  } = s(e);
-  n.useSyncedValues({
-    mounted: i,
-    transitionStatus: c
-  });
-  const g = a(() => {
-    r(!1), n.update({
-      activeTriggerId: null,
-      activeTriggerElement: null,
-      mounted: !1
-    }), t?.(), n.context.onOpenChangeComplete?.(!1);
-  }), u = n.useState("preventUnmountingOnClose");
-  return f({
-    enabled: !u,
-    open: e,
-    ref: n.context.popupRef,
-    onComplete() {
-      e || g();
-    }
-  }), {
-    forceUnmount: g,
-    transitionStatus: c
-  };
-}
-export {
-  C as useImplicitActiveTrigger,
-  x as useOpenStateTransitions,
-  E as useTriggerDataForwarding,
-  m as useTriggerRegistration
-};

package/dist/index121.js

@@ -1,67 +0,0 @@
-"use client";
-import * as v from "react";
-import { useAnimationFrame as P } from "./index160.js";
-import { useTimeout as b } from "./index148.js";
-import { createChangeEventDetails as k } from "./index107.js";
-import { isMouseLikePointerType as w, isClickLikeEvent as I } from "./index205.js";
-import { isTypeableElement as x } from "./index151.js";
-import { EMPTY_OBJECT as L } from "./index100.js";
-import { triggerPress as y } from "./index108.js";
-function Y(d, M = {}) {
-  const e = "rootStore" in d ? d.rootStore : d, T = e.context.dataRef, {
-    enabled: h = !0,
-    event: p = "click",
-    toggle: g = !0,
-    ignoreMouse: E = !1,
-    stickIfOpen: O = !0,
-    touchOpenDelay: n = 0
-  } = M, s = v.useRef(void 0), C = P(), a = b(), R = v.useMemo(() => ({
-    onPointerDown(t) {
-      s.current = t.pointerType;
-    },
-    onMouseDown(t) {
-      const r = s.current, o = t.nativeEvent, c = e.select("open");
-      if (t.button !== 0 || p === "click" || w(r, !0) && E)
-        return;
-      const m = T.current.openEvent, i = m?.type, f = e.select("domReferenceElement") !== t.currentTarget, l = c && f || !(c && g && (!(m && O) || i === "click" || i === "mousedown"));
-      if (x(o.target)) {
-        const u = k(y, o, o.target);
-        l && r === "touch" && n > 0 ? a.start(n, () => {
-          e.setOpen(!0, u);
-        }) : e.setOpen(l, u);
-        return;
-      }
-      const D = t.currentTarget;
-      C.request(() => {
-        const u = k(y, o, D);
-        l && r === "touch" && n > 0 ? a.start(n, () => {
-          e.setOpen(!0, u);
-        }) : e.setOpen(l, u);
-      });
-    },
-    onClick(t) {
-      if (p === "mousedown-only")
-        return;
-      const r = s.current;
-      if (p === "mousedown" && r) {
-        s.current = void 0;
-        return;
-      }
-      if (w(r, !0) && E)
-        return;
-      const o = e.select("open"), c = T.current.openEvent, m = e.select("domReferenceElement") !== t.currentTarget, i = o && m || !(o && g && (!(c && O) || I(c))), f = k(y, t.nativeEvent, t.currentTarget);
-      i && r === "touch" && n > 0 ? a.start(n, () => {
-        e.setOpen(!0, f);
-      }) : e.setOpen(i, f);
-    },
-    onKeyDown() {
-      s.current = void 0;
-    }
-  }), [T, p, E, e, O, g, C, a, n]);
-  return v.useMemo(() => h ? {
-    reference: R
-  } : L, [h, R]);
-}
-export {
-  Y as useClick
-};

package/dist/index122.js

@@ -1,48 +0,0 @@
-import * as l from "react";
-import { FOCUSABLE_ATTRIBUTE as C, ACTIVE_KEY as s, SELECTED_KEY as E } from "./index247.js";
-function k(e = []) {
-  const a = e.map((n) => n?.reference), g = e.map((n) => n?.floating), f = e.map((n) => n?.item), t = e.map((n) => n?.trigger), o = l.useCallback(
-    (n) => u(n, e, "reference"),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    a
-  ), c = l.useCallback(
-    (n) => u(n, e, "floating"),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    g
-  ), i = l.useCallback(
-    (n) => u(n, e, "item"),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    f
-  ), r = l.useCallback(
-    (n) => u(n, e, "trigger"),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    t
-  );
-  return l.useMemo(() => ({
-    getReferenceProps: o,
-    getFloatingProps: c,
-    getItemProps: i,
-    getTriggerProps: r
-  }), [o, c, i, r]);
-}
-function u(e, a, g) {
-  const f = /* @__PURE__ */ new Map(), t = g === "item", o = {};
-  g === "floating" && (o.tabIndex = -1, o[C] = "");
-  for (const c in e)
-    t && e && (c === s || c === E) || (o[c] = e[c]);
-  for (let c = 0; c < a.length; c += 1) {
-    let i;
-    const r = a[c]?.[g];
-    typeof r == "function" ? i = e ? r(e) : null : i = r, i && m(o, i, t, f);
-  }
-  return m(o, e, t, f), o;
-}
-function m(e, a, g, f) {
-  for (const t in a) {
-    const o = a[t];
-    g && (t === s || t === E) || (t.startsWith("on") ? (f.has(t) || f.set(t, []), typeof o == "function" && (f.get(t)?.push(o), e[t] = (...c) => f.get(t)?.map((i) => i(...c)).find((i) => i !== void 0))) : e[t] = o);
-  }
-}
-export {
-  k as useInteractions
-};

package/dist/index123.js

@@ -1,16 +0,0 @@
-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/index124.js

@@ -1,8 +0,0 @@
-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/index125.js

@@ -1,32 +0,0 @@
-"use client";
-import * as n from "react";
-function d({
-  controlled: o,
-  default: s,
-  name: t,
-  state: i = "value"
-}) {
-  const {
-    current: e
-  } = n.useRef(o !== void 0), [l, c] = n.useState(s), u = e ? o : l;
-  if (process.env.NODE_ENV !== "production") {
-    n.useEffect(() => {
-      e !== (o !== void 0) && console.error([`Base UI: A component is changing the ${e ? "" : "un"}controlled ${i} state of ${t} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${t} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
-`));
-    }, [i, t, o]);
-    const {
-      current: r
-    } = n.useRef(s);
-    n.useEffect(() => {
-      !e && JSON.stringify(r) !== JSON.stringify(s) && console.error([`Base UI: A component is changing the default ${i} state of an uncontrolled ${t} after being initialized. To suppress this warning opt to use a controlled ${t}.`].join(`
-`));
-    }, [JSON.stringify(s)]);
-  }
-  const f = n.useCallback((r) => {
-    e || c(r);
-  }, []);
-  return [u, f];
-}
-export {
-  d as useControlled
-};

package/dist/index126.js

@@ -1,7 +0,0 @@
-"use client";
-import * as e from "react";
-const o = () => {
-}, t = typeof document < "u" ? e.useLayoutEffect : o;
-export {
-  t as useIsoLayoutEffect
-};

package/dist/index127.js

@@ -1,30 +0,0 @@
-"use client";
-import * as a from "react";
-import { useRefWithInit as c } from "./index101.js";
-const n = a[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0, -3)], r = (
-  // React 17 doesn't have useInsertionEffect.
-  n && // Preact replaces useInsertionEffect with useLayoutEffect and fires too late.
-  n !== a.useLayoutEffect ? n : (e) => e()
-);
-function f(e) {
-  const t = c(o).current;
-  return t.next = e, r(t.effect), t.trampoline;
-}
-function o() {
-  const e = {
-    next: void 0,
-    callback: l,
-    trampoline: (...t) => e.callback?.(...t),
-    effect: () => {
-      e.callback = e.next;
-    }
-  };
-  return e;
-}
-function l() {
-  if (process.env.NODE_ENV !== "production")
-    throw new Error("Base UI: Cannot call an event handler while rendering.");
-}
-export {
-  f as useStableCallback
-};

package/dist/index128.js

@@ -1,20 +0,0 @@
-"use client";
-import { useIsoLayoutEffect as n } from "./index126.js";
-import { useRefWithInit as r } from "./index101.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/index129.js

@@ -1,24 +0,0 @@
-import o from "./index94.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
-};