@yselimcan/ui 0.0.2 → 0.0.3

package/dist/index46.js

@@ -0,0 +1,78 @@
+"use client";
+import * as d from "react";
+import * as I from "react-dom";
+import { useRenderElement as R } from "./index86.js";
+import { useComboboxChipsContext as E } from "./index223.js";
+import { useComboboxRootContext as N } from "./index220.js";
+import { useCompositeListItem as K } from "./index132.js";
+import { ComboboxChipContext as O } from "./index232.js";
+import { selectors as f } from "./index221.js";
+import { createChangeEventDetails as m } from "./index113.js";
+import { jsx as V } from "react/jsx-runtime";
+import { useStore as l } from "./index188.js";
+import { stopEvent as a } from "./index222.js";
+import { none as A, listNavigation as M } from "./index114.js";
+const S = /* @__PURE__ */ d.forwardRef(function(u, p) {
+  const {
+    render: _,
+    className: j,
+    ...x
+  } = u, n = N(), {
+    setHighlightedChipIndex: y,
+    chipsRef: h
+  } = E(), r = l(n, f.disabled), s = l(n, f.readOnly), i = l(n, f.selectedValue), {
+    ref: b,
+    index: o
+  } = K();
+  function C(e) {
+    let t = o;
+    if (e.key === "ArrowLeft")
+      e.preventDefault(), o > 0 ? t = o - 1 : t = void 0;
+    else if (e.key === "ArrowRight")
+      e.preventDefault(), o < i.length - 1 ? t = o + 1 : t = void 0;
+    else if (e.key === "Backspace" || e.key === "Delete") {
+      const c = o >= i.length - 1 ? i.length - 2 : o;
+      t = c >= 0 ? c : void 0, a(e), n.state.setIndices({
+        activeIndex: null,
+        selectedIndex: null,
+        type: "keyboard"
+      }), n.state.setSelectedValue(i.filter((B, w) => w !== o), m(A, e.nativeEvent));
+    } else e.key === "Enter" || e.key === " " ? (a(e), t = void 0) : e.key === "ArrowDown" || e.key === "ArrowUp" ? (a(e), n.state.setOpen(!0, m(M, e.nativeEvent)), t = void 0) : (
+      // Check for printable characters (letters, numbers, symbols)
+      e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (t = void 0)
+    );
+    return t;
+  }
+  const k = d.useMemo(() => ({
+    disabled: r
+  }), [r]), D = R("div", u, {
+    ref: [p, b],
+    state: k,
+    props: [{
+      tabIndex: -1,
+      "aria-disabled": r || void 0,
+      "aria-readonly": s || void 0,
+      onKeyDown(e) {
+        if (r || s)
+          return;
+        const t = C(e);
+        I.flushSync(() => {
+          y(t);
+        }), t === void 0 ? n.state.inputRef.current?.focus() : h.current[t]?.focus();
+      },
+      onMouseDown(e) {
+        r || s || (e.preventDefault(), n.state.inputRef.current?.focus());
+      }
+    }, x]
+  }), g = d.useMemo(() => ({
+    index: o
+  }), [o]);
+  return /* @__PURE__ */ V(O.Provider, {
+    value: g,
+    children: D
+  });
+});
+process.env.NODE_ENV !== "production" && (S.displayName = "ComboboxChip");
+export {
+  S as ComboboxChip
+};

package/dist/index47.js

@@ -0,0 +1,65 @@
+"use client";
+import * as v from "react";
+import { useRenderElement as D } from "./index86.js";
+import { useComboboxRootContext as g } from "./index220.js";
+import { useComboboxChipContext as P } from "./index232.js";
+import { selectors as c } from "./index221.js";
+import { createChangeEventDetails as b } from "./index113.js";
+import { findItemIndex as x } from "./index185.js";
+import { useButton as w } from "./index89.js";
+import { useStore as m } from "./index188.js";
+import { chipRemovePress as I } from "./index114.js";
+import { stopEvent as A } from "./index222.js";
+const N = /* @__PURE__ */ v.forwardRef(function(f, R) {
+  const {
+    render: O,
+    className: S,
+    nativeButton: y = !0,
+    ...C
+  } = f, e = g(), {
+    index: s
+  } = P(), o = m(e, c.disabled), i = m(e, c.readOnly), a = m(e, c.selectedValue), p = m(e, c.isItemEqualToValue), {
+    buttonRef: E,
+    getButtonProps: h
+  } = w({
+    native: y,
+    disabled: o || i,
+    focusableWhenDisabled: !0
+  }), k = v.useMemo(() => ({
+    disabled: o
+  }), [o]);
+  return D("button", f, {
+    ref: [R, E],
+    state: k,
+    props: [{
+      tabIndex: -1,
+      disabled: o,
+      "aria-readonly": i || void 0,
+      onClick(t) {
+        if (o || i)
+          return;
+        const n = b(I, t.nativeEvent), d = e.state.activeIndex, l = a[s], r = x(e.state.valuesRef.current, l, p);
+        r !== -1 && d === r && e.state.setIndices({
+          activeIndex: null,
+          type: e.state.keyboardActiveRef.current ? "pointer" : "keyboard"
+        }), e.state.setSelectedValue(a.filter((V, u) => u !== s), n), n.isPropagationAllowed || t.stopPropagation(), e.state.inputRef.current?.focus();
+      },
+      onKeyDown(t) {
+        if (o || i)
+          return;
+        const n = b(I, t.nativeEvent);
+        if (t.key === "Enter" || t.key === " ") {
+          const d = e.state.activeIndex, l = a[s], r = x(e.state.valuesRef.current, l, p);
+          r !== -1 && d === r && e.state.setIndices({
+            activeIndex: null,
+            type: e.state.keyboardActiveRef.current ? "pointer" : "keyboard"
+          }), e.state.setSelectedValue(a.filter((V, u) => u !== s), n), n.isPropagationAllowed || A(t), e.state.inputRef.current?.focus();
+        }
+      }
+    }, C, h]
+  });
+});
+process.env.NODE_ENV !== "production" && (N.displayName = "ComboboxChipRemove");
+export {
+  N as ComboboxChipRemove
+};

package/dist/index48.js

@@ -0,0 +1,128 @@
+"use client";
+import * as p from "react";
+import { useStableCallback as $ } from "./index95.js";
+import { useTimeout as ee } from "./index148.js";
+import { ownerDocument as te } from "./index162.js";
+import { useRenderElement as oe } from "./index86.js";
+import { useComboboxRootContext as ne, useComboboxFloatingContext as re, useComboboxInputValueContext as ie } from "./index220.js";
+import { selectors as o } from "./index221.js";
+import { useFieldRootContext as se } from "./index178.js";
+import { useLabelableContext as ae } from "./index179.js";
+import { pressableTriggerOpenStateMapping as ce } from "./index111.js";
+import { getPseudoElementBounds as le } from "./index164.js";
+import { createChangeEventDetails as R } from "./index113.js";
+import { fieldValidityMapping as ue } from "./index190.js";
+import { useTypeahead as fe } from "./index161.js";
+import { useClick as de } from "./index127.js";
+import { useButton as me } from "./index89.js";
+import { useStore as n } from "./index188.js";
+import { stopEvent as pe } from "./index222.js";
+import { listNavigation as ge } from "./index114.js";
+import { getTarget as be, contains as T } from "./index173.js";
+const g = 2, xe = {
+  ...ce,
+  ...ue
+}, Re = /* @__PURE__ */ p.forwardRef(function(E, V) {
+  const {
+    render: Ee,
+    className: Ce,
+    nativeButton: I = !0,
+    disabled: O = !1,
+    ...C
+  } = E, {
+    state: y,
+    disabled: v,
+    setTouched: B,
+    setFocused: P,
+    validationMode: S,
+    validation: b
+  } = se(), {
+    labelId: k
+  } = ae(), e = ne(), M = n(e, o.selectionMode), x = n(e, o.disabled), a = n(e, o.readOnly), F = n(e, o.listElement), N = n(e, o.triggerProps), r = n(e, o.triggerElement), i = n(e, o.inputInsidePopup), c = n(e, o.open), A = n(e, o.selectedValue), U = n(e, o.activeIndex), Y = n(e, o.selectedIndex), l = re(), L = ie(), X = ee(), s = v || x || O, h = p.useRef("");
+  function w(t) {
+    h.current = t.pointerType;
+  }
+  const D = l.select("domReferenceElement");
+  p.useEffect(() => {
+    i && r && r !== D && l.set("domReferenceElement", r);
+  }, [r, D, l, i]);
+  const {
+    reference: _
+  } = fe(l, {
+    enabled: !c && !a && !x && M === "single",
+    listRef: e.state.labelsRef,
+    activeIndex: U,
+    selectedIndex: Y,
+    onMatch(t) {
+      const f = e.state.valuesRef.current[t];
+      f !== void 0 && e.state.setSelectedValue(f, R("none"));
+    }
+  }), {
+    reference: z
+  } = de(l, {
+    enabled: !a && !x,
+    event: "mousedown"
+  }), {
+    buttonRef: H,
+    getButtonProps: K
+  } = me({
+    native: I,
+    disabled: s
+  }), j = p.useMemo(() => ({
+    ...y,
+    open: c,
+    disabled: s
+  }), [y, c, s]), q = $((t) => {
+    e.set("triggerElement", t);
+  });
+  return oe("button", E, {
+    ref: [V, H, q],
+    state: j,
+    props: [N, z, _, {
+      tabIndex: i ? 0 : -1,
+      disabled: s,
+      role: i ? "combobox" : void 0,
+      "aria-expanded": c ? "true" : "false",
+      "aria-haspopup": i ? "dialog" : "listbox",
+      "aria-controls": c ? F?.id : void 0,
+      "aria-readonly": a || void 0,
+      "aria-labelledby": k,
+      onPointerDown: w,
+      onPointerEnter: w,
+      onFocus() {
+        P(!0), !(s || a) && X.start(0, e.state.forceMount);
+      },
+      onBlur() {
+        if (B(!0), P(!1), S === "onBlur") {
+          const t = M === "none" ? L : A;
+          b.commit(t);
+        }
+      },
+      onMouseDown(t) {
+        if (s || a || (i || l.set("domReferenceElement", t.currentTarget), e.state.forceMount(), h.current !== "touch" && (e.state.inputRef.current?.focus(), i || t.preventDefault()), c))
+          return;
+        const f = te(t.currentTarget);
+        function G(u) {
+          if (!r)
+            return;
+          const d = be(u), J = e.state.positionerElement, Q = e.state.listElement;
+          if (T(r, d) || T(J, d) || T(Q, d) || d === r)
+            return;
+          const m = le(r), W = u.clientX >= m.left - g && u.clientX <= m.right + g, Z = u.clientY >= m.top - g && u.clientY <= m.bottom + g;
+          W && Z || e.state.setOpen(!1, R("cancel-open", u));
+        }
+        i && f.addEventListener("mouseup", G, {
+          once: !0
+        });
+      },
+      onKeyDown(t) {
+        s || a || (t.key === "ArrowDown" || t.key === "ArrowUp") && (pe(t), e.state.setOpen(!0, R(ge, t.nativeEvent)), e.state.inputRef.current?.focus());
+      }
+    }, b ? b.getValidationProps(C) : C, K],
+    stateAttributesMapping: xe
+  });
+});
+process.env.NODE_ENV !== "production" && (Re.displayName = "ComboboxTrigger");
+export {
+  Re as ComboboxTrigger
+};

package/dist/index49.js

@@ -0,0 +1,19 @@
+"use client";
+import * as c from "react";
+import { useComboboxRootContext as u } from "./index220.js";
+import { resolveSelectedLabel as f } from "./index184.js";
+import { selectors as r } from "./index221.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useStore as l } from "./index188.js";
+function V(i) {
+  const {
+    children: e
+  } = i, t = u(), s = l(t, r.itemToStringLabel), n = l(t, r.selectedValue), m = l(t, r.items);
+  let o = null;
+  return typeof e == "function" ? o = e(n) : e != null ? o = e : o = f(n, m, s), /* @__PURE__ */ a(c.Fragment, {
+    children: o
+  });
+}
+export {
+  V as ComboboxValue
+};

package/dist/index5.js

@@ -0,0 +1,52 @@
+import { jsx as n } from "react/jsx-runtime";
+import { cva as a } from "./index25.js";
+import { cn as d } from "./index16.js";
+import { Button as o } from "./index28.js";
+const s = a(
+  "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 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+        destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function p({
+  className: e,
+  variant: r = "default",
+  size: i = "default",
+  ...t
+}) {
+  return /* @__PURE__ */ n(
+    o,
+    {
+      "data-slot": "button",
+      className: d(s({ variant: r, size: i, className: e })),
+      ...t
+    }
+  );
+}
+export {
+  p as Button,
+  s as buttonVariants
+};

package/dist/index50.js

@@ -0,0 +1,86 @@
+"use client";
+import * as m from "react";
+import { useComboboxRootContext as S, useComboboxInputValueContext as O } from "./index220.js";
+import { useRenderElement as N } from "./index86.js";
+import { selectors as n } from "./index221.js";
+import { useFieldRootContext as B } from "./index178.js";
+import { useTransitionStatus as P } from "./index136.js";
+import { transitionStatusMapping as w } from "./index112.js";
+import { useOpenChangeComplete as F } from "./index119.js";
+import { createChangeEventDetails as f } from "./index113.js";
+import { triggerOpenStateMapping as T } from "./index111.js";
+import { useButton as _ } from "./index89.js";
+import { useStore as s } from "./index188.js";
+import { clearPress as b } from "./index114.js";
+const j = {
+  ...w,
+  ...T
+}, q = /* @__PURE__ */ m.forwardRef(function(l, C) {
+  const {
+    render: G,
+    className: H,
+    disabled: x = !1,
+    nativeButton: y = !0,
+    keepMounted: v = !1,
+    ...R
+  } = l, {
+    disabled: g
+  } = B(), e = S(), i = s(e, n.selectionMode), M = s(e, n.disabled), u = s(e, n.readOnly), d = s(e, n.open), r = s(e, n.selectedValue), I = O();
+  let t = !1;
+  i === "none" ? t = I !== "" : i === "single" ? t = r != null : t = Array.isArray(r) && r.length > 0;
+  const o = g || M || x, {
+    buttonRef: A,
+    getButtonProps: V
+  } = _({
+    native: y,
+    disabled: o
+  }), {
+    mounted: h,
+    transitionStatus: c,
+    setMounted: k
+  } = P(t), D = m.useMemo(() => ({
+    disabled: o,
+    open: d,
+    transitionStatus: c
+  }), [o, d, c]);
+  F({
+    open: t,
+    ref: e.state.clearRef,
+    onComplete() {
+      t || k(!1);
+    }
+  });
+  const E = N("button", l, {
+    state: D,
+    ref: [C, A, e.state.clearRef],
+    props: [{
+      tabIndex: -1,
+      children: "x",
+      disabled: o,
+      "aria-readonly": u || void 0,
+      // Avoid stealing focus from the input.
+      onMouseDown(a) {
+        a.preventDefault();
+      },
+      onClick(a) {
+        if (o || u)
+          return;
+        const p = e.state.keyboardActiveRef;
+        e.state.setInputValue("", f(b, a.nativeEvent)), i !== "none" ? (e.state.setSelectedValue(Array.isArray(r) ? [] : null, f(b, a.nativeEvent)), e.state.setIndices({
+          activeIndex: null,
+          selectedIndex: null,
+          type: p.current ? "keyboard" : "pointer"
+        })) : e.state.setIndices({
+          activeIndex: null,
+          type: p.current ? "keyboard" : "pointer"
+        }), e.state.inputRef.current?.focus();
+      }
+    }, R, V],
+    stateAttributesMapping: j
+  });
+  return v || h ? E : null;
+});
+process.env.NODE_ENV !== "production" && (q.displayName = "ComboboxClear");
+export {
+  q as ComboboxClear
+};

package/dist/index51.js

@@ -0,0 +1,6 @@
+import o from "./index90.js";
+const t = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], c = o("chevron-right", t);
+export {
+  t as __iconNode,
+  c as default
+};