@yselimcan/ui 0.0.2 → 0.0.4

package/dist/index73.js

@@ -0,0 +1,43 @@
+"use client";
+import * as u from "react";
+import { useStableCallback as S } from "./index102.js";
+import { useSelectRootContext as N } from "./index133.js";
+import { useSelectPositionerContext as L } from "./index160.js";
+import { useRenderElement as b } from "./index86.js";
+import { styleDisableScrollbar as h } from "./index165.js";
+import { LIST_FUNCTIONAL_STYLES as E } from "./index161.js";
+import { selectors as t } from "./index138.js";
+import { useStore as o } from "./index149.js";
+const R = /* @__PURE__ */ u.forwardRef(function(s, l) {
+  const {
+    className: g,
+    render: x,
+    ...i
+  } = s, {
+    store: e,
+    scrollHandlerRef: c
+  } = N(), {
+    alignItemWithTriggerActive: n
+  } = L(), m = o(e, t.hasScrollArrows), a = o(e, t.openMethod), p = o(e, t.multiple), d = {
+    id: `${o(e, t.id)}-list`,
+    role: "listbox",
+    "aria-multiselectable": p || void 0,
+    onScroll(r) {
+      c.current?.(r.currentTarget);
+    },
+    ...n && {
+      style: E
+    },
+    className: m && a !== "touch" ? h.className : void 0
+  }, f = S((r) => {
+    e.set("listElement", r);
+  });
+  return b("div", s, {
+    ref: [l, f],
+    props: [d, i]
+  });
+});
+process.env.NODE_ENV !== "production" && (R.displayName = "SelectList");
+export {
+  R as SelectList
+};

package/dist/index74.js

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

package/dist/index75.js

@@ -0,0 +1,148 @@
+"use client";
+import * as r from "react";
+import { useIsoLayoutEffect as A } from "./index104.js";
+import { useValueAsRef as Q } from "./index132.js";
+import { isMouseWithinBounds as X } from "./index163.js";
+import { useTimeout as Y } from "./index152.js";
+import { useSelectRootContext as Z } from "./index133.js";
+import { useCompositeListItem as $, IndexGuessBehavior as ee } from "./index168.js";
+import { useRenderElement as te } from "./index86.js";
+import { SelectItemContext as ne } from "./index169.js";
+import { selectors as v } from "./index138.js";
+import { createChangeEventDetails as g } from "./index113.js";
+import { compareItemEquality as oe, removeItem as re } from "./index142.js";
+import { jsx as se } from "react/jsx-runtime";
+import { useButton as ue } from "./index88.js";
+import { useStore as x } from "./index149.js";
+import { itemPress as S } from "./index114.js";
+const ie = /* @__PURE__ */ r.memo(/* @__PURE__ */ r.forwardRef(function(E, D) {
+  const {
+    render: ce,
+    className: ae,
+    value: s = null,
+    label: C,
+    disabled: i = !1,
+    nativeButton: F = !1,
+    ...k
+  } = E, I = r.useRef(null), a = $({
+    label: C,
+    textRef: I,
+    indexGuessBehavior: ee.GuessFromOrder
+  }), {
+    store: t,
+    getItemProps: N,
+    setOpen: O,
+    setValue: w,
+    selectionRef: R,
+    typingRef: q,
+    valuesRef: U,
+    keyboardActiveRef: V,
+    multiple: h,
+    highlightItemOnHover: P
+  } = Z(), G = Y(), l = x(t, v.isActive, a.index), o = x(t, v.isSelected, a.index, s), b = x(t, v.isSelectedByFocus, a.index), y = x(t, v.isItemEqualToValue), n = a.index, c = n !== -1, L = r.useRef(null), B = Q(n);
+  A(() => {
+    if (!c)
+      return;
+    const e = U.current;
+    return e[n] = s, () => {
+      delete e[n];
+    };
+  }, [c, n, s, U]), A(() => {
+    if (!c)
+      return;
+    const e = t.state.value;
+    let u = e;
+    h && Array.isArray(e) && e.length > 0 && (u = e[e.length - 1]), u !== void 0 && oe(u, s, y) && t.set("selectedIndex", n);
+  }, [c, n, h, y, t, s]);
+  const K = r.useMemo(() => ({
+    disabled: i,
+    selected: o,
+    highlighted: l
+  }), [i, o, l]), M = N({
+    active: l,
+    selected: o
+  });
+  M.onFocus = void 0, M.id = void 0;
+  const d = r.useRef(null), f = r.useRef("mouse"), m = r.useRef(!1), {
+    getButtonProps: W,
+    buttonRef: j
+  } = ue({
+    disabled: i,
+    focusableWhenDisabled: !0,
+    native: F
+  });
+  function T(e) {
+    const u = t.state.value;
+    if (h) {
+      const p = Array.isArray(u) ? u : [], J = o ? re(p, s, y) : [...p, s];
+      w(J, g(S, e));
+    } else
+      w(s, g(S, e)), O(!1, g(S, e));
+  }
+  const H = {
+    role: "option",
+    "aria-selected": o,
+    "aria-disabled": i || void 0,
+    tabIndex: l ? 0 : -1,
+    onFocus() {
+      t.set("activeIndex", n);
+    },
+    onMouseEnter() {
+      !V.current && t.state.selectedIndex === null && t.set("activeIndex", n);
+    },
+    onMouseMove() {
+      P && t.set("activeIndex", n);
+    },
+    onMouseLeave(e) {
+      !P || V.current || X(e) || G.start(0, () => {
+        t.state.activeIndex === n && t.set("activeIndex", null);
+      });
+    },
+    onTouchStart() {
+      R.current = {
+        allowSelectedMouseUp: !1,
+        allowUnselectedMouseUp: !1
+      };
+    },
+    onKeyDown(e) {
+      d.current = e.key, t.set("activeIndex", n);
+    },
+    onClick(e) {
+      m.current = !1, !(e.type === "keydown" && d.current === null) && (i || d.current === " " && q.current || f.current !== "touch" && !l || (d.current = null, T(e.nativeEvent)));
+    },
+    onPointerEnter(e) {
+      f.current = e.pointerType;
+    },
+    onPointerDown(e) {
+      f.current = e.pointerType, m.current = !0;
+    },
+    onMouseUp(e) {
+      if (i)
+        return;
+      if (m.current) {
+        m.current = !1;
+        return;
+      }
+      const u = !R.current.allowSelectedMouseUp && o, p = !R.current.allowUnselectedMouseUp && !o;
+      u || p || f.current !== "touch" && !l || T(e.nativeEvent);
+    }
+  }, _ = te("div", E, {
+    ref: [j, D, a.ref, L],
+    state: K,
+    props: [M, H, k, W]
+  }), z = r.useMemo(() => ({
+    selected: o,
+    indexRef: B,
+    textRef: I,
+    selectedByFocus: b,
+    hasRegistered: c
+  }), [o, B, I, b, c]);
+  return /* @__PURE__ */ se(ne.Provider, {
+    value: z,
+    children: _
+  });
+}));
+process.env.NODE_ENV !== "production" && (ie.displayName = "SelectItem");
+export {
+  ie as SelectItem
+};

package/dist/index76.js

@@ -0,0 +1,32 @@
+"use client";
+import * as t from "react";
+import { useSelectRootContext as a } from "./index133.js";
+import { useSelectItemContext as d } from "./index169.js";
+import { useRenderElement as x } from "./index86.js";
+const p = /* @__PURE__ */ t.memo(/* @__PURE__ */ t.forwardRef(function(r, l) {
+  const {
+    indexRef: c,
+    textRef: m,
+    selectedByFocus: o,
+    hasRegistered: n
+  } = d(), {
+    selectedItemTextRef: e
+  } = a(), {
+    className: I,
+    render: S,
+    ...f
+  } = r, i = t.useCallback((s) => {
+    if (!s || !n)
+      return;
+    const u = e.current === null || !e.current.isConnected;
+    (o || u && c.current === 0) && (e.current = s);
+  }, [e, c, o, n]);
+  return x("div", r, {
+    ref: [i, l, m],
+    props: f
+  });
+}));
+process.env.NODE_ENV !== "production" && (p.displayName = "SelectItemText");
+export {
+  p as SelectItemText
+};

package/dist/index77.js

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

package/dist/index78.js

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

package/dist/index79.js

@@ -0,0 +1,15 @@
+"use client";
+import * as e from "react";
+import { SelectScrollArrow as c } from "./index170.js";
+import { jsx as t } from "react/jsx-runtime";
+const l = /* @__PURE__ */ e.forwardRef(function(r, o) {
+  return /* @__PURE__ */ t(c, {
+    ...r,
+    ref: o,
+    direction: "down"
+  });
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "SelectScrollDownArrow");
+export {
+  l as SelectScrollDownArrow
+};

package/dist/index8.js

@@ -0,0 +1,264 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import "react";
+import { cn as a } from "./index16.js";
+import u from "./index29.js";
+import m from "./index51.js";
+import { MenuRoot as p } from "./index52.js";
+import { MenuPortal as c } from "./index53.js";
+import { MenuTrigger as l } from "./index54.js";
+import { MenuPositioner as f } from "./index55.js";
+import { MenuPopup as g } from "./index56.js";
+import { MenuGroup as v } from "./index57.js";
+import { MenuGroupLabel as x } from "./index58.js";
+import { MenuItem as w } from "./index59.js";
+import { MenuCheckboxItem as h } from "./index60.js";
+import { MenuCheckboxItemIndicator as b } from "./index61.js";
+import { MenuRadioGroup as M } from "./index62.js";
+import { MenuRadioItem as D } from "./index63.js";
+import { MenuRadioItemIndicator as z } from "./index64.js";
+import { Separator as N } from "./index44.js";
+import { MenuSubmenuRoot as k } from "./index65.js";
+import { MenuSubmenuTrigger as y } from "./index66.js";
+function W({ ...e }) {
+  return /* @__PURE__ */ t(p, { "data-slot": "dropdown-menu", ...e });
+}
+function X({ ...e }) {
+  return /* @__PURE__ */ t(c, { "data-slot": "dropdown-menu-portal", ...e });
+}
+function Y({ ...e }) {
+  return /* @__PURE__ */ t(l, { "data-slot": "dropdown-menu-trigger", ...e });
+}
+function _({
+  align: e = "start",
+  alignOffset: o = 0,
+  side: n = "bottom",
+  sideOffset: r = 4,
+  className: d,
+  ...i
+}) {
+  return /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(
+    f,
+    {
+      className: "isolate z-50 outline-none",
+      align: e,
+      alignOffset: o,
+      side: n,
+      sideOffset: r,
+      children: /* @__PURE__ */ t(
+        g,
+        {
+          "data-slot": "dropdown-menu-content",
+          className: a(
+            "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 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden",
+            d
+          ),
+          ...i
+        }
+      )
+    }
+  ) });
+}
+function Z({ ...e }) {
+  return /* @__PURE__ */ t(v, { "data-slot": "dropdown-menu-group", ...e });
+}
+function $({
+  className: e,
+  inset: o,
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    x,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": o,
+      className: a(
+        "text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8",
+        e
+      ),
+      ...n
+    }
+  );
+}
+function ee({
+  className: e,
+  inset: o,
+  variant: n = "default",
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    w,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": o,
+      "data-variant": n,
+      className: a(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function te({ ...e }) {
+  return /* @__PURE__ */ t(k, { "data-slot": "dropdown-menu-sub", ...e });
+}
+function oe({
+  className: e,
+  inset: o,
+  children: n,
+  ...r
+}) {
+  return /* @__PURE__ */ s(
+    y,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": o,
+      className: a(
+        "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        e
+      ),
+      ...r,
+      children: [
+        n,
+        /* @__PURE__ */ t(m, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function ne({
+  align: e = "start",
+  alignOffset: o = -3,
+  side: n = "right",
+  sideOffset: r = 0,
+  className: d,
+  ...i
+}) {
+  return /* @__PURE__ */ t(
+    _,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: a(
+        "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 bg-popover text-popover-foreground min-w-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto",
+        d
+      ),
+      align: e,
+      alignOffset: o,
+      side: n,
+      sideOffset: r,
+      ...i
+    }
+  );
+}
+function re({
+  className: e,
+  children: o,
+  checked: n,
+  ...r
+}) {
+  return /* @__PURE__ */ s(
+    h,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: a(
+        "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        e
+      ),
+      checked: n,
+      ...r,
+      children: [
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: "pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none",
+            "data-slot": "dropdown-menu-checkbox-item-indicator",
+            children: /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(u, {}) })
+          }
+        ),
+        o
+      ]
+    }
+  );
+}
+function ae({ ...e }) {
+  return /* @__PURE__ */ t(
+    M,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...e
+    }
+  );
+}
+function de({
+  className: e,
+  children: o,
+  ...n
+}) {
+  return /* @__PURE__ */ s(
+    D,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: a(
+        "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        e
+      ),
+      ...n,
+      children: [
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: "pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none",
+            "data-slot": "dropdown-menu-radio-item-indicator",
+            children: /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(u, {}) })
+          }
+        ),
+        o
+      ]
+    }
+  );
+}
+function ie({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    N,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: a("bg-border -mx-1 my-1 h-px", e),
+      ...o
+    }
+  );
+}
+function se({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: a(
+        "text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest",
+        e
+      ),
+      ...o
+    }
+  );
+}
+export {
+  W as DropdownMenu,
+  re as DropdownMenuCheckboxItem,
+  _ as DropdownMenuContent,
+  Z as DropdownMenuGroup,
+  ee as DropdownMenuItem,
+  $ as DropdownMenuLabel,
+  X as DropdownMenuPortal,
+  ae as DropdownMenuRadioGroup,
+  de as DropdownMenuRadioItem,
+  ie as DropdownMenuSeparator,
+  se as DropdownMenuShortcut,
+  te as DropdownMenuSub,
+  ne as DropdownMenuSubContent,
+  oe as DropdownMenuSubTrigger,
+  Y as DropdownMenuTrigger
+};

package/dist/index80.js

@@ -0,0 +1,15 @@
+"use client";
+import * as e from "react";
+import { SelectScrollArrow as c } from "./index170.js";
+import { jsx as t } from "react/jsx-runtime";
+const l = /* @__PURE__ */ e.forwardRef(function(r, o) {
+  return /* @__PURE__ */ t(c, {
+    ...r,
+    ref: o,
+    direction: "up"
+  });
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "SelectScrollUpArrow");
+export {
+  l as SelectScrollUpArrow
+};