@yselimcan/ui 0.0.2 → 0.0.4

package/dist/index126.js

@@ -0,0 +1,79 @@
+import * as l from "react";
+import { useStableCallback as a } from "./index102.js";
+import { useIsoLayoutEffect as o } from "./index104.js";
+import { useTransitionStatus as s } from "./index137.js";
+import { useOpenChangeComplete as f } from "./index119.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/index127.js

@@ -0,0 +1,67 @@
+"use client";
+import * as v from "react";
+import { useAnimationFrame as P } from "./index164.js";
+import { useTimeout as b } from "./index152.js";
+import { createChangeEventDetails as k } from "./index113.js";
+import { isMouseLikePointerType as w, isClickLikeEvent as I } from "./index221.js";
+import { isTypeableElement as x } from "./index155.js";
+import { EMPTY_OBJECT as L } from "./index100.js";
+import { triggerPress as y } from "./index114.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/index128.js

@@ -0,0 +1,48 @@
+import * as l from "react";
+import { FOCUSABLE_ATTRIBUTE as C, ACTIVE_KEY as s, SELECTED_KEY as E } from "./index245.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/index129.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/index13.js

@@ -0,0 +1,206 @@
+"use client";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import "react";
+import { cn as o } from "./index16.js";
+import p from "./index29.js";
+import n from "./index31.js";
+import u from "./index68.js";
+import { SelectRoot as f } from "./index69.js";
+import { SelectPortal as g } from "./index70.js";
+import { SelectPositioner as v } from "./index71.js";
+import { SelectPopup as x } from "./index72.js";
+import { SelectList as S } from "./index73.js";
+import { SelectGroup as b } from "./index74.js";
+import { SelectItem as h } from "./index75.js";
+import { SelectItemText as w } from "./index76.js";
+import { SelectItemIndicator as z } from "./index77.js";
+import { SelectGroupLabel as y } from "./index78.js";
+import { SelectScrollDownArrow as N } from "./index79.js";
+import { SelectScrollUpArrow as k } from "./index80.js";
+import { Separator as _ } from "./index44.js";
+import { SelectTrigger as I } from "./index81.js";
+import { SelectIcon as j } from "./index82.js";
+import { SelectValue as C } from "./index83.js";
+const ee = f;
+function te({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    b,
+    {
+      "data-slot": "select-group",
+      className: o("scroll-my-1 p-1", t),
+      ...r
+    }
+  );
+}
+function re({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    C,
+    {
+      "data-slot": "select-value",
+      className: o("flex flex-1 text-left", t),
+      ...r
+    }
+  );
+}
+function oe({
+  className: t,
+  size: r = "default",
+  children: a,
+  ...l
+}) {
+  return /* @__PURE__ */ s(
+    I,
+    {
+      "data-slot": "select-trigger",
+      "data-size": r,
+      className: o(
+        "border-input data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        t
+      ),
+      ...l,
+      children: [
+        a,
+        /* @__PURE__ */ e(
+          j,
+          {
+            render: /* @__PURE__ */ e(n, { className: "text-muted-foreground size-4 pointer-events-none" })
+          }
+        )
+      ]
+    }
+  );
+}
+function ae({
+  className: t,
+  children: r,
+  side: a = "bottom",
+  sideOffset: l = 4,
+  align: i = "center",
+  alignOffset: c = 0,
+  alignItemWithTrigger: d = !0,
+  ...m
+}) {
+  return /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+    v,
+    {
+      side: a,
+      sideOffset: l,
+      align: i,
+      alignOffset: c,
+      alignItemWithTrigger: d,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ s(
+        x,
+        {
+          "data-slot": "select-content",
+          className: o("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-lg shadow-md ring-1 duration-100 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto", t),
+          ...m,
+          children: [
+            /* @__PURE__ */ e(G, {}),
+            /* @__PURE__ */ e(S, { children: r }),
+            /* @__PURE__ */ e(T, {})
+          ]
+        }
+      )
+    }
+  ) });
+}
+function le({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    y,
+    {
+      "data-slot": "select-label",
+      className: o("text-muted-foreground px-1.5 py-1 text-xs", t),
+      ...r
+    }
+  );
+}
+function se({
+  className: t,
+  children: r,
+  ...a
+}) {
+  return /* @__PURE__ */ s(
+    h,
+    {
+      "data-slot": "select-item",
+      className: o(
+        "focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        t
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ e(w, { className: "flex flex-1 gap-2 shrink-0 whitespace-nowrap", children: r }),
+        /* @__PURE__ */ e(
+          z,
+          {
+            render: /* @__PURE__ */ e("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ e(p, { className: "pointer-events-none" })
+          }
+        )
+      ]
+    }
+  );
+}
+function ne({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    _,
+    {
+      "data-slot": "select-separator",
+      className: o("bg-border -mx-1 my-1 h-px pointer-events-none", t),
+      ...r
+    }
+  );
+}
+function G({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    k,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: o("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full", t),
+      ...r,
+      children: /* @__PURE__ */ e(
+        u,
+        {}
+      )
+    }
+  );
+}
+function T({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    N,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: o("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full", t),
+      ...r,
+      children: /* @__PURE__ */ e(
+        n,
+        {}
+      )
+    }
+  );
+}
+export {
+  ee as Select,
+  ae as SelectContent,
+  te as SelectGroup,
+  se as SelectItem,
+  le as SelectLabel,
+  T as SelectScrollDownButton,
+  G as SelectScrollUpButton,
+  ne as SelectSeparator,
+  oe as SelectTrigger,
+  re as SelectValue
+};

package/dist/index130.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/index131.js

@@ -0,0 +1,32 @@
+"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/index132.js

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

@@ -0,0 +1,24 @@
+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
+};

package/dist/index134.js

@@ -0,0 +1,61 @@
+"use client";
+import s from "./index94.js";
+import * as a from "react";
+import { DEFAULT_VALIDITY_STATE as n } from "./index153.js";
+import { NOOP as e, EMPTY_OBJECT as o } from "./index100.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/index135.js

@@ -0,0 +1,20 @@
+"use client";
+import * as t from "react";
+import { NOOP as e } from "./index100.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/index136.js

@@ -0,0 +1,30 @@
+"use client";
+import { useIsoLayoutEffect as s } from "./index104.js";
+import { isElement as u } from "./index101.js";
+import { useBaseUiId as m } from "./index115.js";
+import { useLabelableContext as c } from "./index135.js";
+import { NOOP as d } from "./index100.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/index137.js

@@ -0,0 +1,43 @@
+"use client";
+import * as c from "react";
+import { useIsoLayoutEffect as d } from "./index104.js";
+import { AnimationFrame as u } from "./index164.js";
+function g(t, s = !1, f = !1) {
+  const [n, r] = c.useState(t && s ? "idle" : void 0), [i, a] = c.useState(t);
+  return t && !i && (a(!0), r("starting")), !t && i && n !== "ending" && !f && r("ending"), !t && !i && n === "ending" && r(void 0), d(() => {
+    if (!t && i && n !== "ending" && f) {
+      const e = u.request(() => {
+        r("ending");
+      });
+      return () => {
+        u.cancel(e);
+      };
+    }
+  }, [t, i, n, f]), d(() => {
+    if (!t || s)
+      return;
+    const e = u.request(() => {
+      r(void 0);
+    });
+    return () => {
+      u.cancel(e);
+    };
+  }, [s, t]), d(() => {
+    if (!t || !s)
+      return;
+    t && i && n !== "idle" && r("starting");
+    const e = u.request(() => {
+      r("idle");
+    });
+    return () => {
+      u.cancel(e);
+    };
+  }, [s, t, i, r, n]), c.useMemo(() => ({
+    mounted: i,
+    setMounted: a,
+    transitionStatus: n
+  }), [i, n]);
+}
+export {
+  g as useTransitionStatus
+};