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

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

@@ -0,0 +1,112 @@
+import * as l from "react";
+import * as j from "react-dom";
+import { useIsoLayoutEffect as C } from "./als-react-ts-ui161.js";
+import { useComboboxRootContext as U, useComboboxDerivedItemsContext as W } from "./als-react-ts-ui331.js";
+import { useCompositeListItem as _, IndexGuessBehavior as H } from "./als-react-ts-ui173.js";
+import { useRenderElement as J } from "./als-react-ts-ui166.js";
+import { ComboboxItemContext as K } from "./als-react-ts-ui338.js";
+import { selectors as n } from "./als-react-ts-ui332.js";
+import { useComboboxRowContext as Q } from "./als-react-ts-ui339.js";
+import { findItemIndex as X, compareItemEquality as Y } from "./als-react-ts-ui261.js";
+import { jsx as Z } from "react/jsx-runtime";
+import { useButton as ee } from "./als-react-ts-ui179.js";
+import { useStore as s } from "./als-react-ts-ui267.js";
+const te = /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef(function(E, M) {
+  const {
+    render: ne,
+    className: se,
+    value: i = null,
+    index: a,
+    disabled: c = !1,
+    nativeButton: O = !1,
+    ...w
+  } = E, m = l.useRef(!1), x = l.useRef(null), b = _({
+    index: a,
+    textRef: x,
+    indexGuessBehavior: H.GuessFromOrder
+  }), e = U(), B = Q(), {
+    flatFilteredItems: q
+  } = W(), P = s(e, n.open), I = s(e, n.selectionMode), S = s(e, n.readOnly), v = s(e, n.virtualized), R = s(e, n.isItemEqualToValue), V = I !== "none", o = a ?? (v ? X(q, i, R) : b.index), u = b.index !== -1, g = s(e, n.id), f = s(e, n.isActive, o), N = s(e, n.isSelected, i), p = s(e, n.items), A = s(e, n.getItemProps), y = l.useRef(null), F = g != null && u ? `${g}-${o}` : void 0, d = N && V;
+  C(() => {
+    if (!(u && (v || a != null)))
+      return;
+    const r = e.state.listRef.current;
+    return r[o] = y.current, () => {
+      delete r[o];
+    };
+  }, [u, v, o, a, e]), C(() => {
+    if (!u || p)
+      return;
+    const t = e.state.valuesRef.current;
+    return t[o] = i, I !== "none" && e.state.allValuesRef.current.push(i), () => {
+      delete t[o];
+    };
+  }, [u, p, o, i, e, I]), C(() => {
+    if (!P) {
+      m.current = !1;
+      return;
+    }
+    if (!u || p)
+      return;
+    const t = e.state.selectedValue, r = Array.isArray(t) ? t[t.length - 1] : t;
+    Y(r, i, R) && e.set("selectedIndex", o);
+  }, [u, p, P, e, o, i, R]);
+  const G = l.useMemo(() => ({
+    disabled: c,
+    selected: d,
+    highlighted: f
+  }), [c, d, f]), h = A({
+    active: f,
+    selected: d
+  });
+  h.id = void 0, h.onFocus = void 0;
+  const {
+    getButtonProps: k,
+    buttonRef: z
+  } = ee({
+    disabled: c,
+    focusableWhenDisabled: !0,
+    native: O
+  });
+  function D(t) {
+    function r() {
+      e.state.handleSelection(t, i);
+    }
+    e.state.submitOnItemClick ? (j.flushSync(r), e.state.requestSubmit()) : r();
+  }
+  const L = {
+    id: F,
+    role: B ? "gridcell" : "option",
+    "aria-disabled": c || void 0,
+    "aria-selected": V ? d : void 0,
+    // Focusable items steal focus from the input upon mouseup.
+    // Warn if the user renders a natively focusable element like `<button>`,
+    // as it should be a `<div>` instead.
+    tabIndex: void 0,
+    onPointerDownCapture(t) {
+      m.current = !0, t.preventDefault();
+    },
+    onClick(t) {
+      c || S || D(t.nativeEvent);
+    },
+    onMouseUp(t) {
+      const r = m.current;
+      m.current = !1, !(c || S || t.button !== 0 || r || !f) && D(t.nativeEvent);
+    }
+  }, T = J("div", E, {
+    ref: [z, M, b.ref, y],
+    state: G,
+    props: [h, L, w, k]
+  }), $ = l.useMemo(() => ({
+    selected: d,
+    textRef: x
+  }), [d, x]);
+  return /* @__PURE__ */ Z(K.Provider, {
+    value: $,
+    children: T
+  });
+}));
+process.env.NODE_ENV !== "production" && (te.displayName = "ComboboxItem");
+export {
+  te as ComboboxItem
+};

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

@@ -0,0 +1,34 @@
+import * as r from "react";
+import { useRenderElement as u } from "./als-react-ts-ui166.js";
+import { ComboboxGroupContext as c } from "./als-react-ts-ui336.js";
+import { GroupCollectionProvider as d } from "./als-react-ts-ui337.js";
+import { jsx as s } from "react/jsx-runtime";
+const b = /* @__PURE__ */ r.forwardRef(function(t, i) {
+  const {
+    render: x,
+    className: C,
+    items: o,
+    ...l
+  } = t, [e, m] = r.useState(), p = r.useMemo(() => ({
+    labelId: e,
+    setLabelId: m,
+    items: o
+  }), [e, m, o]), a = u("div", t, {
+    ref: i,
+    props: [{
+      role: "group",
+      "aria-labelledby": e
+    }, l]
+  }), n = /* @__PURE__ */ s(c.Provider, {
+    value: p,
+    children: a
+  });
+  return o ? /* @__PURE__ */ s(d, {
+    items: o,
+    children: n
+  }) : n;
+});
+process.env.NODE_ENV !== "production" && (b.displayName = "ComboboxGroup");
+export {
+  b as ComboboxGroup
+};

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

@@ -0,0 +1,27 @@
+import * as n from "react";
+import { useIsoLayoutEffect as i } from "./als-react-ts-ui161.js";
+import { useBaseUiId as p } from "./als-react-ts-ui170.js";
+import { useComboboxGroupContext as u } from "./als-react-ts-ui336.js";
+import { useRenderElement as a } from "./als-react-ts-ui166.js";
+const d = /* @__PURE__ */ n.forwardRef(function(r, t) {
+  const {
+    render: b,
+    className: c,
+    id: m,
+    ...s
+  } = r, {
+    setLabelId: o
+  } = u(), e = p(m);
+  return i(() => (o(e), () => {
+    o(void 0);
+  }), [e, o]), a("div", r, {
+    ref: t,
+    props: [{
+      id: e
+    }, s]
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "ComboboxGroupLabel");
+export {
+  d as ComboboxGroupLabel
+};

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

@@ -0,0 +1,44 @@
+import * as i from "react";
+import { useStableCallback as h } from "./als-react-ts-ui160.js";
+import { AriaCombobox as M } from "./als-react-ts-ui329.js";
+import { useCoreFilter as O } from "./als-react-ts-ui330.js";
+import { stringifyAsLabel as S } from "./als-react-ts-ui260.js";
+import { jsx as x } from "react/jsx-runtime";
+import { pointer as L } from "./als-react-ts-ui168.js";
+function Q(f) {
+  const {
+    openOnInputClick: k = !1,
+    value: u,
+    defaultValue: m,
+    onValueChange: v,
+    mode: t = "list",
+    itemToStringValue: c,
+    ...o
+  } = f, p = t === "inline" || t === "both", I = t === "inline" || t === "none", l = u !== void 0, [d, y] = i.useState(m ?? ""), [b, r] = i.useState("");
+  i.useEffect(() => {
+    l && r("");
+  }, [u, l]);
+  let s;
+  p && b !== "" ? s = b : l ? s = u ?? "" : s = d;
+  const A = h((e, n) => {
+    r(""), l || y(e), v?.(e, n);
+  }), C = O(), g = i.useMemo(() => o.filter ? o.filter : (e, n, a) => C.contains(S(e, a), n), [o, C]), V = String(l ? u : d).trim(), F = i.useMemo(() => t !== "both" ? I ? null : o.filter : (e, n, a) => g(e, V, a), [g, t, o.filter, V, I]), H = h((e, n) => {
+    f.onItemHighlighted?.(e, n), n.reason !== L && (p ? e == null ? r("") : r(S(e, c)) : r(""));
+  });
+  return /* @__PURE__ */ x(M, {
+    ...o,
+    itemToStringLabel: c,
+    openOnInputClick: k,
+    selectionMode: "none",
+    fillInputOnItemPress: !0,
+    filter: F,
+    autoComplete: t,
+    inputValue: s,
+    defaultInputValue: m,
+    onInputValueChange: A,
+    onItemHighlighted: H
+  });
+}
+export {
+  Q as AutocompleteRoot
+};

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

@@ -0,0 +1,17 @@
+import * as m from "react";
+import { useComboboxDerivedItemsContext as i } from "./als-react-ts-ui331.js";
+import { useGroupCollectionContext as s } from "./als-react-ts-ui337.js";
+import { jsx as c } from "react/jsx-runtime";
+function f(e) {
+  const {
+    children: r
+  } = e, {
+    filteredItems: n
+  } = i(), o = s(), t = o ? o.items : n;
+  return t ? /* @__PURE__ */ c(m.Fragment, {
+    children: t.map(r)
+  }) : null;
+}
+export {
+  f as ComboboxCollection
+};

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

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

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

@@ -0,0 +1,24 @@
+import * as u from "react";
+import { useComboboxRootContext as a } from "./als-react-ts-ui331.js";
+import { ComboboxPortalContext as c } from "./als-react-ts-ui335.js";
+import { selectors as t } from "./als-react-ts-ui332.js";
+import { jsx as e } from "react/jsx-runtime";
+import { FloatingPortal as d } from "./als-react-ts-ui196.js";
+import { useStore as n } from "./als-react-ts-ui267.js";
+const p = /* @__PURE__ */ u.forwardRef(function(m, s) {
+  const {
+    keepMounted: o = !1,
+    ...f
+  } = m, r = a(), l = n(r, t.mounted), i = n(r, t.forceMounted);
+  return l || o || i ? /* @__PURE__ */ e(c.Provider, {
+    value: o,
+    children: /* @__PURE__ */ e(d, {
+      ref: s,
+      ...f
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "ComboboxPortal");
+export {
+  p as ComboboxPortal
+};

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

@@ -0,0 +1,15 @@
+import * as r from "react";
+import { useComboboxInputValueContext as l } from "./als-react-ts-ui331.js";
+import { jsx as u } from "react/jsx-runtime";
+function c(n) {
+  const {
+    children: e
+  } = n, o = l();
+  let t = null;
+  return typeof e == "function" ? t = e(String(o)) : e != null ? t = e : t = o, /* @__PURE__ */ u(r.Fragment, {
+    children: t
+  });
+}
+export {
+  c as AutocompleteValue
+};

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

@@ -0,0 +1,24 @@
+const _ = "_root_1m4y4_2", a = "_track_1m4y4_10", r = "_indicator_1m4y4_19", t = "_label_1m4y4_27", i = "_value_1m4y4_34", e = "_indeterminate_1m4y4_1", n = {
+  root: _,
+  track: a,
+  indicator: r,
+  label: t,
+  value: i,
+  "size-sm": "_size-sm_1m4y4_42",
+  "size-md": "_size-md_1m4y4_46",
+  "size-lg": "_size-lg_1m4y4_50",
+  "variant-primary": "_variant-primary_1m4y4_55",
+  "variant-success": "_variant-success_1m4y4_60",
+  "variant-warning": "_variant-warning_1m4y4_65",
+  "variant-error": "_variant-error_1m4y4_70",
+  indeterminate: e
+};
+export {
+  n as default,
+  e as indeterminate,
+  r as indicator,
+  t as label,
+  _ as root,
+  a as track,
+  i as value
+};

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

@@ -0,0 +1,61 @@
+import * as n from "react";
+import { useValueAsRef as N } from "./als-react-ts-ui225.js";
+import { formatNumber as f } from "./als-react-ts-ui340.js";
+import { useRenderElement as P } from "./als-react-ts-ui166.js";
+import { ProgressRootContext as A } from "./als-react-ts-ui341.js";
+import { progressStateAttributesMapping as M } from "./als-react-ts-ui342.js";
+import { jsx as y } from "react/jsx-runtime";
+function E(r, e, s) {
+  return r == null ? "" : s ? f(r, e, s) : f(r / 100, e, {
+    style: "percent"
+  });
+}
+function w(r, e) {
+  return e == null ? "indeterminate progress" : r || `${e}%`;
+}
+const D = /* @__PURE__ */ n.forwardRef(function(e, s) {
+  const {
+    format: p,
+    getAriaValueText: c = w,
+    locale: d,
+    max: a = 100,
+    min: i = 0,
+    value: t,
+    render: I,
+    className: O,
+    ...g
+  } = e, [b, l] = n.useState(), x = N(p);
+  let o = "indeterminate";
+  Number.isFinite(t) && (o = t === a ? "complete" : "progressing");
+  const u = E(t, d, x.current), m = n.useMemo(() => ({
+    status: o
+  }), [o]), R = {
+    "aria-labelledby": b,
+    "aria-valuemax": a,
+    "aria-valuemin": i,
+    "aria-valuenow": t ?? void 0,
+    "aria-valuetext": c(u, t),
+    role: "progressbar"
+  }, V = n.useMemo(() => ({
+    formattedValue: u,
+    max: a,
+    min: i,
+    setLabelId: l,
+    state: m,
+    status: o,
+    value: t
+  }), [u, a, i, l, m, o, t]), v = P("div", e, {
+    state: m,
+    ref: s,
+    props: [R, g],
+    stateAttributesMapping: M
+  });
+  return /* @__PURE__ */ y(A.Provider, {
+    value: V,
+    children: v
+  });
+});
+process.env.NODE_ENV !== "production" && (D.displayName = "ProgressRoot");
+export {
+  D as ProgressRoot
+};

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

@@ -0,0 +1,23 @@
+import * as o from "react";
+import { useRenderElement as n } from "./als-react-ts-ui166.js";
+import { useProgressRootContext as a } from "./als-react-ts-ui341.js";
+import { progressStateAttributesMapping as p } from "./als-react-ts-ui342.js";
+const i = /* @__PURE__ */ o.forwardRef(function(e, r) {
+  const {
+    render: c,
+    className: f,
+    ...t
+  } = e, {
+    state: s
+  } = a();
+  return n("div", e, {
+    state: s,
+    ref: r,
+    props: t,
+    stateAttributesMapping: p
+  });
+});
+process.env.NODE_ENV !== "production" && (i.displayName = "ProgressTrack");
+export {
+  i as ProgressTrack
+};

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

@@ -0,0 +1,33 @@
+import * as n from "react";
+import { useRenderElement as u } from "./als-react-ts-ui166.js";
+import { valueToPercent as c } from "./als-react-ts-ui343.js";
+import { useProgressRootContext as p } from "./als-react-ts-ui341.js";
+import { progressStateAttributesMapping as f } from "./als-react-ts-ui342.js";
+const d = /* @__PURE__ */ n.forwardRef(function(r, s) {
+  const {
+    render: N,
+    className: P,
+    ...o
+  } = r, {
+    max: i,
+    min: a,
+    value: e,
+    state: l
+  } = p(), t = Number.isFinite(e) && e !== null ? c(e, a, i) : null, m = n.useCallback(() => t == null ? {} : {
+    insetInlineStart: 0,
+    height: "inherit",
+    width: `${t}%`
+  }, [t]);
+  return u("div", r, {
+    state: l,
+    ref: s,
+    props: [{
+      style: m()
+    }, o],
+    stateAttributesMapping: f
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "ProgressIndicator");
+export {
+  d as ProgressIndicator
+};

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

@@ -0,0 +1,29 @@
+import * as i from "react";
+import { useIsoLayoutEffect as p } from "./als-react-ts-ui161.js";
+import { useBaseUiId as m } from "./als-react-ts-ui170.js";
+import { useRenderElement as f } from "./als-react-ts-ui166.js";
+import { useProgressRootContext as d } from "./als-react-ts-ui341.js";
+import { progressStateAttributesMapping as u } from "./als-react-ts-ui342.js";
+const c = /* @__PURE__ */ i.forwardRef(function(t, s) {
+  const {
+    render: g,
+    className: b,
+    id: o,
+    ...n
+  } = t, e = m(o), {
+    setLabelId: r,
+    state: a
+  } = d();
+  return p(() => (r(e), () => r(void 0)), [e, r]), f("span", t, {
+    state: a,
+    ref: s,
+    props: [{
+      id: e
+    }, n],
+    stateAttributesMapping: u
+  });
+});
+process.env.NODE_ENV !== "production" && (c.displayName = "ProgressLabel");
+export {
+  c as ProgressLabel
+};

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

@@ -0,0 +1,29 @@
+import * as u from "react";
+import { useRenderElement as m } from "./als-react-ts-ui166.js";
+import { useProgressRootContext as p } from "./als-react-ts-ui341.js";
+import { progressStateAttributesMapping as f } from "./als-react-ts-ui342.js";
+const c = /* @__PURE__ */ u.forwardRef(function(t, s) {
+  const {
+    className: g,
+    render: V,
+    children: r,
+    ...n
+  } = t, {
+    value: e,
+    formattedValue: o,
+    state: a
+  } = p(), l = e == null ? "indeterminate" : o, i = e == null ? null : o;
+  return m("span", t, {
+    state: a,
+    ref: s,
+    props: [{
+      "aria-hidden": !0,
+      children: typeof r == "function" ? r(l, e) : i
+    }, n],
+    stateAttributesMapping: f
+  });
+});
+process.env.NODE_ENV !== "production" && (c.displayName = "ProgressValue");
+export {
+  c as ProgressValue
+};

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

@@ -0,0 +1,109 @@
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as f, forwardRef as i, useContext as p } from "react";
+import n from "./als-react-ts-ui230.js";
+import { TabsRoot as d } from "./als-react-ts-ui231.js";
+import { TabsList as L } from "./als-react-ts-ui232.js";
+import { TabsTab as N } from "./als-react-ts-ui233.js";
+import { TabsIndicator as A } from "./als-react-ts-ui234.js";
+import { TabsPanel as S } from "./als-react-ts-ui235.js";
+const c = f({
+  size: "md"
+}), u = () => p(c), C = i(
+  ({
+    value: s,
+    defaultValue: o = 0,
+    onValueChange: t,
+    orientation: a = "horizontal",
+    size: e = "md",
+    className: r,
+    children: m
+  }, b) => {
+    const T = [
+      n.root,
+      n[`root--${a}`],
+      r
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(c.Provider, { value: { size: e }, children: /* @__PURE__ */ l(
+      d,
+      {
+        ref: b,
+        value: s,
+        defaultValue: o,
+        onValueChange: t,
+        orientation: a,
+        className: T,
+        children: m
+      }
+    ) });
+  }
+);
+C.displayName = "ALSTabs.Root";
+const j = i(
+  ({ activateOnFocus: s = !1, loopFocus: o = !0, className: t, children: a }, e) => {
+    const r = [n.list, t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(
+      L,
+      {
+        ref: e,
+        activateOnFocus: s,
+        loopFocus: o,
+        className: r,
+        children: a
+      }
+    );
+  }
+);
+j.displayName = "ALSTabs.List";
+const x = i(
+  ({ value: s, disabled: o = !1, className: t, children: a }, e) => {
+    const { size: r } = u(), m = [n.tab, n[`tab--${r}`], t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(
+      N,
+      {
+        ref: e,
+        value: s,
+        disabled: o,
+        className: m,
+        children: a
+      }
+    );
+  }
+);
+x.displayName = "ALSTabs.Tab";
+const y = i(
+  ({ className: s, renderBeforeHydration: o = !1 }, t) => {
+    const a = [n.indicator, s].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(
+      A,
+      {
+        ref: t,
+        renderBeforeHydration: o,
+        className: a
+      }
+    );
+  }
+);
+y.displayName = "ALSTabs.Indicator";
+const B = i(
+  ({ value: s, keepMounted: o = !1, className: t, children: a }, e) => {
+    const r = [n.panel, t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(
+      S,
+      {
+        ref: e,
+        value: s,
+        keepMounted: o,
+        className: r,
+        children: a
+      }
+    );
+  }
+);
+B.displayName = "ALSTabs.Panel";
+export {
+  y as ALSTabsIndicator,
+  j as ALSTabsList,
+  B as ALSTabsPanel,
+  C as ALSTabsRoot,
+  x as ALSTabsTab
+};

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

@@ -0,0 +1,31 @@
+import * as n from "react";
+function d({
+  controlled: o,
+  default: s,
+  name: t,
+  state: i = "value"
+}) {
+  const {
+    current: e
+  } = n.useRef(o !== void 0), [l, c] = n.useState(s), u = e ? o : l;
+  if (process.env.NODE_ENV !== "production") {
+    n.useEffect(() => {
+      e !== (o !== void 0) && console.error([`Base UI: A component is changing the ${e ? "" : "un"}controlled ${i} state of ${t} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${t} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [i, t, o]);
+    const {
+      current: r
+    } = n.useRef(s);
+    n.useEffect(() => {
+      !e && JSON.stringify(r) !== JSON.stringify(s) && console.error([`Base UI: A component is changing the default ${i} state of an uncontrolled ${t} after being initialized. To suppress this warning opt to use a controlled ${t}.`].join(`
+`));
+    }, [JSON.stringify(s)]);
+  }
+  const f = n.useCallback((r) => {
+    e || c(r);
+  }, []);
+  return [u, f];
+}
+export {
+  d as useControlled
+};

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

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

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

@@ -0,0 +1,29 @@
+import * as a from "react";
+import { useRefWithInit as c } from "./als-react-ts-ui184.js";
+const n = a[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0, -3)], r = (
+  // React 17 doesn't have useInsertionEffect.
+  n && // Preact replaces useInsertionEffect with useLayoutEffect and fires too late.
+  n !== a.useLayoutEffect ? n : (e) => e()
+);
+function f(e) {
+  const t = c(o).current;
+  return t.next = e, r(t.effect), t.trampoline;
+}
+function o() {
+  const e = {
+    next: void 0,
+    callback: l,
+    trampoline: (...t) => e.callback?.(...t),
+    effect: () => {
+      e.callback = e.next;
+    }
+  };
+  return e;
+}
+function l() {
+  if (process.env.NODE_ENV !== "production")
+    throw new Error("Base UI: Cannot call an event handler while rendering.");
+}
+export {
+  f as useStableCallback
+};

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

@@ -0,0 +1,6 @@
+import * as o from "react";
+const t = () => {
+}, e = typeof document < "u" ? o.useLayoutEffect : t;
+export {
+  e as useIsoLayoutEffect
+};