@yselimcan/ui 0.0.2 → 0.0.4

package/dist/index35.js

@@ -0,0 +1,102 @@
+"use client";
+import * as a from "react";
+import { useIsoLayoutEffect as U } from "./index104.js";
+import { useStableCallback as _ } from "./index102.js";
+import { inertValue as j } from "./index122.js";
+import { useScrollLock as B } from "./index157.js";
+import { useComboboxRootContext as F, useComboboxDerivedItemsContext as z, useComboboxFloatingContext as T } from "./index219.js";
+import { ComboboxPositionerContext as W } from "./index223.js";
+import { useAnchorPositioning as q } from "./index159.js";
+import { popupStateMapping as G } from "./index111.js";
+import { useComboboxPortalContext as J } from "./index224.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as K } from "./index125.js";
+import { useRenderElement as Q } from "./index86.js";
+import { selectors as t } from "./index220.js";
+import { InternalBackdrop as X } from "./index123.js";
+import { jsxs as Y, jsx as Z } from "react/jsx-runtime";
+import { useStore as n } from "./index149.js";
+const $ = /* @__PURE__ */ a.forwardRef(function(c, u) {
+  const {
+    render: eo,
+    className: to,
+    anchor: f,
+    positionMethod: g = "absolute",
+    side: b = "bottom",
+    align: h = "center",
+    sideOffset: x = 0,
+    alignOffset: C = 0,
+    collisionBoundary: P = "clipping-ancestors",
+    collisionPadding: y = 5,
+    arrowPadding: E = 5,
+    sticky: w = !1,
+    disableAnchorTracking: S = !1,
+    collisionAvoidance: v = K,
+    ...I
+  } = c, e = F(), {
+    filteredItems: M
+  } = z(), R = T(), A = J(), l = n(e, t.modal), r = n(e, t.open), i = n(e, t.mounted), O = n(e, t.openMethod), d = n(e, t.triggerElement), m = n(e, t.inputElement), N = n(e, t.inputInsidePopup), p = M.length === 0, o = q({
+    anchor: f ?? (N ? d : m),
+    floatingRootContext: R,
+    positionMethod: g,
+    mounted: i,
+    side: b,
+    sideOffset: x,
+    align: h,
+    alignOffset: C,
+    arrowPadding: E,
+    collisionBoundary: P,
+    collisionPadding: y,
+    sticky: w,
+    disableAnchorTracking: S,
+    keepMounted: A,
+    collisionAvoidance: v,
+    lazyFlip: !0
+  });
+  B(r && l && O !== "touch", d);
+  const k = a.useMemo(() => {
+    const s = {
+      ...o.positionerStyles
+    };
+    return r || (s.pointerEvents = "none"), {
+      role: "presentation",
+      hidden: !i,
+      style: s
+    };
+  }, [r, i, o.positionerStyles]), H = a.useMemo(() => ({
+    open: r,
+    side: o.side,
+    align: o.align,
+    anchorHidden: o.anchorHidden,
+    empty: p
+  }), [r, o.side, o.align, o.anchorHidden, p]);
+  U(() => {
+    e.set("popupSide", o.side);
+  }, [e, o.side]);
+  const D = a.useMemo(() => ({
+    side: o.side,
+    align: o.align,
+    arrowRef: o.arrowRef,
+    arrowUncentered: o.arrowUncentered,
+    arrowStyles: o.arrowStyles,
+    anchorHidden: o.anchorHidden,
+    isPositioned: o.isPositioned
+  }), [o.side, o.align, o.arrowRef, o.arrowUncentered, o.arrowStyles, o.anchorHidden, o.isPositioned]), L = _((s) => {
+    e.set("positionerElement", s);
+  }), V = Q("div", c, {
+    state: H,
+    ref: [u, L],
+    props: [k, I],
+    stateAttributesMapping: G
+  });
+  return /* @__PURE__ */ Y(W.Provider, {
+    value: D,
+    children: [i && l && /* @__PURE__ */ Z(X, {
+      inert: j(!r),
+      cutout: m ?? d
+    }), V]
+  });
+});
+process.env.NODE_ENV !== "production" && ($.displayName = "ComboboxPositioner");
+export {
+  $ as ComboboxPositioner
+};

package/dist/index36.js

@@ -0,0 +1,69 @@
+"use client";
+import * as g from "react";
+import { useRenderElement as v } from "./index86.js";
+import { useComboboxRootContext as P, useComboboxFloatingContext as S, useComboboxDerivedItemsContext as D } from "./index219.js";
+import { selectors as e } from "./index220.js";
+import { popupStateMapping as y } from "./index111.js";
+import { useComboboxPositionerContext as N } from "./index223.js";
+import { useOpenChangeComplete as T } from "./index119.js";
+import { transitionStatusMapping as H } from "./index112.js";
+import { getDisabledMountTransitionStyles as O } from "./index167.js";
+import { jsx as j } from "react/jsx-runtime";
+import { FloatingFocusManager as w } from "./index121.js";
+import { useStore as n } from "./index149.js";
+import { getTarget as A, contains as V } from "./index155.js";
+const _ = {
+  ...y,
+  ...H
+}, k = /* @__PURE__ */ g.forwardRef(function(u, b) {
+  const {
+    render: z,
+    className: B,
+    initialFocus: m,
+    finalFocus: c,
+    ...C
+  } = u, t = P(), o = N(), x = S(), {
+    filteredItems: F
+  } = D(), h = n(t, e.mounted), s = n(t, e.open), l = n(t, e.openMethod), p = n(t, e.transitionStatus), i = n(t, e.inputInsidePopup), I = n(t, e.inputElement), d = F.length === 0;
+  T({
+    open: s,
+    ref: t.state.popupRef,
+    onComplete() {
+      s && t.state.onOpenChangeComplete(!0);
+    }
+  });
+  const R = g.useMemo(() => ({
+    open: s,
+    side: o.side,
+    align: o.align,
+    anchorHidden: o.anchorHidden,
+    transitionStatus: p,
+    empty: d
+  }), [s, o.side, o.align, o.anchorHidden, p, d]), M = v("div", u, {
+    state: R,
+    ref: [b, t.state.popupRef],
+    props: [{
+      role: i ? "dialog" : "presentation",
+      tabIndex: -1,
+      onFocus(r) {
+        const f = A(r.nativeEvent);
+        l !== "touch" && (V(t.state.listElement, f) || f === r.currentTarget) && t.state.inputRef.current?.focus();
+      }
+    }, O(p), C],
+    stateAttributesMapping: _
+  }), E = m === void 0 ? i ? (r) => r === "touch" ? t.state.popupRef.current : I : !1 : m;
+  let a;
+  return c != null ? a = c : a = i ? void 0 : !1, /* @__PURE__ */ j(w, {
+    context: x,
+    disabled: !h,
+    modal: !i,
+    openInteractionType: l,
+    initialFocus: E,
+    returnFocus: a,
+    children: M
+  });
+});
+process.env.NODE_ENV !== "production" && (k.displayName = "ComboboxPopup");
+export {
+  k as ComboboxPopup
+};

package/dist/index37.js

@@ -0,0 +1,66 @@
+"use client";
+import * as r from "react";
+import { useStableCallback as u } from "./index102.js";
+import { useRenderElement as A } from "./index86.js";
+import { useComboboxRootContext as K, useComboboxFloatingContext as _, useComboboxDerivedItemsContext as j } from "./index219.js";
+import { useComboboxPositionerContext as B } from "./index223.js";
+import { selectors as t } from "./index220.js";
+import { ComboboxCollection as F } from "./index42.js";
+import { CompositeList as V } from "./index158.js";
+import { jsx as d } from "react/jsx-runtime";
+import { useStore as o } from "./index149.js";
+import { stopEvent as q } from "./index221.js";
+const G = /* @__PURE__ */ r.forwardRef(function(i, p) {
+  var l;
+  const {
+    render: J,
+    className: Q,
+    children: s,
+    ...b
+  } = i, e = K(), C = _(), x = !!B(!0), {
+    filteredItems: v
+  } = j(), R = o(e, t.items), E = o(e, t.labelsRef), y = o(e, t.listRef), g = o(e, t.selectionMode), I = o(e, t.grid), h = o(e, t.popupProps), P = o(e, t.disabled), k = o(e, t.readOnly), L = o(e, t.virtualized), M = g === "multiple", c = v.length === 0, D = u((n) => {
+    e.set("positionerElement", n);
+  }), N = u((n) => {
+    e.set("listElement", n);
+  }), w = r.useMemo(() => typeof s == "function" ? l || (l = /* @__PURE__ */ d(F, {
+    children: s
+  })) : s, [s]), O = r.useMemo(() => ({
+    empty: c
+  }), [c]), S = C.useState("floatingId"), m = A("div", i, {
+    state: O,
+    ref: [p, N, x ? null : D],
+    props: [h, {
+      children: w,
+      tabIndex: -1,
+      id: S,
+      role: I ? "grid" : "listbox",
+      "aria-multiselectable": M ? "true" : void 0,
+      onKeyDown(n) {
+        if (!(P || k) && n.key === "Enter") {
+          const a = e.state.activeIndex;
+          if (a == null)
+            return;
+          q(n);
+          const z = n.nativeEvent, f = e.state.listRef.current[a];
+          f && (e.state.selectionEventRef.current = z, f.click(), e.state.selectionEventRef.current = null);
+        }
+      },
+      onKeyDownCapture() {
+        e.state.keyboardActiveRef.current = !0;
+      },
+      onPointerMoveCapture() {
+        e.state.keyboardActiveRef.current = !1;
+      }
+    }, b]
+  });
+  return L ? m : /* @__PURE__ */ d(V, {
+    elementsRef: y,
+    labelsRef: R ? void 0 : E,
+    children: m
+  });
+});
+process.env.NODE_ENV !== "production" && (G.displayName = "ComboboxList");
+export {
+  G as ComboboxList
+};

package/dist/index38.js

@@ -0,0 +1,113 @@
+"use client";
+import * as l from "react";
+import * as j from "react-dom";
+import { useIsoLayoutEffect as C } from "./index104.js";
+import { useComboboxRootContext as U, useComboboxDerivedItemsContext as W } from "./index219.js";
+import { useCompositeListItem as _, IndexGuessBehavior as H } from "./index168.js";
+import { useRenderElement as J } from "./index86.js";
+import { ComboboxItemContext as K } from "./index227.js";
+import { selectors as n } from "./index220.js";
+import { useComboboxRowContext as Q } from "./index228.js";
+import { findItemIndex as X, compareItemEquality as Y } from "./index142.js";
+import { jsx as Z } from "react/jsx-runtime";
+import { useButton as ee } from "./index88.js";
+import { useStore as s } from "./index149.js";
+const te = /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef(function(E, M) {
+  const {
+    render: ne,
+    className: se,
+    value: i = null,
+    index: a,
+    disabled: c = !1,
+    nativeButton: O = !1,
+    ...w
+  } = E, m = l.useRef(!1), x = l.useRef(null), b = _({
+    index: a,
+    textRef: x,
+    indexGuessBehavior: H.GuessFromOrder
+  }), e = U(), B = Q(), {
+    flatFilteredItems: q
+  } = W(), P = s(e, n.open), I = s(e, n.selectionMode), S = s(e, n.readOnly), v = s(e, n.virtualized), R = s(e, n.isItemEqualToValue), V = I !== "none", o = a ?? (v ? X(q, i, R) : b.index), u = b.index !== -1, g = s(e, n.id), f = s(e, n.isActive, o), N = s(e, n.isSelected, i), p = s(e, n.items), A = s(e, n.getItemProps), y = l.useRef(null), F = g != null && u ? `${g}-${o}` : void 0, d = N && V;
+  C(() => {
+    if (!(u && (v || a != null)))
+      return;
+    const r = e.state.listRef.current;
+    return r[o] = y.current, () => {
+      delete r[o];
+    };
+  }, [u, v, o, a, e]), C(() => {
+    if (!u || p)
+      return;
+    const t = e.state.valuesRef.current;
+    return t[o] = i, I !== "none" && e.state.allValuesRef.current.push(i), () => {
+      delete t[o];
+    };
+  }, [u, p, o, i, e, I]), C(() => {
+    if (!P) {
+      m.current = !1;
+      return;
+    }
+    if (!u || p)
+      return;
+    const t = e.state.selectedValue, r = Array.isArray(t) ? t[t.length - 1] : t;
+    Y(r, i, R) && e.set("selectedIndex", o);
+  }, [u, p, P, e, o, i, R]);
+  const G = l.useMemo(() => ({
+    disabled: c,
+    selected: d,
+    highlighted: f
+  }), [c, d, f]), h = A({
+    active: f,
+    selected: d
+  });
+  h.id = void 0, h.onFocus = void 0;
+  const {
+    getButtonProps: k,
+    buttonRef: z
+  } = ee({
+    disabled: c,
+    focusableWhenDisabled: !0,
+    native: O
+  });
+  function D(t) {
+    function r() {
+      e.state.handleSelection(t, i);
+    }
+    e.state.submitOnItemClick ? (j.flushSync(r), e.state.requestSubmit()) : r();
+  }
+  const L = {
+    id: F,
+    role: B ? "gridcell" : "option",
+    "aria-disabled": c || void 0,
+    "aria-selected": V ? d : void 0,
+    // Focusable items steal focus from the input upon mouseup.
+    // Warn if the user renders a natively focusable element like `<button>`,
+    // as it should be a `<div>` instead.
+    tabIndex: void 0,
+    onPointerDownCapture(t) {
+      m.current = !0, t.preventDefault();
+    },
+    onClick(t) {
+      c || S || D(t.nativeEvent);
+    },
+    onMouseUp(t) {
+      const r = m.current;
+      m.current = !1, !(c || S || t.button !== 0 || r || !f) && D(t.nativeEvent);
+    }
+  }, T = J("div", E, {
+    ref: [z, M, b.ref, y],
+    state: G,
+    props: [h, L, w, k]
+  }), $ = l.useMemo(() => ({
+    selected: d,
+    textRef: x
+  }), [d, x]);
+  return /* @__PURE__ */ Z(K.Provider, {
+    value: $,
+    children: T
+  });
+}));
+process.env.NODE_ENV !== "production" && (te.displayName = "ComboboxItem");
+export {
+  te as ComboboxItem
+};

package/dist/index39.js

@@ -0,0 +1,53 @@
+"use client";
+import * as t from "react";
+import { useComboboxItemContext as d } from "./index227.js";
+import { useTransitionStatus as b } from "./index137.js";
+import { useOpenChangeComplete as I } from "./index119.js";
+import { useRenderElement as C } from "./index86.js";
+import { transitionStatusMapping as R } from "./index112.js";
+import { jsx as x } from "react/jsx-runtime";
+const M = /* @__PURE__ */ t.forwardRef(function(o, r) {
+  const s = o.keepMounted ?? !1, {
+    selected: i
+  } = d();
+  return s || i ? /* @__PURE__ */ x(p, {
+    ...o,
+    ref: r
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (M.displayName = "ComboboxItemIndicator");
+const p = /* @__PURE__ */ t.memo(/* @__PURE__ */ t.forwardRef((n, o) => {
+  const {
+    render: r,
+    className: s,
+    keepMounted: i,
+    ...m
+  } = n, {
+    selected: e
+  } = d(), a = t.useRef(null), {
+    transitionStatus: u,
+    setMounted: c
+  } = b(e), f = t.useMemo(() => ({
+    selected: e,
+    transitionStatus: u
+  }), [e, u]), l = C("span", n, {
+    ref: [o, a],
+    state: f,
+    props: [{
+      "aria-hidden": !0,
+      children: "✔️"
+    }, m],
+    stateAttributesMapping: R
+  });
+  return I({
+    open: e,
+    ref: a,
+    onComplete() {
+      e || c(!1);
+    }
+  }), l;
+}));
+process.env.NODE_ENV !== "production" && (p.displayName = "Inner");
+export {
+  M as ComboboxItemIndicator
+};

package/dist/index4.js

@@ -0,0 +1,47 @@
+import { cva as a } from "./index25.js";
+import { cn as o } from "./index16.js";
+import { useRender as n } from "./index26.js";
+import { mergeProps as d } from "./index27.js";
+const s = a(
+  "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
+        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function l({
+  className: r,
+  variant: e = "default",
+  render: t,
+  ...i
+}) {
+  return n({
+    defaultTagName: "span",
+    props: d(
+      {
+        className: o(s({ className: r, variant: e }))
+      },
+      i
+    ),
+    render: t,
+    state: {
+      slot: "badge",
+      variant: e
+    }
+  });
+}
+export {
+  l as Badge,
+  s as badgeVariants
+};

package/dist/index40.js

@@ -0,0 +1,35 @@
+"use client";
+import * as r from "react";
+import { useRenderElement as u } from "./index86.js";
+import { ComboboxGroupContext as c } from "./index225.js";
+import { GroupCollectionProvider as d } from "./index226.js";
+import { jsx as s } from "react/jsx-runtime";
+const b = /* @__PURE__ */ r.forwardRef(function(t, i) {
+  const {
+    render: x,
+    className: C,
+    items: e,
+    ...l
+  } = t, [o, m] = r.useState(), p = r.useMemo(() => ({
+    labelId: o,
+    setLabelId: m,
+    items: e
+  }), [o, m, e]), a = u("div", t, {
+    ref: i,
+    props: [{
+      role: "group",
+      "aria-labelledby": o
+    }, l]
+  }), n = /* @__PURE__ */ s(c.Provider, {
+    value: p,
+    children: a
+  });
+  return e ? /* @__PURE__ */ s(d, {
+    items: e,
+    children: n
+  }) : n;
+});
+process.env.NODE_ENV !== "production" && (b.displayName = "ComboboxGroup");
+export {
+  b as ComboboxGroup
+};

package/dist/index41.js

@@ -0,0 +1,28 @@
+"use client";
+import * as n from "react";
+import { useIsoLayoutEffect as i } from "./index104.js";
+import { useBaseUiId as p } from "./index115.js";
+import { useComboboxGroupContext as u } from "./index225.js";
+import { useRenderElement as a } from "./index86.js";
+const d = /* @__PURE__ */ n.forwardRef(function(r, t) {
+  const {
+    render: b,
+    className: c,
+    id: s,
+    ...m
+  } = r, {
+    setLabelId: e
+  } = u(), o = p(s);
+  return i(() => (e(o), () => {
+    e(void 0);
+  }), [o, e]), a("div", r, {
+    ref: t,
+    props: [{
+      id: o
+    }, m]
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "ComboboxGroupLabel");
+export {
+  d as ComboboxGroupLabel
+};

package/dist/index42.js

@@ -0,0 +1,18 @@
+"use client";
+import * as m from "react";
+import { useComboboxDerivedItemsContext as i } from "./index219.js";
+import { useGroupCollectionContext as s } from "./index226.js";
+import { jsx as c } from "react/jsx-runtime";
+function f(e) {
+  const {
+    children: r
+  } = e, {
+    filteredItems: n
+  } = i(), o = s(), t = o ? o.items : n;
+  return t ? /* @__PURE__ */ c(m.Fragment, {
+    children: t.map(r)
+  }) : null;
+}
+export {
+  f as ComboboxCollection
+};

package/dist/index43.js

@@ -0,0 +1,27 @@
+"use client";
+import * as i from "react";
+import { useRenderElement as l } from "./index86.js";
+import { useComboboxDerivedItemsContext as a, useComboboxRootContext as c } from "./index219.js";
+const p = /* @__PURE__ */ i.forwardRef(function(e, o) {
+  const {
+    render: b,
+    className: f,
+    children: t,
+    ...r
+  } = e, {
+    filteredItems: s
+  } = a(), m = c(), n = s.length === 0 ? t : null;
+  return l("div", e, {
+    ref: [o, m.state.emptyRef],
+    props: [{
+      children: n,
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": !0
+    }, r]
+  });
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "ComboboxEmpty");
+export {
+  p as ComboboxEmpty
+};

package/dist/index44.js

@@ -0,0 +1,25 @@
+"use client";
+import * as o from "react";
+import { useRenderElement as s } from "./index86.js";
+const i = /* @__PURE__ */ o.forwardRef(function(r, t) {
+  const {
+    className: m,
+    render: c,
+    orientation: e = "horizontal",
+    ...a
+  } = r, n = o.useMemo(() => ({
+    orientation: e
+  }), [e]);
+  return s("div", r, {
+    state: n,
+    ref: t,
+    props: [{
+      role: "separator",
+      "aria-orientation": e
+    }, a]
+  });
+});
+process.env.NODE_ENV !== "production" && (i.displayName = "Separator");
+export {
+  i as Separator
+};

package/dist/index45.js

@@ -0,0 +1,36 @@
+"use client";
+import * as e from "react";
+import { useRenderElement as h } from "./index86.js";
+import { ComboboxChipsContext as u } from "./index222.js";
+import { CompositeList as C } from "./index158.js";
+import { useComboboxRootContext as l } from "./index219.js";
+import { selectors as a } from "./index220.js";
+import { jsx as n } from "react/jsx-runtime";
+import { useStore as x } from "./index149.js";
+const b = /* @__PURE__ */ e.forwardRef(function(i, m) {
+  const {
+    render: g,
+    className: v,
+    ...p
+  } = i, r = l(), f = x(r, a.open), [o, t] = e.useState(void 0);
+  f && o !== void 0 && t(void 0);
+  const s = e.useRef([]), c = h("div", i, {
+    ref: [m, r.state.chipsContainerRef],
+    props: p
+  }), d = e.useMemo(() => ({
+    highlightedChipIndex: o,
+    setHighlightedChipIndex: t,
+    chipsRef: s
+  }), [o, t, s]);
+  return /* @__PURE__ */ n(u.Provider, {
+    value: d,
+    children: /* @__PURE__ */ n(C, {
+      elementsRef: s,
+      children: c
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (b.displayName = "ComboboxChips");
+export {
+  b as ComboboxChips
+};