@als-tp/als-react-ts-ui 0.5.1 → 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-ui266.js";
-import { createGenericEventDetails as S } from "./als-react-ts-ui229.js";
-import { FormContext as V } from "./als-react-ts-ui402.js";
-import { useRenderElement as g } from "./als-react-ts-ui226.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-ui304.js";
-import { none as M } from "./als-react-ts-ui231.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,41 +1,33 @@
-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"
-};
+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 {
+    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 {
-  i as default,
-  t as indicator,
-  _ as label,
-  o as meterFill,
-  a as root,
-  r as track,
-  d as value
+  p as FieldsetLegend
 };

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

@@ -1,50 +1,41 @@
-import * as m from "react";
-import { MeterRootContext as b } from "./als-react-ts-ui483.js";
-import { formatNumber as c } from "./als-react-ts-ui484.js";
-import { useRenderElement as M } from "./als-react-ts-ui226.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");
+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 MeterRoot
+  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,25 +1,50 @@
-import * as a from "react";
-import { useIsoLayoutEffect as i } from "./als-react-ts-ui267.js";
-import { useBaseUiId as f } from "./als-react-ts-ui232.js";
-import { useMeterRootContext as m } from "./als-react-ts-ui483.js";
-import { useRenderElement as d } from "./als-react-ts-ui226.js";
-const p = /* @__PURE__ */ a.forwardRef(function(t, o) {
+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 {
-    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]
+    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" && (p.displayName = "MeterLabel");
+process.env.NODE_ENV !== "production" && (E.displayName = "MeterRoot");
 export {
-  p as MeterLabel
+  E as MeterRoot
 };

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

@@ -1,17 +1,25 @@
-import * as o from "react";
-import { useRenderElement as a } from "./als-react-ts-ui226.js";
-const s = /* @__PURE__ */ o.forwardRef(function(e, r) {
+import * as a from "react";
+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: n,
-    className: f,
-    ...t
-  } = e;
-  return a("div", e, {
-    ref: r,
-    props: t
+    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" && (s.displayName = "MeterTrack");
+process.env.NODE_ENV !== "production" && (p.displayName = "MeterLabel");
 export {
-  s as MeterTrack
+  p as MeterLabel
 };

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

@@ -1,25 +1,17 @@
-import * as i from "react";
-import { valueToPercent as a } from "./als-react-ts-ui485.js";
-import { useMeterRootContext as s } from "./als-react-ts-ui483.js";
-import { useRenderElement as c } from "./als-react-ts-ui226.js";
-const m = /* @__PURE__ */ i.forwardRef(function(t, r) {
+import * as o from "react";
+import { useRenderElement as a } from "./als-react-ts-ui220.js";
+const s = /* @__PURE__ */ o.forwardRef(function(e, r) {
   const {
-    render: p,
+    render: n,
     className: f,
-    ...o
-  } = t, e = s(), n = a(e.value, e.min, e.max);
-  return c("div", t, {
+    ...t
+  } = e;
+  return a("div", e, {
     ref: r,
-    props: [{
-      style: {
-        insetInlineStart: 0,
-        height: "inherit",
-        width: `${n}%`
-      }
-    }, o]
+    props: t
   });
 });
-process.env.NODE_ENV !== "production" && (m.displayName = "MeterIndicator");
+process.env.NODE_ENV !== "production" && (s.displayName = "MeterTrack");
 export {
-  m as MeterIndicator
+  s as MeterTrack
 };

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

@@ -1,25 +1,25 @@
-import * as s from "react";
-import { useMeterRootContext as i } from "./als-react-ts-ui483.js";
-import { useRenderElement as u } from "./als-react-ts-ui226.js";
-const f = /* @__PURE__ */ s.forwardRef(function(e, n) {
+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 {
-    className: c,
-    render: d,
-    children: r,
-    ...a
-  } = e, {
-    value: t,
-    formattedValue: o
-  } = i();
-  return u("span", e, {
-    ref: n,
+    render: p,
+    className: f,
+    ...o
+  } = t, e = s(), n = a(e.value, e.min, e.max);
+  return c("div", t, {
+    ref: r,
     props: [{
-      "aria-hidden": !0,
-      children: typeof r == "function" ? r(o, t) : (o || t) ?? ""
-    }, a]
+      style: {
+        insetInlineStart: 0,
+        height: "inherit",
+        width: `${n}%`
+      }
+    }, o]
   });
 });
-process.env.NODE_ENV !== "production" && (f.displayName = "MeterValue");
+process.env.NODE_ENV !== "production" && (m.displayName = "MeterIndicator");
 export {
-  f as MeterValue
+  m as MeterIndicator
 };

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

@@ -1,55 +1,25 @@
-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
-};
+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 {
-  _ 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
+  f as MeterValue
 };