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

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

@@ -0,0 +1,136 @@
+function c() {
+  return typeof window < "u";
+}
+function u(t) {
+  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function i(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function N(t) {
+  var e;
+  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function p(t) {
+  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
+}
+function m(t) {
+  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
+}
+function w(t) {
+  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
+}
+function f(t) {
+  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
+}
+const E = /* @__PURE__ */ new Set(["inline", "contents"]);
+function y(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = S(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
+}
+const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function A(t) {
+  return T.has(u(t));
+}
+const v = [":popover-open", ":modal"];
+function L(t) {
+  return v.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
+function V(t) {
+  const e = O(), n = m(t) ? S(t) : t;
+  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
+}
+function B(t) {
+  let e = s(t);
+  for (; w(e) && !h(e); ) {
+    if (V(e))
+      return e;
+    if (L(e))
+      return null;
+    e = s(e);
+  }
+  return null;
+}
+function O() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function h(t) {
+  return R.has(u(t));
+}
+function S(t) {
+  return i(t).getComputedStyle(t);
+}
+function F(t) {
+  return m(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function s(t) {
+  if (u(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    f(t) && t.host || // Fallback.
+    N(t)
+  );
+  return f(e) ? e.host : e;
+}
+function b(t) {
+  const e = s(t);
+  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
+}
+function d(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
+  if (g) {
+    const a = _(l);
+    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
+  }
+  return e.concat(r, d(r, [], n));
+}
+function _(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+export {
+  S as getComputedStyle,
+  B as getContainingBlock,
+  N as getDocumentElement,
+  _ as getFrameElement,
+  b as getNearestOverflowAncestor,
+  u as getNodeName,
+  F as getNodeScroll,
+  d as getOverflowAncestors,
+  s as getParentNode,
+  i as getWindow,
+  V as isContainingBlock,
+  m as isElement,
+  w as isHTMLElement,
+  h as isLastTraversableNode,
+  p as isNode,
+  y as isOverflowElement,
+  f as isShadowRoot,
+  A as isTableElement,
+  L as isTopLayer,
+  O as isWebKit
+};

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

@@ -0,0 +1,52 @@
+import { jsx as u } from "react/jsx-runtime";
+import * as y from "react";
+import { clsx as x } from "./als-react-ts-ui56.js";
+import e from "./als-react-ts-ui314.js";
+import { Toggle as T } from "./als-react-ts-ui315.js";
+const j = y.forwardRef(
+  function({
+    value: r,
+    pressed: a,
+    defaultPressed: g = !1,
+    onPressedChange: t,
+    disabled: f = !1,
+    size: i = "md",
+    variant: d = "default",
+    className: l,
+    style: m,
+    children: s,
+    "aria-label": p,
+    "aria-labelledby": b,
+    ...n
+  }, c) {
+    return /* @__PURE__ */ u(
+      T,
+      {
+        ref: c,
+        value: r,
+        pressed: a,
+        defaultPressed: g,
+        onPressedChange: t,
+        disabled: f,
+        "aria-label": p,
+        "aria-labelledby": b,
+        className: (o) => x(
+          e.toggle,
+          e[`toggle--${i}`],
+          e[`toggle--${d}`],
+          {
+            [e["toggle--pressed"]]: o.pressed,
+            [e["toggle--disabled"]]: o.disabled
+          },
+          typeof l == "function" ? l(o) : l
+        ),
+        style: m,
+        ...n,
+        children: s
+      }
+    );
+  }
+);
+export {
+  j as ALSToggle
+};

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

@@ -0,0 +1,11 @@
+let o;
+process.env.NODE_ENV !== "production" && (o = /* @__PURE__ */ new Set());
+function s(...r) {
+  if (process.env.NODE_ENV !== "production") {
+    const e = r.join(" ");
+    o.has(e) || (o.add(e), console.error(`Base UI: ${e}`));
+  }
+}
+export {
+  s as error
+};

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

@@ -0,0 +1,14 @@
+import n from "./als-react-ts-ui259.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "CompositeRootContext");
+function r(s = !1) {
+  const o = t.useContext(e);
+  if (o === void 0 && !s)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>." : n(16));
+  return o;
+}
+export {
+  e as CompositeRootContext,
+  r as useCompositeRootContext
+};

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

@@ -0,0 +1,24 @@
+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();
+        }
+      };
+      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 {
+  f as useFocusableWhenDisabled
+};

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

@@ -0,0 +1,6 @@
+let e = /* @__PURE__ */ (function(d) {
+  return d.index = "data-index", d.disabled = "data-disabled", d.open = "data-open", d;
+})({});
+export {
+  e as AccordionItemDataAttributes
+};

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

@@ -0,0 +1,45 @@
+import * as c from "react";
+import * as d from "react-dom";
+import { useIsoLayoutEffect as a } from "./als-react-ts-ui193.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);
+      };
+    }
+  }, [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 {
+  q as useTransitionStatus
+};

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

@@ -0,0 +1,23 @@
+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);
+}
+export {
+  t as CompositeListContext,
+  n as useCompositeListContext
+};

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

@@ -0,0 +1,68 @@
+import { useRefWithInit as u } from "./als-react-ts-ui240.js";
+import { useOnMount as h } from "./als-react-ts-ui305.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 {
+  a as AnimationFrame,
+  k as useAnimationFrame
+};

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

@@ -0,0 +1,7 @@
+import { TransitionStatusDataAttributes as d } from "./als-react-ts-ui245.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 {
+  g as CollapsiblePanelDataAttributes
+};

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

@@ -0,0 +1,6 @@
+let e = /* @__PURE__ */ (function(a) {
+  return a.disabled = "data-disabled", a.orientation = "data-orientation", a;
+})({});
+export {
+  e as AccordionRootDataAttributes
+};

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

@@ -0,0 +1,6 @@
+let n = /* @__PURE__ */ (function(e) {
+  return e.panelOpen = "data-panel-open", e;
+})({});
+export {
+  n as CollapsibleTriggerDataAttributes
+};

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

@@ -0,0 +1,50 @@
+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-ui316.js";
+import { ToggleGroup as $ } from "./als-react-ts-ui317.js";
+const S = G.forwardRef(function({
+  value: u,
+  defaultValue: e,
+  onValueChange: t,
+  multiple: g = !1,
+  disabled: l = !1,
+  orientation: p = "horizontal",
+  loopFocus: m = !0,
+  size: i = "md",
+  variant: d = "default",
+  className: r,
+  style: s,
+  children: a,
+  ...n
+}, c) {
+  return /* @__PURE__ */ x(
+    $,
+    {
+      ref: c,
+      value: u,
+      defaultValue: e,
+      onValueChange: t,
+      multiple: g,
+      disabled: l,
+      orientation: p,
+      loopFocus: m,
+      className: (f) => T(
+        o.group,
+        o[`group--${p}`],
+        o[`group--${i}`],
+        o[`group--${d}`],
+        {
+          [o["group--disabled"]]: f.disabled
+        },
+        typeof r == "function" ? r(f) : r
+      ),
+      style: s,
+      ...n,
+      children: a
+    }
+  );
+});
+export {
+  S as ALSToggleGroup
+};

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

@@ -0,0 +1,21 @@
+import { forwardRef as m, createElement as l } from "react";
+import { mergeClasses as d, toKebabCase as f, toPascalCase as r } from "./als-react-ts-ui351.js";
+import n from "./als-react-ts-ui352.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 {
+  C as default
+};

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

@@ -0,0 +1,18 @@
+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 {
+  i as hasA11yProp,
+  c as mergeClasses,
+  a as toCamelCase,
+  s as toKebabCase,
+  n as toPascalCase
+};

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

@@ -0,0 +1,35 @@
+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 {
+  h as default
+};

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

@@ -0,0 +1,14 @@
+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 {
+  t as default
+};

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

@@ -0,0 +1,14 @@
+import n from "./als-react-ts-ui259.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 {
+  t as PopoverRootContext,
+  p as usePopoverRootContext
+};

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

@@ -0,0 +1,92 @@
+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 {
+  f as PopoverStore
+};