@yselimcan/ui 0.0.2 → 0.0.4

package/dist/index81.js

@@ -0,0 +1,135 @@
+"use client";
+import * as l from "react";
+import { ownerDocument as Z } from "./index151.js";
+import { useTimeout as m } from "./index152.js";
+import { useStableCallback as $ } from "./index102.js";
+import { useMergedRefs as ee } from "./index95.js";
+import { useValueAsRef as te } from "./index132.js";
+import { useSelectRootContext as oe } from "./index133.js";
+import { useFieldRootContext as re } from "./index134.js";
+import { useLabelableContext as ne } from "./index135.js";
+import { pressableTriggerOpenStateMapping as se } from "./index111.js";
+import { fieldValidityMapping as ie } from "./index153.js";
+import { useRenderElement as le } from "./index86.js";
+import { selectors as n } from "./index138.js";
+import { getPseudoElementBounds as ae } from "./index154.js";
+import { createChangeEventDetails as h } from "./index113.js";
+import { useButton as ue } from "./index88.js";
+import { useStore as s } from "./index149.js";
+import { getFloatingFocusElement as ce, contains as y } from "./index155.js";
+import { mergeProps as me } from "./index27.js";
+import { focusOut as fe, cancelOpen as de } from "./index114.js";
+const f = 2, pe = {
+  ...se,
+  ...ie,
+  value: () => null
+}, ge = /* @__PURE__ */ l.forwardRef(function(S, T) {
+  const {
+    render: Me,
+    className: Re,
+    disabled: B = !1,
+    nativeButton: C = !0,
+    ...V
+  } = S, {
+    setTouched: A,
+    setFocused: v,
+    validationMode: N,
+    state: x,
+    disabled: I
+  } = re(), {
+    labelId: Y
+  } = ne(), {
+    store: e,
+    setOpen: D,
+    selectionRef: a,
+    validation: U,
+    readOnly: d,
+    alignItemWithTriggerActiveRef: k,
+    disabled: z,
+    keyboardActiveRef: w
+  } = oe(), u = I || z || B, t = s(e, n.open), p = s(e, n.value), L = s(e, n.triggerProps), g = s(e, n.positionerElement), F = s(e, n.listElement), O = s(e, n.serializedValue), X = te(g), o = l.useRef(null), _ = m(), b = m(), {
+    getButtonProps: K,
+    buttonRef: W
+  } = ue({
+    disabled: u,
+    native: C
+  }), j = $((i) => {
+    e.set("triggerElement", i);
+  }), q = ee(T, o, W, j), M = m(), R = m();
+  l.useEffect(() => {
+    if (t)
+      return R.start(200, () => {
+        a.current.allowUnselectedMouseUp = !0, M.start(200, () => {
+          a.current.allowSelectedMouseUp = !0;
+        });
+      }), () => {
+        M.clear(), R.clear();
+      };
+    a.current = {
+      allowSelectedMouseUp: !1,
+      allowUnselectedMouseUp: !1
+    }, b.clear();
+  }, [t, a, b, M, R]);
+  const G = l.useMemo(() => F?.id ?? ce(g)?.id, [F, g]), P = me(L, {
+    role: "combobox",
+    "aria-expanded": t ? "true" : "false",
+    "aria-haspopup": "listbox",
+    "aria-controls": t ? G : void 0,
+    "aria-labelledby": Y,
+    "aria-readonly": d || void 0,
+    tabIndex: u ? -1 : 0,
+    ref: q,
+    onFocus(i) {
+      v(!0), t && k.current && D(!1, h(fe, i.nativeEvent)), _.start(0, () => {
+        e.set("forceMount", !0);
+      });
+    },
+    onBlur() {
+      A(!0), v(!1), N === "onBlur" && U.commit(p);
+    },
+    onPointerMove() {
+      w.current = !1;
+    },
+    onKeyDown() {
+      w.current = !0;
+    },
+    onMouseDown(i) {
+      if (t)
+        return;
+      const J = Z(i.currentTarget);
+      function Q(r) {
+        if (!o.current)
+          return;
+        const E = r.target;
+        if (y(o.current, E) || y(X.current, E) || E === o.current)
+          return;
+        const c = ae(o.current);
+        r.clientX >= c.left - f && r.clientX <= c.right + f && r.clientY >= c.top - f && r.clientY <= c.bottom + f || D(!1, h(de, r));
+      }
+      b.start(0, () => {
+        J.addEventListener("mouseup", Q, {
+          once: !0
+        });
+      });
+    }
+  }, U.getValidationProps, V, K);
+  P.role = "combobox";
+  const H = l.useMemo(() => ({
+    ...x,
+    open: t,
+    disabled: u,
+    value: p,
+    readOnly: d,
+    placeholder: !O
+  }), [x, t, u, p, d, O]);
+  return le("button", S, {
+    ref: [T, o],
+    state: H,
+    stateAttributesMapping: pe,
+    props: P
+  });
+});
+process.env.NODE_ENV !== "production" && (ge.displayName = "SelectTrigger");
+export {
+  ge as SelectTrigger
+};

package/dist/index82.js

@@ -0,0 +1,31 @@
+"use client";
+import * as o from "react";
+import { useRenderElement as p } from "./index86.js";
+import { useSelectRootContext as i } from "./index133.js";
+import { triggerOpenStateMapping as m } from "./index111.js";
+import { selectors as a } from "./index138.js";
+import { useStore as l } from "./index149.js";
+const f = /* @__PURE__ */ o.forwardRef(function(e, r) {
+  const {
+    className: d,
+    render: S,
+    ...n
+  } = e, {
+    store: s
+  } = i(), t = l(s, a.open), c = o.useMemo(() => ({
+    open: t
+  }), [t]);
+  return p("span", e, {
+    state: c,
+    ref: r,
+    props: [{
+      "aria-hidden": !0,
+      children: "▼"
+    }, n],
+    stateAttributesMapping: m
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "SelectIcon");
+export {
+  f as SelectIcon
+};

package/dist/index83.js

@@ -0,0 +1,35 @@
+"use client";
+import * as i from "react";
+import { useRenderElement as S } from "./index86.js";
+import { useSelectRootContext as v } from "./index133.js";
+import { resolveMultipleLabels as V, resolveSelectedLabel as b } from "./index141.js";
+import { selectors as o } from "./index138.js";
+import { useStore as r } from "./index149.js";
+const R = {
+  value: () => null
+}, h = /* @__PURE__ */ i.forwardRef(function(s, c) {
+  const {
+    className: L,
+    render: N,
+    children: l,
+    ...m
+  } = s, {
+    store: t,
+    valueRef: u
+  } = v(), e = r(t, o.value), p = r(t, o.items), n = r(t, o.itemToStringLabel), a = r(t, o.serializedValue), f = i.useMemo(() => ({
+    value: e,
+    placeholder: !a
+  }), [e, a]), d = typeof l == "function" ? l(e) : l ?? (Array.isArray(e) ? V(e, n) : b(e, p, n));
+  return S("span", s, {
+    state: f,
+    ref: [c, u],
+    props: [{
+      children: d
+    }, m],
+    stateAttributesMapping: R
+  });
+});
+process.env.NODE_ENV !== "production" && (h.displayName = "SelectValue");
+export {
+  h as SelectValue
+};

package/dist/index84.js

@@ -0,0 +1,17 @@
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
+}
+export {
+  i as clsx,
+  i as default
+};