@hybr1d-tech/charizard 0.3.47 → 0.3.48

package/dist/hybr1d-ui.js

@@ -6285,50 +6285,44 @@ function j0({
     ] })
   ] });
 }
-const mg = "_segmentedControl_alulr_1", fg = "_root_alulr_7", vg = "_radio_alulr_23", hg = "_radioLabel_alulr_39", tt = {
+const mg = "_segmentedControl_8vb2b_1", fg = "_root_8vb2b_6", vg = "_radio_8vb2b_22", hg = "_radioLabel_8vb2b_38", tt = {
   segmentedControl: mg,
   root: fg,
   radio: vg,
   radioLabel: hg
 };
-function W0({
-  items: t,
-  defaultValue: e,
-  handleOnChange: r,
-  customClassName: o,
-  customStyles: n
-}) {
-  var i, c;
-  const [s, l] = Ge(
+function W0({ items: t, defaultValue: e, handleOnChange: r }) {
+  var l, u;
+  const [o, n] = Ge(
     Nt.machine({
       id: y.useId(),
-      value: e ?? ((i = t == null ? void 0 : t[0]) == null ? void 0 : i.value),
-      onValueChange(d) {
-        r && r(d.value);
+      value: e ?? ((l = t == null ? void 0 : t[0]) == null ? void 0 : l.value),
+      onValueChange(i) {
+        r && r(i.value);
       }
     })
-  ), u = Nt.connect(s, l, we);
+  ), s = Nt.connect(o, n, we);
   return y.useEffect(() => {
-    e && e !== u.value && u.setValue(e);
-  }, [e]), /* @__PURE__ */ a.jsxs("div", { className: R(tt.segmentedControl, o), style: n, children: [
-    /* @__PURE__ */ a.jsxs("div", { ...u.rootProps, className: tt.root, children: [
-      /* @__PURE__ */ a.jsx("div", { ...u.indicatorProps, className: tt.indicator }),
-      t.map((d) => /* @__PURE__ */ a.jsxs(
+    e && e !== s.value && s.setValue(e);
+  }, [e]), /* @__PURE__ */ a.jsxs("div", { className: tt.segmentedControl, children: [
+    /* @__PURE__ */ a.jsxs("div", { ...s.rootProps, className: tt.root, children: [
+      /* @__PURE__ */ a.jsx("div", { ...s.indicatorProps, className: tt.indicator }),
+      t.map((i) => /* @__PURE__ */ a.jsxs(
         "label",
         {
-          ...u.getItemProps({ value: d.value }),
+          ...s.getItemProps({ value: i.value }),
           className: tt.radio,
           style: { width: `${(100 / t.length).toFixed(2)}%` },
           children: [
-            /* @__PURE__ */ a.jsx("span", { ...u.getItemTextProps({ value: d.value }), className: tt.radioLabel, children: d.label }),
-            /* @__PURE__ */ a.jsx("input", { ...u.getItemHiddenInputProps({ value: d.value }) }),
-            /* @__PURE__ */ a.jsx("div", { ...u.getItemControlProps({ value: d.value }) })
+            /* @__PURE__ */ a.jsx("span", { ...s.getItemTextProps({ value: i.value }), className: tt.radioLabel, children: i.label }),
+            /* @__PURE__ */ a.jsx("input", { ...s.getItemHiddenInputProps({ value: i.value }) }),
+            /* @__PURE__ */ a.jsx("div", { ...s.getItemControlProps({ value: i.value }) })
           ]
         },
-        d.value
+        i.value
       ))
     ] }),
-    /* @__PURE__ */ a.jsx("div", { className: tt.content, children: (c = t == null ? void 0 : t.find((d) => d.value === u.value)) == null ? void 0 : c.component })
+    /* @__PURE__ */ a.jsx("div", { className: tt.content, children: (u = t == null ? void 0 : t.find((i) => i.value === s.value)) == null ? void 0 : u.component })
   ] });
 }
 const Ig = "_labelContainer_mgtdh_1", Cg = "_heading_mgtdh_5", xg = "_optionsContainer_mgtdh_13", Ag = "_topMargin_mgtdh_19", yg = "_radio_mgtdh_23", _g = "_radioLabel_mgtdh_32", Eg = "_subHeading_mgtdh_45", Ng = "_radioControl_mgtdh_51", Sg = "_radioControlActive_mgtdh_60", Gg = "_errorMsg_mgtdh_79", wg = "_infoIcon_mgtdh_89", Bg = "_infoIconSpan_mgtdh_90", he = {