@yselimcan/ui 0.0.1 → 0.0.3

package/dist/index56.js

@@ -0,0 +1,88 @@
+"use client";
+import * as a from "react";
+import { useMenuRootContext as O } from "./index133.js";
+import { useMenuPositionerContext as D } from "./index135.js";
+import { useRenderElement as I } from "./index86.js";
+import { popupStateMapping as N } from "./index111.js";
+import { transitionStatusMapping as w } from "./index112.js";
+import { useOpenChangeComplete as G } from "./index119.js";
+import { createChangeEventDetails as K } from "./index113.js";
+import { useToolbarRootContext as _ } from "./index138.js";
+import { COMPOSITE_KEYS as j } from "./index120.js";
+import { getDisabledMountTransitionStyles as k } from "./index139.js";
+import { jsx as A } from "react/jsx-runtime";
+import { useHoverFloatingInteraction as H } from "./index140.js";
+import { FloatingFocusManager as V } from "./index121.js";
+import { outsidePress as Y } from "./index114.js";
+const q = {
+  ...N,
+  ...w
+}, z = /* @__PURE__ */ a.forwardRef(function(u, g) {
+  const {
+    render: J,
+    className: L,
+    finalFocus: i,
+    ...S
+  } = u, {
+    store: e
+  } = O(), {
+    side: p,
+    align: c
+  } = D(), y = _() != null, n = e.useState("open"), r = e.useState("transitionStatus"), b = e.useState("popupProps"), x = e.useState("mounted"), l = e.useState("instantType"), C = e.useState("activeTriggerElement"), t = e.useState("parent"), E = e.useState("lastOpenChangeReason"), R = e.useState("rootId"), m = e.useState("floatingRootContext"), s = e.useState("floatingTreeRoot"), F = e.useState("closeDelay"), T = e.useState("activeTriggerElement");
+  G({
+    open: n,
+    ref: e.context.popupRef,
+    onComplete() {
+      n && e.context.onOpenChangeComplete?.(!0);
+    }
+  }), a.useEffect(() => {
+    function o(d) {
+      e.setOpen(!1, K(d.reason, d.domEvent));
+    }
+    return s.events.on("close", o), () => {
+      s.events.off("close", o);
+    };
+  }, [s.events, e]);
+  const v = e.useState("hoverEnabled"), M = e.useState("disabled");
+  H(m, {
+    enabled: v && !M && t.type !== "context-menu" && t.type !== "menubar",
+    closeDelay: F
+  });
+  const h = a.useMemo(() => ({
+    transitionStatus: r,
+    side: p,
+    align: c,
+    open: n,
+    nested: t.type === "menu",
+    instant: l
+  }), [r, p, c, n, t.type, l]), P = I("div", u, {
+    state: h,
+    ref: [g, e.context.popupRef],
+    stateAttributesMapping: q,
+    props: [b, {
+      onKeyDown(o) {
+        y && j.has(o.key) && o.stopPropagation();
+      }
+    }, k(r), S, {
+      "data-rootownerid": R
+    }]
+  });
+  let f = t.type === void 0 || t.type === "context-menu";
+  return (C || t.type === "menubar" && E !== Y) && (f = !0), /* @__PURE__ */ A(V, {
+    context: m,
+    modal: !1,
+    disabled: !x,
+    returnFocus: i === void 0 ? f : i,
+    initialFocus: t.type !== "menu",
+    restoreFocus: !0,
+    externalTree: t.type !== "menubar" ? s : void 0,
+    previousFocusableElement: T,
+    nextFocusableElement: t.type === void 0 ? e.context.triggerFocusTargetRef : void 0,
+    beforeContentFocusGuardRef: t.type === void 0 ? e.context.beforeContentFocusGuardRef : void 0,
+    children: P
+  });
+});
+process.env.NODE_ENV !== "production" && (z.displayName = "MenuPopup");
+export {
+  z as MenuPopup
+};

package/dist/index57.js

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

package/dist/index58.js

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

package/dist/index59.js

@@ -0,0 +1,48 @@
+"use client";
+import * as n from "react";
+import { useMenuItem as P, REGULAR_ITEM as x } from "./index131.js";
+import { useMenuRootContext as C } from "./index133.js";
+import { useRenderElement as E } from "./index86.js";
+import { useBaseUiId as v } from "./index115.js";
+import { useCompositeListItem as N } from "./index132.js";
+import { useMenuPositionerContext as g } from "./index135.js";
+const h = /* @__PURE__ */ n.forwardRef(function(s, r) {
+  const {
+    render: A,
+    className: B,
+    id: m,
+    label: u,
+    nativeButton: a = !1,
+    disabled: e = !1,
+    closeOnClick: d = !0,
+    ...c
+  } = s, i = N({
+    label: u
+  }), p = g(!0), f = v(m), {
+    store: t
+  } = C(), o = t.useState("isActive", i.index), l = t.useState("itemProps"), {
+    getItemProps: I,
+    itemRef: M
+  } = P({
+    closeOnClick: d,
+    disabled: e,
+    highlighted: o,
+    id: f,
+    store: t,
+    nativeButton: a,
+    nodeId: p?.nodeId,
+    itemMetadata: x
+  }), R = n.useMemo(() => ({
+    disabled: e,
+    highlighted: o
+  }), [e, o]);
+  return E("div", s, {
+    state: R,
+    props: [l, c, I],
+    ref: [M, r, i.ref]
+  });
+});
+process.env.NODE_ENV !== "production" && (h.displayName = "MenuItem");
+export {
+  h as MenuItem
+};

package/dist/index6.js

@@ -0,0 +1,93 @@
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { cn as d } from "./index16.js";
+function n({
+  className: a,
+  size: t = "default",
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card",
+      "data-size": t,
+      className: d("ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col", a),
+      ...e
+    }
+  );
+}
+function c({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: d(
+        "gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function l({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: d("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", a),
+      ...t
+    }
+  );
+}
+function u({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: d("text-muted-foreground text-sm", a),
+      ...t
+    }
+  );
+}
+function m({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: d(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function p({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: d("px-4 group-data-[size=sm]/card:px-3", a),
+      ...t
+    }
+  );
+}
+function f({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: d("bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center", a),
+      ...t
+    }
+  );
+}
+export {
+  n as Card,
+  m as CardAction,
+  p as CardContent,
+  u as CardDescription,
+  f as CardFooter,
+  c as CardHeader,
+  l as CardTitle
+};

package/dist/index60.js

@@ -0,0 +1,79 @@
+"use client";
+import * as c from "react";
+import { useStableCallback as A } from "./index95.js";
+import { useControlled as O } from "./index129.js";
+import { MenuCheckboxItemContext as S } from "./index130.js";
+import { useMenuItem as U, REGULAR_ITEM as B } from "./index131.js";
+import { useCompositeListItem as D } from "./index132.js";
+import { useMenuRootContext as L } from "./index133.js";
+import { useRenderElement as _ } from "./index86.js";
+import { useBaseUiId as j } from "./index115.js";
+import { itemMapping as w } from "./index134.js";
+import { useMenuPositionerContext as y } from "./index135.js";
+import { createChangeEventDetails as G } from "./index113.js";
+import { jsx as T } from "react/jsx-runtime";
+import { itemPress as V } from "./index114.js";
+const q = /* @__PURE__ */ c.forwardRef(function(r, a) {
+  const {
+    render: F,
+    className: H,
+    id: d,
+    label: l,
+    nativeButton: u = !1,
+    disabled: t = !1,
+    closeOnClick: p = !1,
+    checked: f,
+    defaultChecked: C,
+    onCheckedChange: h,
+    ...k
+  } = r, s = D({
+    label: l
+  }), x = y(!0), I = j(d), {
+    store: o
+  } = L(), n = o.useState("isActive", s.index), M = o.useState("itemProps"), [e, b] = O({
+    controlled: f,
+    default: C ?? !1,
+    name: "MenuCheckboxItem",
+    state: "checked"
+  }), {
+    getItemProps: v,
+    itemRef: P
+  } = U({
+    closeOnClick: p,
+    disabled: t,
+    highlighted: n,
+    id: I,
+    store: o,
+    nativeButton: u,
+    nodeId: x?.nodeId,
+    itemMetadata: B
+  }), i = c.useMemo(() => ({
+    disabled: t,
+    highlighted: n,
+    checked: e
+  }), [t, n, e]), g = A((R) => {
+    const m = {
+      ...G(V, R.nativeEvent),
+      preventUnmountOnClose: () => {
+      }
+    };
+    h?.(!e, m), !m.isCanceled && b((N) => !N);
+  }), E = _("div", r, {
+    state: i,
+    stateAttributesMapping: w,
+    props: [M, {
+      role: "menuitemcheckbox",
+      "aria-checked": e,
+      onClick: g
+    }, k, v],
+    ref: [P, a, s.ref]
+  });
+  return /* @__PURE__ */ T(S.Provider, {
+    value: i,
+    children: E
+  });
+});
+process.env.NODE_ENV !== "production" && (q.displayName = "MenuCheckboxItem");
+export {
+  q as MenuCheckboxItem
+};

package/dist/index61.js

@@ -0,0 +1,45 @@
+"use client";
+import * as t from "react";
+import { useMenuCheckboxItemContext as m } from "./index130.js";
+import { useRenderElement as h } from "./index86.js";
+import { itemMapping as p } from "./index134.js";
+import { useTransitionStatus as u } from "./index136.js";
+import { useOpenChangeComplete as l } from "./index119.js";
+const f = /* @__PURE__ */ t.forwardRef(function(n, s) {
+  const {
+    render: b,
+    className: g,
+    keepMounted: c = !1,
+    ...r
+  } = n, e = m(), o = t.useRef(null), {
+    transitionStatus: i,
+    setMounted: d
+  } = u(e.checked);
+  l({
+    open: e.checked,
+    ref: o,
+    onComplete() {
+      e.checked || d(!1);
+    }
+  });
+  const a = t.useMemo(() => ({
+    checked: e.checked,
+    disabled: e.disabled,
+    highlighted: e.highlighted,
+    transitionStatus: i
+  }), [e.checked, e.disabled, e.highlighted, i]);
+  return h("span", n, {
+    state: a,
+    ref: [s, o],
+    stateAttributesMapping: p,
+    props: {
+      "aria-hidden": !0,
+      ...r
+    },
+    enabled: c || e.checked
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "MenuCheckboxItemIndicator");
+export {
+  f as MenuCheckboxItemIndicator
+};

package/dist/index62.js

@@ -0,0 +1,46 @@
+"use client";
+import * as o from "react";
+import { useControlled as v } from "./index129.js";
+import { useStableCallback as l } from "./index95.js";
+import { MenuRadioGroupContext as V } from "./index146.js";
+import { useRenderElement as G } from "./index86.js";
+import { jsx as b } from "react/jsx-runtime";
+const g = /* @__PURE__ */ o.memo(/* @__PURE__ */ o.forwardRef(function(r, s) {
+  const {
+    render: x,
+    className: N,
+    value: d,
+    defaultValue: i,
+    onValueChange: m,
+    disabled: e = !1,
+    ...p
+  } = r, [a, c] = v({
+    controlled: d,
+    default: i,
+    name: "MenuRadioGroup"
+  }), f = l(m), n = l((t, u) => {
+    f?.(t, u), !u.isCanceled && c(t);
+  }), R = o.useMemo(() => ({
+    disabled: e
+  }), [e]), C = G("div", r, {
+    state: R,
+    ref: s,
+    props: {
+      role: "group",
+      "aria-disabled": e || void 0,
+      ...p
+    }
+  }), M = o.useMemo(() => ({
+    value: a,
+    setValue: n,
+    disabled: e
+  }), [a, n, e]);
+  return /* @__PURE__ */ b(V.Provider, {
+    value: M,
+    children: C
+  });
+}));
+process.env.NODE_ENV !== "production" && (g.displayName = "MenuRadioGroup");
+export {
+  g as MenuRadioGroup
+};

package/dist/index63.js

@@ -0,0 +1,76 @@
+"use client";
+import * as a from "react";
+import { useStableCallback as S } from "./index95.js";
+import { useMenuRootContext as V } from "./index133.js";
+import { useRenderElement as A } from "./index86.js";
+import { useBaseUiId as D } from "./index115.js";
+import { useMenuRadioGroupContext as O } from "./index146.js";
+import { MenuRadioItemContext as U } from "./index147.js";
+import { itemMapping as B } from "./index134.js";
+import { useCompositeListItem as G } from "./index132.js";
+import { useMenuItem as L, REGULAR_ITEM as _ } from "./index131.js";
+import { useMenuPositionerContext as j } from "./index135.js";
+import { createChangeEventDetails as w } from "./index113.js";
+import { jsx as y } from "react/jsx-runtime";
+import { itemPress as T } from "./index114.js";
+const q = /* @__PURE__ */ a.forwardRef(function(s, d) {
+  const {
+    render: F,
+    className: H,
+    id: l,
+    label: u,
+    nativeButton: c = !1,
+    disabled: p = !1,
+    closeOnClick: f = !1,
+    value: r,
+    ...M
+  } = s, n = G({
+    label: u
+  }), v = j(!0), C = D(l), {
+    store: e
+  } = V(), t = e.useState("isActive", n.index), I = e.useState("itemProps"), {
+    value: R,
+    setValue: b,
+    disabled: P
+  } = O(), o = P || p, i = R === r, {
+    getItemProps: h,
+    itemRef: x
+  } = L({
+    closeOnClick: f,
+    disabled: o,
+    highlighted: t,
+    id: C,
+    store: e,
+    nativeButton: c,
+    nodeId: v?.nodeId,
+    itemMetadata: _
+  }), m = a.useMemo(() => ({
+    disabled: o,
+    highlighted: t,
+    checked: i
+  }), [o, t, i]), g = S((k) => {
+    const N = {
+      ...w(T, k.nativeEvent),
+      preventUnmountOnClose: () => {
+      }
+    };
+    b(r, N);
+  }), E = A("div", s, {
+    state: m,
+    stateAttributesMapping: B,
+    props: [I, {
+      role: "menuitemradio",
+      "aria-checked": i,
+      onClick: g
+    }, M, h],
+    ref: [x, d, n.ref]
+  });
+  return /* @__PURE__ */ y(U.Provider, {
+    value: m,
+    children: E
+  });
+});
+process.env.NODE_ENV !== "production" && (q.displayName = "MenuRadioItem");
+export {
+  q as MenuRadioItem
+};

package/dist/index64.js

@@ -0,0 +1,45 @@
+"use client";
+import * as t from "react";
+import { useMenuRadioItemContext as m } from "./index147.js";
+import { useRenderElement as p } from "./index86.js";
+import { itemMapping as u } from "./index134.js";
+import { useTransitionStatus as l } from "./index136.js";
+import { useOpenChangeComplete as h } from "./index119.js";
+const f = /* @__PURE__ */ t.forwardRef(function(n, s) {
+  const {
+    render: M,
+    className: R,
+    keepMounted: d = !1,
+    ...r
+  } = n, e = m(), o = t.useRef(null), {
+    transitionStatus: i,
+    setMounted: a
+  } = l(e.checked);
+  h({
+    open: e.checked,
+    ref: o,
+    onComplete() {
+      e.checked || a(!1);
+    }
+  });
+  const c = t.useMemo(() => ({
+    checked: e.checked,
+    disabled: e.disabled,
+    highlighted: e.highlighted,
+    transitionStatus: i
+  }), [e.checked, e.disabled, e.highlighted, i]);
+  return p("span", n, {
+    state: c,
+    stateAttributesMapping: u,
+    ref: [s, o],
+    props: {
+      "aria-hidden": !0,
+      ...r
+    },
+    enabled: d || e.checked
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "MenuRadioItemIndicator");
+export {
+  f as MenuRadioItemIndicator
+};

package/dist/index65.js

@@ -0,0 +1,22 @@
+"use client";
+import * as r from "react";
+import { MenuRoot as u } from "./index52.js";
+import { useMenuRootContext as m } from "./index133.js";
+import { MenuSubmenuRootContext as i } from "./index156.js";
+import { useMenuSubmenuRootContext as a } from "./index156.js";
+import { jsx as e } from "react/jsx-runtime";
+function x(t) {
+  const o = m().store, n = r.useMemo(() => ({
+    parentMenu: o
+  }), [o]);
+  return /* @__PURE__ */ e(i.Provider, {
+    value: n,
+    children: /* @__PURE__ */ e(u, {
+      ...t
+    })
+  });
+}
+export {
+  x as MenuSubmenuRoot,
+  a as useMenuSubmenuRootContext
+};