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

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

@@ -1,45 +1,24 @@
-import * as c from "react";
-import * as d from "react-dom";
-import { useIsoLayoutEffect as a } from "./als-react-ts-ui267.js";
-import { AnimationFrame as u } from "./als-react-ts-ui346.js";
-function q(t, s = !1, f = !1) {
-  const [r, n] = c.useState(t && s ? "idle" : void 0), [i, m] = c.useState(t);
-  return t && !i && (m(!0), n("starting")), !t && i && r !== "ending" && !f && n("ending"), !t && !i && r === "ending" && n(void 0), a(() => {
-    if (!t && i && r !== "ending" && f) {
-      const e = u.request(() => {
-        n("ending");
-      });
-      return () => {
-        u.cancel(e);
+import * as r from "react";
+function f(l) {
+  const {
+    focusableWhenDisabled: e,
+    disabled: o,
+    composite: t = !1,
+    tabIndex: i = 0,
+    isNativeButton: s
+  } = l, n = t && e !== !1, b = t && e === !1;
+  return {
+    props: r.useMemo(() => {
+      const a = {
+        // allow Tabbing away from focusableWhenDisabled elements
+        onKeyDown(d) {
+          o && e && d.key !== "Tab" && d.preventDefault();
+        }
       };
-    }
-  }, [t, i, r, f]), a(() => {
-    if (!t || s)
-      return;
-    const e = u.request(() => {
-      d.flushSync(() => {
-        n(void 0);
-      });
-    });
-    return () => {
-      u.cancel(e);
-    };
-  }, [s, t]), a(() => {
-    if (!t || !s)
-      return;
-    t && i && r !== "idle" && n("starting");
-    const e = u.request(() => {
-      n("idle");
-    });
-    return () => {
-      u.cancel(e);
-    };
-  }, [s, t, i, n, r]), c.useMemo(() => ({
-    mounted: i,
-    setMounted: m,
-    transitionStatus: r
-  }), [i, r]);
+      return t || (a.tabIndex = i, !s && o && (a.tabIndex = e ? i : -1)), (s && (e || n) || !s && o) && (a["aria-disabled"] = o), s && (!e || b) && (a.disabled = o), a;
+    }, [t, o, e, n, b, s, i])
+  };
 }
 export {
-  q as useTransitionStatus
+  f as useFocusableWhenDisabled
 };

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

@@ -1,23 +1,6 @@
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext({
-  register: () => {
-  },
-  unregister: () => {
-  },
-  subscribeMapChange: () => () => {
-  },
-  elementsRef: {
-    current: []
-  },
-  nextIndexRef: {
-    current: 0
-  }
-});
-process.env.NODE_ENV !== "production" && (t.displayName = "CompositeListContext");
-function n() {
-  return e.useContext(t);
-}
+let e = /* @__PURE__ */ (function(d) {
+  return d.index = "data-index", d.disabled = "data-disabled", d.open = "data-open", d;
+})({});
 export {
-  t as CompositeListContext,
-  n as useCompositeListContext
+  e as AccordionItemDataAttributes
 };

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

@@ -1,6 +1,7 @@
-let e = /* @__PURE__ */ (function(d) {
-  return d.index = "data-index", d.disabled = "data-disabled", d.open = "data-open", d;
+import { TransitionStatusDataAttributes as d } from "./als-react-ts-ui272.js";
+let g = (function(n) {
+  return n.open = "data-open", n.closed = "data-closed", n[n.startingStyle = d.startingStyle] = "startingStyle", n[n.endingStyle = d.endingStyle] = "endingStyle", n;
 })({});
 export {
-  e as AccordionItemDataAttributes
+  g as CollapsiblePanelDataAttributes
 };

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

@@ -1,8 +1,6 @@
-import * as o from "react";
-const e = [];
-function n(t) {
-  o.useEffect(t, e);
-}
+let n = /* @__PURE__ */ (function(e) {
+  return e.panelOpen = "data-panel-open", e;
+})({});
 export {
-  n as useOnMount
+  n as CollapsibleTriggerDataAttributes
 };

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

@@ -1,68 +1,23 @@
-import { useRefWithInit as u } from "./als-react-ts-ui222.js";
-import { useOnMount as h } from "./als-react-ts-ui345.js";
-const s = null;
-let l = globalThis.requestAnimationFrame;
-class o {
-  /* This implementation uses an array as a backing data-structure for frame callbacks.
-   * It allows `O(1)` callback cancelling by inserting a `null` in the array, though it
-   * never calls the native `cancelAnimationFrame` if there are no frames left. This can
-   * be much more efficient if there is a call pattern that alterns as
-   * "request-cancel-request-cancel-…".
-   * But in the case of "request-request-…-cancel-cancel-…", it leaves the final animation
-   * frame to run anyway. We turn that frame into a `O(1)` no-op via `callbacksCount`. */
-  callbacks = [];
-  callbacksCount = 0;
-  nextId = 1;
-  startId = 1;
-  isScheduled = !1;
-  tick = (t) => {
-    this.isScheduled = !1;
-    const e = this.callbacks, r = this.callbacksCount;
-    if (this.callbacks = [], this.callbacksCount = 0, this.startId = this.nextId, r > 0)
-      for (let i = 0; i < e.length; i += 1)
-        e[i]?.(t);
-  };
-  request(t) {
-    const e = this.nextId;
-    this.nextId += 1, this.callbacks.push(t), this.callbacksCount += 1;
-    const r = process.env.NODE_ENV === "test" && l !== requestAnimationFrame && (l = requestAnimationFrame, !0);
-    return (!this.isScheduled || r) && (requestAnimationFrame(this.tick), this.isScheduled = !0), e;
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext({
+  register: () => {
+  },
+  unregister: () => {
+  },
+  subscribeMapChange: () => () => {
+  },
+  elementsRef: {
+    current: []
+  },
+  nextIndexRef: {
+    current: 0
   }
-  cancel(t) {
-    const e = t - this.startId;
-    e < 0 || e >= this.callbacks.length || (this.callbacks[e] = null, this.callbacksCount -= 1);
-  }
-}
-const c = new o();
-class a {
-  static create() {
-    return new a();
-  }
-  static request(t) {
-    return c.request(t);
-  }
-  static cancel(t) {
-    return c.cancel(t);
-  }
-  currentId = s;
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  request(t) {
-    this.cancel(), this.currentId = c.request(() => {
-      this.currentId = s, t();
-    });
-  }
-  cancel = () => {
-    this.currentId !== s && (c.cancel(this.currentId), this.currentId = s);
-  };
-  disposeEffect = () => this.cancel;
-}
-function k() {
-  const n = u(a.create).current;
-  return h(n.disposeEffect), n;
+});
+process.env.NODE_ENV !== "production" && (t.displayName = "CompositeListContext");
+function n() {
+  return e.useContext(t);
 }
 export {
-  a as AnimationFrame,
-  k as useAnimationFrame
+  t as CompositeListContext,
+  n as useCompositeListContext
 };

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

@@ -1,7 +1,68 @@
-import { TransitionStatusDataAttributes as d } from "./als-react-ts-ui228.js";
-let g = (function(n) {
-  return n.open = "data-open", n.closed = "data-closed", n[n.startingStyle = d.startingStyle] = "startingStyle", n[n.endingStyle = d.endingStyle] = "endingStyle", n;
-})({});
+import { useRefWithInit as u } from "./als-react-ts-ui267.js";
+import { useOnMount as h } from "./als-react-ts-ui324.js";
+const s = null;
+let l = globalThis.requestAnimationFrame;
+class o {
+  /* This implementation uses an array as a backing data-structure for frame callbacks.
+   * It allows `O(1)` callback cancelling by inserting a `null` in the array, though it
+   * never calls the native `cancelAnimationFrame` if there are no frames left. This can
+   * be much more efficient if there is a call pattern that alterns as
+   * "request-cancel-request-cancel-…".
+   * But in the case of "request-request-…-cancel-cancel-…", it leaves the final animation
+   * frame to run anyway. We turn that frame into a `O(1)` no-op via `callbacksCount`. */
+  callbacks = [];
+  callbacksCount = 0;
+  nextId = 1;
+  startId = 1;
+  isScheduled = !1;
+  tick = (t) => {
+    this.isScheduled = !1;
+    const e = this.callbacks, r = this.callbacksCount;
+    if (this.callbacks = [], this.callbacksCount = 0, this.startId = this.nextId, r > 0)
+      for (let i = 0; i < e.length; i += 1)
+        e[i]?.(t);
+  };
+  request(t) {
+    const e = this.nextId;
+    this.nextId += 1, this.callbacks.push(t), this.callbacksCount += 1;
+    const r = process.env.NODE_ENV === "test" && l !== requestAnimationFrame && (l = requestAnimationFrame, !0);
+    return (!this.isScheduled || r) && (requestAnimationFrame(this.tick), this.isScheduled = !0), e;
+  }
+  cancel(t) {
+    const e = t - this.startId;
+    e < 0 || e >= this.callbacks.length || (this.callbacks[e] = null, this.callbacksCount -= 1);
+  }
+}
+const c = new o();
+class a {
+  static create() {
+    return new a();
+  }
+  static request(t) {
+    return c.request(t);
+  }
+  static cancel(t) {
+    return c.cancel(t);
+  }
+  currentId = s;
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  request(t) {
+    this.cancel(), this.currentId = c.request(() => {
+      this.currentId = s, t();
+    });
+  }
+  cancel = () => {
+    this.currentId !== s && (c.cancel(this.currentId), this.currentId = s);
+  };
+  disposeEffect = () => this.cancel;
+}
+function k() {
+  const n = u(a.create).current;
+  return h(n.disposeEffect), n;
+}
 export {
-  g as CollapsiblePanelDataAttributes
+  a as AnimationFrame,
+  k as useAnimationFrame
 };

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

@@ -1,6 +1,45 @@
-let n = /* @__PURE__ */ (function(e) {
-  return e.panelOpen = "data-panel-open", e;
-})({});
+import * as c from "react";
+import * as d from "react-dom";
+import { useIsoLayoutEffect as a } from "./als-react-ts-ui224.js";
+import { AnimationFrame as u } from "./als-react-ts-ui347.js";
+function q(t, s = !1, f = !1) {
+  const [r, n] = c.useState(t && s ? "idle" : void 0), [i, m] = c.useState(t);
+  return t && !i && (m(!0), n("starting")), !t && i && r !== "ending" && !f && n("ending"), !t && !i && r === "ending" && n(void 0), a(() => {
+    if (!t && i && r !== "ending" && f) {
+      const e = u.request(() => {
+        n("ending");
+      });
+      return () => {
+        u.cancel(e);
+      };
+    }
+  }, [t, i, r, f]), a(() => {
+    if (!t || s)
+      return;
+    const e = u.request(() => {
+      d.flushSync(() => {
+        n(void 0);
+      });
+    });
+    return () => {
+      u.cancel(e);
+    };
+  }, [s, t]), a(() => {
+    if (!t || !s)
+      return;
+    t && i && r !== "idle" && n("starting");
+    const e = u.request(() => {
+      n("idle");
+    });
+    return () => {
+      u.cancel(e);
+    };
+  }, [s, t, i, n, r]), c.useMemo(() => ({
+    mounted: i,
+    setMounted: m,
+    transitionStatus: r
+  }), [i, r]);
+}
 export {
-  n as CollapsibleTriggerDataAttributes
+  q as useTransitionStatus
 };

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

@@ -1,8 +1,8 @@
 import { jsx as x } from "react/jsx-runtime";
 import * as G from "react";
 import { clsx as T } from "./als-react-ts-ui56.js";
-import o from "./als-react-ts-ui333.js";
-import { ToggleGroup as $ } from "./als-react-ts-ui334.js";
+import o from "./als-react-ts-ui308.js";
+import { ToggleGroup as $ } from "./als-react-ts-ui309.js";
 const S = G.forwardRef(function({
   value: u,
   defaultValue: e,

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

@@ -1,7 +1,14 @@
-import * as t from "react";
-const a = {
-  ...t
-};
+import n from "./als-react-ts-ui286.js";
+import * as e from "react";
+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 {
-  a as SafeReact
+  t as PopoverRootContext,
+  p as usePopoverRootContext
 };

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

@@ -1,43 +1,92 @@
-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
+import * as s from "react";
+import * as l from "react-dom";
+import { Timeout as m } from "./als-react-ts-ui226.js";
+import { useRefWithInit as g } from "./als-react-ts-ui267.js";
+import { useOnMount as h } from "./als-react-ts-ui324.js";
+import { PATIENT_CLICK_THRESHOLD as I } from "./als-react-ts-ui287.js";
+import { ReactStore as R } from "./als-react-ts-ui332.js";
+import { PopupTriggerMap as T } from "./als-react-ts-ui333.js";
+import { createSelector as o } from "./als-react-ts-ui334.js";
+import { popupStoreSelectors as C, createInitialPopupStoreState as E } from "./als-react-ts-ui331.js";
+import { triggerHover as O, triggerPress as k, escapeKey as y, focusOut as S } from "./als-react-ts-ui275.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
   };
 }
-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 f() {
-  if (!a)
-    return "";
-  const t = navigator.userAgentData;
-  return t?.platform ? t.platform : navigator.platform ?? "";
+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 {
-  d as isAndroid,
-  p as isFirefox,
-  m as isIOS,
-  v as isJSDOM,
-  l as isMac,
-  g as isSafari,
-  c as isWebKit
+  f as PopoverStore
 };

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

@@ -1,6 +1,58 @@
-function e(n) {
-  return n?.ownerDocument || document;
+import * as r from "react";
+import { useId as a } from "./als-react-ts-ui335.js";
+import { useIsoLayoutEffect as l } from "./als-react-ts-ui224.js";
+import { useRefWithInit as f } from "./als-react-ts-ui267.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 {
-  e as ownerDocument
+  I as FloatingNode,
+  T as FloatingTree,
+  v as useFloatingNodeId,
+  u as useFloatingParentNodeId,
+  p as useFloatingTree
 };

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

@@ -1,19 +1,4 @@
-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
-  };
-}
+const o = 300;
 export {
-  e as useEnhancedClickHandler
+  o as OPEN_DELAY
 };

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

@@ -1,21 +1,26 @@
-import { forwardRef as m, createElement as l } from "react";
-import { mergeClasses as d, toKebabCase as f, toPascalCase as r } from "./als-react-ts-ui355.js";
-import n from "./als-react-ts-ui356.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;
-};
+import * as r from "react";
+import { useIsoLayoutEffect as a } from "./als-react-ts-ui224.js";
+import { isSafari as u } from "./als-react-ts-ui371.js";
+import { visuallyHidden as i } from "./als-react-ts-ui376.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 {
-  C as default
+  d as FocusGuard
 };