@als-tp/als-react-ts-ui 0.4.0 → 0.5.0

package/dist/als-react-ts-ui351.js

@@ -1,4 +1,18 @@
-var e = { exports: {} };
+const s = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), a = (t) => t.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (e, o, r) => r ? r.toUpperCase() : o.toLowerCase()
+), n = (t) => {
+  const e = a(t);
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}, c = (...t) => t.filter((e, o, r) => !!e && e.trim() !== "" && r.indexOf(e) === o).join(" ").trim(), i = (t) => {
+  for (const e in t)
+    if (e.startsWith("aria-") || e === "role" || e === "title")
+      return !0;
+};
 export {
-  e as __module
+  i as hasA11yProp,
+  c as mergeClasses,
+  a as toCamelCase,
+  s as toKebabCase,
+  n as toPascalCase
 };

package/dist/als-react-ts-ui352.js

@@ -1,57 +1,35 @@
-import { __exports as d } from "./als-react-ts-ui364.js";
-import q from "react";
-import { __require as w } from "./als-react-ts-ui365.js";
-var V;
-function k() {
-  if (V) return d;
-  V = 1;
-  var a = q, j = w();
-  function z(r, u) {
-    return r === u && (r !== 0 || 1 / r === 1 / u) || r !== r && u !== u;
-  }
-  var M = typeof Object.is == "function" ? Object.is : z, W = j.useSyncExternalStore, h = a.useRef, y = a.useEffect, D = a.useMemo, O = a.useDebugValue;
-  return d.useSyncExternalStoreWithSelector = function(r, u, m, v, t) {
-    var i = h(null);
-    if (i.current === null) {
-      var f = { hasValue: !1, value: null };
-      i.current = f;
-    } else f = i.current;
-    i = D(
-      function() {
-        function _(e) {
-          if (!s) {
-            if (s = !0, c = e, e = v(e), t !== void 0 && f.hasValue) {
-              var o = f.value;
-              if (t(o, e))
-                return n = o;
-            }
-            return n = e;
-          }
-          if (o = n, M(c, e)) return o;
-          var R = v(e);
-          return t !== void 0 && t(o, R) ? (c = e, o) : (c = e, n = R);
-        }
-        var s = !1, c, n, b = m === void 0 ? null : m;
-        return [
-          function() {
-            return _(u());
-          },
-          b === null ? void 0 : function() {
-            return _(b());
-          }
-        ];
-      },
-      [u, m, v, t]
-    );
-    var l = W(r, i[0], i[1]);
-    return y(
-      function() {
-        f.hasValue = !0, f.value = l;
-      },
-      [l]
-    ), O(l), l;
-  }, d;
-}
+import { forwardRef as l, createElement as o } from "react";
+import A from "./als-react-ts-ui353.js";
+import { mergeClasses as b, hasA11yProp as c } from "./als-react-ts-ui351.js";
+const h = l(
+  ({
+    color: m = "currentColor",
+    size: t = 24,
+    strokeWidth: e = 2,
+    absoluteStrokeWidth: s,
+    className: u = "",
+    children: r,
+    iconNode: f,
+    ...a
+  }, p) => o(
+    "svg",
+    {
+      ref: p,
+      ...A,
+      width: t,
+      height: t,
+      stroke: m,
+      strokeWidth: s ? Number(e) * 24 / Number(t) : e,
+      className: b("lucide", u),
+      ...!r && !c(a) && { "aria-hidden": "true" },
+      ...a
+    },
+    [
+      ...f.map(([i, d]) => o(i, d)),
+      ...Array.isArray(r) ? r : [r]
+    ]
+  )
+);
 export {
-  k as __require
+  h as default
 };

package/dist/als-react-ts-ui353.js

@@ -1,58 +1,14 @@
-import { __exports as d } from "./als-react-ts-ui366.js";
-import M from "react";
-import { __require as b } from "./als-react-ts-ui365.js";
-var s;
-function H() {
-  return s ? d : (s = 1, process.env.NODE_ENV !== "production" && (function() {
-    function A(r, u) {
-      return r === u && (r !== 0 || 1 / r === 1 / u) || r !== r && u !== u;
-    }
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var i = M, R = b(), T = typeof Object.is == "function" ? Object.is : A, V = R.useSyncExternalStore, D = i.useRef, S = i.useEffect, p = i.useMemo, G = i.useDebugValue;
-    d.useSyncExternalStoreWithSelector = function(r, u, a, c, f) {
-      var _ = D(null);
-      if (_.current === null) {
-        var t = { hasValue: !1, value: null };
-        _.current = t;
-      } else t = _.current;
-      _ = p(
-        function() {
-          function m(e) {
-            if (!v) {
-              if (v = !0, l = e, e = c(e), f !== void 0 && t.hasValue) {
-                var o = t.value;
-                if (f(o, e))
-                  return O = o;
-              }
-              return O = e;
-            }
-            if (o = O, T(l, e))
-              return o;
-            var E = c(e);
-            return f !== void 0 && f(o, E) ? (l = e, o) : (l = e, O = E);
-          }
-          var v = !1, l, O, L = a === void 0 ? null : a;
-          return [
-            function() {
-              return m(u());
-            },
-            L === null ? void 0 : function() {
-              return m(L());
-            }
-          ];
-        },
-        [u, a, c, f]
-      );
-      var n = V(r, _[0], _[1]);
-      return S(
-        function() {
-          t.hasValue = !0, t.value = n;
-        },
-        [n]
-      ), G(n), n;
-    }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })(), d);
-}
+var t = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
 export {
-  H as __require
+  t as default
 };

package/dist/als-react-ts-ui354.js

@@ -1,10 +1,14 @@
+import n from "./als-react-ts-ui259.js";
 import * as e from "react";
-function r() {
-  const [, t] = e.useState({});
-  return e.useCallback(() => {
-    t({});
-  }, []);
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "PopoverRootContext");
+function p(r) {
+  const o = e.useContext(t);
+  if (o === void 0 && !r)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: PopoverRootContext is missing. Popover parts must be placed within <Popover.Root>." : n(47));
+  return o;
 }
 export {
-  r as useForcedRerendering
+  t as PopoverRootContext,
+  p as usePopoverRootContext
 };

package/dist/als-react-ts-ui355.js

@@ -1,14 +1,92 @@
-import s from "./als-react-ts-ui197.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "TabsRootContext");
-function r() {
-  const o = t.useContext(e);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: TabsRootContext is missing. Tabs parts must be placed within <Tabs.Root>." : s(64));
-  return o;
+import * as s from "react";
+import * as l from "react-dom";
+import { Timeout as m } from "./als-react-ts-ui195.js";
+import { useRefWithInit as g } from "./als-react-ts-ui240.js";
+import { useOnMount as h } from "./als-react-ts-ui305.js";
+import { PATIENT_CLICK_THRESHOLD as I } from "./als-react-ts-ui260.js";
+import { ReactStore as R } from "./als-react-ts-ui333.js";
+import { PopupTriggerMap as T } from "./als-react-ts-ui334.js";
+import { createSelector as o } from "./als-react-ts-ui335.js";
+import { popupStoreSelectors as C, createInitialPopupStoreState as E } from "./als-react-ts-ui332.js";
+import { triggerHover as O, triggerPress as k, escapeKey as y, focusOut as S } from "./als-react-ts-ui248.js";
+function H() {
+  return {
+    ...E(),
+    disabled: !1,
+    modal: !1,
+    instantType: void 0,
+    openMethod: null,
+    openChangeReason: null,
+    titleElementId: void 0,
+    descriptionElementId: void 0,
+    stickIfOpen: !0,
+    nested: !1,
+    openOnHover: !1,
+    closeDelay: 0
+  };
+}
+const b = {
+  ...C,
+  disabled: o((t) => t.disabled),
+  instantType: o((t) => t.instantType),
+  openMethod: o((t) => t.openMethod),
+  openChangeReason: o((t) => t.openChangeReason),
+  modal: o((t) => t.modal),
+  stickIfOpen: o((t) => t.stickIfOpen),
+  titleElementId: o((t) => t.titleElementId),
+  descriptionElementId: o((t) => t.descriptionElementId),
+  openOnHover: o((t) => t.openOnHover),
+  closeDelay: o((t) => t.closeDelay)
+};
+class f extends R {
+  constructor(n) {
+    const e = {
+      ...H(),
+      ...n
+    };
+    e.open && n?.mounted === void 0 && (e.mounted = !0), super(e, {
+      popupRef: /* @__PURE__ */ s.createRef(),
+      backdropRef: /* @__PURE__ */ s.createRef(),
+      internalBackdropRef: /* @__PURE__ */ s.createRef(),
+      onOpenChange: void 0,
+      onOpenChangeComplete: void 0,
+      triggerFocusTargetRef: /* @__PURE__ */ s.createRef(),
+      beforeContentFocusGuardRef: /* @__PURE__ */ s.createRef(),
+      stickIfOpenTimeout: new m(),
+      triggerElements: new T()
+    }, b);
+  }
+  setOpen = (n, e) => {
+    const r = e.reason === O, a = e.reason === k && e.event.detail === 0, d = !n && (e.reason === y || e.reason == null);
+    if (e.preventUnmountOnClose = () => {
+      this.set("preventUnmountingOnClose", !0);
+    }, this.context.onOpenChange?.(n, e), e.isCanceled)
+      return;
+    const u = {
+      open: n,
+      nativeEvent: e.event,
+      reason: e.reason,
+      nested: this.state.nested,
+      triggerElement: e.trigger
+    };
+    this.state.floatingRootContext.context.events?.emit("openchange", u);
+    const c = () => {
+      const i = {
+        open: n,
+        openChangeReason: e.reason
+      }, p = e.trigger?.id ?? null;
+      (p || n) && (i.activeTriggerId = p, i.activeTriggerElement = e.trigger ?? null), this.update(i);
+    };
+    r ? (this.set("stickIfOpen", !0), this.context.stickIfOpenTimeout.start(I, () => {
+      this.set("stickIfOpen", !1);
+    }), l.flushSync(c)) : c(), a || d ? this.set("instantType", a ? "click" : "dismiss") : e.reason === S ? this.set("instantType", "focus") : this.set("instantType", void 0);
+  };
+  static useStore(n, e) {
+    const r = g(() => n ?? new f(e)).current;
+    return h(r.disposeEffect), r;
+  }
+  disposeEffect = () => this.context.stickIfOpenTimeout.disposeEffect();
 }
 export {
-  e as TabsRootContext,
-  r as useTabsRootContext
+  f as PopoverStore
 };

package/dist/als-react-ts-ui356.js

@@ -1,9 +1,58 @@
-import { TabsRootDataAttributes as i } from "./als-react-ts-ui367.js";
-const o = {
-  tabActivationDirection: (t) => ({
-    [i.activationDirection]: t
-  })
+import * as r from "react";
+import { useId as a } from "./als-react-ts-ui325.js";
+import { useIsoLayoutEffect as l } from "./als-react-ts-ui193.js";
+import { useRefWithInit as f } from "./als-react-ts-ui240.js";
+import { FloatingTreeStore as m } from "./als-react-ts-ui381.js";
+import { jsx as d } from "react/jsx-runtime";
+const i = /* @__PURE__ */ r.createContext(null);
+process.env.NODE_ENV !== "production" && (i.displayName = "FloatingNodeContext");
+const s = /* @__PURE__ */ r.createContext(null);
+process.env.NODE_ENV !== "production" && (s.displayName = "FloatingTreeContext");
+const u = () => r.useContext(i)?.id || null, p = (o) => {
+  const e = r.useContext(s);
+  return o ?? e;
 };
+function v(o) {
+  const e = a(), t = p(o), n = u();
+  return l(() => {
+    if (!e)
+      return;
+    const c = {
+      id: e,
+      parentId: n
+    };
+    return t?.addNode(c), () => {
+      t?.removeNode(c);
+    };
+  }, [t, e, n]), e;
+}
+function I(o) {
+  const {
+    children: e,
+    id: t
+  } = o, n = u();
+  return /* @__PURE__ */ d(i.Provider, {
+    value: r.useMemo(() => ({
+      id: t,
+      parentId: n
+    }), [t, n]),
+    children: e
+  });
+}
+function T(o) {
+  const {
+    children: e,
+    externalTree: t
+  } = o, n = f(() => t ?? new m()).current;
+  return /* @__PURE__ */ d(s.Provider, {
+    value: n,
+    children: e
+  });
+}
 export {
-  o as tabsStateAttributesMapping
+  I as FloatingNode,
+  T as FloatingTree,
+  v as useFloatingNodeId,
+  u as useFloatingParentNodeId,
+  p as useFloatingTree
 };

package/dist/als-react-ts-ui357.js

@@ -1,4 +1,4 @@
-const t = "data-composite-item-active";
+const o = 300;
 export {
-  t as ACTIVE_COMPOSITE_ITEM
+  o as OPEN_DELAY
 };

package/dist/als-react-ts-ui358.js

@@ -1,34 +1,26 @@
 import * as r from "react";
-import { useMergedRefs as p } from "./als-react-ts-ui169.js";
-import { useCompositeRootContext as h } from "./als-react-ts-ui248.js";
-import { useCompositeListItem as g } from "./als-react-ts-ui173.js";
-function I(m = {}) {
-  const {
-    highlightItemOnHover: s,
-    highlightedIndex: c,
-    onHighlightedIndexChange: i
-  } = h(), {
-    ref: u,
-    index: e
-  } = g(m), t = c === e, n = r.useRef(null), d = p(u, n);
-  return {
-    compositeProps: r.useMemo(() => ({
-      tabIndex: t ? 0 : -1,
-      onFocus() {
-        i(e);
-      },
-      onMouseMove() {
-        const o = n.current;
-        if (!s || !o)
-          return;
-        const f = o.hasAttribute("disabled") || o.ariaDisabled === "true";
-        !t && !f && o.focus();
-      }
-    }), [t, i, e, s]),
-    compositeRef: d,
-    index: e
-  };
-}
+import { useIsoLayoutEffect as a } from "./als-react-ts-ui193.js";
+import { isSafari as u } from "./als-react-ts-ui371.js";
+import { visuallyHidden as i } from "./als-react-ts-ui375.js";
+import { jsx as f } from "react/jsx-runtime";
+const d = /* @__PURE__ */ r.forwardRef(function(t, e) {
+  const [o, s] = r.useState();
+  return a(() => {
+    u && s("button");
+  }, []), /* @__PURE__ */ f("span", {
+    ...t,
+    ref: e,
+    style: i,
+    "aria-hidden": o ? void 0 : !0,
+    ...{
+      tabIndex: 0,
+      // Role is only for VoiceOver
+      role: o
+    },
+    "data-base-ui-focus-guard": ""
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "FocusGuard");
 export {
-  I as useCompositeItem
+  d as FocusGuard
 };

package/dist/als-react-ts-ui359.js

@@ -1,14 +1,155 @@
-import o from "./als-react-ts-ui197.js";
-import * as s from "react";
-const e = /* @__PURE__ */ s.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "TabsListContext");
-function i() {
-  const t = s.useContext(e);
-  if (t === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: TabsListContext is missing. TabsList parts must be placed within <Tabs.List>." : o(65));
-  return t;
+import * as k from "react";
+import * as ee from "react-dom";
+import { isElement as te } from "./als-react-ts-ui339.js";
+import { useValueAsRef as _ } from "./als-react-ts-ui337.js";
+import { useStableCallback as I } from "./als-react-ts-ui192.js";
+import { createChangeEventDetails as y } from "./als-react-ts-ui246.js";
+import { getDelay as F } from "./als-react-ts-ui389.js";
+import { useFloatingTree as re } from "./als-react-ts-ui356.js";
+import { useHoverInteractionSharedState as ne, safePolygonIdentifier as oe } from "./als-react-ts-ui388.js";
+import { triggerHover as C } from "./als-react-ts-ui248.js";
+import { getDocument as q, contains as L } from "./als-react-ts-ui331.js";
+import { isMouseLikePointerType as z } from "./als-react-ts-ui295.js";
+function N(l) {
+  return typeof l == "function" ? l() : l;
+}
+function pe(l, B = {}) {
+  const t = "rootStore" in l ? l.rootStore : l, {
+    dataRef: a,
+    events: H
+  } = t.context, {
+    enabled: O = !0,
+    delay: G = 0,
+    handleClose: J = null,
+    mouseOnly: x = !1,
+    restMs: K = 0,
+    move: A = !0,
+    triggerElement: V = null,
+    externalTree: Q,
+    isActiveTrigger: X = !0
+  } = B, Y = re(Q), {
+    pointerTypeRef: o,
+    interactedInsideRef: U,
+    handlerRef: p,
+    blockMouseMoveRef: E,
+    performedPointerEventsMutationRef: W,
+    unbindMouseMoveRef: D,
+    restTimeoutPendingRef: f,
+    openChangeTimeout: s,
+    restTimeout: m,
+    handleCloseOptionsRef: Z
+  } = ne(t), v = _(J), R = _(G), M = _(K);
+  X && (Z.current = v.current?.__options);
+  const T = I(() => U.current ? !0 : a.current.openEvent ? ["click", "mousedown"].includes(a.current.openEvent.type) : !1), b = k.useCallback((e, r = !0) => {
+    const g = F(R.current, "close", o.current);
+    g && !p.current ? s.start(g, () => t.setOpen(!1, y(C, e))) : r && (s.clear(), t.setOpen(!1, y(C, e)));
+  }, [R, p, t, o, s]), w = I(() => {
+    D.current(), p.current = void 0;
+  }), P = I(() => {
+    if (W.current) {
+      const e = q(t.select("domReferenceElement")).body;
+      e.style.pointerEvents = "", e.removeAttribute(oe), W.current = !1;
+    }
+  });
+  k.useEffect(() => {
+    if (!O)
+      return;
+    function e(r) {
+      r.open || (s.clear(), m.clear(), E.current = !0, f.current = !1);
+    }
+    return H.on("openchange", e), () => {
+      H.off("openchange", e);
+    };
+  }, [O, H, s, m, E, f]);
+  const j = I((e) => {
+    if (T() || !a.current.floatingContext)
+      return;
+    const r = t.context.triggerElements;
+    e.relatedTarget && r.hasElement(e.relatedTarget) || v.current?.({
+      ...a.current.floatingContext,
+      tree: Y,
+      x: e.clientX,
+      y: e.clientY,
+      onClose() {
+        P(), w(), T() || b(e);
+      }
+    })(e);
+  });
+  return k.useEffect(() => {
+    if (!O)
+      return;
+    const e = V ?? (X ? t.select("domReferenceElement") : null);
+    if (!te(e))
+      return;
+    function r(n) {
+      if (s.clear(), E.current = !1, x && !z(o.current) || N(M.current) > 0 && !F(R.current, "open"))
+        return;
+      const d = F(R.current, "open", o.current), c = t.select("domReferenceElement"), u = t.context.triggerElements, h = (u.hasElement(n.target) || u.hasMatchingElement(($) => L($, n.target))) && (!c || !L(c, n.target)), i = n.currentTarget ?? null;
+      d ? s.start(d, () => {
+        t.select("open") || t.setOpen(!0, y(C, n, i));
+      }) : (!t.select("open") || h) && t.setOpen(!0, y(C, n, i));
+    }
+    function g(n) {
+      if (T()) {
+        P();
+        return;
+      }
+      D.current();
+      const d = t.select("domReferenceElement"), c = q(d);
+      m.clear(), f.current = !1;
+      const u = t.context.triggerElements;
+      if (n.relatedTarget && u.hasElement(n.relatedTarget))
+        return;
+      if (v.current && a.current.floatingContext) {
+        t.select("open") || s.clear(), p.current = v.current({
+          ...a.current.floatingContext,
+          tree: Y,
+          x: n.clientX,
+          y: n.clientY,
+          onClose() {
+            P(), w(), T() || b(n, !0);
+          }
+        });
+        const i = p.current;
+        i(n), c.addEventListener("mousemove", i), D.current = () => {
+          c.removeEventListener("mousemove", i);
+        };
+        return;
+      }
+      (o.current === "touch" ? !L(t.select("floatingElement"), n.relatedTarget) : !0) && b(n);
+    }
+    function S(n) {
+      j(n);
+    }
+    return t.select("open") && e.addEventListener("mouseleave", S), A && e.addEventListener("mousemove", r, {
+      once: !0
+    }), e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", g), () => {
+      e.removeEventListener("mouseleave", S), A && e.removeEventListener("mousemove", r), e.removeEventListener("mouseenter", r), e.removeEventListener("mouseleave", g);
+    };
+  }, [w, P, E, a, R, b, t, O, v, j, X, T, x, A, o, M, m, f, s, V, Y, D, p]), k.useMemo(() => {
+    function e(r) {
+      o.current = r.pointerType;
+    }
+    return {
+      onPointerDown: e,
+      onPointerEnter: e,
+      onMouseMove(r) {
+        const {
+          nativeEvent: g
+        } = r, S = r.currentTarget, n = t.select("domReferenceElement"), d = t.context.triggerElements, c = t.select("open"), u = (d.hasElement(r.target) || d.hasMatchingElement((i) => L(i, r.target))) && (!n || !L(n, r.target));
+        if (x && !z(o.current) || c && !u || N(M.current) === 0 || !u && f.current && r.movementX ** 2 + r.movementY ** 2 < 2)
+          return;
+        m.clear();
+        function h() {
+          !E.current && (!c || u) && t.setOpen(!0, y(C, g, S));
+        }
+        o.current === "touch" ? ee.flushSync(() => {
+          h();
+        }) : u && c ? h() : (f.current = !0, m.start(N(M.current), h));
+      }
+    };
+  }, [E, x, t, o, M, m, f]);
 }
 export {
-  e as TabsListContext,
-  i as useTabsListContext
+  pe as useHoverReferenceInteraction
 };

package/dist/als-react-ts-ui36.js

@@ -1,9 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import r from "./als-react-ts-ui127.js";
-function e(t) {
-  return /* @__PURE__ */ o("div", { className: r.root });
-}
+import { ALSToolbarInput as o, ALSToolbarSeparator as r, ALSToolbarGroup as t, ALSToolbarLink as a, ALSToolbarButton as L, ALSToolbarRoot as S } from "./als-react-ts-ui123.js";
+const b = {
+  Root: S,
+  Button: L,
+  Link: a,
+  Group: t,
+  Separator: r,
+  Input: o
+};
 export {
-  e as ALSToolbar,
-  e as default
+  b as ALSToolbar
 };