@easyops-cn/a2ui-react 0.0.0 → 0.0.2

package/dist/a2ui-react227.js

@@ -0,0 +1,52 @@
+import * as o from "react";
+import { useLayoutEffect as m } from "./a2ui-react228.js";
+var v = o[" useInsertionEffect ".trim().toString()] || m;
+function w({
+  prop: e,
+  defaultProp: s,
+  onChange: t = () => {
+  },
+  caller: f
+}) {
+  const [u, c, i] = R({
+    defaultProp: s,
+    onChange: t
+  }), n = e !== void 0, a = n ? e : u;
+  {
+    const r = o.useRef(e !== void 0);
+    o.useEffect(() => {
+      const l = r.current;
+      l !== n && console.warn(
+        `${f} is changing from ${l ? "controlled" : "uncontrolled"} to ${n ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), r.current = n;
+    }, [n, f]);
+  }
+  const d = o.useCallback(
+    (r) => {
+      if (n) {
+        const l = C(r) ? r(e) : r;
+        l !== e && i.current?.(l);
+      } else
+        c(r);
+    },
+    [n, e, c, i]
+  );
+  return [a, d];
+}
+function R({
+  defaultProp: e,
+  onChange: s
+}) {
+  const [t, f] = o.useState(e), u = o.useRef(t), c = o.useRef(s);
+  return v(() => {
+    c.current = s;
+  }, [s]), o.useEffect(() => {
+    u.current !== t && (c.current?.(t), u.current = t);
+  }, [t, u]), [t, f, c];
+}
+function C(e) {
+  return typeof e == "function";
+}
+export {
+  w as useControllableState
+};

package/dist/a2ui-react228.js

@@ -0,0 +1,6 @@
+import * as t from "react";
+var e = globalThis?.document ? t.useLayoutEffect : () => {
+};
+export {
+  e as useLayoutEffect
+};

package/dist/a2ui-react229.js

@@ -0,0 +1,8 @@
+import * as u from "react";
+function t(r) {
+  const e = u.useRef({ value: r, previous: r });
+  return u.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);
+}
+export {
+  t as usePrevious
+};

package/dist/a2ui-react23.js

@@ -0,0 +1,25 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { memo as l, useState as a } from "react";
+import { Dialog as s, DialogTrigger as d, DialogContent as c } from "./a2ui-react85.js";
+import { ComponentRenderer as t } from "./a2ui-react4.js";
+const f = l(function({
+  surfaceId: e,
+  entryPointChild: n,
+  contentChild: r
+}) {
+  const [m, i] = a(!1);
+  return !n || !r ? null : /* @__PURE__ */ p(s, { open: m, onOpenChange: i, children: [
+    /* @__PURE__ */ o(d, { asChild: !0, children: /* @__PURE__ */ o("div", { className: "cursor-pointer", children: /* @__PURE__ */ o(
+      t,
+      {
+        surfaceId: e,
+        componentId: n
+      }
+    ) }) }),
+    /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(t, { surfaceId: e, componentId: r }) })
+  ] });
+});
+f.displayName = "A2UI.Modal";
+export {
+  f as ModalComponent
+};

package/dist/a2ui-react230.js

@@ -0,0 +1,30 @@
+import * as i from "react";
+import { Primitive as a } from "./a2ui-react224.js";
+import { jsx as o } from "react/jsx-runtime";
+var t = Object.freeze({
+  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+}), d = "VisuallyHidden", l = i.forwardRef(
+  (r, e) => /* @__PURE__ */ o(
+    a.span,
+    {
+      ...r,
+      ref: e,
+      style: { ...t, ...r.style }
+    }
+  )
+);
+l.displayName = d;
+export {
+  t as VISUALLY_HIDDEN_STYLES,
+  l as VisuallyHidden
+};

package/dist/a2ui-react231.js

@@ -0,0 +1,52 @@
+var S = function(r) {
+  if (typeof document > "u")
+    return null;
+  var u = Array.isArray(r) ? r[0] : r;
+  return u.ownerDocument.body;
+}, f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {}, h = 0, W = function(r) {
+  return r && (r.host || W(r.parentNode));
+}, D = function(r, u) {
+  return u.map(function(e) {
+    if (r.contains(e))
+      return e;
+    var n = W(e);
+    return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
+  }).filter(function(e) {
+    return !!e;
+  });
+}, E = function(r, u, e, n) {
+  var i = D(u, Array.isArray(r) ? r : [r]);
+  p[e] || (p[e] = /* @__PURE__ */ new WeakMap());
+  var s = p[e], l = [], o = /* @__PURE__ */ new Set(), b = new Set(i), y = function(t) {
+    !t || o.has(t) || (o.add(t), y(t.parentNode));
+  };
+  i.forEach(y);
+  var A = function(t) {
+    !t || b.has(t) || Array.prototype.forEach.call(t.children, function(a) {
+      if (o.has(a))
+        A(a);
+      else
+        try {
+          var c = a.getAttribute(n), w = c !== null && c !== "false", d = (f.get(a) || 0) + 1, M = (s.get(a) || 0) + 1;
+          f.set(a, d), s.set(a, M), l.push(a), d === 1 && w && v.set(a, !0), M === 1 && a.setAttribute(e, "true"), w || a.setAttribute(n, "true");
+        } catch (k) {
+          console.error("aria-hidden: cannot operate on ", a, k);
+        }
+    });
+  };
+  return A(u), o.clear(), h++, function() {
+    l.forEach(function(t) {
+      var a = f.get(t) - 1, c = s.get(t) - 1;
+      f.set(t, a), s.set(t, c), a || (v.has(t) || t.removeAttribute(n), v.delete(t)), c || t.removeAttribute(e);
+    }), h--, h || (f = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {});
+  };
+}, C = function(r, u, e) {
+  e === void 0 && (e = "data-aria-hidden");
+  var n = Array.from(Array.isArray(r) ? r : [r]), i = S(r);
+  return i ? (n.push.apply(n, Array.from(i.querySelectorAll("[aria-live], script"))), E(n, i, e, "aria-hidden")) : function() {
+    return null;
+  };
+};
+export {
+  C as hideOthers
+};

package/dist/a2ui-react232.js

@@ -0,0 +1,11 @@
+import { __assign as m } from "./a2ui-react326.js";
+import * as r from "react";
+import { RemoveScroll as e } from "./a2ui-react327.js";
+import t from "./a2ui-react328.js";
+var s = r.forwardRef(function(a, o) {
+  return r.createElement(e, m({}, a, { ref: o, sideCar: t }));
+});
+s.classNames = e.classNames;
+export {
+  s as default
+};

package/dist/a2ui-react233.js

@@ -0,0 +1,70 @@
+import * as i from "react";
+import { useComposedRefs as O } from "./a2ui-react215.js";
+import { useLayoutEffect as A } from "./a2ui-react228.js";
+function E(n, e) {
+  return i.useReducer((t, r) => e[t][r] ?? t, n);
+}
+var T = (n) => {
+  const { present: e, children: t } = n, r = R(e), a = typeof t == "function" ? t({ present: r.isPresent }) : i.Children.only(t), c = O(r.ref, v(a));
+  return typeof t == "function" || r.isPresent ? i.cloneElement(a, { ref: c }) : null;
+};
+T.displayName = "Presence";
+function R(n) {
+  const [e, t] = i.useState(), r = i.useRef(null), a = i.useRef(n), c = i.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = E(p, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return i.useEffect(() => {
+    const o = l(r.current);
+    c.current = N === "mounted" ? o : "none";
+  }, [N]), A(() => {
+    const o = r.current, m = a.current;
+    if (m !== n) {
+      const f = c.current, u = l(o);
+      n ? s("MOUNT") : u === "none" || o?.display === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), a.current = n;
+    }
+  }, [n, s]), A(() => {
+    if (e) {
+      let o;
+      const m = e.ownerDocument.defaultView ?? window, d = (u) => {
+        const g = l(r.current).includes(CSS.escape(u.animationName));
+        if (u.target === e && g && (s("ANIMATION_END"), !a.current)) {
+          const y = e.style.animationFillMode;
+          e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
+            e.style.animationFillMode === "forwards" && (e.style.animationFillMode = y);
+          });
+        }
+      }, f = (u) => {
+        u.target === e && (c.current = l(r.current));
+      };
+      return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
+        m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
+      };
+    } else
+      s("ANIMATION_END");
+  }, [e, s]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(N),
+    ref: i.useCallback((o) => {
+      r.current = o ? getComputedStyle(o) : null, t(o);
+    }, [])
+  };
+}
+function l(n) {
+  return n?.animationName || "none";
+}
+function v(n) {
+  let e = Object.getOwnPropertyDescriptor(n.props, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning;
+  return t ? n.ref : (e = Object.getOwnPropertyDescriptor(n, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning, t ? n.props.ref : n.props.ref || n.ref);
+}
+export {
+  T as Presence
+};

package/dist/a2ui-react234.js

@@ -0,0 +1,49 @@
+import * as l from "react";
+import { composeRefs as m } from "./a2ui-react215.js";
+import { jsx as u } from "react/jsx-runtime";
+// @__NO_SIDE_EFFECTS__
+function b(e) {
+  const r = /* @__PURE__ */ y(e), t = l.forwardRef((o, n) => {
+    const { children: i, ...c } = o, s = l.Children.toArray(i), a = s.find(E);
+    if (a) {
+      const f = a.props.children, d = s.map((p) => p === a ? l.Children.count(f) > 1 ? l.Children.only(null) : l.isValidElement(f) ? f.props.children : null : p);
+      return /* @__PURE__ */ u(r, { ...c, ref: n, children: l.isValidElement(f) ? l.cloneElement(f, void 0, d) : null });
+    }
+    return /* @__PURE__ */ u(r, { ...c, ref: n, children: i });
+  });
+  return t.displayName = `${e}.Slot`, t;
+}
+// @__NO_SIDE_EFFECTS__
+function y(e) {
+  const r = l.forwardRef((t, o) => {
+    const { children: n, ...i } = t;
+    if (l.isValidElement(n)) {
+      const c = S(n), s = C(i, n.props);
+      return n.type !== l.Fragment && (s.ref = o ? m(o, c) : c), l.cloneElement(n, s);
+    }
+    return l.Children.count(n) > 1 ? l.Children.only(null) : null;
+  });
+  return r.displayName = `${e}.SlotClone`, r;
+}
+var g = /* @__PURE__ */ Symbol("radix.slottable");
+function E(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === g;
+}
+function C(e, r) {
+  const t = { ...r };
+  for (const o in r) {
+    const n = e[o], i = r[o];
+    /^on[A-Z]/.test(o) ? n && i ? t[o] = (...s) => {
+      const a = i(...s);
+      return n(...s), a;
+    } : n && (t[o] = n) : o === "style" ? t[o] = { ...n, ...i } : o === "className" && (t[o] = [n, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...t };
+}
+function S(e) {
+  let r = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning;
+  return t ? e.ref : (r = Object.getOwnPropertyDescriptor(e, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+}
+export {
+  b as createSlot
+};

package/dist/a2ui-react235.js

@@ -0,0 +1,27 @@
+import * as h from "react";
+import { useLayoutEffect as z } from "./a2ui-react228.js";
+function c(r) {
+  const [d, e] = h.useState(void 0);
+  return z(() => {
+    if (r) {
+      e({ width: r.offsetWidth, height: r.offsetHeight });
+      const f = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length)
+          return;
+        const b = i[0];
+        let o, t;
+        if ("borderBoxSize" in b) {
+          const s = b.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
+          o = u.inlineSize, t = u.blockSize;
+        } else
+          o = r.offsetWidth, t = r.offsetHeight;
+        e({ width: o, height: t });
+      });
+      return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
+    } else
+      e(void 0);
+  }, [r]), d;
+}
+export {
+  c as useSize
+};

package/dist/a2ui-react236.js

@@ -0,0 +1,49 @@
+import * as l from "react";
+import { composeRefs as m } from "./a2ui-react215.js";
+import { jsx as u } from "react/jsx-runtime";
+// @__NO_SIDE_EFFECTS__
+function b(e) {
+  const r = /* @__PURE__ */ y(e), t = l.forwardRef((o, n) => {
+    const { children: i, ...c } = o, s = l.Children.toArray(i), a = s.find(E);
+    if (a) {
+      const f = a.props.children, d = s.map((p) => p === a ? l.Children.count(f) > 1 ? l.Children.only(null) : l.isValidElement(f) ? f.props.children : null : p);
+      return /* @__PURE__ */ u(r, { ...c, ref: n, children: l.isValidElement(f) ? l.cloneElement(f, void 0, d) : null });
+    }
+    return /* @__PURE__ */ u(r, { ...c, ref: n, children: i });
+  });
+  return t.displayName = `${e}.Slot`, t;
+}
+// @__NO_SIDE_EFFECTS__
+function y(e) {
+  const r = l.forwardRef((t, o) => {
+    const { children: n, ...i } = t;
+    if (l.isValidElement(n)) {
+      const c = S(n), s = C(i, n.props);
+      return n.type !== l.Fragment && (s.ref = o ? m(o, c) : c), l.cloneElement(n, s);
+    }
+    return l.Children.count(n) > 1 ? l.Children.only(null) : null;
+  });
+  return r.displayName = `${e}.SlotClone`, r;
+}
+var g = /* @__PURE__ */ Symbol("radix.slottable");
+function E(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === g;
+}
+function C(e, r) {
+  const t = { ...r };
+  for (const o in r) {
+    const n = e[o], i = r[o];
+    /^on[A-Z]/.test(o) ? n && i ? t[o] = (...s) => {
+      const a = i(...s);
+      return n(...s), a;
+    } : n && (t[o] = n) : o === "style" ? t[o] = { ...n, ...i } : o === "className" && (t[o] = [n, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...t };
+}
+function S(e) {
+  let r = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning;
+  return t ? e.ref : (r = Object.getOwnPropertyDescriptor(e, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+}
+export {
+  b as createSlot
+};

package/dist/a2ui-react237.js

@@ -0,0 +1,183 @@
+import * as c from "react";
+import { composeEventHandlers as p } from "./a2ui-react213.js";
+import { createCollection as V } from "./a2ui-react214.js";
+import { useComposedRefs as j } from "./a2ui-react215.js";
+import { createContextScope as z } from "./a2ui-react216.js";
+import { useId as q } from "./a2ui-react221.js";
+import { Primitive as G } from "./a2ui-react224.js";
+import { useCallbackRef as J } from "./a2ui-react226.js";
+import { useControllableState as Q } from "./a2ui-react227.js";
+import { useDirection as W } from "./a2ui-react217.js";
+import { jsx as d } from "react/jsx-runtime";
+var y = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, I = "RovingFocusGroup", [D, N, Z] = V(I), [$, Fe] = z(
+  I,
+  [Z]
+), [ee, oe] = $(I), O = c.forwardRef(
+  (e, r) => /* @__PURE__ */ d(D.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(D.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(te, { ...e, ref: r }) }) })
+);
+O.displayName = I;
+var te = c.forwardRef((e, r) => {
+  const {
+    __scopeRovingFocusGroup: s,
+    orientation: o,
+    loop: T = !1,
+    dir: w,
+    currentTabStopId: v,
+    defaultCurrentTabStopId: C,
+    onCurrentTabStopIdChange: S,
+    onEntryFocus: m,
+    preventScrollOnEntryFocus: u = !1,
+    ...b
+  } = e, F = c.useRef(null), g = j(r, F), R = W(w), [E, t] = Q({
+    prop: v,
+    defaultProp: C ?? null,
+    onChange: S,
+    caller: I
+  }), [i, h] = c.useState(!1), a = J(m), l = N(s), A = c.useRef(!1), [L, P] = c.useState(0);
+  return c.useEffect(() => {
+    const n = F.current;
+    if (n)
+      return n.addEventListener(y, a), () => n.removeEventListener(y, a);
+  }, [a]), /* @__PURE__ */ d(
+    ee,
+    {
+      scope: s,
+      orientation: o,
+      dir: R,
+      loop: T,
+      currentTabStopId: E,
+      onItemFocus: c.useCallback(
+        (n) => t(n),
+        [t]
+      ),
+      onItemShiftTab: c.useCallback(() => h(!0), []),
+      onFocusableItemAdd: c.useCallback(
+        () => P((n) => n + 1),
+        []
+      ),
+      onFocusableItemRemove: c.useCallback(
+        () => P((n) => n - 1),
+        []
+      ),
+      children: /* @__PURE__ */ d(
+        G.div,
+        {
+          tabIndex: i || L === 0 ? -1 : 0,
+          "data-orientation": o,
+          ...b,
+          ref: g,
+          style: { outline: "none", ...e.style },
+          onMouseDown: p(e.onMouseDown, () => {
+            A.current = !0;
+          }),
+          onFocus: p(e.onFocus, (n) => {
+            const U = !A.current;
+            if (n.target === n.currentTarget && U && !i) {
+              const x = new CustomEvent(y, X);
+              if (n.currentTarget.dispatchEvent(x), !x.defaultPrevented) {
+                const _ = l().filter((f) => f.focusable), B = _.find((f) => f.active), Y = _.find((f) => f.id === E), H = [B, Y, ..._].filter(
+                  Boolean
+                ).map((f) => f.ref.current);
+                k(H, u);
+              }
+            }
+            A.current = !1;
+          }),
+          onBlur: p(e.onBlur, () => h(!1))
+        }
+      )
+    }
+  );
+}), K = "RovingFocusGroupItem", M = c.forwardRef(
+  (e, r) => {
+    const {
+      __scopeRovingFocusGroup: s,
+      focusable: o = !0,
+      active: T = !1,
+      tabStopId: w,
+      children: v,
+      ...C
+    } = e, S = q(), m = w || S, u = oe(K, s), b = u.currentTabStopId === m, F = N(s), { onFocusableItemAdd: g, onFocusableItemRemove: R, currentTabStopId: E } = u;
+    return c.useEffect(() => {
+      if (o)
+        return g(), () => R();
+    }, [o, g, R]), /* @__PURE__ */ d(
+      D.ItemSlot,
+      {
+        scope: s,
+        id: m,
+        focusable: o,
+        active: T,
+        children: /* @__PURE__ */ d(
+          G.span,
+          {
+            tabIndex: b ? 0 : -1,
+            "data-orientation": u.orientation,
+            ...C,
+            ref: r,
+            onMouseDown: p(e.onMouseDown, (t) => {
+              o ? u.onItemFocus(m) : t.preventDefault();
+            }),
+            onFocus: p(e.onFocus, () => u.onItemFocus(m)),
+            onKeyDown: p(e.onKeyDown, (t) => {
+              if (t.key === "Tab" && t.shiftKey) {
+                u.onItemShiftTab();
+                return;
+              }
+              if (t.target !== t.currentTarget) return;
+              const i = ce(t, u.orientation, u.dir);
+              if (i !== void 0) {
+                if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
+                t.preventDefault();
+                let a = F().filter((l) => l.focusable).map((l) => l.ref.current);
+                if (i === "last") a.reverse();
+                else if (i === "prev" || i === "next") {
+                  i === "prev" && a.reverse();
+                  const l = a.indexOf(t.currentTarget);
+                  a = u.loop ? se(a, l + 1) : a.slice(l + 1);
+                }
+                setTimeout(() => k(a));
+              }
+            }),
+            children: typeof v == "function" ? v({ isCurrentTabStop: b, hasTabStop: E != null }) : v
+          }
+        )
+      }
+    );
+  }
+);
+M.displayName = K;
+var re = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function ne(e, r) {
+  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function ce(e, r, s) {
+  const o = ne(e.key, s);
+  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
+    return re[o];
+}
+function k(e, r = !1) {
+  const s = document.activeElement;
+  for (const o of e)
+    if (o === s || (o.focus({ preventScroll: r }), document.activeElement !== s)) return;
+}
+function se(e, r) {
+  return e.map((s, o) => e[(r + o) % e.length]);
+}
+var ge = O, Re = M;
+export {
+  Re as Item,
+  ge as Root,
+  O as RovingFocusGroup,
+  M as RovingFocusGroupItem,
+  Fe as createRovingFocusGroupScope
+};

package/dist/a2ui-react238.js

@@ -0,0 +1,70 @@
+const a = {
+  lessThanXSeconds: {
+    one: "less than a second",
+    other: "less than {{count}} seconds"
+  },
+  xSeconds: {
+    one: "1 second",
+    other: "{{count}} seconds"
+  },
+  halfAMinute: "half a minute",
+  lessThanXMinutes: {
+    one: "less than a minute",
+    other: "less than {{count}} minutes"
+  },
+  xMinutes: {
+    one: "1 minute",
+    other: "{{count}} minutes"
+  },
+  aboutXHours: {
+    one: "about 1 hour",
+    other: "about {{count}} hours"
+  },
+  xHours: {
+    one: "1 hour",
+    other: "{{count}} hours"
+  },
+  xDays: {
+    one: "1 day",
+    other: "{{count}} days"
+  },
+  aboutXWeeks: {
+    one: "about 1 week",
+    other: "about {{count}} weeks"
+  },
+  xWeeks: {
+    one: "1 week",
+    other: "{{count}} weeks"
+  },
+  aboutXMonths: {
+    one: "about 1 month",
+    other: "about {{count}} months"
+  },
+  xMonths: {
+    one: "1 month",
+    other: "{{count}} months"
+  },
+  aboutXYears: {
+    one: "about 1 year",
+    other: "about {{count}} years"
+  },
+  xYears: {
+    one: "1 year",
+    other: "{{count}} years"
+  },
+  overXYears: {
+    one: "over 1 year",
+    other: "over {{count}} years"
+  },
+  almostXYears: {
+    one: "almost 1 year",
+    other: "almost {{count}} years"
+  }
+}, r = (s, n, t) => {
+  let e;
+  const o = a[s];
+  return typeof o == "string" ? e = o : n === 1 ? e = o.one : e = o.other.replace("{{count}}", n.toString()), t?.addSuffix ? t.comparison && t.comparison > 0 ? "in " + e : e + " ago" : e;
+};
+export {
+  r as formatDistance
+};

package/dist/a2ui-react239.js

@@ -0,0 +1,33 @@
+import { buildFormatLongFn as t } from "./a2ui-react322.js";
+const m = {
+  full: "EEEE, MMMM do, y",
+  long: "MMMM do, y",
+  medium: "MMM d, y",
+  short: "MM/dd/yyyy"
+}, a = {
+  full: "h:mm:ss a zzzz",
+  long: "h:mm:ss a z",
+  medium: "h:mm:ss a",
+  short: "h:mm a"
+}, o = {
+  full: "{{date}} 'at' {{time}}",
+  long: "{{date}} 'at' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+}, e = {
+  date: t({
+    formats: m,
+    defaultWidth: "full"
+  }),
+  time: t({
+    formats: a,
+    defaultWidth: "full"
+  }),
+  dateTime: t({
+    formats: o,
+    defaultWidth: "full"
+  })
+};
+export {
+  e as formatLong
+};