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

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

@@ -1,107 +0,0 @@
-import * as R from "react";
-import { useIsoLayoutEffect as t } from "./als-react-ts-ui224.js";
-import { warn as A } from "./als-react-ts-ui293.js";
-import { useRenderElement as I } from "./als-react-ts-ui220.js";
-import { useCollapsibleRootContext as H } from "./als-react-ts-ui299.js";
-import { collapsibleStateAttributesMapping as T } from "./als-react-ts-ui450.js";
-import { useCollapsiblePanel as _ } from "./als-react-ts-ui306.js";
-import { CollapsiblePanelCssVars as g } from "./als-react-ts-ui451.js";
-import { useOpenChangeComplete as $ } from "./als-react-ts-ui280.js";
-const q = /* @__PURE__ */ R.forwardRef(function(f, m) {
-  const {
-    className: L,
-    hiddenUntilFound: o,
-    keepMounted: i,
-    render: W,
-    id: l,
-    ...M
-  } = f;
-  process.env.NODE_ENV !== "production" && t(() => {
-    o && i === !1 && A("The `keepMounted={false}` prop on a Collapsible will be ignored when using `hiddenUntilFound` since it requires the Panel to remain mounted even when closed.");
-  }, [o, i]);
-  const {
-    abortControllerRef: w,
-    animationTypeRef: E,
-    height: s,
-    mounted: c,
-    onOpenChange: F,
-    open: r,
-    panelId: N,
-    panelRef: a,
-    runOnceAnimationsFinish: O,
-    setDimensions: h,
-    setHiddenUntilFound: b,
-    setKeepMounted: C,
-    setMounted: v,
-    setPanelIdState: d,
-    setOpen: x,
-    setVisible: U,
-    state: P,
-    transitionDimensionRef: k,
-    visible: y,
-    width: p,
-    transitionStatus: u
-  } = H(), n = o ?? !1, e = i ?? !1;
-  t(() => {
-    if (l)
-      return d(l), () => {
-        d(void 0);
-      };
-  }, [l, d]), t(() => {
-    b(n);
-  }, [b, n]), t(() => {
-    C(e);
-  }, [C, e]);
-  const {
-    props: D
-  } = _({
-    abortControllerRef: w,
-    animationTypeRef: E,
-    externalRef: m,
-    height: s,
-    hiddenUntilFound: n,
-    id: N,
-    keepMounted: e,
-    mounted: c,
-    onOpenChange: F,
-    open: r,
-    panelRef: a,
-    runOnceAnimationsFinish: O,
-    setDimensions: h,
-    setMounted: v,
-    setOpen: x,
-    setVisible: U,
-    transitionDimensionRef: k,
-    visible: y,
-    width: p
-  });
-  $({
-    open: r && u === "idle",
-    ref: a,
-    onComplete() {
-      r && h({
-        height: void 0,
-        width: void 0
-      });
-    }
-  });
-  const S = R.useMemo(() => ({
-    ...P,
-    transitionStatus: u
-  }), [P, u]), V = I("div", f, {
-    state: S,
-    ref: [m, a],
-    props: [D, {
-      style: {
-        [g.collapsiblePanelHeight]: s === void 0 ? "auto" : `${s}px`,
-        [g.collapsiblePanelWidth]: p === void 0 ? "auto" : `${p}px`
-      }
-    }, M],
-    stateAttributesMapping: T
-  });
-  return e || n || !e && c ? V : null;
-});
-process.env.NODE_ENV !== "production" && (q.displayName = "CollapsiblePanel");
-export {
-  q as CollapsiblePanel
-};

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

@@ -1,36 +0,0 @@
-const u = "_root_ruqux_4", _ = "_label_ruqux_13", t = "_input_ruqux_25", o = "_icon_ruqux_111", i = "_positioner_ruqux_131", n = "_popup_ruqux_138", p = "_list_ruqux_157", e = "_option_ruqux_184", r = "_empty_ruqux_217", l = "_value_ruqux_227", s = {
-  root: u,
-  label: _,
-  input: t,
-  "input--default": "_input--default_ruqux_56",
-  "input--filled": "_input--filled_ruqux_60",
-  "input--outlined": "_input--outlined_ruqux_70",
-  "input--sm": "_input--sm_ruqux_78",
-  "input--md": "_input--md_ruqux_84",
-  "input--lg": "_input--lg_ruqux_90",
-  "input--error": "_input--error_ruqux_99",
-  icon: o,
-  "icon--open": "_icon--open_ruqux_124",
-  positioner: i,
-  popup: n,
-  list: p,
-  option: e,
-  "option--highlighted": "_option--highlighted_ruqux_198",
-  "option--selected": "_option--selected_ruqux_202",
-  "option--disabled": "_option--disabled_ruqux_208",
-  empty: r,
-  value: l
-};
-export {
-  s as default,
-  r as empty,
-  o as icon,
-  t as input,
-  _ as label,
-  p as list,
-  e as option,
-  n as popup,
-  i as positioner,
-  u as root,
-  l as value
-};

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

@@ -1,22 +0,0 @@
-import "react";
-import { AriaCombobox as n } from "./als-react-ts-ui452.js";
-import { jsx as r } from "react/jsx-runtime";
-function d(e) {
-  const {
-    multiple: o = !1,
-    defaultValue: l,
-    value: t,
-    onValueChange: a,
-    ...u
-  } = e;
-  return /* @__PURE__ */ r(n, {
-    ...u,
-    selectionMode: o ? "multiple" : "single",
-    selectedValue: t,
-    defaultSelectedValue: l,
-    onSelectedValueChange: a
-  });
-}
-export {
-  d as ComboboxRoot
-};

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

@@ -1,18 +0,0 @@
-import * as c from "react";
-import { useComboboxRootContext as u } from "./als-react-ts-ui454.js";
-import { resolveSelectedLabel as f } from "./als-react-ts-ui404.js";
-import { selectors as r } from "./als-react-ts-ui455.js";
-import { jsx as a } from "react/jsx-runtime";
-import { useStore as l } from "./als-react-ts-ui408.js";
-function V(i) {
-  const {
-    children: e
-  } = i, t = u(), m = l(t, r.itemToStringLabel), n = l(t, r.selectedValue), s = l(t, r.items);
-  let o = null;
-  return typeof e == "function" ? o = e(n) : e != null ? o = e : o = f(n, s, m), /* @__PURE__ */ a(c.Fragment, {
-    children: o
-  });
-}
-export {
-  V as ComboboxValue
-};

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

@@ -1,16 +0,0 @@
-import { ALSFormRow as o, ALSFormGroup as r, ALSFormActions as m, ALSFormDescription as t, ALSFormError as A, ALSFormTextarea as F, ALSFormControl as L, ALSFormLabel as e, ALSFormField as S, ALSFormRoot as i } from "./als-react-ts-ui71.js";
-const a = {
-  Root: i,
-  Field: S,
-  Label: e,
-  Control: L,
-  Textarea: F,
-  Error: A,
-  Description: t,
-  Actions: m,
-  Group: r,
-  Row: o
-};
-export {
-  a as ALSForm
-};

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

@@ -1,15 +0,0 @@
-const o = "_root_3fqlg_1", l = "_label_3fqlg_8", r = "_control_3fqlg_15", e = "_helperText_3fqlg_42", t = "_error_3fqlg_48", _ = {
-  root: o,
-  label: l,
-  control: r,
-  helperText: e,
-  error: t
-};
-export {
-  r as control,
-  _ as default,
-  t as error,
-  e as helperText,
-  l as label,
-  o as root
-};

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

@@ -1,101 +0,0 @@
-import * as e from "react";
-import { useStableCallback as m } from "./als-react-ts-ui223.js";
-import { FieldRootContext as G } from "./als-react-ts-ui398.js";
-import { DEFAULT_VALIDITY_STATE as H, fieldValidityMapping as J } from "./als-react-ts-ui409.js";
-import { useFieldsetRootContext as K } from "./als-react-ts-ui432.js";
-import { useFormContext as Q } from "./als-react-ts-ui402.js";
-import { useRenderElement as W } from "./als-react-ts-ui220.js";
-import { useFieldValidation as X } from "./als-react-ts-ui433.js";
-import { jsx as y } from "react/jsx-runtime";
-import { LabelableProvider as Z } from "./als-react-ts-ui434.js";
-const C = /* @__PURE__ */ e.forwardRef(function(o, p) {
-  const {
-    errors: h,
-    validationMode: A,
-    submitAttemptedRef: I
-  } = Q(), {
-    render: ee,
-    className: te,
-    validate: g,
-    validationDebounceTime: v = 0,
-    validationMode: i = A,
-    name: t,
-    disabled: O = !1,
-    invalid: _,
-    dirty: D,
-    touched: S,
-    ...L
-  } = o, {
-    disabled: U
-  } = K(), R = m(g || (() => null)), r = U || O, [k, j] = e.useState(!1), [B, Y] = e.useState(!1), [n, V] = e.useState(!1), [a, P] = e.useState(!1), d = D ?? B, s = S ?? k, F = e.useRef(!1), E = m((f) => {
-    D === void 0 && (f && (F.current = !0), Y(f));
-  }), M = m((f) => {
-    S === void 0 && j(f);
-  }), b = m(() => i === "onChange" || i === "onSubmit" && I.current), l = !!(_ || t && {}.hasOwnProperty.call(h, t) && h[t] !== void 0), [c, N] = e.useState({
-    state: H,
-    error: "",
-    errors: [],
-    value: null,
-    initialValue: null
-  }), T = !l && c.state.valid, u = e.useMemo(() => ({
-    disabled: r,
-    touched: s,
-    dirty: d,
-    valid: T,
-    filled: n,
-    focused: a
-  }), [r, s, d, T, n, a]), x = X({
-    setValidityData: N,
-    validate: R,
-    validityData: c,
-    validationDebounceTime: v,
-    invalid: l,
-    markedDirtyRef: F,
-    state: u,
-    name: t,
-    shouldValidateOnChange: b
-  }), q = e.useMemo(() => ({
-    invalid: l,
-    name: t,
-    validityData: c,
-    setValidityData: N,
-    disabled: r,
-    touched: s,
-    setTouched: M,
-    dirty: d,
-    setDirty: E,
-    filled: n,
-    setFilled: V,
-    focused: a,
-    setFocused: P,
-    validate: R,
-    validationMode: i,
-    validationDebounceTime: v,
-    shouldValidateOnChange: b,
-    state: u,
-    markedDirtyRef: F,
-    validation: x
-  }), [l, t, c, r, s, M, d, E, n, V, a, P, R, i, v, b, u, x]), z = W("div", o, {
-    ref: p,
-    state: u,
-    props: L,
-    stateAttributesMapping: J
-  });
-  return /* @__PURE__ */ y(G.Provider, {
-    value: q,
-    children: z
-  });
-});
-process.env.NODE_ENV !== "production" && (C.displayName = "FieldRootInner");
-const $ = /* @__PURE__ */ e.forwardRef(function(o, p) {
-  return /* @__PURE__ */ y(Z, {
-    children: /* @__PURE__ */ y(C, {
-      ...o,
-      ref: p
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && ($.displayName = "FieldRoot");
-export {
-  $ as FieldRoot
-};

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

@@ -1,38 +0,0 @@
-import * as i from "react";
-import { useIsoLayoutEffect as u } from "./als-react-ts-ui224.js";
-import { useFieldRootContext as p } from "./als-react-ts-ui398.js";
-import { useLabelableContext as c } from "./als-react-ts-ui399.js";
-import { fieldValidityMapping as b } from "./als-react-ts-ui409.js";
-import { useBaseUiId as R } from "./als-react-ts-ui276.js";
-import { useRenderElement as g } from "./als-react-ts-ui220.js";
-import { getTarget as L } from "./als-react-ts-ui330.js";
-const x = /* @__PURE__ */ i.forwardRef(function(r, l) {
-  const {
-    render: F,
-    className: I,
-    id: n,
-    ...a
-  } = r, s = p(!1), {
-    controlId: d,
-    setLabelId: t,
-    labelId: f
-  } = c(), o = R(n), m = i.useRef(null);
-  return u(() => (o && t(o), () => {
-    t(void 0);
-  }), [o, t]), g("label", r, {
-    ref: [l, m],
-    state: s.state,
-    props: [{
-      id: f,
-      htmlFor: d ?? void 0,
-      onMouseDown(e) {
-        L(e.nativeEvent)?.closest("button,input,select,textarea") || !e.defaultPrevented && e.detail > 1 && e.preventDefault();
-      }
-    }, a],
-    stateAttributesMapping: b
-  });
-});
-process.env.NODE_ENV !== "production" && (x.displayName = "FieldLabel");
-export {
-  x as FieldLabel
-};

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

@@ -1,97 +0,0 @@
-import * as p from "react";
-import { useStableCallback as x } from "./als-react-ts-ui223.js";
-import { useControlled as L } from "./als-react-ts-ui292.js";
-import { useIsoLayoutEffect as k } from "./als-react-ts-ui224.js";
-import { useFieldRootContext as b } from "./als-react-ts-ui398.js";
-import { useLabelableContext as B } from "./als-react-ts-ui399.js";
-import { useLabelableId as S } from "./als-react-ts-ui400.js";
-import { fieldValidityMapping as U } from "./als-react-ts-ui409.js";
-import { useRenderElement as A } from "./als-react-ts-ui220.js";
-import { useField as K } from "./als-react-ts-ui403.js";
-import { createChangeEventDetails as O } from "./als-react-ts-ui273.js";
-import { none as _ } from "./als-react-ts-ui275.js";
-const j = /* @__PURE__ */ p.forwardRef(function(n, C) {
-  const {
-    render: z,
-    className: G,
-    id: g,
-    name: v,
-    value: o,
-    disabled: R = !1,
-    onValueChange: V,
-    defaultValue: i,
-    ...F
-  } = n, {
-    state: s,
-    name: y,
-    disabled: E
-  } = b(), l = E || R, u = y ?? v, N = p.useMemo(() => ({
-    ...s,
-    disabled: l
-  }), [s, l]), {
-    setTouched: d,
-    setDirty: P,
-    validityData: T,
-    setFocused: m,
-    setFilled: r,
-    validationMode: h,
-    validation: t
-  } = b(), {
-    labelId: D
-  } = B(), f = S({
-    id: g
-  });
-  k(() => {
-    const e = o != null;
-    t.inputRef.current?.value || e && o !== "" ? r(!0) : e && o === "" && r(!1);
-  }, [t.inputRef, r, o]);
-  const [c, I] = L({
-    controlled: o,
-    default: i,
-    name: "FieldControl",
-    state: "value"
-  }), M = o !== void 0, w = x((e, a) => {
-    V?.(e, a), !a.isCanceled && I(e);
-  });
-  return K({
-    id: f,
-    name: u,
-    commit: t.commit,
-    value: c,
-    getValue: () => t.inputRef.current?.value,
-    controlRef: t.inputRef
-  }), A("input", n, {
-    ref: C,
-    state: N,
-    props: [{
-      id: f,
-      disabled: l,
-      name: u,
-      ref: t.inputRef,
-      "aria-labelledby": D,
-      ...M ? {
-        value: c
-      } : {
-        defaultValue: i
-      },
-      onChange(e) {
-        const a = e.currentTarget.value;
-        w(a, O(_, e.nativeEvent)), P(a !== T.initialValue), r(a !== "");
-      },
-      onFocus() {
-        m(!0);
-      },
-      onBlur(e) {
-        d(!0), m(!1), h === "onBlur" && t.commit(e.currentTarget.value);
-      },
-      onKeyDown(e) {
-        e.currentTarget.tagName === "INPUT" && e.key === "Enter" && (d(!0), t.commit(e.currentTarget.value));
-      }
-    }, t.getInputValidationProps(), F],
-    stateAttributesMapping: U
-  });
-});
-process.env.NODE_ENV !== "production" && (j.displayName = "FieldControl");
-export {
-  j as FieldControl
-};

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

@@ -1,34 +0,0 @@
-import * as f from "react";
-import { useIsoLayoutEffect as d } from "./als-react-ts-ui224.js";
-import { useFieldRootContext as m } from "./als-react-ts-ui398.js";
-import { useLabelableContext as l } from "./als-react-ts-ui399.js";
-import { fieldValidityMapping as c } from "./als-react-ts-ui409.js";
-import { useBaseUiId as u } from "./als-react-ts-ui276.js";
-import { useRenderElement as R } from "./als-react-ts-ui220.js";
-const x = /* @__PURE__ */ f.forwardRef(function(r, i) {
-  const {
-    render: E,
-    id: s,
-    className: F,
-    ...n
-  } = r, e = u(s), p = m(!1), {
-    setMessageIds: t
-  } = l();
-  return d(() => {
-    if (e)
-      return t((o) => o.concat(e)), () => {
-        t((o) => o.filter((a) => a !== e));
-      };
-  }, [e, t]), R("p", r, {
-    ref: i,
-    state: p.state,
-    props: [{
-      id: e
-    }, n],
-    stateAttributesMapping: c
-  });
-});
-process.env.NODE_ENV !== "production" && (x.displayName = "FieldDescription");
-export {
-  x as FieldDescription
-};

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

@@ -1,48 +0,0 @@
-import * as n from "react";
-import { useIsoLayoutEffect as F } from "./als-react-ts-ui224.js";
-import { useFieldRootContext as v } from "./als-react-ts-ui398.js";
-import { useLabelableContext as x } from "./als-react-ts-ui399.js";
-import { fieldValidityMapping as N } from "./als-react-ts-ui409.js";
-import { useFormContext as R } from "./als-react-ts-ui402.js";
-import { useRenderElement as b } from "./als-react-ts-ui220.js";
-import { useBaseUiId as g } from "./als-react-ts-ui276.js";
-const h = /* @__PURE__ */ n.forwardRef(function(l, m) {
-  const {
-    render: I,
-    id: d,
-    className: M,
-    match: i,
-    ...u
-  } = l, t = g(d), {
-    validityData: o,
-    state: c,
-    name: a
-  } = v(!1), {
-    setMessageIds: s
-  } = x(), {
-    errors: p
-  } = R(), f = a ? p[a] : null;
-  let e = !1;
-  f || i === !0 ? e = !0 : i ? e = !!o.state[i] : e = o.state.valid === !1, F(() => {
-    if (!(!e || !t))
-      return s((r) => r.concat(t)), () => {
-        s((r) => r.filter((y) => y !== t));
-      };
-  }, [e, t, s]);
-  const E = b("div", l, {
-    ref: m,
-    state: c,
-    props: [{
-      id: t,
-      children: f || (o.errors.length > 1 ? /* @__PURE__ */ n.createElement("ul", {}, o.errors.map((r) => /* @__PURE__ */ n.createElement("li", {
-        key: r
-      }, r))) : o.error)
-    }, u],
-    stateAttributesMapping: N
-  });
-  return e ? E : null;
-});
-process.env.NODE_ENV !== "production" && (h.displayName = "FieldError");
-export {
-  h as FieldError
-};

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

@@ -1,35 +0,0 @@
-const o = "_trigger_d816n_2", r = "_backdrop_d816n_9", t = "_positioner_d816n_17", _ = "_popup_d816n_23", n = "_arrow_d816n_49", e = "_item_d816n_59", c = "_separator_d816n_89", d = "_group_d816n_96", a = "_groupLabel_d816n_100", i = "_radioGroup_d816n_110", p = "_radioItem_d816n_114", s = "_radioItemIndicator_d816n_139", u = "_checkboxItem_d816n_152", g = "_checkboxItemIndicator_d816n_177", m = "_submenuTrigger_d816n_191", I = {
-  trigger: o,
-  backdrop: r,
-  positioner: t,
-  popup: _,
-  arrow: n,
-  item: e,
-  separator: c,
-  group: d,
-  groupLabel: a,
-  radioGroup: i,
-  radioItem: p,
-  radioItemIndicator: s,
-  checkboxItem: u,
-  checkboxItemIndicator: g,
-  submenuTrigger: m
-};
-export {
-  n as arrow,
-  r as backdrop,
-  u as checkboxItem,
-  g as checkboxItemIndicator,
-  I as default,
-  d as group,
-  a as groupLabel,
-  e as item,
-  _ as popup,
-  t as positioner,
-  i as radioGroup,
-  p as radioItem,
-  s as radioItemIndicator,
-  c as separator,
-  m as submenuTrigger,
-  o as trigger
-};

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

@@ -1,40 +0,0 @@
-import * as e from "react";
-import { useId as a } from "./als-react-ts-ui335.js";
-import { ContextMenuRootContext as d } from "./als-react-ts-ui463.js";
-import { MenuRootContext as p } from "./als-react-ts-ui464.js";
-import { jsx as o } from "react/jsx-runtime";
-import { MenuRoot as x } from "./als-react-ts-ui186.js";
-function P(r) {
-  const [t, u] = e.useState({
-    getBoundingClientRect() {
-      return DOMRect.fromRect({
-        width: 0,
-        height: 0,
-        x: 0,
-        y: 0
-      });
-    }
-  }), i = e.useRef(null), s = e.useRef(null), c = e.useRef(null), f = e.useRef(null), l = e.useRef(!0), R = e.useRef(null), n = a(), m = e.useMemo(() => ({
-    anchor: t,
-    setAnchor: u,
-    actionsRef: c,
-    backdropRef: i,
-    internalBackdropRef: s,
-    positionerRef: f,
-    allowMouseUpTriggerRef: l,
-    initialCursorPointRef: R,
-    rootId: n
-  }), [t, n]);
-  return /* @__PURE__ */ o(d.Provider, {
-    value: m,
-    children: /* @__PURE__ */ o(p.Provider, {
-      value: void 0,
-      children: /* @__PURE__ */ o(x, {
-        ...r
-      })
-    })
-  });
-}
-export {
-  P as ContextMenuRoot
-};