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

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

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

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

@@ -0,0 +1,34 @@
+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
+  };
+}
+export {
+  I as useCompositeItem
+};

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

@@ -0,0 +1,14 @@
+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;
+}
+export {
+  e as TabsListContext,
+  i as useTabsListContext
+};

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

@@ -0,0 +1,9 @@
+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 });
+}
+export {
+  e as ALSToolbar,
+  e as default
+};

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

@@ -0,0 +1,4 @@
+const t = '!function(){const t=document.currentScript.previousElementSibling;if(!t)return;const e=t.closest(\'[role="tablist"]\');if(!e)return;const i=e.querySelector("[data-active]");if(!i)return;if(0===i.offsetWidth||0===e.offsetWidth)return;const l=getComputedStyle(e).direction;let n=0,o=0,c=0,r=0,f=0,s=0;if(null!=i&&null!=e){const t=e.getBoundingClientRect(),{left:u,top:d,width:h,height:p}=i.getBoundingClientRect();n=u-t.left+e.scrollLeft-e.clientLeft,c=d-t.top+e.scrollTop-e.clientTop,f=h,s=p,o="ltr"===l?e.scrollWidth-n-f-e.clientLeft:n-e.clientLeft,r=e.scrollHeight-c-s-e.clientTop}function u(e,i){t.style.setProperty(`--active-tab-${e}`,`${i}px`)}u("left",n),u("right",o),u("top",c),u("bottom",r),u("width",f),u("height",s),f>0&&s>0&&t.removeAttribute("hidden")}();';
+export {
+  t as script
+};

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

@@ -0,0 +1,6 @@
+let e = /* @__PURE__ */ (function(t) {
+  return t.activeTabLeft = "--active-tab-left", t.activeTabRight = "--active-tab-right", t.activeTabTop = "--active-tab-top", t.activeTabBottom = "--active-tab-bottom", t.activeTabWidth = "--active-tab-width", t.activeTabHeight = "--active-tab-height", t;
+})({});
+export {
+  e as TabsIndicatorCssVars
+};

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

@@ -0,0 +1,6 @@
+let n = /* @__PURE__ */ (function(i) {
+  return i.index = "data-index", i.activationDirection = "data-activation-direction", i.orientation = "data-orientation", i.hidden = "data-hidden", i;
+})({});
+export {
+  n as TabsPanelDataAttributes
+};

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

@@ -0,0 +1,78 @@
+import * as _ from "react";
+import { CompositeList as j } from "./als-react-ts-ui163.js";
+import { useCompositeRoot as z } from "./als-react-ts-ui368.js";
+import { CompositeRootContext as B } from "./als-react-ts-ui248.js";
+import { useRenderElement as D } from "./als-react-ts-ui166.js";
+import { useDirection as F } from "./als-react-ts-ui164.js";
+import { jsx as s } from "react/jsx-runtime";
+import { EMPTY_ARRAY as h, EMPTY_OBJECT as J } from "./als-react-ts-ui212.js";
+function Q(e) {
+  const {
+    render: L,
+    className: N,
+    refs: a = h,
+    props: d = h,
+    state: p = J,
+    stateAttributesMapping: g,
+    highlightedIndex: m,
+    onHighlightedIndexChange: l,
+    orientation: f,
+    dense: c,
+    itemSizes: C,
+    loopFocus: u,
+    cols: x,
+    enableHomeAndEndKeys: I,
+    onMapChange: R,
+    stopEventPropagation: M = !0,
+    rootRef: P,
+    disabledIndices: E,
+    modifierKeys: v,
+    highlightItemOnHover: o = !1,
+    tag: H = "div",
+    ...b
+  } = e, y = F(), {
+    props: A,
+    highlightedIndex: t,
+    onHighlightedIndexChange: n,
+    elementsRef: K,
+    onMapChange: T,
+    relayKeyboardEvent: i
+  } = z({
+    itemSizes: C,
+    cols: x,
+    loopFocus: u,
+    dense: c,
+    orientation: f,
+    highlightedIndex: m,
+    onHighlightedIndexChange: l,
+    rootRef: P,
+    stopEventPropagation: M,
+    enableHomeAndEndKeys: I,
+    direction: y,
+    disabledIndices: E,
+    modifierKeys: v
+  }), Y = D(H, e, {
+    state: p,
+    ref: a,
+    props: [A, ...d, b],
+    stateAttributesMapping: g
+  }), O = _.useMemo(() => ({
+    highlightedIndex: t,
+    onHighlightedIndexChange: n,
+    highlightItemOnHover: o,
+    relayKeyboardEvent: i
+  }), [t, n, o, i]);
+  return /* @__PURE__ */ s(B.Provider, {
+    value: O,
+    children: /* @__PURE__ */ s(j, {
+      elementsRef: K,
+      onMapChange: (r) => {
+        R?.(r), T(r);
+      },
+      children: Y
+    })
+  });
+}
+export {
+  Q as CompositeRoot
+};

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

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

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

@@ -0,0 +1,10 @@
+import { __module as r } from "./als-react-ts-ui369.js";
+import { __require as o } from "./als-react-ts-ui370.js";
+import { __require as i } from "./als-react-ts-ui371.js";
+var e;
+function u() {
+  return e ? r.exports : (e = 1, process.env.NODE_ENV === "production" ? r.exports = o() : r.exports = i(), r.exports);
+}
+export {
+  u as __require
+};

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

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

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

@@ -0,0 +1,6 @@
+let n = /* @__PURE__ */ (function(i) {
+  return i.activationDirection = "data-activation-direction", i.orientation = "data-orientation", i;
+})({});
+export {
+  n as TabsRootDataAttributes
+};

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

@@ -0,0 +1,134 @@
+import * as I from "react";
+import { isElementDisabled as te } from "./als-react-ts-ui176.js";
+import { useStableCallback as F } from "./als-react-ts-ui160.js";
+import { useMergedRefs as ne } from "./als-react-ts-ui169.js";
+import { scrollIntoViewIfNeeded as P, ALL_KEYS as re, ARROW_KEYS as ie, isNativeInput as V, ARROW_DOWN as A, ARROW_RIGHT as C, HOME as oe, END as se, ARROW_LEFT as B, ARROW_UP as H, VERTICAL_KEYS_WITH_EXTRA_KEYS as le, VERTICAL_KEYS as ae, HORIZONTAL_KEYS_WITH_EXTRA_KEYS as ce, HORIZONTAL_KEYS as de, MODIFIER_KEYS as fe } from "./als-react-ts-ui178.js";
+import { ACTIVE_COMPOSITE_ITEM as ue } from "./als-react-ts-ui357.js";
+import { getMinListIndex as he, getMaxListIndex as Ie, createGridCellMap as ge, isListIndexDisabled as L, getGridNavigatedIndex as me, getGridCellIndexOfCorner as Re, getGridCellIndices as xe, findNonDisabledListIndex as ye, isIndexOutOfListBounds as Ee } from "./als-react-ts-ui311.js";
+const pe = [];
+function Me(b) {
+  const {
+    itemSizes: y,
+    cols: s = 1,
+    loopFocus: E = !0,
+    dense: Y = !1,
+    orientation: r = "both",
+    direction: p,
+    highlightedIndex: X,
+    onHighlightedIndexChange: Z,
+    rootRef: q,
+    enableHomeAndEndKeys: g = !1,
+    stopEventPropagation: w = !1,
+    disabledIndices: i,
+    modifierKeys: z = pe
+  } = b, [U, j] = I.useState(0), k = s > 1, m = I.useRef(null), D = ne(m, q), t = I.useRef([]), N = I.useRef(!1), l = X ?? U, R = F((e, o = !1) => {
+    if ((Z ?? j)(e), o) {
+      const f = t.current[e];
+      P(m.current, f, p, r);
+    }
+  }), G = F((e) => {
+    if (e.size === 0 || N.current)
+      return;
+    N.current = !0;
+    const o = Array.from(e.keys()), f = o.find((h) => h?.hasAttribute(ue)) ?? null, u = f ? o.indexOf(f) : -1;
+    u !== -1 && R(u), P(m.current, f, p, r);
+  }), O = I.useMemo(() => ({
+    "aria-orientation": r === "both" ? void 0 : r,
+    ref: D,
+    onFocus(e) {
+      !m.current || !V(e.target) || e.target.setSelectionRange(0, e.target.value.length ?? 0);
+    },
+    onKeyDown(e) {
+      const o = g ? re : ie;
+      if (!o.has(e.key) || Ke(e, z) || !m.current)
+        return;
+      const u = p === "rtl", h = u ? B : C, J = {
+        horizontal: h,
+        vertical: A,
+        both: h
+      }[r], K = u ? C : B, Q = {
+        horizontal: K,
+        vertical: H,
+        both: K
+      }[r];
+      if (V(e.target) && !te(e.target)) {
+        const d = e.target.selectionStart, a = e.target.selectionEnd, T = e.target.value ?? "";
+        if (d == null || e.shiftKey || d !== a || e.key !== Q && d < T.length || e.key !== J && d > 0)
+          return;
+      }
+      let n = l;
+      const S = he(t, i), _ = Ie(t, i);
+      if (k) {
+        const d = y || Array.from({
+          length: t.current.length
+        }, () => ({
+          width: 1,
+          height: 1
+        })), a = ge(d, s, Y), T = a.findIndex((c) => c != null && !L(t, c, i)), v = a.reduce((c, x, ee) => x != null && !L(t, x, i) ? ee : c, -1);
+        n = a[me({
+          current: a.map((c) => c ? t.current[c] : null)
+        }, {
+          event: e,
+          orientation: r,
+          loopFocus: E,
+          cols: s,
+          // treat undefined (empty grid spaces) as disabled indices so we
+          // don't end up in them
+          disabledIndices: xe([...i || t.current.map((c, x) => L(t, x) ? x : void 0), void 0], a),
+          minIndex: T,
+          maxIndex: v,
+          prevIndex: Re(
+            l > _ ? S : l,
+            d,
+            a,
+            s,
+            // use a corner matching the edge closest to the direction we're
+            // moving in so we don't end up in the same item. Prefer
+            // top/left over bottom/right.
+            // eslint-disable-next-line no-nested-ternary
+            e.key === A ? "bl" : e.key === C ? "tr" : "tl"
+          ),
+          rtl: u
+        })];
+      }
+      const W = {
+        horizontal: [h],
+        vertical: [A],
+        both: [h, A]
+      }[r], M = {
+        horizontal: [K],
+        vertical: [H],
+        both: [K, H]
+      }[r], $ = k ? o : {
+        horizontal: g ? ce : de,
+        vertical: g ? le : ae,
+        both: o
+      }[r];
+      g && (e.key === oe ? n = S : e.key === se && (n = _)), n === l && (W.includes(e.key) || M.includes(e.key)) && (E && n === _ && W.includes(e.key) ? n = S : E && n === S && M.includes(e.key) ? n = _ : n = ye(t, {
+        startingIndex: n,
+        decrement: M.includes(e.key),
+        disabledIndices: i
+      })), n !== l && !Ee(t, n) && (w && e.stopPropagation(), $.has(e.key) && e.preventDefault(), R(n, !0), queueMicrotask(() => {
+        t.current[n]?.focus();
+      }));
+    }
+  }), [s, Y, p, i, t, g, l, k, y, E, D, z, R, r, w]);
+  return I.useMemo(() => ({
+    props: O,
+    highlightedIndex: l,
+    onHighlightedIndexChange: R,
+    elementsRef: t,
+    disabledIndices: i,
+    onMapChange: G,
+    relayKeyboardEvent: O.onKeyDown
+  }), [O, l, R, t, i, G]);
+}
+function Ke(b, y) {
+  for (const s of fe.values())
+    if (!y.includes(s) && b.getModifierState(s))
+      return !0;
+  return !1;
+}
+export {
+  Me as useCompositeRoot
+};

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

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

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

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "./als-react-ts-ui128.js";
+function e(t) {
+  return /* @__PURE__ */ o("div", { className: r.root });
+}
+export {
+  e as ALSTooltip,
+  e as default
+};

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

@@ -0,0 +1,46 @@
+import { __exports as i } from "./als-react-ts-ui372.js";
+import h from "react";
+var f;
+function x() {
+  if (f) return i;
+  f = 1;
+  var u = h;
+  function s(e, t) {
+    return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+  }
+  var S = typeof Object.is == "function" ? Object.is : s, d = u.useState, l = u.useEffect, p = u.useLayoutEffect, E = u.useDebugValue;
+  function v(e, t) {
+    var r = t(), a = d({ inst: { value: r, getSnapshot: t } }), n = a[0].inst, c = a[1];
+    return p(
+      function() {
+        n.value = r, n.getSnapshot = t, o(n) && c({ inst: n });
+      },
+      [e, r, t]
+    ), l(
+      function() {
+        return o(n) && c({ inst: n }), e(function() {
+          o(n) && c({ inst: n });
+        });
+      },
+      [e]
+    ), E(r), r;
+  }
+  function o(e) {
+    var t = e.getSnapshot;
+    e = e.value;
+    try {
+      var r = t();
+      return !S(e, r);
+    } catch {
+      return !0;
+    }
+  }
+  function y(e, t) {
+    return t();
+  }
+  var m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : v;
+  return i.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : m, i;
+}
+export {
+  x as __require
+};

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

@@ -0,0 +1,58 @@
+import { __exports as s } from "./als-react-ts-ui373.js";
+import h from "react";
+var l;
+function A() {
+  return l ? s : (l = 1, process.env.NODE_ENV !== "production" && (function() {
+    function d(e, t) {
+      return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+    }
+    function S(e, t) {
+      f || o.startTransition === void 0 || (f = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var r = t();
+      if (!c) {
+        var u = t();
+        _(r, u) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), c = !0);
+      }
+      u = p({
+        inst: { value: r, getSnapshot: t }
+      });
+      var n = u[0].inst, i = u[1];
+      return L(
+        function() {
+          n.value = r, n.getSnapshot = t, a(n) && i({ inst: n });
+        },
+        [e, r, t]
+      ), E(
+        function() {
+          return a(n) && i({ inst: n }), e(function() {
+            a(n) && i({ inst: n });
+          });
+        },
+        [e]
+      ), y(r), r;
+    }
+    function a(e) {
+      var t = e.getSnapshot;
+      e = e.value;
+      try {
+        var r = t();
+        return !_(e, r);
+      } catch {
+        return !0;
+      }
+    }
+    function O(e, t) {
+      return t();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var o = h, _ = typeof Object.is == "function" ? Object.is : d, p = o.useState, E = o.useEffect, L = o.useLayoutEffect, y = o.useDebugValue, f = !1, c = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? O : S;
+    s.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })(), s);
+}
+export {
+  A as __require
+};

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

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

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

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};