@koide-labs/ui 0.0.0 → 0.0.2

package/dist/dialog.module-BeF-6XAo.js

@@ -0,0 +1,415 @@
+import * as s from "react";
+import { u as L } from "./useStableCallback-CkTrVkNX.js";
+import { u as H, a as Y, F as $, I as q, b as A } from "./InternalBackdrop-jYAiOJ8v.js";
+import { c as U, i as J, d as Q } from "./createBaseUIEventDetails-D8M2Yl-a.js";
+import { u as X, a as Z, b as ee, p as te, c as oe, d as ne } from "./useSyncedFloatingRootContext-Dorsv-jf.js";
+import { u as se } from "./useRole-oDBdbuwQ.js";
+import { d as re, e as z, R as ie, P as ae, c as S, p as K, C as w, f as le } from "./transitions.module-CWX8e5cx.js";
+import { e as ce, f as de } from "./element-CZEOj04G.js";
+import { u as P } from "./useRenderElement-DwToLA61.js";
+import { t as W, a as pe } from "./useOpenChangeComplete-Dse9kY9E.js";
+import { u as j } from "./useButton-DfIwsdb8.js";
+import { u as B } from "./useBaseUiId-B7WyxtIE.js";
+import { C as ue } from "./composite-C9L5QmZL.js";
+import { jsx as M, jsxs as ge } from "react/jsx-runtime";
+import { i as fe } from "./inertValue-BCYGsdmf.js";
+import { f as F } from "./formatErrorMessage-BqPuTBN-.js";
+import { h as me, C as _e } from "./FloatingPortal-tWyuKRSN.js";
+import './dialog.css';function ot(t) {
+  const {
+    store: e,
+    parentContext: n,
+    actionsRef: d
+  } = t, i = e.useState("open"), r = e.useState("disablePointerDismissal"), l = e.useState("modal"), a = e.useState("popupElement"), {
+    openMethod: o,
+    triggerProps: p,
+    reset: h
+  } = H(i);
+  X(e);
+  const {
+    forceUnmount: u
+  } = Z(i, e, () => {
+    h();
+  }), c = L((f) => {
+    const E = U(f);
+    return E.preventUnmountOnClose = () => {
+      e.set("preventUnmountingOnClose", !0);
+    }, E;
+  }), m = s.useCallback(() => {
+    e.setOpen(!1, c(J));
+  }, [e, c]);
+  s.useImperativeHandle(d, () => ({
+    unmount: u,
+    close: m
+  }), [u, m]);
+  const g = ee({
+    popupStore: e,
+    onOpenChange: e.setOpen,
+    treatPopupAsFloatingElement: !0,
+    noEmit: !0
+  }), [_, D] = s.useState(0), C = _ === 0, x = se(g), v = re(g, {
+    outsidePressEvent() {
+      return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
+        mouse: l === "trap-focus" ? "sloppy" : "intentional",
+        touch: "sloppy"
+      };
+    },
+    outsidePress(f) {
+      if ("button" in f && f.button !== 0 || "touches" in f && f.touches.length !== 1)
+        return !1;
+      const E = ce(f);
+      if (C && !r) {
+        const T = E;
+        return l && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === T || e.context.backdropRef.current === T || de(T, a) && !T?.hasAttribute("data-base-ui-portal") : !0;
+      }
+      return !1;
+    },
+    escapeKey: C
+  });
+  Y(i && l === !0, a);
+  const {
+    getReferenceProps: R,
+    getFloatingProps: O,
+    getTriggerProps: I
+  } = z([x, v]);
+  e.useContextCallback("onNestedDialogOpen", (f) => {
+    D(f + 1);
+  }), e.useContextCallback("onNestedDialogClose", () => {
+    D(0);
+  }), s.useEffect(() => (n?.onNestedDialogOpen && i && n.onNestedDialogOpen(_), n?.onNestedDialogClose && !i && n.onNestedDialogClose(), () => {
+    n?.onNestedDialogClose && i && n.onNestedDialogClose();
+  }), [i, n, _]);
+  const y = s.useMemo(() => R(p), [R, p]), b = s.useMemo(() => I(p), [I, p]), k = s.useMemo(() => O(), [O]);
+  e.useSyncedValues({
+    openMethod: o,
+    activeTriggerProps: y,
+    inactiveTriggerProps: b,
+    popupProps: k,
+    floatingRootContext: g,
+    nestedOpenDialogCount: _
+  });
+}
+const G = /* @__PURE__ */ s.createContext(void 0);
+process.env.NODE_ENV !== "production" && (G.displayName = "DialogRootContext");
+function N(t) {
+  const e = s.useContext(G);
+  if (t === !1 && e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>." : F(27));
+  return e;
+}
+const he = {
+  ...te,
+  modal: S((t) => t.modal),
+  nested: S((t) => t.nested),
+  nestedOpenDialogCount: S((t) => t.nestedOpenDialogCount),
+  disablePointerDismissal: S((t) => t.disablePointerDismissal),
+  openMethod: S((t) => t.openMethod),
+  descriptionElementId: S((t) => t.descriptionElementId),
+  titleElementId: S((t) => t.titleElementId),
+  viewportElement: S((t) => t.viewportElement),
+  role: S((t) => t.role)
+};
+class nt extends ie {
+  constructor(e) {
+    super(Ce(e), {
+      popupRef: /* @__PURE__ */ s.createRef(),
+      backdropRef: /* @__PURE__ */ s.createRef(),
+      internalBackdropRef: /* @__PURE__ */ s.createRef(),
+      triggerElements: new ae(),
+      onOpenChange: void 0,
+      onOpenChangeComplete: void 0
+    }, he);
+  }
+  setOpen = (e, n) => {
+    if (n.preventUnmountOnClose = () => {
+      this.set("preventUnmountingOnClose", !0);
+    }, !e && n.trigger == null && this.state.activeTriggerId != null && (n.trigger = this.state.activeTriggerElement ?? void 0), this.context.onOpenChange?.(e, n), n.isCanceled)
+      return;
+    const d = {
+      open: e,
+      nativeEvent: n.event,
+      reason: n.reason,
+      nested: this.state.nested
+    };
+    this.state.floatingRootContext.context.events?.emit("openchange", d);
+    const i = {
+      open: e
+    }, r = n.trigger?.id ?? null;
+    (r || e) && (i.activeTriggerId = r, i.activeTriggerElement = n.trigger ?? null), this.update(i);
+  };
+}
+function Ce(t = {}) {
+  return {
+    ...oe(),
+    modal: !0,
+    disablePointerDismissal: !1,
+    popupElement: null,
+    viewportElement: null,
+    descriptionElementId: void 0,
+    titleElementId: void 0,
+    openMethod: null,
+    nested: !1,
+    nestedOpenDialogCount: 0,
+    role: "dialog",
+    ...t
+  };
+}
+const Ee = {
+  ...K,
+  ...W
+}, Se = /* @__PURE__ */ s.forwardRef(function(e, n) {
+  const {
+    render: d,
+    className: i,
+    forceRender: r = !1,
+    ...l
+  } = e, {
+    store: a
+  } = N(), o = a.useState("open"), p = a.useState("nested"), h = a.useState("mounted"), u = a.useState("transitionStatus"), c = s.useMemo(() => ({
+    open: o,
+    transitionStatus: u
+  }), [o, u]);
+  return P("div", e, {
+    state: c,
+    ref: [a.context.backdropRef, n],
+    stateAttributesMapping: Ee,
+    props: [{
+      role: "presentation",
+      hidden: !h,
+      style: {
+        userSelect: "none",
+        WebkitUserSelect: "none"
+      }
+    }, l],
+    enabled: r || !p
+  });
+});
+process.env.NODE_ENV !== "production" && (Se.displayName = "DialogBackdrop");
+const De = /* @__PURE__ */ s.forwardRef(function(e, n) {
+  const {
+    render: d,
+    className: i,
+    disabled: r = !1,
+    nativeButton: l = !0,
+    ...a
+  } = e, {
+    store: o
+  } = N(), p = o.useState("open");
+  function h(g) {
+    p && o.setOpen(!1, U(Q, g.nativeEvent));
+  }
+  const {
+    getButtonProps: u,
+    buttonRef: c
+  } = j({
+    disabled: r,
+    native: l
+  }), m = s.useMemo(() => ({
+    disabled: r
+  }), [r]);
+  return P("button", e, {
+    state: m,
+    ref: [n, c],
+    props: [{
+      onClick: h
+    }, a, u]
+  });
+});
+process.env.NODE_ENV !== "production" && (De.displayName = "DialogClose");
+const Re = /* @__PURE__ */ s.forwardRef(function(e, n) {
+  const {
+    render: d,
+    className: i,
+    id: r,
+    ...l
+  } = e, {
+    store: a
+  } = N(), o = B(r);
+  return a.useSyncedValueWithCleanup("descriptionElementId", o), P("p", e, {
+    ref: n,
+    props: [{
+      id: o
+    }, l]
+  });
+});
+process.env.NODE_ENV !== "production" && (Re.displayName = "DialogDescription");
+let Ne = /* @__PURE__ */ (function(t) {
+  return t.nestedDialogs = "--nested-dialogs", t;
+})({}), Oe = (function(t) {
+  return t[t.open = w.open] = "open", t[t.closed = w.closed] = "closed", t[t.startingStyle = w.startingStyle] = "startingStyle", t[t.endingStyle = w.endingStyle] = "endingStyle", t.nested = "data-nested", t.nestedDialogOpen = "data-nested-dialog-open", t;
+})({});
+const V = /* @__PURE__ */ s.createContext(void 0);
+process.env.NODE_ENV !== "production" && (V.displayName = "DialogPortalContext");
+function Ie() {
+  const t = s.useContext(V);
+  if (t === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Portal> is missing." : F(26));
+  return t;
+}
+const be = {
+  ...K,
+  ...W,
+  nestedDialogOpen(t) {
+    return t ? {
+      [Oe.nestedDialogOpen]: ""
+    } : null;
+  }
+}, Pe = /* @__PURE__ */ s.forwardRef(function(e, n) {
+  const {
+    className: d,
+    finalFocus: i,
+    initialFocus: r,
+    render: l,
+    ...a
+  } = e, {
+    store: o
+  } = N(), p = o.useState("descriptionElementId"), h = o.useState("disablePointerDismissal"), u = o.useState("floatingRootContext"), c = o.useState("popupProps"), m = o.useState("modal"), g = o.useState("mounted"), _ = o.useState("nested"), D = o.useState("nestedOpenDialogCount"), C = o.useState("open"), x = o.useState("openMethod"), v = o.useState("titleElementId"), R = o.useState("transitionStatus"), O = o.useState("role");
+  Ie(), pe({
+    open: C,
+    ref: o.context.popupRef,
+    onComplete() {
+      C && o.context.onOpenChangeComplete?.(!0);
+    }
+  });
+  function I(E) {
+    return E === "touch" ? o.context.popupRef.current : !0;
+  }
+  const y = r === void 0 ? I : r, b = D > 0, k = s.useMemo(() => ({
+    open: C,
+    nested: _,
+    transitionStatus: R,
+    nestedDialogOpen: b
+  }), [C, _, R, b]), f = P("div", e, {
+    state: k,
+    props: [c, {
+      "aria-labelledby": v ?? void 0,
+      "aria-describedby": p ?? void 0,
+      role: O,
+      tabIndex: -1,
+      hidden: !g,
+      onKeyDown(E) {
+        ue.has(E.key) && E.stopPropagation();
+      },
+      style: {
+        [Ne.nestedDialogs]: D
+      }
+    }, a],
+    ref: [n, o.context.popupRef, o.useStateSetter("popupElement")],
+    stateAttributesMapping: be
+  });
+  return /* @__PURE__ */ M($, {
+    context: u,
+    openInteractionType: x,
+    disabled: !g,
+    closeOnFocusOut: !h,
+    initialFocus: y,
+    returnFocus: i,
+    modal: m !== !1,
+    restoreFocus: "popup",
+    children: f
+  });
+});
+process.env.NODE_ENV !== "production" && (Pe.displayName = "DialogPopup");
+const xe = /* @__PURE__ */ s.forwardRef(function(e, n) {
+  const {
+    keepMounted: d = !1,
+    ...i
+  } = e, {
+    store: r
+  } = N(), l = r.useState("mounted"), a = r.useState("modal");
+  return l || d ? /* @__PURE__ */ M(V.Provider, {
+    value: d,
+    children: /* @__PURE__ */ ge(me, {
+      ref: n,
+      ...i,
+      children: [l && a === !0 && /* @__PURE__ */ M(q, {
+        ref: r.context.internalBackdropRef,
+        inert: fe(!open)
+      }), e.children]
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (xe.displayName = "DialogPortal");
+const ve = /* @__PURE__ */ s.forwardRef(function(e, n) {
+  const {
+    render: d,
+    className: i,
+    id: r,
+    ...l
+  } = e, {
+    store: a
+  } = N(), o = B(r);
+  return a.useSyncedValueWithCleanup("titleElementId", o), P("h2", e, {
+    ref: n,
+    props: [{
+      id: o
+    }, l]
+  });
+});
+process.env.NODE_ENV !== "production" && (ve.displayName = "DialogTitle");
+const ye = /* @__PURE__ */ s.forwardRef(function(e, n) {
+  const {
+    render: d,
+    className: i,
+    disabled: r = !1,
+    nativeButton: l = !0,
+    id: a,
+    payload: o,
+    handle: p,
+    ...h
+  } = e, u = N(!0), c = p?.store ?? u?.store;
+  if (!c)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Trigger> must be used within <Dialog.Root> or provided with a handle." : F(79));
+  const m = B(a), g = c.useState("floatingRootContext"), _ = c.useState("isOpenedByTrigger", m), D = s.useRef(null), {
+    registerTrigger: C,
+    isMountedByThisTrigger: x
+  } = ne(m, D, c, {
+    payload: o
+  }), {
+    getButtonProps: v,
+    buttonRef: R
+  } = j({
+    disabled: r,
+    native: l
+  }), O = A(g, {
+    enabled: g != null
+  }), I = z([O]), y = s.useMemo(() => ({
+    disabled: r,
+    open: _
+  }), [r, _]), b = c.useState("triggerProps", x);
+  return P("button", e, {
+    state: y,
+    ref: [R, n, C, D],
+    props: [I.getReferenceProps(), b, {
+      [_e]: "",
+      id: m
+    }, h, v],
+    stateAttributesMapping: le
+  });
+});
+process.env.NODE_ENV !== "production" && (ye.displayName = "DialogTrigger");
+const Te = "_dialog__backdrop_1hze7_1", we = "_dialog__popup_1hze7_13", ke = "_dialog__popup_centered_1hze7_24", Me = "_dialog__content_1hze7_35", Be = "_dialog__content_width_sm_1hze7_51", Fe = "_dialog__content_width_md_1hze7_55", Ve = "_dialog__content_width_lg_1hze7_59", Ue = "_dialog__header_1hze7_63", ze = "_dialog__close_1hze7_67", st = {
+  dialog__backdrop: Te,
+  dialog__popup: we,
+  dialog__popup_centered: ke,
+  dialog__content: Me,
+  dialog__content_width_sm: Be,
+  dialog__content_width_md: Fe,
+  dialog__content_width_lg: Ve,
+  dialog__header: Ue,
+  dialog__close: ze
+};
+export {
+  G as D,
+  ot as a,
+  nt as b,
+  ye as c,
+  xe as d,
+  Se as e,
+  Pe as f,
+  ve as g,
+  Re as h,
+  De as i,
+  st as s,
+  N as u
+};

package/dist/element-CZEOj04G.js

@@ -0,0 +1,80 @@
+import { b as s, i as a } from "./floating-ui.utils.dom-C7FS5id0.js";
+import { a as i } from "./detectBrowser-I-s3yzIE.js";
+const r = "data-base-ui-focusable", m = "active", b = "selected", u = "input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])", d = "ArrowLeft", h = "ArrowRight", E = "ArrowUp", R = "ArrowDown";
+function A(t) {
+  let e = t.activeElement;
+  for (; e?.shadowRoot?.activeElement != null; )
+    e = e.shadowRoot.activeElement;
+  return e;
+}
+function T(t, e) {
+  if (!t || !e)
+    return !1;
+  const o = e.getRootNode?.();
+  if (t.contains(e))
+    return !0;
+  if (o && s(o)) {
+    let n = e;
+    for (; n; ) {
+      if (t === n)
+        return !0;
+      n = n.parentNode || n.host;
+    }
+  }
+  return !1;
+}
+function p(t) {
+  return "composedPath" in t ? t.composedPath()[0] : t.target;
+}
+function w(t, e) {
+  if (e == null)
+    return !1;
+  if ("composedPath" in t)
+    return t.composedPath().includes(e);
+  const o = t;
+  return o.target != null && e.contains(o.target);
+}
+function g(t) {
+  return t.matches("html,body");
+}
+function _(t) {
+  return t?.ownerDocument || document;
+}
+function c(t) {
+  return a(t) && t.matches(u);
+}
+function O(t) {
+  return t ? t.getAttribute("role") === "combobox" && c(t) : !1;
+}
+function L(t) {
+  if (!t || i)
+    return !0;
+  try {
+    return t.matches(":focus-visible");
+  } catch {
+    return !0;
+  }
+}
+function S(t) {
+  return t ? t.hasAttribute(r) ? t : t.querySelector(`[${r}]`) || t : null;
+}
+export {
+  E as A,
+  r as F,
+  b as S,
+  u as T,
+  R as a,
+  d as b,
+  h as c,
+  _ as d,
+  p as e,
+  T as f,
+  S as g,
+  A as h,
+  O as i,
+  c as j,
+  g as k,
+  w as l,
+  L as m,
+  m as n
+};

package/dist/event-CKoGyQEJ.js

@@ -0,0 +1,30 @@
+import { i as r, a as u } from "./detectBrowser-I-s3yzIE.js";
+function n(i) {
+  i.preventDefault(), i.stopPropagation();
+}
+function e(i) {
+  return "nativeEvent" in i;
+}
+function p(i) {
+  return i.mozInputSource === 0 && i.isTrusted ? !0 : r && i.pointerType ? i.type === "click" && i.buttons === 1 : i.detail === 0 && !i.pointerType;
+}
+function a(i) {
+  return u ? !1 : !r && i.width === 0 && i.height === 0 || r && i.width === 1 && i.height === 1 && i.pressure === 0 && i.detail === 0 && i.pointerType === "mouse" || // iOS VoiceOver returns 0.333• for width/height.
+  i.width < 1 && i.height < 1 && i.pressure === 0 && i.detail === 0 && i.pointerType === "touch";
+}
+function c(i, t) {
+  const s = ["mouse", "pen"];
+  return t || s.push("", void 0), s.includes(i);
+}
+function d(i) {
+  const t = i.type;
+  return t === "click" || t === "mousedown" || t === "keydown" || t === "keyup";
+}
+export {
+  p as a,
+  a as b,
+  d as c,
+  e as d,
+  c as i,
+  n as s
+};

package/dist/floating-ui.utils-C7pRWMZ_.js

@@ -0,0 +1,128 @@
+const j = ["top", "right", "bottom", "left"], m = Math.min, p = Math.max, C = Math.round, L = Math.floor, k = (t) => ({
+  x: t,
+  y: t
+}), h = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, b = {
+  start: "end",
+  end: "start"
+};
+function q(t, e, n) {
+  return p(t, m(e, n));
+}
+function E(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function u(t) {
+  return t.split("-")[0];
+}
+function g(t) {
+  return t.split("-")[1];
+}
+function x(t) {
+  return t === "x" ? "y" : "x";
+}
+function d(t) {
+  return t === "y" ? "height" : "width";
+}
+const A = /* @__PURE__ */ new Set(["top", "bottom"]);
+function P(t) {
+  return A.has(u(t)) ? "y" : "x";
+}
+function y(t) {
+  return x(P(t));
+}
+function R(t, e, n) {
+  n === void 0 && (n = !1);
+  const s = g(t), i = y(t), o = d(i);
+  let r = i === "x" ? s === (n ? "end" : "start") ? "right" : "left" : s === "start" ? "bottom" : "top";
+  return e.reference[o] > e.floating[o] && (r = a(r)), [r, a(r)];
+}
+function T(t) {
+  const e = a(t);
+  return [c(t), e, c(e)];
+}
+function c(t) {
+  return t.replace(/start|end/g, (e) => b[e]);
+}
+const f = ["left", "right"], l = ["right", "left"], M = ["top", "bottom"], O = ["bottom", "top"];
+function S(t, e, n) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? l : f : e ? f : l;
+    case "left":
+    case "right":
+      return e ? M : O;
+    default:
+      return [];
+  }
+}
+function z(t, e, n, s) {
+  const i = g(t);
+  let o = S(u(t), n === "start", s);
+  return i && (o = o.map((r) => r + "-" + i), e && (o = o.concat(o.map(c)))), o;
+}
+function a(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => h[e]);
+}
+function w(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function B(t) {
+  return typeof t != "number" ? w(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function D(t) {
+  const {
+    x: e,
+    y: n,
+    width: s,
+    height: i
+  } = t;
+  return {
+    width: s,
+    height: i,
+    top: n,
+    left: e,
+    right: e + s,
+    bottom: n + i,
+    x: e,
+    y: n
+  };
+}
+export {
+  P as a,
+  a as b,
+  T as c,
+  z as d,
+  E as e,
+  L as f,
+  u as g,
+  R as h,
+  g as i,
+  p as j,
+  B as k,
+  D as l,
+  m,
+  y as n,
+  d as o,
+  q as p,
+  x as q,
+  C as r,
+  j as s,
+  k as t
+};