@yselimcan/ui 0.0.6 → 0.0.8

package/dist/index100.js

@@ -1,35 +1,8 @@
-import { EMPTY_OBJECT as s } from "./index122.js";
-function u(e, t, n, o) {
-  let a = !1, r = !1;
-  const l = s;
-  return {
-    reason: e,
-    event: t ?? new Event("base-ui"),
-    cancel() {
-      a = !0;
-    },
-    allowPropagation() {
-      r = !0;
-    },
-    get isCanceled() {
-      return a;
-    },
-    get isPropagationAllowed() {
-      return r;
-    },
-    trigger: n,
-    ...l
-  };
-}
-function d(e, t, n) {
-  const o = n ?? s;
-  return {
-    reason: e,
-    event: t ?? new Event("base-ui"),
-    ...o
-  };
+function e() {
 }
+const t = Object.freeze([]), c = Object.freeze({});
 export {
-  u as createChangeEventDetails,
-  d as createGenericEventDetails
+  t as EMPTY_ARRAY,
+  c as EMPTY_OBJECT,
+  e as NOOP
 };

package/dist/index101.js

@@ -1,21 +1,10 @@
-const e = "none", s = "trigger-press", n = "trigger-hover", t = "trigger-focus", o = "outside-press", c = "item-press", i = "close-press", r = "clear-press", p = "chip-remove-press", g = "input-change", a = "input-clear", l = "focus-out", u = "escape-key", v = "list-navigation", m = "cancel-open", P = "sibling-open", h = "imperative-action", d = "window-resize";
+"use client";
+import * as c from "react";
+const t = {};
+function u(r, n) {
+  const e = c.useRef(t);
+  return e.current === t && (e.current = r(n)), e;
+}
 export {
-  m as cancelOpen,
-  p as chipRemovePress,
-  r as clearPress,
-  i as closePress,
-  u as escapeKey,
-  l as focusOut,
-  h as imperativeAction,
-  g as inputChange,
-  a as inputClear,
-  c as itemPress,
-  v as listNavigation,
-  e as none,
-  o as outsidePress,
-  P as siblingOpen,
-  t as triggerFocus,
-  n as triggerHover,
-  s as triggerPress,
-  d as windowResize
+  u as useRefWithInit
 };

package/dist/index102.js

@@ -1,8 +1,90 @@
 "use client";
-import { useId as u } from "./index184.js";
-function r(e) {
-  return u(e, "base-ui");
+import * as s from "react";
+import { useStableCallback as y } from "./index127.js";
+import { useScrollLock as I } from "./index153.js";
+import { useOpenInteractionType as A } from "./index140.js";
+import { createChangeEventDetails as M } from "./index107.js";
+import { useImplicitActiveTrigger as B, useOpenStateTransitions as F } from "./index120.js";
+import { useSyncedFloatingRootContext as U } from "./index186.js";
+import { useRole as w } from "./index187.js";
+import { useDismiss as H } from "./index142.js";
+import { useInteractions as K } from "./index122.js";
+import { imperativeAction as L } from "./index108.js";
+import { getTarget as V, contains as j } from "./index151.js";
+function ee(R) {
+  const {
+    store: e,
+    parentContext: o,
+    actionsRef: x
+  } = R, n = e.useState("open"), P = e.useState("disablePointerDismissal"), c = e.useState("modal"), l = e.useState("popupElement"), {
+    openMethod: k,
+    triggerProps: r,
+    reset: S
+  } = A(n);
+  B(e);
+  const {
+    forceUnmount: m
+  } = F(n, e, () => {
+    S();
+  }), f = y((t) => {
+    const a = M(t);
+    return a.preventUnmountOnClose = () => {
+      e.set("preventUnmountingOnClose", !0);
+    }, a;
+  }), g = s.useCallback(() => {
+    e.setOpen(!1, f(L));
+  }, [e, f]);
+  s.useImperativeHandle(x, () => ({
+    unmount: m,
+    close: g
+  }), [m, g]);
+  const u = U({
+    popupStore: e,
+    onOpenChange: e.setOpen,
+    treatPopupAsFloatingElement: !0,
+    noEmit: !0
+  }), [i, d] = s.useState(0), C = i === 0, N = w(u), T = H(u, {
+    outsidePressEvent() {
+      return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
+        mouse: c === "trap-focus" ? "sloppy" : "intentional",
+        touch: "sloppy"
+      };
+    },
+    outsidePress(t) {
+      if ("button" in t && t.button !== 0 || "touches" in t && t.touches.length !== 1)
+        return !1;
+      const a = V(t);
+      if (C && !P) {
+        const p = a;
+        return c && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === p || e.context.backdropRef.current === p || j(p, l) && !p?.hasAttribute("data-base-ui-portal") : !0;
+      }
+      return !1;
+    },
+    escapeKey: C
+  });
+  I(n && c === !0, l);
+  const {
+    getReferenceProps: D,
+    getFloatingProps: O,
+    getTriggerProps: b
+  } = K([N, T]);
+  e.useContextCallback("onNestedDialogOpen", (t) => {
+    d(t + 1);
+  }), e.useContextCallback("onNestedDialogClose", () => {
+    d(0);
+  }), s.useEffect(() => (o?.onNestedDialogOpen && n && o.onNestedDialogOpen(i), o?.onNestedDialogClose && !n && o.onNestedDialogClose(), () => {
+    o?.onNestedDialogClose && n && o.onNestedDialogClose();
+  }), [n, o, i]);
+  const h = s.useMemo(() => D(r), [D, r]), v = s.useMemo(() => b(r), [b, r]), E = s.useMemo(() => O(), [O]);
+  e.useSyncedValues({
+    openMethod: k,
+    activeTriggerProps: h,
+    inactiveTriggerProps: v,
+    popupProps: E,
+    floatingRootContext: u,
+    nestedOpenDialogCount: i
+  });
 }
 export {
-  r as useBaseUiId
+  ee as useDialogRoot
 };

package/dist/index103.js

@@ -1,6 +1,15 @@
-let t = /* @__PURE__ */ (function(e) {
-  return e.nestedDialogs = "--nested-dialogs", e;
-})({});
+"use client";
+import i from "./index94.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "DialogRootContext");
+function s(n) {
+  const o = t.useContext(e);
+  if (n === !1 && o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>." : i(27));
+  return o;
+}
 export {
-  t as DialogPopupCssVars
+  e as DialogRootContext,
+  s as useDialogRootContext
 };

package/dist/index104.js

@@ -1,7 +1,65 @@
-import { CommonPopupDataAttributes as e } from "./index98.js";
-let y = (function(n) {
-  return n[n.open = e.open] = "open", n[n.closed = e.closed] = "closed", n[n.startingStyle = e.startingStyle] = "startingStyle", n[n.endingStyle = e.endingStyle] = "endingStyle", n.nested = "data-nested", n.nestedDialogOpen = "data-nested-dialog-open", n;
-})({});
+import * as i from "react";
+import { popupStoreSelectors as d, createInitialPopupStoreState as a } from "./index217.js";
+import { ReactStore as p } from "./index218.js";
+import { PopupTriggerMap as g } from "./index219.js";
+import { createSelector as n } from "./index220.js";
+const m = {
+  ...d,
+  modal: n((e) => e.modal),
+  nested: n((e) => e.nested),
+  nestedOpenDialogCount: n((e) => e.nestedOpenDialogCount),
+  disablePointerDismissal: n((e) => e.disablePointerDismissal),
+  openMethod: n((e) => e.openMethod),
+  descriptionElementId: n((e) => e.descriptionElementId),
+  titleElementId: n((e) => e.titleElementId),
+  viewportElement: n((e) => e.viewportElement),
+  role: n((e) => e.role)
+};
+class C extends p {
+  constructor(o) {
+    super(c(o), {
+      popupRef: /* @__PURE__ */ i.createRef(),
+      backdropRef: /* @__PURE__ */ i.createRef(),
+      internalBackdropRef: /* @__PURE__ */ i.createRef(),
+      triggerElements: new g(),
+      onOpenChange: void 0,
+      onOpenChangeComplete: void 0
+    }, m);
+  }
+  setOpen = (o, t) => {
+    if (t.preventUnmountOnClose = () => {
+      this.set("preventUnmountingOnClose", !0);
+    }, !o && t.trigger == null && this.state.activeTriggerId != null && (t.trigger = this.state.activeTriggerElement ?? void 0), this.context.onOpenChange?.(o, t), t.isCanceled)
+      return;
+    const s = {
+      open: o,
+      nativeEvent: t.event,
+      reason: t.reason,
+      nested: this.state.nested
+    };
+    this.state.floatingRootContext.context.events?.emit("openchange", s);
+    const r = {
+      open: o
+    }, l = t.trigger?.id ?? null;
+    (l || o) && (r.activeTriggerId = l, r.activeTriggerElement = t.trigger ?? null), this.update(r);
+  };
+}
+function c(e = {}) {
+  return {
+    ...a(),
+    modal: !0,
+    disablePointerDismissal: !1,
+    popupElement: null,
+    viewportElement: null,
+    descriptionElementId: void 0,
+    titleElementId: void 0,
+    openMethod: null,
+    nested: !1,
+    nestedOpenDialogCount: 0,
+    role: "dialog",
+    ...e
+  };
+}
 export {
-  y as DialogPopupDataAttributes
+  C as DialogStore
 };

package/dist/index105.js

@@ -1,14 +1,40 @@
-import r from "./index112.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "DialogPortalContext");
-function a() {
-  const o = t.useContext(e);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Portal> is missing." : r(26));
-  return o;
-}
+import { TransitionStatusDataAttributes as p } from "./index106.js";
+let r = (function(n) {
+  return n.open = "data-open", n.closed = "data-closed", n[n.startingStyle = p.startingStyle] = "startingStyle", n[n.endingStyle = p.endingStyle] = "endingStyle", n.anchorHidden = "data-anchor-hidden", n;
+})({}), e = /* @__PURE__ */ (function(n) {
+  return n.popupOpen = "data-popup-open", n.pressed = "data-pressed", n;
+})({});
+const t = {
+  [e.popupOpen]: ""
+}, d = {
+  [e.popupOpen]: "",
+  [e.pressed]: ""
+}, O = {
+  [r.open]: ""
+}, l = {
+  [r.closed]: ""
+}, s = {
+  [r.anchorHidden]: ""
+}, i = {
+  open(n) {
+    return n ? t : null;
+  }
+}, a = {
+  open(n) {
+    return n ? d : null;
+  }
+}, o = {
+  open(n) {
+    return n ? O : l;
+  },
+  anchorHidden(n) {
+    return n ? s : null;
+  }
+};
 export {
-  e as DialogPortalContext,
-  a as useDialogPortalContext
+  r as CommonPopupDataAttributes,
+  e as CommonTriggerDataAttributes,
+  o as popupStateMapping,
+  a as pressableTriggerOpenStateMapping,
+  i as triggerOpenStateMapping
 };

package/dist/index106.js

@@ -1,21 +1,16 @@
-"use client";
-import * as a from "react";
-import { useStableCallback as f } from "./index124.js";
-import { useValueAsRef as p } from "./index132.js";
-import { useAnimationsFinished as u } from "./index204.js";
-function b(i) {
-  const {
-    enabled: n = !0,
-    open: e,
-    ref: s,
-    onComplete: m
-  } = i, o = p(e), t = f(m), r = u(s, e);
-  a.useEffect(() => {
-    n && r(() => {
-      e === o.current && t();
-    });
-  }, [n, e, t, r, o]);
-}
+let n = /* @__PURE__ */ (function(t) {
+  return t.startingStyle = "data-starting-style", t.endingStyle = "data-ending-style", t;
+})({});
+const e = {
+  [n.startingStyle]: ""
+}, i = {
+  [n.endingStyle]: ""
+}, r = {
+  transitionStatus(t) {
+    return t === "starting" ? e : t === "ending" ? i : null;
+  }
+};
 export {
-  b as useOpenChangeComplete
+  n as TransitionStatusDataAttributes,
+  r as transitionStatusMapping
 };

package/dist/index107.js

@@ -1,15 +1,35 @@
-const t = "ArrowUp", n = "ArrowDown", o = "ArrowLeft", R = "ArrowRight", e = "Home", c = "End", E = /* @__PURE__ */ new Set([o, R]), A = /* @__PURE__ */ new Set([t, n]), O = /* @__PURE__ */ new Set([...E, ...A]);
-[...O];
-const s = /* @__PURE__ */ new Set([t, n, o, R, e, "End"]);
+import { EMPTY_OBJECT as s } from "./index100.js";
+function u(e, t, n, o) {
+  let a = !1, r = !1;
+  const l = s;
+  return {
+    reason: e,
+    event: t ?? new Event("base-ui"),
+    cancel() {
+      a = !0;
+    },
+    allowPropagation() {
+      r = !0;
+    },
+    get isCanceled() {
+      return a;
+    },
+    get isPropagationAllowed() {
+      return r;
+    },
+    trigger: n,
+    ...l
+  };
+}
+function d(e, t, n) {
+  const o = n ?? s;
+  return {
+    reason: e,
+    event: t ?? new Event("base-ui"),
+    ...o
+  };
+}
 export {
-  n as ARROW_DOWN,
-  O as ARROW_KEYS,
-  o as ARROW_LEFT,
-  R as ARROW_RIGHT,
-  t as ARROW_UP,
-  s as COMPOSITE_KEYS,
-  c as END,
-  e as HOME,
-  E as HORIZONTAL_KEYS,
-  A as VERTICAL_KEYS
+  u as createChangeEventDetails,
+  d as createGenericEventDetails
 };