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

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

@@ -1,29 +1,192 @@
-import * as i from "react";
-import { useIsoLayoutEffect as p } from "./als-react-ts-ui267.js";
-import { useBaseUiId as m } from "./als-react-ts-ui232.js";
-import { useRenderElement as f } from "./als-react-ts-ui226.js";
-import { useProgressRootContext as d } from "./als-react-ts-ui525.js";
-import { progressStateAttributesMapping as u } from "./als-react-ts-ui526.js";
-const c = /* @__PURE__ */ i.forwardRef(function(t, s) {
+import * as t from "react";
+import { ownerDocument as Ve } from "./als-react-ts-ui372.js";
+import { useControlled as Ie } from "./als-react-ts-ui292.js";
+import { useStableCallback as d } from "./als-react-ts-ui223.js";
+import { useValueAsRef as De } from "./als-react-ts-ui336.js";
+import { useIsoLayoutEffect as Pe } from "./als-react-ts-ui224.js";
+import { warn as Me } from "./als-react-ts-ui293.js";
+import { createChangeEventDetails as X, createGenericEventDetails as Ne } from "./als-react-ts-ui273.js";
+import { useValueChanged as Te } from "./als-react-ts-ui406.js";
+import { useBaseUiId as Le } from "./als-react-ts-ui276.js";
+import { useRenderElement as Oe } from "./als-react-ts-ui220.js";
+import { clamp as Be } from "./als-react-ts-ui521.js";
+import { areArraysEqual as Z } from "./als-react-ts-ui438.js";
+import { CompositeList as Ue } from "./als-react-ts-ui294.js";
+import { useField as Fe } from "./als-react-ts-ui403.js";
+import { useFieldRootContext as ke } from "./als-react-ts-ui398.js";
+import { useFormContext as je } from "./als-react-ts-ui402.js";
+import { useLabelableContext as qe } from "./als-react-ts-ui399.js";
+import { asc as we } from "./als-react-ts-ui550.js";
+import { getSliderValue as _e } from "./als-react-ts-ui551.js";
+import { validateMinimumDistance as ze } from "./als-react-ts-ui552.js";
+import { sliderStateAttributesMapping as Ge } from "./als-react-ts-ui553.js";
+import { SliderRootContext as He } from "./als-react-ts-ui554.js";
+import { jsx as Y } from "react/jsx-runtime";
+import { none as Je, keyboard as Ke, inputChange as Qe } from "./als-react-ts-ui275.js";
+import { activeElement as We } from "./als-react-ts-ui330.js";
+function Xe(i) {
+  return "key" in i ? Ke : Qe;
+}
+function Ye(i, l) {
+  return typeof i == "number" && typeof l == "number" ? i === l : Array.isArray(i) && Array.isArray(l) ? Z(i, l) : !1;
+}
+const Ze = /* @__PURE__ */ t.forwardRef(function(l, $) {
   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,
+    "aria-labelledby": ee,
+    className: $e,
+    defaultValue: te,
+    disabled: re = !1,
+    id: oe,
+    format: ne,
+    largeStep: T = 10,
+    locale: L,
+    render: et,
+    max: n = 100,
+    min: o = 0,
+    minStepsBetweenValues: f = 0,
+    name: ae,
+    onValueChange: se,
+    onValueCommitted: ie,
+    orientation: v = "horizontal",
+    step: p = 1,
+    thumbCollisionBehavior: O = "push",
+    thumbAlignment: S = "center",
+    value: le,
+    ...ue
+  } = l, B = Le(oe), me = d(se), A = d(ie), {
+    clearErrors: ce
+  } = je(), {
+    state: U,
+    disabled: de,
+    name: fe,
+    setTouched: pe,
+    setDirty: be,
+    validityData: he,
+    shouldValidateOnChange: ge,
+    validation: m
+  } = ke(), {
+    labelId: ve
+  } = qe(), E = ee ?? ve, u = de || re, b = fe ?? ae, [r, Re] = Ie({
+    controlled: le,
+    default: te ?? o,
+    name: "Slider"
+  }), x = t.useRef(null), R = t.useRef(null), V = t.useRef([]), F = t.useRef(null), k = t.useRef(null), j = t.useRef(-1), q = t.useRef(null), y = t.useRef(null), I = t.useRef("none"), w = De(ne), [h, ye] = t.useState(-1), [_, Ce] = t.useState(-1), [C, z] = t.useState(!1), [G, Se] = t.useState(() => /* @__PURE__ */ new Map()), [H, J] = t.useState([void 0, void 0]), D = d((e) => {
+    ye(e), e !== -1 && Ce(e);
+  });
+  Fe({
+    id: B,
+    commit: m.commit,
+    value: r,
+    controlRef: R,
+    name: b,
+    getValue: () => r
+  }), Te(r, () => {
+    ce(b), ge() ? m.commit(r) : m.commit(r, !0);
+    const e = he.initialValue;
+    let a;
+    Array.isArray(r) && Array.isArray(e) ? a = !Z(r, e) : a = r !== e, be(a);
+  });
+  const K = d((e) => {
+    e && (R.current = e);
+  }), P = Array.isArray(r), g = t.useMemo(() => P ? r.slice().sort(we) : [Be(r, o, n)], [n, o, P, r]), M = d((e, a) => {
+    if (Number.isNaN(e) || Ye(e, r))
+      return;
+    const s = a ?? X(Je, void 0, void 0, {
+      activeThumbIndex: -1
+    });
+    I.current = s.reason;
+    const c = new event.constructor(event.type, event);
+    Object.defineProperty(c, "target", {
+      writable: !0,
+      value: {
+        value: e,
+        name: b
+      }
+    }), s.event = c, y.current = e, me(e, s), !s.isCanceled && Re(e);
+  }), Q = d((e, a, s) => {
+    const c = _e(e, a, o, n, P, g);
+    if (ze(c, p, f)) {
+      const W = Xe(s);
+      M(c, X(W, s.nativeEvent, void 0, {
+        activeThumbIndex: a
+      })), pe(!0);
+      const xe = y.current ?? c;
+      A(xe, Ne(W, s.nativeEvent));
+    }
+  });
+  process.env.NODE_ENV !== "production" && o >= n && Me("Slider `max` must be greater than `min`."), Pe(() => {
+    const e = We(Ve(x.current));
+    u && e && x.current?.contains(e) && e.blur();
+  }, [u]), u && h !== -1 && D(-1);
+  const N = t.useMemo(() => ({
+    ...U,
+    activeThumbIndex: h,
+    disabled: u,
+    dragging: C,
+    orientation: v,
+    max: n,
+    min: o,
+    minStepsBetweenValues: f,
+    step: p,
+    values: g
+  }), [U, h, u, C, n, o, f, v, p, g]), Ae = t.useMemo(() => ({
+    active: h,
+    controlRef: R,
+    disabled: u,
+    dragging: C,
+    validation: m,
+    formatOptionsRef: w,
+    handleInputChange: Q,
+    indicatorPosition: H,
+    inset: S !== "center",
+    labelId: E,
+    largeStep: T,
+    lastUsedThumbIndex: _,
+    lastChangedValueRef: y,
+    lastChangeReasonRef: I,
+    locale: L,
+    max: n,
+    min: o,
+    minStepsBetweenValues: f,
+    name: b,
+    onValueCommitted: A,
+    orientation: v,
+    pressedInputRef: F,
+    pressedThumbCenterOffsetRef: k,
+    pressedThumbIndexRef: j,
+    pressedValuesRef: q,
+    registerFieldControlRef: K,
+    renderBeforeHydration: S === "edge",
+    setActive: D,
+    setDragging: z,
+    setIndicatorPosition: J,
+    setValue: M,
+    state: N,
+    step: p,
+    thumbCollisionBehavior: O,
+    thumbMap: G,
+    thumbRefs: V,
+    values: g
+  }), [h, R, E, u, C, m, w, Q, H, T, _, y, I, L, n, o, f, b, A, v, F, k, j, q, K, D, z, J, M, N, p, O, S, G, V, g]), Ee = Oe("div", l, {
+    state: N,
+    ref: [$, x],
     props: [{
-      id: e
-    }, n],
-    stateAttributesMapping: u
+      "aria-labelledby": E,
+      id: B,
+      role: "group"
+    }, m.getValidationProps, ue],
+    stateAttributesMapping: Ge
+  });
+  return /* @__PURE__ */ Y(He.Provider, {
+    value: Ae,
+    children: /* @__PURE__ */ Y(Ue, {
+      elementsRef: V,
+      onMapChange: Se,
+      children: Ee
+    })
   });
 });
-process.env.NODE_ENV !== "production" && (c.displayName = "ProgressLabel");
+process.env.NODE_ENV !== "production" && (Ze.displayName = "SliderRoot");
 export {
-  c as ProgressLabel
+  Ze as SliderRoot
 };

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

@@ -1,29 +1,16 @@
-import * as u from "react";
-import { useRenderElement as m } from "./als-react-ts-ui226.js";
-import { useProgressRootContext as p } from "./als-react-ts-ui525.js";
-import { progressStateAttributesMapping as f } from "./als-react-ts-ui526.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");
+const e = "_toggle_1lewf_2", g = {
+  toggle: e,
+  "toggle--disabled": "_toggle--disabled_1lewf_31",
+  "toggle--pressed": "_toggle--pressed_1lewf_43",
+  "toggle--sm": "_toggle--sm_1lewf_62",
+  "toggle--md": "_toggle--md_1lewf_68",
+  "toggle--lg": "_toggle--lg_1lewf_74",
+  "toggle--default": "_toggle--default_1lewf_81",
+  "toggle--primary": "_toggle--primary_1lewf_86",
+  "toggle--success": "_toggle--success_1lewf_97",
+  "toggle--error": "_toggle--error_1lewf_108"
+};
 export {
-  c as ProgressValue
+  g as default,
+  e as toggle
 };

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

@@ -1,55 +1,66 @@
-const _ = "_group_1qx6w_10", r = "_radio_1qx6w_16", o = "_groupLabel_1qx6w_24", i = "_required_1qx6w_45", e = "_radioGroup_1qx6w_54", d = "_item_1qx6w_74", a = "_indicator_1qx6w_215", t = "_content_1qx6w_257", l = "_label_1qx6w_264", s = "_description_1qx6w_283", x = "_helperText_1qx6w_306", c = "_errorText_1qx6w_313", n = {
-  group: _,
-  "group--error": "_group--error_1qx6w_16",
-  radio: r,
-  groupLabel: o,
-  "groupLabel--sm": "_groupLabel--sm_1qx6w_33",
-  "groupLabel--md": "_groupLabel--md_1qx6w_37",
-  "groupLabel--lg": "_groupLabel--lg_1qx6w_41",
-  required: i,
-  radioGroup: e,
-  "radioGroup--vertical": "_radioGroup--vertical_1qx6w_59",
-  "radioGroup--horizontal": "_radioGroup--horizontal_1qx6w_64",
-  item: d,
-  "item--sm": "_item--sm_1qx6w_83",
-  "item--md": "_item--md_1qx6w_87",
-  "item--lg": "_item--lg_1qx6w_91",
-  "item--disabled": "_item--disabled_1qx6w_95",
-  "radio--sm": "_radio--sm_1qx6w_121",
-  "radio--md": "_radio--md_1qx6w_126",
-  "radio--lg": "_radio--lg_1qx6w_131",
-  "radio--primary": "_radio--primary_1qx6w_143",
-  "radio--secondary": "_radio--secondary_1qx6w_149",
-  "radio--success": "_radio--success_1qx6w_155",
-  "radio--error": "_radio--error_1qx6w_161",
-  indicator: a,
-  "indicator--sm": "_indicator--sm_1qx6w_238",
-  "indicator--md": "_indicator--md_1qx6w_243",
-  "indicator--lg": "_indicator--lg_1qx6w_248",
-  content: t,
-  label: l,
-  "label--sm": "_label--sm_1qx6w_271",
-  "label--md": "_label--md_1qx6w_275",
-  "label--lg": "_label--lg_1qx6w_279",
-  description: s,
-  "description--sm": "_description--sm_1qx6w_290",
-  "description--md": "_description--md_1qx6w_294",
-  "description--lg": "_description--lg_1qx6w_298",
-  helperText: x,
-  errorText: c
-};
+import * as f from "react";
+import { useStableCallback as y } from "./als-react-ts-ui223.js";
+import { useControlled as G } from "./als-react-ts-ui292.js";
+import { useRenderElement as O } from "./als-react-ts-ui220.js";
+import { useToggleGroupContext as S } from "./als-react-ts-ui542.js";
+import { useButton as j } from "./als-react-ts-ui274.js";
+import { CompositeItem as w } from "./als-react-ts-ui488.js";
+import { createChangeEventDetails as D } from "./als-react-ts-ui273.js";
+import { jsx as I } from "react/jsx-runtime";
+import { none as M } from "./als-react-ts-ui275.js";
+const _ = /* @__PURE__ */ f.forwardRef(function(a, i) {
+  const {
+    className: m,
+    defaultPressed: c = !1,
+    disabled: g = !1,
+    form: z,
+    // never participates in form validation
+    onPressedChange: P,
+    pressed: C,
+    render: b,
+    type: A,
+    // cannot change button type
+    value: v,
+    nativeButton: x = !0,
+    ...E
+  } = a, r = v ?? "", e = S(), N = e?.value ?? [], T = e ? void 0 : c, n = (g || e?.disabled) ?? !1, [o, h] = G({
+    controlled: e && r ? N?.indexOf(r) > -1 : C,
+    default: T,
+    name: "Toggle",
+    state: "pressed"
+  }), R = y((s, t) => {
+    e?.setGroupValue?.(r, s, t), P?.(s, t);
+  }), {
+    getButtonProps: B,
+    buttonRef: V
+  } = j({
+    disabled: n,
+    native: x
+  }), l = f.useMemo(() => ({
+    disabled: n,
+    pressed: o
+  }), [n, o]), d = [V, i], p = [{
+    "aria-pressed": o,
+    onClick(s) {
+      const t = !o, u = D(M, s.nativeEvent);
+      R(t, u), !u.isCanceled && h(t);
+    }
+  }, E, B], k = O("button", a, {
+    enabled: !e,
+    state: l,
+    ref: d,
+    props: p
+  });
+  return e ? /* @__PURE__ */ I(w, {
+    tag: "button",
+    render: b,
+    className: m,
+    state: l,
+    refs: d,
+    props: p
+  }) : k;
+});
+process.env.NODE_ENV !== "production" && (_.displayName = "Toggle");
 export {
-  t as content,
-  n as default,
-  s as description,
-  c as errorText,
-  _ as group,
-  o as groupLabel,
-  x as helperText,
-  a as indicator,
-  d as item,
-  l as label,
-  r as radio,
-  e as radioGroup,
-  i as required
+  _ as Toggle
 };

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

@@ -1,141 +1,31 @@
-import * as n from "react";
-import { useControlled as Z } from "./als-react-ts-ui265.js";
-import { useMergedRefs as $ } from "./als-react-ts-ui272.js";
-import { useStableCallback as l } from "./als-react-ts-ui266.js";
-import { visuallyHidden as ee } from "./als-react-ts-ui359.js";
-import { useBaseUiId as oe } from "./als-react-ts-ui232.js";
-import { SHIFT as te } from "./als-react-ts-ui237.js";
-import { CompositeRoot as re } from "./als-react-ts-ui448.js";
-import { useField as ae } from "./als-react-ts-ui403.js";
-import { useFieldRootContext as ie } from "./als-react-ts-ui398.js";
-import { fieldValidityMapping as ne } from "./als-react-ts-ui409.js";
-import { useFieldsetRootContext as se } from "./als-react-ts-ui449.js";
-import { useFormContext as le } from "./als-react-ts-ui402.js";
-import { useLabelableContext as de } from "./als-react-ts-ui399.js";
-import { useValueChanged as ue } from "./als-react-ts-ui406.js";
-import { RadioGroupContext as me } from "./als-react-ts-ui524.js";
-import { jsxs as fe, jsx as P } from "react/jsx-runtime";
-import { NOOP as ce } from "./als-react-ts-ui304.js";
-import { contains as pe } from "./als-react-ts-ui312.js";
-import { mergeProps as be } from "./als-react-ts-ui305.js";
-const ge = [te], Ce = /* @__PURE__ */ n.forwardRef(function(x, F) {
-  const {
-    render: I,
-    className: v,
-    disabled: M,
-    readOnly: r,
-    required: a,
-    onValueChange: N,
-    value: O,
-    defaultValue: k,
-    name: E,
-    inputRef: S,
-    id: T,
-    ...p
-  } = x, {
-    setTouched: b,
-    setFocused: m,
-    shouldValidateOnChange: D,
-    validationMode: G,
-    name: w,
-    disabled: K,
-    state: d,
-    validation: t,
-    setDirty: q,
-    setFilled: A,
-    validityData: B
-  } = ie(), {
-    labelId: H
-  } = de(), {
-    clearErrors: j
-  } = le(), U = se(!0), i = K || M, s = w ?? E, g = oe(T), [e, _] = Z({
-    controlled: O,
-    default: k,
-    name: "RadioGroup",
-    state: "value"
-  }), f = l(N), C = l((o, V) => {
-    f(o, V), !V.isCanceled && _(o);
-  }), u = n.useRef(null), R = l((o) => {
-    u.current == null && o != null && (u.current = o);
-  });
-  ae({
-    id: g,
-    commit: t.commit,
-    value: e,
-    controlRef: u,
-    name: s,
-    getValue: () => e ?? null
-  }), ue(e, () => {
-    j(s), q(e !== B.initialValue), A(e != null), D() ? t.commit(e) : t.commit(e, !0);
-  });
-  const [h, c] = n.useState(!1), z = l((o) => {
-    pe(o.currentTarget, o.relatedTarget) || (b(!0), m(!1), G === "onBlur" && t.commit(e));
-  }), J = l((o) => {
-    o.key.startsWith("Arrow") && (b(!0), c(!0), m(!0));
-  }), y = n.useMemo(() => e == null ? "" : typeof e == "string" ? e : JSON.stringify(e), [e]), L = $(t.inputRef, S), W = be({
-    value: y,
-    ref: L,
-    id: g,
-    name: y ? s : void 0,
-    disabled: i,
-    readOnly: r,
-    required: a,
-    "aria-labelledby": p["aria-labelledby"] ?? U?.legendId,
-    "aria-hidden": !0,
-    tabIndex: -1,
-    style: ee,
-    onChange: ce,
-    // suppress a Next.js error
-    onFocus() {
-      u.current?.focus();
-    }
-  }, t.getInputValidationProps), Y = n.useMemo(() => ({
-    ...d,
-    disabled: i ?? !1,
-    required: a ?? !1,
-    readOnly: r ?? !1
-  }), [d, i, r, a]), Q = n.useMemo(() => ({
-    ...d,
-    checkedValue: e,
-    disabled: i,
-    validation: t,
-    name: s,
-    onValueChange: f,
-    readOnly: r,
-    registerControlRef: R,
-    required: a,
-    setCheckedValue: C,
-    setTouched: c,
-    touched: h
-  }), [e, i, t, d, s, f, r, R, a, C, c, h]), X = {
-    role: "radiogroup",
-    "aria-required": a || void 0,
-    "aria-disabled": i || void 0,
-    "aria-readonly": r || void 0,
-    "aria-labelledby": H,
-    onFocus() {
-      m(!0);
-    },
-    onBlur: z,
-    onKeyDownCapture: J
-  };
-  return /* @__PURE__ */ fe(me.Provider, {
-    value: Q,
-    children: [/* @__PURE__ */ P(re, {
-      render: I,
-      className: v,
-      state: Y,
-      props: [X, t.getValidationProps, p],
-      refs: [F],
-      stateAttributesMapping: ne,
-      enableHomeAndEndKeys: !1,
-      modifierKeys: ge
-    }), /* @__PURE__ */ P("input", {
-      ...W
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (Ce.displayName = "RadioGroup");
+const _ = "_container_z6vxp_6", t = "_labelContainer_z6vxp_26", i = "_label_z6vxp_26", s = "_required_z6vxp_46", c = "_description_z6vxp_51", e = "_thumb_z6vxp_145", n = {
+  container: _,
+  "container--left": "_container--left_z6vxp_12",
+  "container--right": "_container--right_z6vxp_16",
+  "container--disabled": "_container--disabled_z6vxp_20",
+  labelContainer: t,
+  label: i,
+  required: s,
+  description: c,
+  switch: "_switch_z6vxp_61",
+  "switch--primary": "_switch--primary_z6vxp_93",
+  "switch--success": "_switch--success_z6vxp_101",
+  "switch--warning": "_switch--warning_z6vxp_109",
+  "switch--error": "_switch--error_z6vxp_117",
+  "switch--sm": "_switch--sm_z6vxp_126",
+  "switch--md": "_switch--md_z6vxp_132",
+  "switch--lg": "_switch--lg_z6vxp_138",
+  thumb: e,
+  "thumb--sm": "_thumb--sm_z6vxp_158",
+  "thumb--md": "_thumb--md_z6vxp_163",
+  "thumb--lg": "_thumb--lg_z6vxp_168"
+};
 export {
-  Ce as RadioGroup
+  _ as container,
+  n as default,
+  c as description,
+  i as label,
+  t as labelContainer,
+  s as required,
+  e as thumb
 };