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

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

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

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

@@ -0,0 +1,81 @@
+import * as a from "react";
+import { useRefWithInit as T } from "./als-react-ts-ui184.js";
+import { useStableCallback as l } from "./als-react-ts-ui160.js";
+import { useIsoLayoutEffect as f } from "./als-react-ts-ui161.js";
+import { CompositeListContext as D } from "./als-react-ts-ui215.js";
+import { jsx as L } from "react/jsx-runtime";
+function k(h) {
+  const {
+    children: N,
+    elementsRef: t,
+    labelsRef: o,
+    onMapChange: _
+  } = h, E = l(_), O = a.useRef(0), d = T(R).current, i = T(P).current, [p, M] = a.useState(0), c = a.useRef(p), C = l((e, u) => {
+    i.set(e, u ?? null), c.current += 1, M(c.current);
+  }), I = l((e) => {
+    i.delete(e), c.current += 1, M(c.current);
+  }), r = a.useMemo(() => {
+    const e = /* @__PURE__ */ new Map();
+    return Array.from(i.keys()).sort(S).forEach((n, m) => {
+      const s = i.get(n) ?? {};
+      e.set(n, {
+        ...s,
+        index: m
+      });
+    }), e;
+  }, [i, p]);
+  f(() => {
+    if (typeof MutationObserver != "function" || r.size === 0)
+      return;
+    const e = new MutationObserver((u) => {
+      const n = /* @__PURE__ */ new Set(), m = (s) => n.has(s) ? n.delete(s) : n.add(s);
+      u.forEach((s) => {
+        s.removedNodes.forEach(m), s.addedNodes.forEach(m);
+      }), n.size === 0 && (c.current += 1, M(c.current));
+    });
+    return r.forEach((u, n) => {
+      n.parentElement && e.observe(n.parentElement, {
+        childList: !0
+      });
+    }), () => {
+      e.disconnect();
+    };
+  }, [r]), f(() => {
+    c.current === p && (t.current.length !== r.size && (t.current.length = r.size), o && o.current.length !== r.size && (o.current.length = r.size), O.current = r.size), E(r);
+  }, [E, r, t, o, p]), f(() => () => {
+    t.current = [];
+  }, [t]), f(() => () => {
+    o && (o.current = []);
+  }, [o]);
+  const g = l((e) => (d.add(e), () => {
+    d.delete(e);
+  }));
+  f(() => {
+    d.forEach((e) => e(r));
+  }, [d, r]);
+  const b = a.useMemo(() => ({
+    register: C,
+    unregister: I,
+    subscribeMapChange: g,
+    elementsRef: t,
+    labelsRef: o,
+    nextIndexRef: O
+  }), [C, I, g, t, o, O]);
+  return /* @__PURE__ */ L(D.Provider, {
+    value: b,
+    children: N
+  });
+}
+function P() {
+  return /* @__PURE__ */ new Map();
+}
+function R() {
+  return /* @__PURE__ */ new Set();
+}
+function S(h, N) {
+  const t = h.compareDocumentPosition(N);
+  return t & Node.DOCUMENT_POSITION_FOLLOWING || t & Node.DOCUMENT_POSITION_CONTAINED_BY ? -1 : t & Node.DOCUMENT_POSITION_PRECEDING || t & Node.DOCUMENT_POSITION_CONTAINS ? 1 : 0;
+}
+export {
+  k as CompositeList
+};

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

@@ -0,0 +1,10 @@
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "DirectionContext");
+function o() {
+  return t.useContext(e)?.direction ?? "ltr";
+}
+export {
+  e as DirectionContext,
+  o as useDirection
+};

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

@@ -0,0 +1,14 @@
+import n 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 = "AccordionRootContext");
+function c() {
+  const o = t.useContext(e);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AccordionRootContext is missing. Accordion parts must be placed within <Accordion.Root>." : n(10));
+  return o;
+}
+export {
+  e as AccordionRootContext,
+  c as useAccordionRootContext
+};

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

@@ -0,0 +1,57 @@
+import R from "./als-react-ts-ui197.js";
+import * as P from "react";
+import { createElement as d } from "react";
+import { useMergedRefs as p, useMergedRefsN as b } from "./als-react-ts-ui169.js";
+import { getReactElementRef as y } from "./als-react-ts-ui207.js";
+import { mergeObjects as g } from "./als-react-ts-ui208.js";
+import { getStateAttributesProps as A } from "./als-react-ts-ui209.js";
+import { resolveClassName as M } from "./als-react-ts-ui210.js";
+import { resolveStyle as k } from "./als-react-ts-ui211.js";
+import { EMPTY_OBJECT as f } from "./als-react-ts-ui212.js";
+import { mergePropsN as v, mergeClassNames as C, mergeProps as O } from "./als-react-ts-ui213.js";
+function Y(r, e, t = {}) {
+  const i = e.render, o = w(e, t);
+  if (t.enabled === !1)
+    return null;
+  const m = t.state ?? f;
+  return B(r, i, o, m);
+}
+function w(r, e = {}) {
+  const {
+    className: t,
+    style: i,
+    render: o
+  } = r, {
+    state: m = f,
+    ref: u,
+    props: a,
+    stateAttributesMapping: E,
+    enabled: s = !0
+  } = e, l = s ? M(t, m) : void 0, c = s ? k(i, m) : void 0, N = s ? A(m, E) : f, n = s ? g(N, Array.isArray(a) ? v(a) : a) ?? f : f;
+  return typeof document < "u" && (s ? Array.isArray(u) ? n.ref = b([n.ref, y(o), ...u]) : n.ref = p(n.ref, y(o), u) : p(null, null)), s ? (l !== void 0 && (n.className = C(n.className, l)), c !== void 0 && (n.style = g(n.style, c)), n) : f;
+}
+function B(r, e, t, i) {
+  if (e) {
+    if (typeof e == "function")
+      return e(t, i);
+    const o = O(t, e.props);
+    return o.ref = t.ref, /* @__PURE__ */ P.cloneElement(e, o);
+  }
+  if (r && typeof r == "string")
+    return S(r, t);
+  throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: Render element or function are not defined." : R(8));
+}
+function S(r, e) {
+  return r === "button" ? /* @__PURE__ */ d("button", {
+    type: "button",
+    ...e,
+    key: e.key
+  }) : r === "img" ? /* @__PURE__ */ d("img", {
+    alt: "",
+    ...e,
+    key: e.key
+  }) : /* @__PURE__ */ P.createElement(r, e);
+}
+export {
+  Y as useRenderElement
+};

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

@@ -0,0 +1,35 @@
+import { EMPTY_OBJECT as r } from "./als-react-ts-ui212.js";
+function u(e, t, n, a) {
+  let o = !1, l = !1;
+  const s = a ?? r;
+  return {
+    reason: e,
+    event: t ?? new Event("base-ui"),
+    cancel() {
+      o = !0;
+    },
+    allowPropagation() {
+      l = !0;
+    },
+    get isCanceled() {
+      return o;
+    },
+    get isPropagationAllowed() {
+      return l;
+    },
+    trigger: n,
+    ...s
+  };
+}
+function d(e, t, n) {
+  const a = n ?? r;
+  return {
+    reason: e,
+    event: t ?? new Event("base-ui"),
+    ...a
+  };
+}
+export {
+  u as createChangeEventDetails,
+  d as createGenericEventDetails
+};

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

@@ -0,0 +1,19 @@
+const e = "none", s = "trigger-press", t = "trigger-hover", n = "outside-press", o = "item-press", c = "close-press", i = "clear-press", r = "input-change", p = "input-clear", a = "focus-out", g = "escape-key", l = "list-navigation", u = "pointer", v = "cancel-open", P = "imperative-action", d = "window-resize";
+export {
+  v as cancelOpen,
+  i as clearPress,
+  c as closePress,
+  g as escapeKey,
+  a as focusOut,
+  P as imperativeAction,
+  r as inputChange,
+  p as inputClear,
+  o as itemPress,
+  l as listNavigation,
+  e as none,
+  n as outsidePress,
+  u as pointer,
+  t as triggerHover,
+  s as triggerPress,
+  d as windowResize
+};

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

@@ -0,0 +1,69 @@
+import { useRefWithInit as r } from "./als-react-ts-ui184.js";
+function b(n, e, c, t) {
+  const l = r(i).current;
+  return s(l, n, e, c, t) && o(l, [n, e, c, t]), l.callback;
+}
+function h(n) {
+  const e = r(i).current;
+  return f(e, n) && o(e, n), e.callback;
+}
+function i() {
+  return {
+    callback: null,
+    cleanup: null,
+    refs: []
+  };
+}
+function s(n, e, c, t, l) {
+  return n.refs[0] !== e || n.refs[1] !== c || n.refs[2] !== t || n.refs[3] !== l;
+}
+function f(n, e) {
+  return n.refs.length !== e.length || n.refs.some((c, t) => c !== e[t]);
+}
+function o(n, e) {
+  if (n.refs = e, e.every((c) => c == null)) {
+    n.callback = null;
+    return;
+  }
+  n.callback = (c) => {
+    if (n.cleanup && (n.cleanup(), n.cleanup = null), c != null) {
+      const t = Array(e.length).fill(null);
+      for (let l = 0; l < e.length; l += 1) {
+        const u = e[l];
+        if (u != null)
+          switch (typeof u) {
+            case "function": {
+              const a = u(c);
+              typeof a == "function" && (t[l] = a);
+              break;
+            }
+            case "object": {
+              u.current = c;
+              break;
+            }
+          }
+      }
+      n.cleanup = () => {
+        for (let l = 0; l < e.length; l += 1) {
+          const u = e[l];
+          if (u != null)
+            switch (typeof u) {
+              case "function": {
+                const a = t[l];
+                typeof a == "function" ? a() : u(null);
+                break;
+              }
+              case "object": {
+                u.current = null;
+                break;
+              }
+            }
+        }
+      };
+    }
+  };
+}
+export {
+  b as useMergedRefs,
+  h as useMergedRefsN
+};

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

@@ -0,0 +1,35 @@
+import { jsx as u } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import t from "./als-react-ts-ui72.js";
+import { Input as f } from "./als-react-ts-ui73.js";
+const l = a(
+  ({
+    variant: o = "outlined",
+    size: n = "md",
+    status: p = "default",
+    className: r,
+    disabled: i = !1,
+    ...e
+  }, m) => {
+    const s = [
+      t.input,
+      t[`input--${o}`],
+      t[`input--${n}`],
+      t[`input--${p}`],
+      r
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ u(
+      f,
+      {
+        ref: m,
+        className: s,
+        disabled: i,
+        ...e
+      }
+    );
+  }
+);
+l.displayName = "ALSInput";
+export {
+  l as ALSInput
+};

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

@@ -0,0 +1,7 @@
+import { useId as r } from "./als-react-ts-ui216.js";
+function i(e) {
+  return r(e, "base-ui");
+}
+export {
+  i as useBaseUiId
+};

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

@@ -0,0 +1,66 @@
+import * as e from "react";
+import { useControlled as A } from "./als-react-ts-ui159.js";
+import { useIsoLayoutEffect as B } from "./als-react-ts-ui161.js";
+import { useStableCallback as H } from "./als-react-ts-ui160.js";
+import { useBaseUiId as K } from "./als-react-ts-ui170.js";
+import { createChangeEventDetails as L } from "./als-react-ts-ui167.js";
+import { useAnimationsFinished as V } from "./als-react-ts-ui217.js";
+import { useTransitionStatus as j } from "./als-react-ts-ui218.js";
+import { triggerPress as q } from "./als-react-ts-ui168.js";
+function Z(F) {
+  const {
+    open: r,
+    defaultOpen: M,
+    onOpenChange: E,
+    disabled: d
+  } = F, m = r !== void 0, [n, u] = A({
+    controlled: r,
+    default: M,
+    name: "Collapsible",
+    state: "open"
+  }), {
+    mounted: i,
+    setMounted: o,
+    transitionStatus: p
+  } = j(n, !0, !0), [l, f] = e.useState(n), [{
+    height: h,
+    width: R
+  }, S] = e.useState({
+    height: void 0,
+    width: void 0
+  }), T = K(), [U, k] = e.useState(), C = U ?? T, [w, b] = e.useState(!1), [c, g] = e.useState(!1), v = e.useRef(null), t = e.useRef(null), I = e.useRef(null), a = e.useRef(null), O = V(a, !1), P = H((x) => {
+    const s = !n, y = L(q, x.nativeEvent);
+    if (E(s, y), y.isCanceled)
+      return;
+    const D = a.current;
+    t.current === "css-animation" && D != null && D.style.removeProperty("animation-name"), !w && !c && (t.current != null && t.current !== "css-animation" && !i && s && o(!0), t.current === "css-animation" && (!l && s && f(!0), !i && s && o(!0))), u(s), t.current === "none" && i && !s && o(!1);
+  });
+  return B(() => {
+    m && t.current === "none" && !c && !n && o(!1);
+  }, [m, c, n, r, o]), e.useMemo(() => ({
+    abortControllerRef: v,
+    animationTypeRef: t,
+    disabled: d,
+    handleTrigger: P,
+    height: h,
+    mounted: i,
+    open: n,
+    panelId: C,
+    panelRef: a,
+    runOnceAnimationsFinish: O,
+    setDimensions: S,
+    setHiddenUntilFound: b,
+    setKeepMounted: g,
+    setMounted: o,
+    setOpen: u,
+    setPanelIdState: k,
+    setVisible: f,
+    transitionDimensionRef: I,
+    transitionStatus: p,
+    visible: l,
+    width: R
+  }), [v, t, d, P, h, i, n, C, a, O, S, b, g, o, u, f, I, p, l, R]);
+}
+export {
+  Z as useCollapsibleRoot
+};

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

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

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

@@ -0,0 +1,55 @@
+import * as u from "react";
+import { useIsoLayoutEffect as g } from "./als-react-ts-ui161.js";
+import { useCompositeListContext as F } from "./als-react-ts-ui215.js";
+let I = /* @__PURE__ */ (function(t) {
+  return t[t.None = 0] = "None", t[t.GuessFromOrder = 1] = "GuessFromOrder", t;
+})({});
+function N(t = {}) {
+  const {
+    label: c,
+    metadata: l,
+    textRef: d,
+    indexGuessBehavior: L,
+    index: r
+  } = t, {
+    register: m,
+    unregister: a,
+    subscribeMapChange: x,
+    elementsRef: R,
+    labelsRef: i,
+    nextIndexRef: p
+  } = F(), f = u.useRef(-1), [n, C] = u.useState(r ?? (L === I.GuessFromOrder ? () => {
+    if (f.current === -1) {
+      const e = p.current;
+      p.current += 1, f.current = e;
+    }
+    return f.current;
+  } : -1)), s = u.useRef(null), b = u.useCallback((e) => {
+    if (s.current = e, n !== -1 && e !== null && (R.current[n] = e, i)) {
+      const o = c !== void 0;
+      i.current[n] = o ? c : d?.current?.textContent ?? e.textContent;
+    }
+  }, [n, R, i, c, d]);
+  return g(() => {
+    if (r != null)
+      return;
+    const e = s.current;
+    if (e)
+      return m(e, l), () => {
+        a(e);
+      };
+  }, [r, m, a, l]), g(() => {
+    if (r == null)
+      return x((e) => {
+        const o = s.current ? e.get(s.current)?.index : null;
+        o != null && C(o);
+      });
+  }, [r, x, C]), u.useMemo(() => ({
+    ref: b,
+    index: n
+  }), [n, b]);
+}
+export {
+  I as IndexGuessBehavior,
+  N as useCompositeListItem
+};

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

@@ -0,0 +1,14 @@
+import n 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 = "AccordionItemContext");
+function c() {
+  const o = t.useContext(e);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AccordionItemContext is missing. Accordion parts must be placed within <Accordion.Item>." : n(9));
+  return o;
+}
+export {
+  e as AccordionItemContext,
+  c as useAccordionItemContext
+};

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

@@ -0,0 +1,14 @@
+import { collapsibleOpenStateMapping as i } from "./als-react-ts-ui177.js";
+import { transitionStatusMapping as r } from "./als-react-ts-ui189.js";
+import { AccordionItemDataAttributes as n } from "./als-react-ts-ui214.js";
+const a = {
+  ...i,
+  index: (t) => Number.isInteger(t) ? {
+    [n.index]: String(t)
+  } : null,
+  ...r,
+  value: () => null
+};
+export {
+  a as accordionStateAttributesMapping
+};

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

@@ -0,0 +1,6 @@
+function i(t) {
+  return t == null || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true";
+}
+export {
+  i as isElementDisabled
+};

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

@@ -0,0 +1,21 @@
+import { CollapsiblePanelDataAttributes as e } from "./als-react-ts-ui219.js";
+import { CollapsibleTriggerDataAttributes as n } from "./als-react-ts-ui220.js";
+const r = {
+  [e.open]: ""
+}, p = {
+  [e.closed]: ""
+}, a = {
+  open(t) {
+    return t ? {
+      [n.panelOpen]: ""
+    } : null;
+  }
+}, i = {
+  open(t) {
+    return t ? r : p;
+  }
+};
+export {
+  i as collapsibleOpenStateMapping,
+  a as triggerOpenStateMapping
+};

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

@@ -0,0 +1,69 @@
+import { isHTMLElement as L } from "./als-react-ts-ui221.js";
+const d = "ArrowUp", h = "ArrowDown", R = "ArrowLeft", T = "ArrowRight", e = "Home", n = "End", P = /* @__PURE__ */ new Set([R, T]), H = /* @__PURE__ */ new Set([R, T, e, n]), E = /* @__PURE__ */ new Set([d, h]), Y = /* @__PURE__ */ new Set([d, h, e, n]), A = /* @__PURE__ */ new Set([...P, ...E]), F = /* @__PURE__ */ new Set([...A, e, n]), N = /* @__PURE__ */ new Set([d, h, R, T, e, n]), O = "Shift", u = "Control", W = "Alt", _ = "Meta", K = /* @__PURE__ */ new Set([O, u, W, _]);
+function w(t) {
+  return L(t) && t.tagName === "INPUT";
+}
+function B(t) {
+  return !!(w(t) && t.selectionStart != null || L(t) && t.tagName === "TEXTAREA");
+}
+function y(t, o, f, c) {
+  if (!t || !o || !o.scrollTo)
+    return;
+  let r = t.scrollLeft, a = t.scrollTop;
+  const S = t.clientWidth < t.scrollWidth, M = t.clientHeight < t.scrollHeight;
+  if (S && c !== "vertical") {
+    const s = p(t, o, "left"), l = g(t), i = g(o);
+    f === "ltr" && (s + o.offsetWidth + i.scrollMarginRight > t.scrollLeft + t.clientWidth - l.scrollPaddingRight ? r = s + o.offsetWidth + i.scrollMarginRight - t.clientWidth + l.scrollPaddingRight : s - i.scrollMarginLeft < t.scrollLeft + l.scrollPaddingLeft && (r = s - i.scrollMarginLeft - l.scrollPaddingLeft)), f === "rtl" && (s - i.scrollMarginRight < t.scrollLeft + l.scrollPaddingLeft ? r = s - i.scrollMarginLeft - l.scrollPaddingLeft : s + o.offsetWidth + i.scrollMarginRight > t.scrollLeft + t.clientWidth - l.scrollPaddingRight && (r = s + o.offsetWidth + i.scrollMarginRight - t.clientWidth + l.scrollPaddingRight));
+  }
+  if (M && c !== "horizontal") {
+    const s = p(t, o, "top"), l = g(t), i = g(o);
+    s - i.scrollMarginTop < t.scrollTop + l.scrollPaddingTop ? a = s - i.scrollMarginTop - l.scrollPaddingTop : s + o.offsetHeight + i.scrollMarginBottom > t.scrollTop + t.clientHeight - l.scrollPaddingBottom && (a = s + o.offsetHeight + i.scrollMarginBottom - t.clientHeight + l.scrollPaddingBottom);
+  }
+  t.scrollTo({
+    left: r,
+    top: a,
+    behavior: "auto"
+  });
+}
+function p(t, o, f) {
+  const c = f === "left" ? "offsetLeft" : "offsetTop";
+  let r = 0;
+  for (; o.offsetParent && (r += o[c], o.offsetParent !== t); )
+    o = o.offsetParent;
+  return r;
+}
+function g(t) {
+  const o = getComputedStyle(t);
+  return {
+    scrollMarginTop: parseFloat(o.scrollMarginTop) || 0,
+    scrollMarginRight: parseFloat(o.scrollMarginRight) || 0,
+    scrollMarginBottom: parseFloat(o.scrollMarginBottom) || 0,
+    scrollMarginLeft: parseFloat(o.scrollMarginLeft) || 0,
+    scrollPaddingTop: parseFloat(o.scrollPaddingTop) || 0,
+    scrollPaddingRight: parseFloat(o.scrollPaddingRight) || 0,
+    scrollPaddingBottom: parseFloat(o.scrollPaddingBottom) || 0,
+    scrollPaddingLeft: parseFloat(o.scrollPaddingLeft) || 0
+  };
+}
+export {
+  F as ALL_KEYS,
+  W as ALT,
+  h as ARROW_DOWN,
+  A as ARROW_KEYS,
+  R as ARROW_LEFT,
+  T as ARROW_RIGHT,
+  d as ARROW_UP,
+  N as COMPOSITE_KEYS,
+  u as CONTROL,
+  n as END,
+  e as HOME,
+  P as HORIZONTAL_KEYS,
+  H as HORIZONTAL_KEYS_WITH_EXTRA_KEYS,
+  _ as META,
+  K as MODIFIER_KEYS,
+  O as SHIFT,
+  E as VERTICAL_KEYS,
+  Y as VERTICAL_KEYS_WITH_EXTRA_KEYS,
+  B as isNativeInput,
+  y as scrollIntoViewIfNeeded
+};