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

package/dist/als-react-ts-ui436.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 = "CheckboxGroupContext");
+function c(r = !0) {
+  const o = e.useContext(t);
+  if (o === void 0 && !r)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CheckboxGroupContext is missing. CheckboxGroup parts must be placed within <CheckboxGroup>." : n(3));
+  return o;
+}
+export {
+  t as CheckboxGroupContext,
+  c as useCheckboxGroupContext
+};

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

@@ -0,0 +1,42 @@
+import * as a from "react";
+import { useStableCallback as P } from "./als-react-ts-ui192.js";
+import { useBaseUiId as S } from "./als-react-ts-ui249.js";
+const x = [];
+function w(O) {
+  const {
+    allValues: l = x,
+    value: e = x,
+    onValueChange: b
+  } = O, m = a.useRef(e), f = a.useRef(/* @__PURE__ */ new Map()), [i, g] = a.useState("mixed"), u = S(), p = e.length === l.length, h = e.length !== l.length && e.length > 0, n = P(b), C = a.useCallback(() => ({
+    id: u,
+    indeterminate: h,
+    checked: p,
+    // TODO: custom `id` on child checkboxes breaks this
+    // https://github.com/mui/base-ui/issues/2691
+    "aria-controls": l.map((c) => `${u}-${c}`).join(" "),
+    onCheckedChange(c, o) {
+      const s = m.current, t = l.filter((r) => f.current.get(r) && s.includes(r)), d = l.filter((r) => !f.current.get(r) || f.current.get(r) && s.includes(r));
+      if (s.length === d.length || s.length === 0) {
+        e.length === d.length ? n(t, o) : n(d, o);
+        return;
+      }
+      i === "mixed" ? (n(d, o), g("on")) : i === "on" ? (n(t, o), g("off")) : i === "off" && (n(s, o), g("mixed"));
+    }
+  }), [l, p, u, h, n, i, e.length]), k = a.useCallback((c) => ({
+    checked: e.includes(c),
+    onCheckedChange(o, s) {
+      const t = e.slice();
+      o ? t.push(c) : t.splice(t.indexOf(c), 1), m.current = t, n(t, s), g("mixed");
+    }
+  }), [n, e]);
+  return a.useMemo(() => ({
+    id: u,
+    indeterminate: h,
+    getParentProps: C,
+    getChildProps: k,
+    disabledStatesRef: f
+  }), [u, h, C, k]);
+}
+export {
+  w as useCheckboxGroupParent
+};

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

@@ -0,0 +1,6 @@
+function u(t, l, r = (e, n) => e === n) {
+  return t.length === l.length && t.every((e, n) => r(e, l[n]));
+}
+export {
+  u as areArraysEqual
+};

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

@@ -0,0 +1,18 @@
+import * as i from "react";
+import { CheckboxRootDataAttributes as t } from "./als-react-ts-ui463.js";
+import { fieldValidityMapping as n } from "./als-react-ts-ui409.js";
+function a(e) {
+  return i.useMemo(() => ({
+    checked(r) {
+      return e.indeterminate ? {} : r ? {
+        [t.checked]: ""
+      } : {
+        [t.unchecked]: ""
+      };
+    },
+    ...n
+  }), [e.indeterminate]);
+}
+export {
+  a as useStateAttributesMapping
+};

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

@@ -0,0 +1,112 @@
+import * as R from "react";
+import { useIsoLayoutEffect as t } from "./als-react-ts-ui193.js";
+import { warn as K } from "./als-react-ts-ui283.js";
+import { useCollapsibleRootContext as T } from "./als-react-ts-ui289.js";
+import { useCollapsiblePanel as _ } from "./als-react-ts-ui296.js";
+import { useAccordionRootContext as $ } from "./als-react-ts-ui286.js";
+import { useAccordionItemContext as q } from "./als-react-ts-ui291.js";
+import { accordionStateAttributesMapping as L } from "./als-react-ts-ui292.js";
+import { AccordionPanelCssVars as C } from "./als-react-ts-ui297.js";
+import { useOpenChangeComplete as W } from "./als-react-ts-ui253.js";
+import { useRenderElement as j } from "./als-react-ts-ui189.js";
+const z = /* @__PURE__ */ R.forwardRef(function(u, c) {
+  const {
+    className: G,
+    hiddenUntilFound: M,
+    keepMounted: i,
+    id: o,
+    render: J,
+    ...b
+  } = u, {
+    hiddenUntilFound: x,
+    keepMounted: A
+  } = $(), {
+    abortControllerRef: F,
+    animationTypeRef: U,
+    height: r,
+    mounted: m,
+    onOpenChange: w,
+    open: d,
+    panelId: E,
+    panelRef: s,
+    runOnceAnimationsFinish: N,
+    setDimensions: f,
+    setHiddenUntilFound: h,
+    setKeepMounted: P,
+    setMounted: O,
+    setOpen: k,
+    setVisible: y,
+    transitionDimensionRef: I,
+    visible: v,
+    width: a,
+    setPanelIdState: l,
+    transitionStatus: p
+  } = T(), e = M ?? x, n = i ?? A;
+  process.env.NODE_ENV !== "production" && t(() => {
+    i === !1 && e && K("The `keepMounted={false}` prop on a Accordion.Panel will be ignored when using `contextHiddenUntilFound` on the Panel or the Root since it requires the panel to remain mounted when closed.");
+  }, [e, i]), t(() => {
+    if (o)
+      return l(o), () => {
+        l(void 0);
+      };
+  }, [o, l]), t(() => {
+    h(e);
+  }, [h, e]), t(() => {
+    P(n);
+  }, [P, n]), W({
+    open: d && p === "idle",
+    ref: s,
+    onComplete() {
+      d && f({
+        width: void 0,
+        height: void 0
+      });
+    }
+  });
+  const {
+    props: D
+  } = _({
+    abortControllerRef: F,
+    animationTypeRef: U,
+    externalRef: c,
+    height: r,
+    hiddenUntilFound: e,
+    id: o ?? E,
+    keepMounted: n,
+    mounted: m,
+    onOpenChange: w,
+    open: d,
+    panelRef: s,
+    runOnceAnimationsFinish: N,
+    setDimensions: f,
+    setMounted: O,
+    setOpen: k,
+    setVisible: y,
+    transitionDimensionRef: I,
+    visible: v,
+    width: a
+  }), {
+    state: g,
+    triggerId: H
+  } = q(), S = R.useMemo(() => ({
+    ...g,
+    transitionStatus: p
+  }), [g, p]), V = j("div", u, {
+    state: S,
+    ref: [c, s],
+    props: [D, {
+      "aria-labelledby": H,
+      role: "region",
+      style: {
+        [C.accordionPanelHeight]: r === void 0 ? "auto" : `${r}px`,
+        [C.accordionPanelWidth]: a === void 0 ? "auto" : `${a}px`
+      }
+    }, b],
+    stateAttributesMapping: L
+  });
+  return n || e || !n && m ? V : null;
+});
+process.env.NODE_ENV !== "production" && (z.displayName = "AccordionPanel");
+export {
+  z as AccordionPanel
+};

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

@@ -0,0 +1,12 @@
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext({
+  disabled: !1
+});
+process.env.NODE_ENV !== "production" && (e.displayName = "FieldItemContext");
+function n() {
+  return t.useContext(e);
+}
+export {
+  e as FieldItemContext,
+  n as useFieldItemContext
+};

package/dist/als-react-ts-ui441.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 = "CheckboxRootContext");
+function s() {
+  const o = e.useContext(t);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CheckboxRootContext is missing. Checkbox parts must be placed within <Checkbox.Root>." : n(14));
+  return o;
+}
+export {
+  t as CheckboxRootContext,
+  s as useCheckboxRootContext
+};

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

@@ -0,0 +1,12 @@
+function n(e, t) {
+  return {
+    ...e,
+    state: {
+      ...e.state,
+      valid: !t && e.state.valid
+    }
+  };
+}
+export {
+  n as getCombinedFieldValidityData
+};

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

@@ -0,0 +1,14 @@
+function t(r) {
+  if (r == null)
+    return "";
+  if (typeof r == "string")
+    return r;
+  try {
+    return JSON.stringify(r);
+  } catch {
+    return String(r);
+  }
+}
+export {
+  t as serializeValue
+};

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

@@ -0,0 +1,6 @@
+let a = /* @__PURE__ */ (function(d) {
+  return d.disabled = "data-disabled", d.valid = "data-valid", d.invalid = "data-invalid", d.touched = "data-touched", d.dirty = "data-dirty", d.filled = "data-filled", d.focused = "data-focused", d;
+})({});
+export {
+  a as FieldControlDataAttributes
+};

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

@@ -0,0 +1,10 @@
+import { __module as e } from "./als-react-ts-ui446.js";
+import { __require as o } from "./als-react-ts-ui447.js";
+import { __require as t } from "./als-react-ts-ui448.js";
+var r;
+function s() {
+  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t(), e.exports);
+}
+export {
+  s as __require
+};

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

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

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

@@ -0,0 +1,57 @@
+import { __exports as d } from "./als-react-ts-ui476.js";
+import q from "react";
+import { __require as w } from "./als-react-ts-ui477.js";
+var V;
+function k() {
+  if (V) return d;
+  V = 1;
+  var a = q, j = w();
+  function z(r, u) {
+    return r === u && (r !== 0 || 1 / r === 1 / u) || r !== r && u !== u;
+  }
+  var M = typeof Object.is == "function" ? Object.is : z, W = j.useSyncExternalStore, h = a.useRef, y = a.useEffect, D = a.useMemo, O = a.useDebugValue;
+  return d.useSyncExternalStoreWithSelector = function(r, u, m, v, t) {
+    var i = h(null);
+    if (i.current === null) {
+      var f = { hasValue: !1, value: null };
+      i.current = f;
+    } else f = i.current;
+    i = D(
+      function() {
+        function _(e) {
+          if (!s) {
+            if (s = !0, c = e, e = v(e), t !== void 0 && f.hasValue) {
+              var o = f.value;
+              if (t(o, e))
+                return n = o;
+            }
+            return n = e;
+          }
+          if (o = n, M(c, e)) return o;
+          var R = v(e);
+          return t !== void 0 && t(o, R) ? (c = e, o) : (c = e, n = R);
+        }
+        var s = !1, c, n, b = m === void 0 ? null : m;
+        return [
+          function() {
+            return _(u());
+          },
+          b === null ? void 0 : function() {
+            return _(b());
+          }
+        ];
+      },
+      [u, m, v, t]
+    );
+    var l = W(r, i[0], i[1]);
+    return y(
+      function() {
+        f.hasValue = !0, f.value = l;
+      },
+      [l]
+    ), O(l), l;
+  }, d;
+}
+export {
+  k as __require
+};

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

@@ -0,0 +1,58 @@
+import { __exports as d } from "./als-react-ts-ui478.js";
+import M from "react";
+import { __require as b } from "./als-react-ts-ui477.js";
+var s;
+function H() {
+  return s ? d : (s = 1, process.env.NODE_ENV !== "production" && (function() {
+    function A(r, u) {
+      return r === u && (r !== 0 || 1 / r === 1 / u) || r !== r && u !== u;
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var i = M, R = b(), T = typeof Object.is == "function" ? Object.is : A, V = R.useSyncExternalStore, D = i.useRef, S = i.useEffect, p = i.useMemo, G = i.useDebugValue;
+    d.useSyncExternalStoreWithSelector = function(r, u, a, c, f) {
+      var _ = D(null);
+      if (_.current === null) {
+        var t = { hasValue: !1, value: null };
+        _.current = t;
+      } else t = _.current;
+      _ = p(
+        function() {
+          function m(e) {
+            if (!v) {
+              if (v = !0, l = e, e = c(e), f !== void 0 && t.hasValue) {
+                var o = t.value;
+                if (f(o, e))
+                  return O = o;
+              }
+              return O = e;
+            }
+            if (o = O, T(l, e))
+              return o;
+            var E = c(e);
+            return f !== void 0 && f(o, E) ? (l = e, o) : (l = e, O = E);
+          }
+          var v = !1, l, O, L = a === void 0 ? null : a;
+          return [
+            function() {
+              return m(u());
+            },
+            L === null ? void 0 : function() {
+              return m(L());
+            }
+          ];
+        },
+        [u, a, c, f]
+      );
+      var n = V(r, _[0], _[1]);
+      return S(
+        function() {
+          t.hasValue = !0, t.value = n;
+        },
+        [n]
+      ), G(n), n;
+    }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })(), d);
+}
+export {
+  H as __require
+};

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

@@ -0,0 +1,10 @@
+import * as e from "react";
+function r() {
+  const [, t] = e.useState({});
+  return e.useCallback(() => {
+    t({});
+  }, []);
+}
+export {
+  r as useForcedRerendering
+};

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

@@ -0,0 +1,40 @@
+const _ = "_trigger_72hu1_4", o = "_backdrop_72hu1_11", t = "_fadeIn_72hu1_1", p = "_fadeOut_72hu1_1", c = "_viewport_72hu1_26", e = "_popup_72hu1_40", u = "_scaleIn_72hu1_1", n = "_scaleOut_72hu1_1", s = "_title_72hu1_82", a = "_description_72hu1_93", l = "_footer_72hu1_103", r = "_action_72hu1_120", h = "_cancel_72hu1_121", d = "_close_72hu1_132", i = "_closeIcon_72hu1_160", f = {
+  trigger: _,
+  backdrop: o,
+  fadeIn: t,
+  fadeOut: p,
+  viewport: c,
+  popup: e,
+  scaleIn: u,
+  scaleOut: n,
+  "popup--default": "_popup--default_72hu1_58",
+  "popup--centered": "_popup--centered_72hu1_62",
+  "popup--sm": "_popup--sm_72hu1_67",
+  "popup--md": "_popup--md_72hu1_71",
+  "popup--lg": "_popup--lg_72hu1_75",
+  title: s,
+  description: a,
+  footer: l,
+  action: r,
+  cancel: h,
+  close: d,
+  closeIcon: i
+};
+export {
+  r as action,
+  o as backdrop,
+  h as cancel,
+  d as close,
+  i as closeIcon,
+  f as default,
+  a as description,
+  t as fadeIn,
+  p as fadeOut,
+  l as footer,
+  e as popup,
+  u as scaleIn,
+  n as scaleOut,
+  s as title,
+  _ as trigger,
+  c as viewport
+};

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

@@ -0,0 +1,9 @@
+import { collapsibleOpenStateMapping as t } from "./als-react-ts-ui294.js";
+import { transitionStatusMapping as p } from "./als-react-ts-ui245.js";
+const o = {
+  ...t,
+  ...p
+};
+export {
+  o as collapsibleStateAttributesMapping
+};

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

@@ -0,0 +1,6 @@
+let e = /* @__PURE__ */ (function(l) {
+  return l.collapsiblePanelHeight = "--collapsible-panel-height", l.collapsiblePanelWidth = "--collapsible-panel-width", l;
+})({});
+export {
+  e as CollapsiblePanelCssVars
+};