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

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

@@ -1,7 +1,61 @@
-import { isReactVersionAtLeast as r } from "./als-react-ts-ui336.js";
-function n(e) {
-  return r(19) ? e : e ? "true" : void 0;
+import * as n from "react";
+import { useValueAsRef as N } from "./als-react-ts-ui318.js";
+import { formatNumber as f } from "./als-react-ts-ui484.js";
+import { useRenderElement as P } from "./als-react-ts-ui226.js";
+import { ProgressRootContext as A } from "./als-react-ts-ui525.js";
+import { progressStateAttributesMapping as M } from "./als-react-ts-ui526.js";
+import { jsx as y } from "react/jsx-runtime";
+function E(r, e, s) {
+  return r == null ? "" : s ? f(r, e, s) : f(r / 100, e, {
+    style: "percent"
+  });
 }
+function w(r, e) {
+  return e == null ? "indeterminate progress" : r || `${e}%`;
+}
+const D = /* @__PURE__ */ n.forwardRef(function(e, s) {
+  const {
+    format: p,
+    getAriaValueText: c = w,
+    locale: d,
+    max: a = 100,
+    min: i = 0,
+    value: t,
+    render: I,
+    className: O,
+    ...g
+  } = e, [b, l] = n.useState(), x = N(p);
+  let o = "indeterminate";
+  Number.isFinite(t) && (o = t === a ? "complete" : "progressing");
+  const u = E(t, d, x.current), m = n.useMemo(() => ({
+    status: o
+  }), [o]), R = {
+    "aria-labelledby": b,
+    "aria-valuemax": a,
+    "aria-valuemin": i,
+    "aria-valuenow": t ?? void 0,
+    "aria-valuetext": c(u, t),
+    role: "progressbar"
+  }, V = n.useMemo(() => ({
+    formattedValue: u,
+    max: a,
+    min: i,
+    setLabelId: l,
+    state: m,
+    status: o,
+    value: t
+  }), [u, a, i, l, m, o, t]), v = P("div", e, {
+    state: m,
+    ref: s,
+    props: [R, g],
+    stateAttributesMapping: M
+  });
+  return /* @__PURE__ */ y(A.Provider, {
+    value: V,
+    children: v
+  });
+});
+process.env.NODE_ENV !== "production" && (D.displayName = "ProgressRoot");
 export {
-  n as inertValue
+  D as ProgressRoot
 };

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

@@ -1,41 +1,23 @@
-import * as i from "react";
-import { jsx as a } from "react/jsx-runtime";
-const c = /* @__PURE__ */ i.forwardRef(function(r, n) {
+import * as o from "react";
+import { useRenderElement as n } from "./als-react-ts-ui226.js";
+import { useProgressRootContext as a } from "./als-react-ts-ui525.js";
+import { progressStateAttributesMapping as p } from "./als-react-ts-ui526.js";
+const i = /* @__PURE__ */ o.forwardRef(function(e, r) {
   const {
-    cutout: e,
-    ...p
-  } = r;
-  let o;
-  if (e) {
-    const t = e?.getBoundingClientRect();
-    o = `polygon(
-      0% 0%,
-      100% 0%,
-      100% 100%,
-      0% 100%,
-      0% 0%,
-      ${t.left}px ${t.top}px,
-      ${t.left}px ${t.bottom}px,
-      ${t.right}px ${t.bottom}px,
-      ${t.right}px ${t.top}px,
-      ${t.left}px ${t.top}px
-    )`;
-  }
-  return /* @__PURE__ */ a("div", {
-    ref: n,
-    role: "presentation",
-    "data-base-ui-inert": "",
-    ...p,
-    style: {
-      position: "fixed",
-      inset: 0,
-      userSelect: "none",
-      WebkitUserSelect: "none",
-      clipPath: o
-    }
+    render: c,
+    className: f,
+    ...t
+  } = e, {
+    state: s
+  } = a();
+  return n("div", e, {
+    state: s,
+    ref: r,
+    props: t,
+    stateAttributesMapping: p
   });
 });
-process.env.NODE_ENV !== "production" && (c.displayName = "InternalBackdrop");
+process.env.NODE_ENV !== "production" && (i.displayName = "ProgressTrack");
 export {
-  c as InternalBackdrop
+  i as ProgressTrack
 };

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

@@ -1,127 +1,33 @@
-import * as t from "react";
-import * as h from "react-dom";
-import { isNode as M } from "./als-react-ts-ui339.js";
-import { useId as D } from "./als-react-ts-ui325.js";
-import { useIsoLayoutEffect as V } from "./als-react-ts-ui193.js";
-import { FocusGuard as S } from "./als-react-ts-ui358.js";
-import { createChangeEventDetails as w } from "./als-react-ts-ui246.js";
-import { createAttribute as G } from "./als-react-ts-ui376.js";
-import { useRenderElement as _ } from "./als-react-ts-ui189.js";
-import { ownerVisuallyHidden as j } from "./als-react-ts-ui260.js";
-import { jsxs as T, jsx as P } from "react/jsx-runtime";
-import { enableFocusInside as I, isOutsideEvent as g, getPreviousTabbable as q, getNextTabbable as A, disableFocusInside as B } from "./als-react-ts-ui361.js";
-import { EMPTY_OBJECT as H } from "./als-react-ts-ui303.js";
-import { focusOut as J } from "./als-react-ts-ui248.js";
-const F = /* @__PURE__ */ t.createContext(null);
-process.env.NODE_ENV !== "production" && (F.displayName = "PortalContext");
-const Y = () => t.useContext(F), k = G("portal");
-function z(N = {}) {
+import * as n from "react";
+import { useRenderElement as u } from "./als-react-ts-ui226.js";
+import { valueToPercent as c } from "./als-react-ts-ui485.js";
+import { useProgressRootContext as p } from "./als-react-ts-ui525.js";
+import { progressStateAttributesMapping as f } from "./als-react-ts-ui526.js";
+const d = /* @__PURE__ */ n.forwardRef(function(r, s) {
   const {
-    ref: f,
-    container: s,
-    componentProps: b = H,
-    elementProps: E,
-    elementState: x
-  } = N, d = D(), m = Y()?.portalNode, [e, c] = t.useState(null), [p, u] = t.useState(null), n = t.useRef(null);
-  V(() => {
-    if (s === null) {
-      n.current && (n.current = null, u(null), c(null));
-      return;
-    }
-    if (d == null)
-      return;
-    const a = (s && (M(s) ? s : s.current)) ?? m ?? document.body;
-    if (a == null) {
-      n.current && (n.current = null, u(null), c(null));
-      return;
-    }
-    n.current !== a && (n.current = a, u(null), c(a));
-  }, [s, m, d]);
-  const i = _("div", b, {
-    ref: [f, u],
-    state: x,
-    props: [{
-      id: d,
-      [k]: ""
-    }, E]
-  });
-  return {
-    portalNode: p,
-    portalSubtree: e && i ? /* @__PURE__ */ h.createPortal(i, e) : null
-  };
-}
-const K = /* @__PURE__ */ t.forwardRef(function(f, s) {
-  const {
-    children: b,
-    container: E,
-    className: x,
-    render: d,
-    renderGuards: R,
-    ...m
-  } = f, {
-    portalNode: e,
-    portalSubtree: c
-  } = z({
-    container: E,
+    render: N,
+    className: P,
+    ...o
+  } = r, {
+    max: i,
+    min: a,
+    value: e,
+    state: l
+  } = p(), t = Number.isFinite(e) && e !== null ? c(e, a, i) : null, m = n.useCallback(() => t == null ? {} : {
+    insetInlineStart: 0,
+    height: "inherit",
+    width: `${t}%`
+  }, [t]);
+  return u("div", r, {
+    state: l,
     ref: s,
-    componentProps: f,
-    elementProps: m
-  }), p = t.useRef(null), u = t.useRef(null), n = t.useRef(null), i = t.useRef(null), [o, a] = t.useState(null), C = o?.modal, O = o?.open, v = typeof R == "boolean" ? R : !!o && !o.modal && o.open && !!e;
-  t.useEffect(() => {
-    if (!e || C)
-      return;
-    function r(l) {
-      e && g(l) && (l.type === "focusin" ? I : B)(e);
-    }
-    return e.addEventListener("focusin", r, !0), e.addEventListener("focusout", r, !0), () => {
-      e.removeEventListener("focusin", r, !0), e.removeEventListener("focusout", r, !0);
-    };
-  }, [e, C]), t.useEffect(() => {
-    !e || O || I(e);
-  }, [O, e]);
-  const L = t.useMemo(() => ({
-    beforeOutsideRef: p,
-    afterOutsideRef: u,
-    beforeInsideRef: n,
-    afterInsideRef: i,
-    portalNode: e,
-    setFocusManagerState: a
-  }), [e]);
-  return /* @__PURE__ */ T(t.Fragment, {
-    children: [c, /* @__PURE__ */ T(F.Provider, {
-      value: L,
-      children: [v && e && /* @__PURE__ */ P(S, {
-        "data-type": "outside",
-        ref: p,
-        onFocus: (r) => {
-          if (g(r, e))
-            n.current?.focus();
-          else {
-            const l = o ? o.domReference : null;
-            q(l)?.focus();
-          }
-        }
-      }), v && e && /* @__PURE__ */ P("span", {
-        "aria-owns": e.id,
-        style: j
-      }), e && /* @__PURE__ */ h.createPortal(b, e), v && e && /* @__PURE__ */ P(S, {
-        "data-type": "outside",
-        ref: u,
-        onFocus: (r) => {
-          if (g(r, e))
-            i.current?.focus();
-          else {
-            const l = o ? o.domReference : null;
-            A(l)?.focus(), o?.closeOnFocusOut && o?.onOpenChange(!1, w(J, r.nativeEvent));
-          }
-        }
-      })]
-    })]
+    props: [{
+      style: m()
+    }, o],
+    stateAttributesMapping: f
   });
 });
-process.env.NODE_ENV !== "production" && (K.displayName = "FloatingPortal");
+process.env.NODE_ENV !== "production" && (d.displayName = "ProgressIndicator");
 export {
-  K as FloatingPortal,
-  z as useFloatingPortalNode,
-  Y as usePortalContext
+  d as ProgressIndicator
 };

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

@@ -1,7 +1,29 @@
-function o(r, ...a) {
-  const e = new URL(`https://base-ui.com/production-error/${r}`);
-  return a.forEach((s) => e.searchParams.append("args[]", s)), `Base UI error #${r}; visit ${e} for the full message.`;
-}
+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) {
+  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,
+    props: [{
+      id: e
+    }, n],
+    stateAttributesMapping: u
+  });
+});
+process.env.NODE_ENV !== "production" && (c.displayName = "ProgressLabel");
 export {
-  o as default
+  c as ProgressLabel
 };

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

@@ -1,23 +1,29 @@
-const n = 500, t = 500, i = {
-  style: {
-    transition: "none"
-  }
-}, I = "data-base-ui-click-trigger", o = {
-  fallbackAxisSide: "none"
-}, s = {
-  fallbackAxisSide: "end"
-}, e = {
-  clipPath: "inset(50%)",
-  position: "fixed",
-  top: 0,
-  left: 0
-};
+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");
 export {
-  I as CLICK_TRIGGER_IDENTIFIER,
-  i as DISABLED_TRANSITIONS_STYLE,
-  o as DROPDOWN_COLLISION_AVOIDANCE,
-  t as PATIENT_CLICK_THRESHOLD,
-  s as POPUP_COLLISION_AVOIDANCE,
-  n as TYPEAHEAD_RESET_MS,
-  e as ownerVisuallyHidden
+  c as ProgressValue
 };

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

@@ -1,83 +1,55 @@
-import * as g from "react";
-import { useStableCallback as a } from "./als-react-ts-ui192.js";
-import { useIsoLayoutEffect as o } from "./als-react-ts-ui193.js";
-import { useTransitionStatus as f } from "./als-react-ts-ui344.js";
-import { useOpenChangeComplete as m } from "./als-react-ts-ui253.js";
-function d(n, t) {
-  const e = g.useRef(null);
-  return g.useCallback((r) => {
-    if (n !== void 0 && (e.current !== null && (t.context.triggerElements.delete(e.current), e.current = null), r !== null))
-      return e.current = n, t.context.triggerElements.add(n, r), () => {
-        e.current !== null && (t.context.triggerElements.delete(e.current), e.current = null);
-      };
-  }, [t, n]);
-}
-function x(n, t, e, r) {
-  const i = e.useState("isMountedByTrigger", n), l = d(n, e), c = a((u) => {
-    const s = l(u);
-    return u !== null && e.select("open") && e.select("activeTriggerId") == null && e.update({
-      activeTriggerId: n,
-      activeTriggerElement: u,
-      ...r
-    }), s;
-  });
-  return o(() => {
-    i && e.update({
-      activeTriggerElement: t,
-      ...r
-    });
-  }, [i, e, t, ...Object.values(r)]), {
-    registerTrigger: c,
-    isMountedByThisTrigger: i
-  };
-}
-function C(n) {
-  const t = n.useState("open");
-  o(() => {
-    if (t && !n.select("activeTriggerId") && n.context.triggerElements.size === 1) {
-      const e = n.context.triggerElements.entries().next();
-      if (!e.done) {
-        const [r, i] = e.value;
-        n.update({
-          activeTriggerId: r,
-          activeTriggerElement: i
-        });
-      }
-    }
-  }, [t, n]);
-}
-function S(n, t, e) {
-  const {
-    mounted: r,
-    setMounted: i,
-    transitionStatus: l
-  } = f(n);
-  t.useSyncedValues({
-    mounted: r,
-    transitionStatus: l
-  });
-  const c = a(() => {
-    i(!1), t.update({
-      activeTriggerId: null,
-      activeTriggerElement: null,
-      mounted: !1
-    }), e?.(), t.context.onOpenChangeComplete?.(!1);
-  }), u = t.useState("preventUnmountingOnClose");
-  return m({
-    enabled: !u,
-    open: n,
-    ref: t.context.popupRef,
-    onComplete() {
-      n || c();
-    }
-  }), {
-    forceUnmount: c,
-    transitionStatus: l
-  };
-}
+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
+};
 export {
-  C as useImplicitActiveTrigger,
-  S as useOpenStateTransitions,
-  x as useTriggerDataForwarding,
-  d as useTriggerRegistration
+  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
 };