@als-tp/als-react-ts-ui 0.5.1 → 0.5.2

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

@@ -1,67 +1,21 @@
-import { tabbable as r } from "./als-react-ts-ui358.js";
-import { contains as d, getDocument as b, activeElement as f } from "./als-react-ts-ui312.js";
-const s = () => ({
-  getShadowRoot: !0,
-  displayCheck: (
-    // JSDOM does not support the `tabbable` library. To solve this we can
-    // check if `ResizeObserver` is a real function (not polyfilled), which
-    // determines if the current environment is JSDOM-like.
-    typeof ResizeObserver == "function" && ResizeObserver.toString().includes("[native code]") ? "full" : "none"
-  )
-});
-function u(t, a) {
-  const e = r(t, s()), n = e.length;
-  if (n === 0)
-    return;
-  const i = f(b(t)), o = e.indexOf(i), c = o === -1 ? a === 1 ? 0 : n - 1 : o + a;
-  return e[c];
-}
-function T(t) {
-  return u(b(t).body, 1) || t;
-}
-function m(t) {
-  return u(b(t).body, -1) || t;
-}
-function l(t, a) {
-  if (!t)
-    return null;
-  const e = r(b(t).body, s()), n = e.length;
-  if (n === 0)
-    return null;
-  const i = e.indexOf(t);
-  if (i === -1)
-    return null;
-  const o = (i + a + n) % n;
-  return e[o];
-}
-function v(t) {
-  return l(t, 1);
-}
-function h(t) {
-  return l(t, -1);
-}
-function p(t, a) {
-  const e = a || t.currentTarget, n = t.relatedTarget;
-  return !n || !d(e, n);
-}
-function y(t) {
-  r(t, s()).forEach((e) => {
-    e.dataset.tabindex = e.getAttribute("tabindex") || "", e.setAttribute("tabindex", "-1");
-  });
-}
-function A(t) {
-  t.querySelectorAll("[data-tabindex]").forEach((e) => {
-    const n = e.dataset.tabindex;
-    delete e.dataset.tabindex, n ? e.setAttribute("tabindex", n) : e.removeAttribute("tabindex");
-  });
-}
+import { forwardRef as m, createElement as l } from "react";
+import { mergeClasses as d, toKebabCase as f, toPascalCase as r } from "./als-react-ts-ui367.js";
+import n from "./als-react-ts-ui368.js";
+const C = (e, t) => {
+  const o = m(
+    ({ className: a, ...s }, c) => l(n, {
+      ref: c,
+      iconNode: t,
+      className: d(
+        `lucide-${f(r(e))}`,
+        `lucide-${e}`,
+        a
+      ),
+      ...s
+    })
+  );
+  return o.displayName = r(e), o;
+};
 export {
-  y as disableFocusInside,
-  A as enableFocusInside,
-  T as getNextTabbable,
-  m as getPreviousTabbable,
-  v as getTabbableAfterElement,
-  h as getTabbableBeforeElement,
-  s as getTabbableOptions,
-  p as isOutsideEvent
+  C as default
 };

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

@@ -1,15 +1,18 @@
-function d(r, i, e = !0) {
-  return r.filter((t) => t.parentId === i && (!e || t.context?.open)).flatMap((t) => [t, ...d(r, t.id, e)]);
-}
-function o(r, i) {
-  let e = [], n = r.find((t) => t.id === i)?.parentId;
-  for (; n; ) {
-    const t = r.find((c) => c.id === n);
-    n = t?.parentId, t && (e = e.concat(t));
-  }
-  return e;
-}
+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 {
-  o as getNodeAncestors,
-  d as getNodeChildren
+  i as hasA11yProp,
+  c as mergeClasses,
+  a as toCamelCase,
+  s as toKebabCase,
+  n as toPascalCase
 };

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

@@ -1,17 +1,35 @@
-import { createEventEmitter as n } from "./als-react-ts-ui369.js";
-class d {
-  nodesRef = {
-    current: []
-  };
-  events = n();
-  addNode(e) {
-    this.nodesRef.current.push(e);
-  }
-  removeNode(e) {
-    const t = this.nodesRef.current.findIndex((r) => r === e);
-    t !== -1 && this.nodesRef.current.splice(t, 1);
-  }
-}
+import { forwardRef as l, createElement as o } from "react";
+import A from "./als-react-ts-ui369.js";
+import { mergeClasses as b, hasA11yProp as c } from "./als-react-ts-ui367.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 {
-  d as FloatingTreeStore
+  h as default
 };

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

@@ -1,17 +1,14 @@
-function o() {
-  const t = /* @__PURE__ */ new Map();
-  return {
-    emit(e, a) {
-      t.get(e)?.forEach((n) => n(a));
-    },
-    on(e, a) {
-      t.has(e) || t.set(e, /* @__PURE__ */ new Set()), t.get(e).add(a);
-    },
-    off(e, a) {
-      t.get(e)?.delete(a);
-    }
-  };
-}
+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 {
-  o as createEventEmitter
+  t as default
 };

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

@@ -1,78 +1,7 @@
-import * as o from "react";
-import { useFloating as P } from "./als-react-ts-ui371.js";
-import { isElement as s } from "./als-react-ts-ui320.js";
-import { useIsoLayoutEffect as F } from "./als-react-ts-ui267.js";
-import { useFloatingTree as V } from "./als-react-ts-ui364.js";
-import { useFloatingRootContext as v } from "./als-react-ts-ui372.js";
-function w(c = {}) {
-  const {
-    nodeId: m,
-    externalTree: y
-  } = c, I = v(c), t = c.rootContext || I, r = {
-    reference: t.useState("referenceElement"),
-    floating: t.useState("floatingElement"),
-    domReference: t.useState("domReferenceElement")
-  }, [g, M] = o.useState(null), i = o.useRef(null), b = V(y);
-  F(() => {
-    r.domReference && (i.current = r.domReference);
-  }, [r.domReference]);
-  const n = P({
-    ...c,
-    elements: {
-      ...r,
-      ...g && {
-        reference: g
-      }
-    }
-  }), d = o.useCallback((e) => {
-    const u = s(e) ? {
-      getBoundingClientRect: () => e.getBoundingClientRect(),
-      getClientRects: () => e.getClientRects(),
-      contextElement: e
-    } : e;
-    M(u), n.refs.setReference(u);
-  }, [n.refs]), [R, S] = o.useState(null), [k, L] = o.useState(null);
-  t.useSyncedValue("referenceElement", R), t.useSyncedValue("domReferenceElement", s(R) ? R : null), t.useSyncedValue("floatingElement", k);
-  const x = o.useCallback((e) => {
-    (s(e) || e === null) && (i.current = e, S(e)), (s(n.refs.reference.current) || n.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
-    // `null` to support `positionReference` + an unstable `reference`
-    // callback ref.
-    e !== null && !s(e)) && n.refs.setReference(e);
-  }, [n.refs, S]), C = o.useCallback((e) => {
-    L(e), n.refs.setFloating(e);
-  }, [n.refs]), l = o.useMemo(() => ({
-    ...n.refs,
-    setReference: x,
-    setFloating: C,
-    setPositionReference: d,
-    domReference: i
-  }), [n.refs, x, C, d]), f = o.useMemo(() => ({
-    ...n.elements,
-    domReference: r.domReference
-  }), [n.elements, r.domReference]), E = t.useState("open"), p = t.useState("floatingId"), a = o.useMemo(() => ({
-    ...n,
-    dataRef: t.context.dataRef,
-    open: E,
-    onOpenChange: t.setOpen,
-    events: t.context.events,
-    floatingId: p,
-    refs: l,
-    elements: f,
-    nodeId: m,
-    rootStore: t
-  }), [n, l, f, m, t, E, p]);
-  return F(() => {
-    t.context.dataRef.current.floatingContext = a;
-    const e = b?.nodesRef.current.find((u) => u.id === m);
-    e && (e.context = a);
-  }), o.useMemo(() => ({
-    ...n,
-    context: a,
-    refs: l,
-    elements: f,
-    rootStore: t
-  }), [n, l, f, a, t]);
-}
+import * as t from "react";
+const a = {
+  ...t
+};
 export {
-  w as useFloating
+  a as SafeReact
 };

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

@@ -1,183 +1,43 @@
-import { flip as H, offset as I, size as J, hide as K, computePosition as N, shift as Q, limitShift as T } from "./als-react-ts-ui384.js";
-import { autoUpdate as ae, platform as de } from "./als-react-ts-ui384.js";
-import * as r from "react";
-import { useLayoutEffect as X } from "react";
-import * as Y from "react-dom";
-var Z = typeof document < "u", b = function() {
-}, R = Z ? X : b;
-function w(e, t) {
-  if (e === t)
-    return !0;
-  if (typeof e != typeof t)
-    return !1;
-  if (typeof e == "function" && e.toString() === t.toString())
-    return !0;
-  let n, f, c;
-  if (e && t && typeof e == "object") {
-    if (Array.isArray(e)) {
-      if (n = e.length, n !== t.length) return !1;
-      for (f = n; f-- !== 0; )
-        if (!w(e[f], t[f]))
-          return !1;
-      return !0;
-    }
-    if (c = Object.keys(e), n = c.length, n !== Object.keys(t).length)
-      return !1;
-    for (f = n; f-- !== 0; )
-      if (!{}.hasOwnProperty.call(t, c[f]))
-        return !1;
-    for (f = n; f-- !== 0; ) {
-      const p = c[f];
-      if (!(p === "_owner" && e.$$typeof) && !w(e[p], t[p]))
-        return !1;
-    }
-    return !0;
-  }
-  return e !== e && t !== t;
-}
-function L(e) {
-  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function z(e, t) {
-  const n = L(e);
-  return Math.round(t * n) / n;
+const a = typeof navigator < "u", o = e(), n = f(), r = u(), c = typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter:none"), m = (
+  // iPads can claim to be MacIntel
+  o.platform === "MacIntel" && o.maxTouchPoints > 1 ? !0 : /iP(hone|ad|od)|iOS/.test(o.platform)
+), p = a && /firefox/i.test(r), g = a && /apple/i.test(navigator.vendor), d = a && /android/i.test(n) || /android/i.test(r), l = a && n.toLowerCase().startsWith("mac") && !navigator.maxTouchPoints, v = r.includes("jsdom/");
+function e() {
+  if (!a)
+    return {
+      platform: "",
+      maxTouchPoints: -1
+    };
+  const t = navigator.userAgentData;
+  return t?.platform ? {
+    platform: t.platform,
+    maxTouchPoints: navigator.maxTouchPoints
+  } : {
+    platform: navigator.platform ?? "",
+    maxTouchPoints: navigator.maxTouchPoints ?? -1
+  };
 }
-function k(e) {
-  const t = r.useRef(e);
-  return R(() => {
-    t.current = e;
-  }), t;
+function u() {
+  if (!a)
+    return "";
+  const t = navigator.userAgentData;
+  return t && Array.isArray(t.brands) ? t.brands.map(({
+    brand: i,
+    version: s
+  }) => `${i}/${s}`).join(" ") : navigator.userAgent;
 }
-function ne(e) {
-  e === void 0 && (e = {});
-  const {
-    placement: t = "bottom",
-    strategy: n = "absolute",
-    middleware: f = [],
-    platform: c,
-    elements: {
-      reference: p,
-      floating: A
-    } = {},
-    transform: D = !0,
-    whileElementsMounted: E,
-    open: x
-  } = e, [s, C] = r.useState({
-    x: 0,
-    y: 0,
-    strategy: n,
-    placement: t,
-    middlewareData: {},
-    isPositioned: !1
-  }), [M, q] = r.useState(f);
-  w(M, f) || q(f);
-  const [B, U] = r.useState(null), [V, W] = r.useState(null), _ = r.useCallback((o) => {
-    o !== a.current && (a.current = o, U(o));
-  }, []), v = r.useCallback((o) => {
-    o !== d.current && (d.current = o, W(o));
-  }, []), i = p || B, u = A || V, a = r.useRef(null), d = r.useRef(null), y = r.useRef(s), G = E != null, S = k(E), P = k(c), F = k(x), g = r.useCallback(() => {
-    if (!a.current || !d.current)
-      return;
-    const o = {
-      placement: t,
-      strategy: n,
-      middleware: M
-    };
-    P.current && (o.platform = P.current), N(a.current, d.current, o).then((h) => {
-      const m = {
-        ...h,
-        // The floating element's position may be recomputed while it's closed
-        // but still mounted (such as when transitioning out). To ensure
-        // `isPositioned` will be `false` initially on the next open, avoid
-        // setting it to `true` when `open === false` (must be specified).
-        isPositioned: F.current !== !1
-      };
-      $.current && !w(y.current, m) && (y.current = m, Y.flushSync(() => {
-        C(m);
-      }));
-    });
-  }, [M, t, n, P, F]);
-  R(() => {
-    x === !1 && y.current.isPositioned && (y.current.isPositioned = !1, C((o) => ({
-      ...o,
-      isPositioned: !1
-    })));
-  }, [x]);
-  const $ = r.useRef(!1);
-  R(() => ($.current = !0, () => {
-    $.current = !1;
-  }), []), R(() => {
-    if (i && (a.current = i), u && (d.current = u), i && u) {
-      if (S.current)
-        return S.current(i, u, g);
-      g();
-    }
-  }, [i, u, g, S, G]);
-  const O = r.useMemo(() => ({
-    reference: a,
-    floating: d,
-    setReference: _,
-    setFloating: v
-  }), [_, v]), l = r.useMemo(() => ({
-    reference: i,
-    floating: u
-  }), [i, u]), j = r.useMemo(() => {
-    const o = {
-      position: n,
-      left: 0,
-      top: 0
-    };
-    if (!l.floating)
-      return o;
-    const h = z(l.floating, s.x), m = z(l.floating, s.y);
-    return D ? {
-      ...o,
-      transform: "translate(" + h + "px, " + m + "px)",
-      ...L(l.floating) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: n,
-      left: h,
-      top: m
-    };
-  }, [n, D, l.floating, s.x, s.y]);
-  return r.useMemo(() => ({
-    ...s,
-    update: g,
-    refs: O,
-    elements: l,
-    floatingStyles: j
-  }), [s, g, O, l, j]);
+function f() {
+  if (!a)
+    return "";
+  const t = navigator.userAgentData;
+  return t?.platform ? t.platform : navigator.platform ?? "";
 }
-const re = (e, t) => ({
-  ...I(e),
-  options: [e, t]
-}), oe = (e, t) => ({
-  ...Q(e),
-  options: [e, t]
-}), fe = (e, t) => ({
-  ...T(e),
-  options: [e, t]
-}), se = (e, t) => ({
-  ...H(e),
-  options: [e, t]
-}), ie = (e, t) => ({
-  ...J(e),
-  options: [e, t]
-}), ue = (e, t) => ({
-  ...K(e),
-  options: [e, t]
-});
 export {
-  ae as autoUpdate,
-  N as computePosition,
-  se as flip,
-  ue as hide,
-  fe as limitShift,
-  re as offset,
-  de as platform,
-  oe as shift,
-  ie as size,
-  ne as useFloating
+  d as isAndroid,
+  p as isFirefox,
+  m as isIOS,
+  v as isJSDOM,
+  l as isMac,
+  g as isSafari,
+  c as isWebKit
 };

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

@@ -1,38 +1,6 @@
-import { isElement as s } from "./als-react-ts-ui320.js";
-import { useId as m } from "./als-react-ts-ui306.js";
-import { useRefWithInit as c } from "./als-react-ts-ui222.js";
-import { useIsoLayoutEffect as a } from "./als-react-ts-ui267.js";
-import { useFloatingParentNodeId as u } from "./als-react-ts-ui364.js";
-import { FloatingRootStore as g } from "./als-react-ts-ui373.js";
-import { PopupTriggerMap as p } from "./als-react-ts-ui315.js";
-function O(o) {
-  const {
-    open: r = !1,
-    onOpenChange: i,
-    elements: e = {}
-  } = o, f = m(), l = u() != null;
-  if (process.env.NODE_ENV !== "production") {
-    const n = e.reference;
-    n && !s(n) && console.error("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `context.setPositionReference()`", "instead.");
-  }
-  const t = c(() => new g({
-    open: r,
-    onOpenChange: i,
-    referenceElement: e.reference ?? null,
-    floatingElement: e.floating ?? null,
-    triggerElements: e.triggers ?? new p(),
-    floatingId: f,
-    nested: l,
-    noEmit: o.noEmit || !1
-  })).current;
-  return a(() => {
-    const n = {
-      open: r,
-      floatingId: f
-    };
-    e.reference !== void 0 && (n.referenceElement = e.reference, n.domReferenceElement = s(e.reference) ? e.reference : null), e.floating !== void 0 && (n.floatingElement = e.floating), t.update(n);
-  }, [r, f, e.reference, e.floating, t]), t.context.onOpenChange = i, t.context.nested = l, t.context.noEmit = o.noEmit || !1, t;
+function e(n) {
+  return n?.ownerDocument || document;
 }
 export {
-  O as useFloatingRootContext
+  e as ownerDocument
 };

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

@@ -1,57 +1,19 @@
-import { createEventEmitter as s } from "./als-react-ts-ui369.js";
-import { ReactStore as f } from "./als-react-ts-ui314.js";
-import { createSelector as o } from "./als-react-ts-ui316.js";
-const a = {
-  open: o((e) => e.open),
-  domReferenceElement: o((e) => e.domReferenceElement),
-  referenceElement: o((e) => e.positionReference ?? e.referenceElement),
-  floatingElement: o((e) => e.floatingElement),
-  floatingId: o((e) => e.floatingId)
-};
-class g extends f {
-  constructor(n) {
-    const {
-      nested: t,
-      noEmit: r,
-      onOpenChange: i,
-      triggerElements: m,
-      ...c
-    } = n;
-    super({
-      ...c,
-      positionReference: c.referenceElement,
-      domReferenceElement: c.referenceElement
-    }, {
-      onOpenChange: i,
-      dataRef: {
-        current: {}
-      },
-      events: s(),
-      nested: t,
-      noEmit: r,
-      triggerElements: m
-    }, a);
-  }
-  /**
-   * Emits the `openchange` event through the internal event emitter and calls the `onOpenChange` handler with the provided arguments.
-   *
-   * @param newOpen The new open state.
-   * @param eventDetails Details about the event that triggered the open state change.
-   */
-  setOpen = (n, t) => {
-    if (this.context.dataRef.current.openEvent = n ? t.event : void 0, !this.context.noEmit) {
-      const r = {
-        open: n,
-        reason: t.reason,
-        nativeEvent: t.event,
-        nested: this.context.nested,
-        triggerElement: t.trigger
-      };
-      this.context.events.emit("openchange", r);
-    }
-    this.context.onOpenChange?.(n, t);
+import * as n from "react";
+function e(i) {
+  const o = n.useRef(""), c = n.useCallback((r) => {
+    r.defaultPrevented || (o.current = r.pointerType, i(r, r.pointerType));
+  }, [i]);
+  return {
+    onClick: n.useCallback((r) => {
+      if (r.detail === 0) {
+        i(r, "keyboard");
+        return;
+      }
+      "pointerType" in r && i(r, r.pointerType), i(r, o.current), o.current = "";
+    }, [i]),
+    onPointerDown: c
   };
 }
 export {
-  g as FloatingRootStore
+  e as useEnhancedClickHandler
 };