@als-tp/als-react-ts-ui 0.5.2 → 0.5.3

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

@@ -1,24 +0,0 @@
-import o from "./als-react-ts-ui286.js";
-import * as e from "react";
-const n = /* @__PURE__ */ e.createContext(null);
-process.env.NODE_ENV !== "production" && (n.displayName = "SelectRootContext");
-const c = /* @__PURE__ */ e.createContext(null);
-process.env.NODE_ENV !== "production" && (c.displayName = "SelectFloatingContext");
-function s() {
-  const t = e.useContext(n);
-  if (t === null)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectRootContext is missing. Select parts must be placed within <Select.Root>." : o(60));
-  return t;
-}
-function i() {
-  const t = e.useContext(c);
-  if (t === null)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectFloatingContext is missing. Select parts must be placed within <Select.Root>." : o(61));
-  return t;
-}
-export {
-  c as SelectFloatingContext,
-  n as SelectRootContext,
-  i as useSelectFloatingContext,
-  s as useSelectRootContext
-};

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

@@ -1,60 +0,0 @@
-import s from "./als-react-ts-ui286.js";
-import * as a from "react";
-import { DEFAULT_VALIDITY_STATE as d } from "./als-react-ts-ui409.js";
-import { NOOP as e, EMPTY_OBJECT as o } from "./als-react-ts-ui322.js";
-const l = /* @__PURE__ */ a.createContext({
-  invalid: void 0,
-  name: void 0,
-  validityData: {
-    state: d,
-    errors: [],
-    error: "",
-    value: "",
-    initialValue: null
-  },
-  setValidityData: e,
-  disabled: void 0,
-  touched: !1,
-  setTouched: e,
-  dirty: !1,
-  setDirty: e,
-  filled: !1,
-  setFilled: e,
-  focused: !1,
-  setFocused: e,
-  validate: () => null,
-  validationMode: "onSubmit",
-  validationDebounceTime: 0,
-  shouldValidateOnChange: () => !1,
-  state: {
-    disabled: !1,
-    valid: null,
-    touched: !1,
-    dirty: !1,
-    filled: !1,
-    focused: !1
-  },
-  markedDirtyRef: {
-    current: !1
-  },
-  validation: {
-    getValidationProps: (t = o) => t,
-    getInputValidationProps: (t = o) => t,
-    inputRef: {
-      current: null
-    },
-    commit: async () => {
-    }
-  }
-});
-process.env.NODE_ENV !== "production" && (l.displayName = "FieldRootContext");
-function f(t = !0) {
-  const i = a.useContext(l);
-  if (i.setValidityData === e && !t)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>." : s(28));
-  return i;
-}
-export {
-  l as FieldRootContext,
-  f as useFieldRootContext
-};

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

@@ -1,19 +0,0 @@
-import * as t from "react";
-import { NOOP as e } from "./als-react-ts-ui322.js";
-const o = /* @__PURE__ */ t.createContext({
-  controlId: void 0,
-  setControlId: e,
-  labelId: void 0,
-  setLabelId: e,
-  messageIds: [],
-  setMessageIds: e,
-  getDescriptionProps: (n) => n
-});
-process.env.NODE_ENV !== "production" && (o.displayName = "LabelableContext");
-function a() {
-  return t.useContext(o);
-}
-export {
-  o as LabelableContext,
-  a as useLabelableContext
-};

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

@@ -1,158 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import c, { createContext as A, forwardRef as i, useContext as g } from "react";
-import a from "./als-react-ts-ui45.js";
-import { AlertDialogRoot as d } from "./als-react-ts-ui46.js";
-import { DialogTrigger as D } from "./als-react-ts-ui47.js";
-import { DialogBackdrop as N } from "./als-react-ts-ui48.js";
-import { DialogViewport as f } from "./als-react-ts-ui49.js";
-import { DialogPopup as L } from "./als-react-ts-ui50.js";
-import { DialogTitle as u } from "./als-react-ts-ui51.js";
-import { DialogDescription as S } from "./als-react-ts-ui52.js";
-import { DialogClose as m } from "./als-react-ts-ui53.js";
-import { DialogPortal as C } from "./als-react-ts-ui54.js";
-const p = A({
-  variant: "default",
-  size: "md"
-}), B = () => g(p), y = i(
-  ({
-    open: e,
-    defaultOpen: o = !1,
-    onOpenChange: l,
-    variant: t = "default",
-    size: s = "md",
-    children: n
-  }) => /* @__PURE__ */ r(p.Provider, { value: { variant: t, size: s }, children: /* @__PURE__ */ r(
-    d,
-    {
-      open: e,
-      defaultOpen: o,
-      onOpenChange: l,
-      children: n
-    }
-  ) })
-);
-y.displayName = "ALSAlertDialog.Root";
-const j = i(({ className: e, children: o }, l) => {
-  const t = [a.trigger, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r(
-    D,
-    {
-      ref: l,
-      className: t,
-      render: (s) => c.cloneElement(o, s)
-    }
-  );
-});
-j.displayName = "ALSAlertDialog.Trigger";
-const v = i(({ className: e }, o) => {
-  const l = [a.backdrop, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r(N, { ref: o, className: l });
-});
-v.displayName = "ALSAlertDialog.Backdrop";
-const w = ({
-  container: e,
-  keepMounted: o = !1,
-  children: l
-}) => /* @__PURE__ */ r(C, { container: e, keepMounted: o, children: l });
-w.displayName = "ALSAlertDialog.Portal";
-const k = i(({ className: e, children: o }, l) => {
-  const t = [a.viewport, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r(f, { ref: l, className: t, children: o });
-});
-k.displayName = "ALSAlertDialog.Viewport";
-const x = i(({ className: e, children: o }, l) => {
-  const { variant: t, size: s } = B(), n = [
-    a.popup,
-    a[`popup--${t}`],
-    a[`popup--${s}`],
-    e
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r(L, { ref: l, className: n, children: o });
-});
-x.displayName = "ALSAlertDialog.Popup";
-const h = i(({ className: e, children: o }, l) => {
-  const t = [a.title, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r(u, { ref: l, className: t, children: o });
-});
-h.displayName = "ALSAlertDialog.Title";
-const P = i(({ className: e, children: o }, l) => {
-  const t = [a.description, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r(S, { ref: l, className: t, children: o });
-});
-P.displayName = "ALSAlertDialog.Description";
-const T = i(({ className: e, children: o }, l) => {
-  const t = [a.close, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r(m, { ref: l, className: t, children: o || /* @__PURE__ */ r(R, {}) });
-});
-T.displayName = "ALSAlertDialog.Close";
-const R = () => /* @__PURE__ */ r(
-  "svg",
-  {
-    width: "20",
-    height: "20",
-    viewBox: "0 0 20 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: a.closeIcon,
-    children: /* @__PURE__ */ r(
-      "path",
-      {
-        d: "M15 5L5 15M5 5L15 15",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  }
-), E = i(({ className: e, children: o }, l) => {
-  const t = [a.footer, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r("div", { ref: l, className: t, children: o });
-});
-E.displayName = "ALSAlertDialog.Footer";
-const V = i(({ className: e, children: o, asChild: l }, t) => {
-  const s = [a.cancel, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r(
-    m,
-    {
-      ref: t,
-      className: s,
-      render: l ? (n) => c.cloneElement(
-        o,
-        n
-      ) : void 0,
-      children: o
-    }
-  );
-});
-V.displayName = "ALSAlertDialog.Cancel";
-const b = i(({ className: e, children: o, asChild: l }, t) => {
-  const s = [a.action, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r(
-    m,
-    {
-      ref: t,
-      className: s,
-      render: l ? (n) => c.cloneElement(
-        o,
-        n
-      ) : void 0,
-      children: o
-    }
-  );
-});
-b.displayName = "ALSAlertDialog.Action";
-export {
-  b as ALSAlertDialogAction,
-  v as ALSAlertDialogBackdrop,
-  V as ALSAlertDialogCancel,
-  T as ALSAlertDialogClose,
-  P as ALSAlertDialogDescription,
-  E as ALSAlertDialogFooter,
-  x as ALSAlertDialogPopup,
-  w as ALSAlertDialogPortal,
-  y as ALSAlertDialogRoot,
-  h as ALSAlertDialogTitle,
-  j as ALSAlertDialogTrigger,
-  k as ALSAlertDialogViewport
-};

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

@@ -1,96 +0,0 @@
-import * as n from "react";
-import { useControlled as D } from "./als-react-ts-ui292.js";
-import { useStableCallback as V } from "./als-react-ts-ui223.js";
-import { useIsoLayoutEffect as O } from "./als-react-ts-ui224.js";
-import { warn as U } from "./als-react-ts-ui293.js";
-import { CompositeList as w } from "./als-react-ts-ui294.js";
-import { useDirection as y } from "./als-react-ts-ui295.js";
-import { AccordionRootContext as I } from "./als-react-ts-ui296.js";
-import { useRenderElement as L } from "./als-react-ts-ui220.js";
-import { createChangeEventDetails as S } from "./als-react-ts-ui273.js";
-import { jsx as g } from "react/jsx-runtime";
-import { none as _ } from "./als-react-ts-ui275.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

@@ -1,29 +0,0 @@
-import { useIsoLayoutEffect as s } from "./als-react-ts-ui224.js";
-import { isElement as u } from "./als-react-ts-ui338.js";
-import { useBaseUiId as m } from "./als-react-ts-ui276.js";
-import { useLabelableContext as c } from "./als-react-ts-ui399.js";
-import { NOOP as d } from "./als-react-ts-ui322.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

@@ -1,45 +0,0 @@
-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-ui334.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

@@ -1,23 +0,0 @@
-import * as e from "react";
-import { NOOP as r } from "./als-react-ts-ui322.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

@@ -1,51 +0,0 @@
-import * as p from "react-dom";
-import { useIsoLayoutEffect as r } from "./als-react-ts-ui224.js";
-import { useStableCallback as D } from "./als-react-ts-ui223.js";
-import { getCombinedFieldValidityData as v } from "./als-react-ts-ui440.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

@@ -1,53 +0,0 @@
-import { serializeValue as e } from "./als-react-ts-ui441.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

@@ -1,20 +0,0 @@
-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

@@ -1,14 +0,0 @@
-import * as c from "react";
-import { useIsoLayoutEffect as o } from "./als-react-ts-ui224.js";
-import { useStableCallback as f } from "./als-react-ts-ui223.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

@@ -1,82 +0,0 @@
-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

@@ -1,8 +0,0 @@
-import { w as S } from "./als-react-ts-ui431.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
-};