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

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

@@ -0,0 +1,96 @@
+import * as n from "react";
+import { useControlled as D } from "./als-react-ts-ui282.js";
+import { useStableCallback as V } from "./als-react-ts-ui192.js";
+import { useIsoLayoutEffect as O } from "./als-react-ts-ui193.js";
+import { warn as U } from "./als-react-ts-ui283.js";
+import { CompositeList as w } from "./als-react-ts-ui284.js";
+import { useDirection as y } from "./als-react-ts-ui285.js";
+import { AccordionRootContext as I } from "./als-react-ts-ui286.js";
+import { useRenderElement as L } from "./als-react-ts-ui189.js";
+import { createChangeEventDetails as S } from "./als-react-ts-ui246.js";
+import { jsx as g } from "react/jsx-runtime";
+import { none as _ } from "./als-react-ts-ui248.js";
+const j = {
+  value: () => null
+}, q = /* @__PURE__ */ n.forwardRef(function(m, M) {
+  const {
+    render: z,
+    className: B,
+    disabled: r = !1,
+    hiddenUntilFound: i,
+    keepMounted: s,
+    loopFocus: h = !0,
+    onValueChange: A,
+    multiple: x = !1,
+    orientation: l = "vertical",
+    value: u,
+    defaultValue: v,
+    ...E
+  } = m, d = y();
+  process.env.NODE_ENV !== "production" && O(() => {
+    i && s === !1 && U("The `keepMounted={false}` prop on a Accordion.Root will be ignored when using `hiddenUntilFound` since it requires Panels to remain mounted when closed.");
+  }, [i, s]);
+  const P = n.useMemo(() => {
+    if (u === void 0)
+      return v ?? [];
+  }, [u, v]), c = V(A), C = n.useRef([]), [o, f] = D({
+    controlled: u,
+    default: P,
+    name: "Accordion",
+    state: "value"
+  }), R = V((a, k) => {
+    const t = S(_);
+    if (x)
+      if (k) {
+        const e = o.slice();
+        if (e.push(a), c(e, t), t.isCanceled)
+          return;
+        f(e);
+      } else {
+        const e = o.filter((F) => F !== a);
+        if (c(e, t), t.isCanceled)
+          return;
+        f(e);
+      }
+    else {
+      const e = o[0] === a ? [] : [a];
+      if (c(e, t), t.isCanceled)
+        return;
+      f(e);
+    }
+  }), p = n.useMemo(() => ({
+    value: o,
+    disabled: r,
+    orientation: l
+  }), [o, r, l]), b = n.useMemo(() => ({
+    accordionItemRefs: C,
+    direction: d,
+    disabled: r,
+    handleValueChange: R,
+    hiddenUntilFound: i ?? !1,
+    keepMounted: s ?? !1,
+    loopFocus: h,
+    orientation: l,
+    state: p,
+    value: o
+  }), [d, r, R, i, s, h, l, p, o]), N = L("div", m, {
+    state: p,
+    ref: M,
+    props: [{
+      dir: d,
+      role: "region"
+    }, E],
+    stateAttributesMapping: j
+  });
+  return /* @__PURE__ */ g(I.Provider, {
+    value: b,
+    children: /* @__PURE__ */ g(w, {
+      elementsRef: C,
+      children: N
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (q.displayName = "AccordionRoot");
+export {
+  q as AccordionRoot
+};

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

@@ -0,0 +1,29 @@
+import { useIsoLayoutEffect as s } from "./als-react-ts-ui193.js";
+import { isElement as u } from "./als-react-ts-ui339.js";
+import { useBaseUiId as m } from "./als-react-ts-ui249.js";
+import { useLabelableContext as c } from "./als-react-ts-ui399.js";
+import { NOOP as d } from "./als-react-ts-ui303.js";
+function x(f = {}) {
+  const {
+    id: e,
+    implicit: o = !1,
+    controlRef: n
+  } = f, {
+    controlId: r,
+    setControlId: t
+  } = c(), l = m(e);
+  return s(() => {
+    if (!(!o && !e || t === d)) {
+      if (o) {
+        const i = n?.current;
+        u(i) && i.closest("label") != null ? t(e ?? null) : t(r ?? l);
+      } else e && t(e);
+      return () => {
+        e && t(void 0);
+      };
+    }
+  }, [e, n, r, t, o, l]), r ?? l;
+}
+export {
+  x as useLabelableId
+};

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

@@ -0,0 +1,45 @@
+import { compareItemEquality as s } from "./als-react-ts-ui405.js";
+import { stringifyAsValue as u } from "./als-react-ts-ui404.js";
+import { createSelector as r } from "./als-react-ts-ui335.js";
+const p = {
+  id: r((e) => e.id),
+  modal: r((e) => e.modal),
+  multiple: r((e) => e.multiple),
+  items: r((e) => e.items),
+  itemToStringLabel: r((e) => e.itemToStringLabel),
+  itemToStringValue: r((e) => e.itemToStringValue),
+  isItemEqualToValue: r((e) => e.isItemEqualToValue),
+  value: r((e) => e.value),
+  open: r((e) => e.open),
+  mounted: r((e) => e.mounted),
+  forceMount: r((e) => e.forceMount),
+  transitionStatus: r((e) => e.transitionStatus),
+  touchModality: r((e) => e.touchModality),
+  activeIndex: r((e) => e.activeIndex),
+  selectedIndex: r((e) => e.selectedIndex),
+  isActive: r((e, t) => e.activeIndex === t),
+  isSelected: r((e, t, l) => {
+    const o = e.isItemEqualToValue, i = e.value;
+    return e.multiple ? Array.isArray(i) && i.some((n) => s(n, l, o)) : e.selectedIndex === t && e.selectedIndex !== null ? !0 : s(i, l, o);
+  }),
+  isSelectedByFocus: r((e, t) => e.selectedIndex === t),
+  popupProps: r((e) => e.popupProps),
+  triggerProps: r((e) => e.triggerProps),
+  triggerElement: r((e) => e.triggerElement),
+  positionerElement: r((e) => e.positionerElement),
+  listElement: r((e) => e.listElement),
+  scrollUpArrowVisible: r((e) => e.scrollUpArrowVisible),
+  scrollDownArrowVisible: r((e) => e.scrollDownArrowVisible),
+  hasScrollArrows: r((e) => e.hasScrollArrows),
+  serializedValue: r((e) => {
+    const {
+      multiple: t,
+      value: l,
+      itemToStringValue: o
+    } = e;
+    return t && Array.isArray(l) && l.length === 0 ? "" : u(l, o);
+  })
+};
+export {
+  p as selectors
+};

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

@@ -0,0 +1,23 @@
+import * as e from "react";
+import { NOOP as r } from "./als-react-ts-ui303.js";
+const t = /* @__PURE__ */ e.createContext({
+  formRef: {
+    current: {
+      fields: /* @__PURE__ */ new Map()
+    }
+  },
+  errors: {},
+  clearErrors: r,
+  validationMode: "onSubmit",
+  submitAttemptedRef: {
+    current: !1
+  }
+});
+process.env.NODE_ENV !== "production" && (t.displayName = "FormContext");
+function n() {
+  return e.useContext(t);
+}
+export {
+  t as FormContext,
+  n as useFormContext
+};

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

@@ -0,0 +1,51 @@
+import * as p from "react-dom";
+import { useIsoLayoutEffect as r } from "./als-react-ts-ui193.js";
+import { useStableCallback as D } from "./als-react-ts-ui192.js";
+import { getCombinedFieldValidityData as v } from "./als-react-ts-ui442.js";
+import { useFormContext as R } from "./als-react-ts-ui402.js";
+import { useFieldRootContext as b } from "./als-react-ts-ui398.js";
+function S(u) {
+  const {
+    enabled: l = !0,
+    value: a,
+    id: t,
+    name: f,
+    controlRef: d,
+    commit: m
+  } = u, {
+    formRef: n
+  } = R(), {
+    invalid: s,
+    markedDirtyRef: c,
+    validityData: o,
+    setValidityData: V
+  } = b(), i = D(u.getValue);
+  r(() => {
+    if (!l)
+      return;
+    let e = a;
+    e === void 0 && (e = i()), o.initialValue === null && e !== null && V((y) => ({
+      ...y,
+      initialValue: e
+    }));
+  }, [l, V, a, o.initialValue, i]), r(() => {
+    !l || !t || n.current.fields.set(t, {
+      getValue: i,
+      name: f,
+      controlRef: d,
+      validityData: v(o, s),
+      validate() {
+        let e = a;
+        e === void 0 && (e = i()), c.current = !0, p.flushSync(() => m(e));
+      }
+    });
+  }, [m, d, l, n, i, t, s, c, f, o, a]), r(() => {
+    const e = n.current.fields;
+    return () => {
+      t && e.delete(t);
+    };
+  }, [n, t]);
+}
+export {
+  S as useField
+};

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

@@ -0,0 +1,53 @@
+import { serializeValue as e } from "./als-react-ts-ui443.js";
+function a(n) {
+  return n != null && n.length > 0 && typeof n[0] == "object" && n[0] != null && "items" in n[0];
+}
+function o(n, r) {
+  if (r && n != null)
+    return r(n) ?? "";
+  if (n && typeof n == "object") {
+    if ("label" in n && n.label != null)
+      return String(n.label);
+    if ("value" in n)
+      return String(n.value);
+  }
+  return e(n);
+}
+function t(n, r) {
+  return r && n != null ? r(n) ?? "" : n && typeof n == "object" && "value" in n && "label" in n ? e(n.value) : e(n);
+}
+function y(n, r, f) {
+  if (f && n != null)
+    return f(n);
+  if (n && typeof n == "object" && "label" in n && n.label != null)
+    return n.label;
+  if (r && !Array.isArray(r))
+    return r[n] ?? o(n, f);
+  if (Array.isArray(r)) {
+    const c = a(r) ? r.flatMap((l) => l.items) : r;
+    if (n == null) {
+      const l = c.find((u) => u.value == null);
+      return l && l.label != null ? l.label : o(n, f);
+    }
+    if (typeof n != "object") {
+      const l = c.find((u) => u && u.value === n);
+      return l && l.label != null ? l.label : o(n, f);
+    }
+    if ("value" in n) {
+      const l = c.find((u) => u && u.value === n.value);
+      if (l && l.label != null)
+        return l.label;
+    }
+  }
+  return o(n, f);
+}
+function p(n, r) {
+  return !Array.isArray(n) || n.length === 0 ? "" : n.map((f) => o(f, r)).join(", ");
+}
+export {
+  a as isGroupedItems,
+  p as resolveMultipleLabels,
+  y as resolveSelectedLabel,
+  o as stringifyAsLabel,
+  t as stringifyAsValue
+};

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

@@ -0,0 +1,20 @@
+const f = (n, e) => Object.is(n, e);
+function u(n, e, r) {
+  return n == null || e == null ? Object.is(n, e) : r(n, e);
+}
+function i(n, e, r) {
+  return !n || n.length === 0 ? !1 : n.some((t) => t === void 0 ? !1 : u(t, e, r));
+}
+function d(n, e, r) {
+  return !n || n.length === 0 ? -1 : n.findIndex((t) => t === void 0 ? !1 : u(t, e, r));
+}
+function s(n, e, r) {
+  return n.filter((t) => !u(t, e, r));
+}
+export {
+  u as compareItemEquality,
+  f as defaultItemEquality,
+  d as findItemIndex,
+  i as itemIncludes,
+  s as removeItem
+};

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

@@ -0,0 +1,14 @@
+import * as c from "react";
+import { useIsoLayoutEffect as o } from "./als-react-ts-ui193.js";
+import { useStableCallback as f } from "./als-react-ts-ui192.js";
+function u(r, n) {
+  const t = c.useRef(r), e = f(n);
+  o(() => {
+    t.current !== r && e(t.current);
+  }, [r, e]), o(() => {
+    t.current = r;
+  }, [r]);
+}
+export {
+  u as useValueChanged
+};

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

@@ -0,0 +1,82 @@
+class e {
+  /**
+   * The current state of the store.
+   * This property is updated immediately when the state changes as a result of calling {@link setState}, {@link update}, or {@link set}.
+   * To subscribe to state changes, use the {@link useState} method. The value returned by {@link useState} is updated after the component renders (similarly to React's useState).
+   * The values can be used directly (to avoid subscribing to the store) in effects or event handlers.
+   *
+   * Do not modify properties in state directly. Instead, use the provided methods to ensure proper state management and listener notification.
+   */
+  // Internal state to handle recursive `setState()` calls
+  constructor(t) {
+    this.state = t, this.listeners = /* @__PURE__ */ new Set(), this.updateTick = 0;
+  }
+  /**
+   * Registers a listener that will be called whenever the store's state changes.
+   *
+   * @param fn The listener function to be called on state changes.
+   * @returns A function to unsubscribe the listener.
+   */
+  subscribe = (t) => (this.listeners.add(t), () => {
+    this.listeners.delete(t);
+  });
+  /**
+   * Returns the current state of the store.
+   */
+  getSnapshot = () => this.state;
+  /**
+   * Updates the entire store's state and notifies all registered listeners.
+   *
+   * @param newState The new state to set for the store.
+   */
+  setState(t) {
+    if (this.state === t)
+      return;
+    this.state = t, this.updateTick += 1;
+    const s = this.updateTick;
+    for (const i of this.listeners) {
+      if (s !== this.updateTick)
+        return;
+      i(t);
+    }
+  }
+  /**
+   * Merges the provided changes into the current state and notifies listeners if there are changes.
+   *
+   * @param changes An object containing the changes to apply to the current state.
+   */
+  update(t) {
+    for (const s in t)
+      if (!Object.is(this.state[s], t[s])) {
+        e.prototype.setState.call(this, {
+          ...this.state,
+          ...t
+        });
+        return;
+      }
+  }
+  /**
+   * Sets a specific key in the store's state to a new value and notifies listeners if the value has changed.
+   *
+   * @param key The key in the store's state to update.
+   * @param value The new value to set for the specified key.
+   */
+  set(t, s) {
+    Object.is(this.state[t], s) || e.prototype.setState.call(this, {
+      ...this.state,
+      [t]: s
+    });
+  }
+  /**
+   * Gives the state a new reference and updates all registered listeners.
+   */
+  notifyAll() {
+    const t = {
+      ...this.state
+    };
+    e.prototype.setState.call(this, t);
+  }
+}
+export {
+  e as Store
+};

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

@@ -0,0 +1,8 @@
+import { w as S } from "./als-react-ts-ui426.js";
+function h(t, e, r, o, s) {
+  const n = (c) => e(c, r, o, s);
+  return S.useSyncExternalStoreWithSelector(t.subscribe, t.getSnapshot, t.getSnapshot, n);
+}
+export {
+  h as useStore
+};

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

@@ -0,0 +1,26 @@
+import { FieldControlDataAttributes as a } from "./als-react-ts-ui444.js";
+const e = {
+  badInput: !1,
+  customError: !1,
+  patternMismatch: !1,
+  rangeOverflow: !1,
+  rangeUnderflow: !1,
+  stepMismatch: !1,
+  tooLong: !1,
+  tooShort: !1,
+  typeMismatch: !1,
+  valid: null,
+  valueMissing: !1
+}, r = {
+  valid(l) {
+    return l === null ? null : l ? {
+      [a.valid]: ""
+    } : {
+      [a.invalid]: ""
+    };
+  }
+};
+export {
+  e as DEFAULT_VALIDITY_STATE,
+  r as fieldValidityMapping
+};

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

@@ -0,0 +1,78 @@
+import * as o from "react";
+import { useStableCallback as k } from "./als-react-ts-ui192.js";
+import { useMergedRefs as j } from "./als-react-ts-ui287.js";
+import { useBaseUiId as C } from "./als-react-ts-ui249.js";
+import { useCollapsibleRoot as w } from "./als-react-ts-ui288.js";
+import { CollapsibleRootContext as y } from "./als-react-ts-ui289.js";
+import { useCompositeListItem as B } from "./als-react-ts-ui290.js";
+import { useAccordionRootContext as D } from "./als-react-ts-ui286.js";
+import { AccordionItemContext as L } from "./als-react-ts-ui291.js";
+import { accordionStateAttributesMapping as T } from "./als-react-ts-ui292.js";
+import { useRenderElement as U } from "./als-react-ts-ui189.js";
+import { jsx as g } from "react/jsx-runtime";
+const _ = /* @__PURE__ */ o.forwardRef(function(c, I) {
+  const {
+    className: z,
+    disabled: h = !1,
+    onOpenChange: v,
+    render: F,
+    value: R,
+    ...x
+  } = c, {
+    ref: M,
+    index: d
+  } = B(), S = j(I, M), {
+    disabled: A,
+    handleValueChange: P,
+    state: m,
+    value: n
+  } = D(), N = C(), s = R ?? N, i = h || A, r = o.useMemo(() => {
+    if (!n)
+      return !1;
+    for (let t = 0; t < n.length; t += 1)
+      if (n[t] === s)
+        return !0;
+    return !1;
+  }, [n, s]), a = k((t, b) => {
+    v?.(t, b), !b.isCanceled && P(s, t);
+  }), e = w({
+    open: r,
+    onOpenChange: a,
+    disabled: i
+  }), p = o.useMemo(() => ({
+    open: e.open,
+    disabled: e.disabled,
+    hidden: !e.mounted,
+    transitionStatus: e.transitionStatus
+  }), [e.open, e.disabled, e.mounted, e.transitionStatus]), O = o.useMemo(() => ({
+    ...e,
+    onOpenChange: a,
+    state: p
+  }), [e, p, a]), l = o.useMemo(() => ({
+    ...m,
+    index: d,
+    disabled: i,
+    open: r
+  }), [i, d, r, m]), [u, f] = o.useState(C()), V = o.useMemo(() => ({
+    open: r,
+    state: l,
+    setTriggerId: f,
+    triggerId: u
+  }), [r, l, f, u]), E = U("div", c, {
+    state: l,
+    ref: S,
+    props: x,
+    stateAttributesMapping: T
+  });
+  return /* @__PURE__ */ g(y.Provider, {
+    value: O,
+    children: /* @__PURE__ */ g(L.Provider, {
+      value: V,
+      children: E
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (_.displayName = "AccordionItem");
+export {
+  _ as AccordionItem
+};

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

@@ -0,0 +1,18 @@
+function l(e) {
+  const t = e.getBoundingClientRect();
+  if (process.env.NODE_ENV === "test")
+    return t;
+  const o = window.getComputedStyle(e, "::before"), n = window.getComputedStyle(e, "::after");
+  if (!(o.content !== "none" || n.content !== "none"))
+    return t;
+  const i = parseFloat(o.width) || 0, r = parseFloat(o.height) || 0, a = parseFloat(n.width) || 0, c = parseFloat(n.height) || 0, d = Math.max(t.width, i, a), f = Math.max(t.height, r, c), s = d - t.width, h = f - t.height;
+  return {
+    left: t.left - s / 2,
+    right: t.right + s / 2,
+    top: t.top - h / 2,
+    bottom: t.bottom + h / 2
+  };
+}
+export {
+  l as getPseudoElementBounds
+};

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

@@ -0,0 +1,6 @@
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "SelectPortalContext");
+export {
+  t as SelectPortalContext
+};

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

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

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

@@ -0,0 +1,13 @@
+function e(o, t) {
+  o && Object.assign(o.style, t);
+}
+const i = {
+  position: "relative",
+  maxHeight: "100%",
+  overflowX: "hidden",
+  overflowY: "auto"
+};
+export {
+  i as LIST_FUNCTIONAL_STYLES,
+  e as clearStyles
+};

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

@@ -0,0 +1,7 @@
+function o(t) {
+  const i = t.currentTarget.getBoundingClientRect();
+  return i.top + 1 <= t.clientY && t.clientY <= i.bottom - 1 && i.left + 1 <= t.clientX && t.clientX <= i.right - 1;
+}
+export {
+  o as isMouseWithinBounds
+};

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

@@ -0,0 +1,12 @@
+import { jsx as l } from "react/jsx-runtime";
+const e = "base-ui-disable-scrollbar", r = {
+  className: e,
+  element: /* @__PURE__ */ l("style", {
+    href: e,
+    precedence: "base-ui:low",
+    children: `.${e}{scrollbar-width:none}.${e}::-webkit-scrollbar{display:none}`
+  })
+};
+export {
+  r as styleDisableScrollbar
+};

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

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

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

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

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

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