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

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

@@ -1,75 +1,32 @@
 import * as t from "react";
-import { useStableCallback as b } from "./als-react-ts-ui192.js";
-import { createGenericEventDetails as S } from "./als-react-ts-ui246.js";
-import { FormContext as V } from "./als-react-ts-ui402.js";
-import { useRenderElement as g } from "./als-react-ts-ui189.js";
-import { useValueChanged as C } from "./als-react-ts-ui406.js";
-import { jsx as A } from "react/jsx-runtime";
-import { EMPTY_OBJECT as y } from "./als-react-ts-ui303.js";
-import { none as M } from "./als-react-ts-ui248.js";
-const P = /* @__PURE__ */ t.forwardRef(function(u, F) {
+import { FieldsetRootContext as m } from "./als-react-ts-ui432.js";
+import { useRenderElement as c } from "./als-react-ts-ui220.js";
+import { jsx as f } from "react/jsx-runtime";
+const u = /* @__PURE__ */ t.forwardRef(function(s, d) {
   const {
-    render: O,
-    className: T,
-    validationMode: m = "onSubmit",
-    errors: n,
-    onSubmit: h,
-    onFormSubmit: c,
-    ...x
-  } = u, s = t.useRef({
-    fields: /* @__PURE__ */ new Map()
-  }), i = t.useRef(!1), d = t.useRef(!1), f = b((e) => {
-    e && (e.focus(), e.tagName === "INPUT" && e.select());
-  }), [o, p] = t.useState(n);
-  C(n, () => {
-    p(n);
-  }), t.useEffect(() => {
-    if (!i.current)
-      return;
-    i.current = !1;
-    const e = Array.from(s.current.fields.values()).filter((r) => r.validityData.state.valid === !1);
-    e.length && f(e[0].controlRef.current);
-  }, [o, f]);
-  const D = g("form", u, {
-    ref: F,
+    render: R,
+    className: x,
+    disabled: e = !1,
+    ...n
+  } = s, [o, r] = t.useState(void 0), l = t.useMemo(() => ({
+    disabled: e
+  }), [e]), i = c("fieldset", s, {
+    ref: d,
+    state: l,
     props: [{
-      noValidate: !0,
-      onSubmit(e) {
-        d.current = !0;
-        let r = Array.from(s.current.fields.values());
-        r.forEach((a) => {
-          a.validate();
-        }), r = Array.from(s.current.fields.values());
-        const E = r.filter((a) => !a.validityData.state.valid);
-        if (E.length)
-          e.preventDefault(), f(E[0].controlRef.current);
-        else if (i.current = !0, h?.(e), c) {
-          e.preventDefault();
-          const a = r.reduce((R, l) => (l.name && (R[l.name] = l.getValue()), R), {});
-          c(a, S(M, e.nativeEvent));
-        }
-      }
-    }, x]
-  }), v = b((e) => {
-    if (e && o && y.hasOwnProperty.call(o, e)) {
-      const r = {
-        ...o
-      };
-      delete r[e], p(r);
-    }
-  }), N = t.useMemo(() => ({
-    formRef: s,
-    validationMode: m,
-    errors: o ?? y,
-    clearErrors: v,
-    submitAttemptedRef: d
-  }), [s, m, o, v]);
-  return /* @__PURE__ */ A(V.Provider, {
-    value: N,
-    children: D
+      "aria-labelledby": o
+    }, n]
+  }), a = t.useMemo(() => ({
+    legendId: o,
+    setLegendId: r,
+    disabled: e
+  }), [o, r, e]);
+  return /* @__PURE__ */ f(m.Provider, {
+    value: a,
+    children: i
   });
 });
-process.env.NODE_ENV !== "production" && (P.displayName = "Form");
+process.env.NODE_ENV !== "production" && (u.displayName = "FieldsetRoot");
 export {
-  P as Form
+  u as FieldsetRoot
 };

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

@@ -1,57 +1,33 @@
-import R from "./als-react-ts-ui259.js";
-import * as P from "react";
-import { createElement as d } from "react";
-import { useMergedRefs as p, useMergedRefsN as b } from "./als-react-ts-ui287.js";
-import { getReactElementRef as y } from "./als-react-ts-ui298.js";
-import { mergeObjects as g } from "./als-react-ts-ui299.js";
-import { getStateAttributesProps as A } from "./als-react-ts-ui300.js";
-import { resolveClassName as M } from "./als-react-ts-ui301.js";
-import { resolveStyle as k } from "./als-react-ts-ui302.js";
-import { EMPTY_OBJECT as f } from "./als-react-ts-ui303.js";
-import { mergePropsN as v, mergeClassNames as C, mergeProps as O } from "./als-react-ts-ui304.js";
-function Y(r, e, t = {}) {
-  const i = e.render, o = w(e, t);
-  if (t.enabled === !1)
-    return null;
-  const m = t.state ?? f;
-  return B(r, i, o, m);
-}
-function w(r, e = {}) {
+import * as d from "react";
+import { useIsoLayoutEffect as f } from "./als-react-ts-ui224.js";
+import { useBaseUiId as a } from "./als-react-ts-ui276.js";
+import { useRenderElement as l } from "./als-react-ts-ui220.js";
+import { useFieldsetRootContext as c } from "./als-react-ts-ui432.js";
+const p = /* @__PURE__ */ d.forwardRef(function(s, r) {
   const {
-    className: t,
-    style: i,
-    render: o
-  } = r, {
-    state: m = f,
-    ref: u,
-    props: a,
-    stateAttributesMapping: E,
-    enabled: s = !0
-  } = e, l = s ? M(t, m) : void 0, c = s ? k(i, m) : void 0, N = s ? A(m, E) : f, n = s ? g(N, Array.isArray(a) ? v(a) : a) ?? f : f;
-  return typeof document < "u" && (s ? Array.isArray(u) ? n.ref = b([n.ref, y(o), ...u]) : n.ref = p(n.ref, y(o), u) : p(null, null)), s ? (l !== void 0 && (n.className = C(n.className, l)), c !== void 0 && (n.style = g(n.style, c)), n) : f;
-}
-function B(r, e, t, i) {
-  if (e) {
-    if (typeof e == "function")
-      return e(t, i);
-    const o = O(t, e.props);
-    return o.ref = t.ref, /* @__PURE__ */ P.cloneElement(e, o);
-  }
-  if (r && typeof r == "string")
-    return S(r, t);
-  throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: Render element or function are not defined." : R(8));
-}
-function S(r, e) {
-  return r === "button" ? /* @__PURE__ */ d("button", {
-    type: "button",
-    ...e,
-    key: e.key
-  }) : r === "img" ? /* @__PURE__ */ d("img", {
-    alt: "",
-    ...e,
-    key: e.key
-  }) : /* @__PURE__ */ P.createElement(r, e);
-}
+    render: L,
+    className: g,
+    id: n,
+    ...i
+  } = s, {
+    disabled: o,
+    setLegendId: e
+  } = c(), t = a(n);
+  f(() => (e(t), () => {
+    e(void 0);
+  }), [e, t]);
+  const m = d.useMemo(() => ({
+    disabled: o ?? !1
+  }), [o]);
+  return l("div", s, {
+    state: m,
+    ref: r,
+    props: [{
+      id: t
+    }, i]
+  });
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "FieldsetLegend");
 export {
-  Y as useRenderElement
+  p as FieldsetLegend
 };

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

@@ -1,14 +1,41 @@
-import r from "./als-react-ts-ui259.js";
-import * as o from "react";
-const e = /* @__PURE__ */ o.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "AvatarRootContext");
-function a() {
-  const t = o.useContext(e);
-  if (t === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AvatarRootContext is missing. Avatar parts must be placed within <Avatar.Root>." : r(13));
-  return t;
-}
+const a = "_root_1adzq_6", _ = "_label_1adzq_28", r = "_track_1adzq_48", t = "_indicator_1adzq_91", d = "_value_1adzq_119", o = "_meterFill_1adzq_1", i = {
+  root: a,
+  "root--sm": "_root--sm_1adzq_15",
+  "root--md": "_root--md_1adzq_19",
+  "root--lg": "_root--lg_1adzq_23",
+  label: _,
+  "label--sm": "_label--sm_1adzq_35",
+  "label--md": "_label--md_1adzq_39",
+  "label--lg": "_label--lg_1adzq_43",
+  track: r,
+  "track--sm": "_track--sm_1adzq_57",
+  "track--md": "_track--md_1adzq_61",
+  "track--lg": "_track--lg_1adzq_65",
+  "track--primary": "_track--primary_1adzq_70",
+  "track--success": "_track--success_1adzq_74",
+  "track--warning": "_track--warning_1adzq_78",
+  "track--error": "_track--error_1adzq_82",
+  "track--info": "_track--info_1adzq_86",
+  indicator: t,
+  "indicator--primary": "_indicator--primary_1adzq_98",
+  "indicator--success": "_indicator--success_1adzq_102",
+  "indicator--warning": "_indicator--warning_1adzq_106",
+  "indicator--error": "_indicator--error_1adzq_110",
+  "indicator--info": "_indicator--info_1adzq_114",
+  value: d,
+  "value--sm": "_value--sm_1adzq_127",
+  "value--md": "_value--md_1adzq_131",
+  "value--lg": "_value--lg_1adzq_135",
+  "indicator--animated": "_indicator--animated_1adzq_152",
+  meterFill: o,
+  "root--inline": "_root--inline_1adzq_162"
+};
 export {
-  e as AvatarRootContext,
-  a as useAvatarRootContext
+  i as default,
+  t as indicator,
+  _ as label,
+  o as meterFill,
+  a as root,
+  r as track,
+  d as value
 };

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

@@ -1,6 +1,50 @@
-const t = {
-  imageLoadingStatus: () => null
-};
+import * as m from "react";
+import { MeterRootContext as b } from "./als-react-ts-ui490.js";
+import { formatNumber as c } from "./als-react-ts-ui491.js";
+import { useRenderElement as M } from "./als-react-ts-ui220.js";
+import { jsx as N } from "react/jsx-runtime";
+function y(o, t, r) {
+  return r ? c(o, t, r) : c(o / 100, t, {
+    style: "percent"
+  });
+}
+const E = /* @__PURE__ */ m.forwardRef(function(t, r) {
+  const {
+    format: u,
+    getAriaValueText: s,
+    locale: d,
+    max: l = 100,
+    min: n = 0,
+    value: e,
+    render: P,
+    className: w,
+    ...p
+  } = t, [v, f] = m.useState(), a = y(e, d, u);
+  let i = `${e}%`;
+  s ? i = s(a, e) : u && (i = a);
+  const x = {
+    "aria-labelledby": v,
+    "aria-valuemax": l,
+    "aria-valuemin": n,
+    "aria-valuenow": e,
+    "aria-valuetext": i,
+    role: "meter"
+  }, R = m.useMemo(() => ({
+    formattedValue: a,
+    max: l,
+    min: n,
+    setLabelId: f,
+    value: e
+  }), [a, l, n, f, e]), V = M("div", t, {
+    ref: r,
+    props: [x, p]
+  });
+  return /* @__PURE__ */ N(b.Provider, {
+    value: R,
+    children: V
+  });
+});
+process.env.NODE_ENV !== "production" && (E.displayName = "MeterRoot");
 export {
-  t as avatarStateAttributesMapping
+  E as MeterRoot
 };

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

@@ -1,29 +1,25 @@
 import * as a from "react";
-import { useRefWithInit as c } from "./als-react-ts-ui240.js";
-const n = a[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0, -3)], r = (
-  // React 17 doesn't have useInsertionEffect.
-  n && // Preact replaces useInsertionEffect with useLayoutEffect and fires too late.
-  n !== a.useLayoutEffect ? n : (e) => e()
-);
-function f(e) {
-  const t = c(o).current;
-  return t.next = e, r(t.effect), t.trampoline;
-}
-function o() {
-  const e = {
-    next: void 0,
-    callback: l,
-    trampoline: (...t) => e.callback?.(...t),
-    effect: () => {
-      e.callback = e.next;
-    }
-  };
-  return e;
-}
-function l() {
-  if (process.env.NODE_ENV !== "production")
-    throw new Error("Base UI: Cannot call an event handler while rendering.");
-}
+import { useIsoLayoutEffect as i } from "./als-react-ts-ui224.js";
+import { useBaseUiId as f } from "./als-react-ts-ui276.js";
+import { useMeterRootContext as m } from "./als-react-ts-ui490.js";
+import { useRenderElement as d } from "./als-react-ts-ui220.js";
+const p = /* @__PURE__ */ a.forwardRef(function(t, o) {
+  const {
+    render: c,
+    className: l,
+    id: s,
+    ...n
+  } = t, e = f(s), {
+    setLabelId: r
+  } = m();
+  return i(() => (r(e), () => r(void 0)), [e, r]), d("span", t, {
+    ref: o,
+    props: [{
+      id: e
+    }, n]
+  });
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "MeterLabel");
 export {
-  f as useStableCallback
+  p as MeterLabel
 };

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

@@ -1,6 +1,17 @@
 import * as o from "react";
-const t = () => {
-}, e = typeof document < "u" ? o.useLayoutEffect : t;
+import { useRenderElement as a } from "./als-react-ts-ui220.js";
+const s = /* @__PURE__ */ o.forwardRef(function(e, r) {
+  const {
+    render: n,
+    className: f,
+    ...t
+  } = e;
+  return a("div", e, {
+    ref: r,
+    props: t
+  });
+});
+process.env.NODE_ENV !== "production" && (s.displayName = "MeterTrack");
 export {
-  e as useIsoLayoutEffect
+  s as MeterTrack
 };

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

@@ -1,23 +1,25 @@
-import * as d from "react";
-import { useIsoLayoutEffect as f } from "./als-react-ts-ui193.js";
-import { NOOP as m } from "./als-react-ts-ui303.js";
-function p(o, {
-  referrerPolicy: e,
-  crossOrigin: a
-}) {
-  const [i, r] = d.useState("idle");
-  return f(() => {
-    if (!o)
-      return r("error"), m;
-    let n = !0;
-    const t = new window.Image(), u = (s) => () => {
-      n && r(s);
-    };
-    return r("loading"), t.onload = u("loaded"), t.onerror = u("error"), e && (t.referrerPolicy = e), t.crossOrigin = a ?? null, t.src = o, () => {
-      n = !1;
-    };
-  }, [o, a, e]), i;
-}
+import * as i from "react";
+import { valueToPercent as a } from "./als-react-ts-ui492.js";
+import { useMeterRootContext as s } from "./als-react-ts-ui490.js";
+import { useRenderElement as c } from "./als-react-ts-ui220.js";
+const m = /* @__PURE__ */ i.forwardRef(function(t, r) {
+  const {
+    render: p,
+    className: f,
+    ...o
+  } = t, e = s(), n = a(e.value, e.min, e.max);
+  return c("div", t, {
+    ref: r,
+    props: [{
+      style: {
+        insetInlineStart: 0,
+        height: "inherit",
+        width: `${n}%`
+      }
+    }, o]
+  });
+});
+process.env.NODE_ENV !== "production" && (m.displayName = "MeterIndicator");
 export {
-  p as useImageLoadingStatus
+  m as MeterIndicator
 };

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

@@ -1,32 +1,25 @@
-import { useRefWithInit as c } from "./als-react-ts-ui240.js";
-import { useOnMount as u } from "./als-react-ts-ui305.js";
-const t = 0;
-class r {
-  static create() {
-    return new r();
-  }
-  currentId = t;
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  start(s, i) {
-    this.clear(), this.currentId = setTimeout(() => {
-      this.currentId = t, i();
-    }, s);
-  }
-  isStarted() {
-    return this.currentId !== t;
-  }
-  clear = () => {
-    this.currentId !== t && (clearTimeout(this.currentId), this.currentId = t);
-  };
-  disposeEffect = () => this.clear;
-}
-function a() {
-  const e = c(r.create).current;
-  return u(e.disposeEffect), e;
-}
+import * as s from "react";
+import { useMeterRootContext as i } from "./als-react-ts-ui490.js";
+import { useRenderElement as u } from "./als-react-ts-ui220.js";
+const f = /* @__PURE__ */ s.forwardRef(function(e, n) {
+  const {
+    className: c,
+    render: d,
+    children: r,
+    ...a
+  } = e, {
+    value: t,
+    formattedValue: o
+  } = i();
+  return u("span", e, {
+    ref: n,
+    props: [{
+      "aria-hidden": !0,
+      children: typeof r == "function" ? r(o, t) : (o || t) ?? ""
+    }, a]
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "MeterValue");
 export {
-  r as Timeout,
-  a as useTimeout
+  f as MeterValue
 };

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

@@ -1,55 +1,10 @@
-const e = "_Trigger_y8p83_7", t = "_TriggerIcon_y8p83_55", o = "_Positioner_y8p83_65", r = "_Popup_y8p83_71", _ = "_Arrow_y8p83_91", n = "_ArrowFill_y8p83_115", I = "_ArrowOuterStroke_y8p83_119", c = "_ArrowInnerStroke_y8p83_123", m = "_Item_y8p83_128", p = "_ItemIcon_y8p83_200", i = "_ItemLabel_y8p83_215", a = "_ItemShortcut_y8p83_220", g = "_Separator_y8p83_229", s = "_GroupLabel_y8p83_236", u = "_CheckboxItem_y8p83_250", y = "_CheckboxItemIndicator_y8p83_286", b = "_CheckboxItemText_y8p83_295", S = "_RadioItem_y8p83_300", T = "_RadioItemIndicator_y8p83_336", d = "_RadioItemText_y8p83_345", l = "_SubmenuTrigger_y8p83_350", x = "_SubmenuTriggerLabel_y8p83_393", k = "_SubmenuTriggerIcon_y8p83_397", h = {
-  Trigger: e,
-  TriggerIcon: t,
-  Positioner: o,
-  Popup: r,
-  Arrow: _,
-  ArrowFill: n,
-  ArrowOuterStroke: I,
-  ArrowInnerStroke: c,
-  Item: m,
-  "Item--sm": "_Item--sm_y8p83_165",
-  "Item--md": "_Item--md_y8p83_171",
-  "Item--lg": "_Item--lg_y8p83_177",
-  "Item--danger": "_Item--danger_y8p83_184",
-  ItemIcon: p,
-  ItemLabel: i,
-  ItemShortcut: a,
-  Separator: g,
-  GroupLabel: s,
-  CheckboxItem: u,
-  CheckboxItemIndicator: y,
-  CheckboxItemText: b,
-  RadioItem: S,
-  RadioItemIndicator: T,
-  RadioItemText: d,
-  SubmenuTrigger: l,
-  SubmenuTriggerLabel: x,
-  SubmenuTriggerIcon: k
+const a = "_menubar_swhih_5", e = {
+  menubar: a,
+  "menubar--horizontal": "_menubar--horizontal_swhih_15",
+  "menubar--vertical": "_menubar--vertical_swhih_20",
+  "menubar--disabled": "_menubar--disabled_swhih_26"
 };
 export {
-  _ as Arrow,
-  n as ArrowFill,
-  c as ArrowInnerStroke,
-  I as ArrowOuterStroke,
-  u as CheckboxItem,
-  y as CheckboxItemIndicator,
-  b as CheckboxItemText,
-  s as GroupLabel,
-  m as Item,
-  p as ItemIcon,
-  i as ItemLabel,
-  a as ItemShortcut,
-  r as Popup,
-  o as Positioner,
-  S as RadioItem,
-  T as RadioItemIndicator,
-  d as RadioItemText,
-  g as Separator,
-  l as SubmenuTrigger,
-  k as SubmenuTriggerIcon,
-  x as SubmenuTriggerLabel,
-  e as Trigger,
-  t as TriggerIcon,
-  h as default
+  e as default,
+  a as menubar
 };