@wface/pixel-ui 0.3.7 → 0.3.9

package/dist/index.mjs

@@ -237,11 +237,8 @@ function N9() {
   return A;
 }
 const fo = (A) => {
-  const { config: g, children: C } = A;
-  return /* @__PURE__ */ l(qr, { children: /* @__PURE__ */ N(uo, { children: [
-    /* @__PURE__ */ l(Xr, { configuration: g }),
-    C
-  ] }) });
+  const { config: g } = A;
+  return /* @__PURE__ */ l(qr, { children: /* @__PURE__ */ l(uo, { children: /* @__PURE__ */ l(Xr, { configuration: g }) }) });
 };
 fo.displayName = "Pixel";
 const po = "_alert_1scdn_1", ho = "_wrapper_1scdn_5", vo = "_icon_1scdn_11", bo = "_content_1scdn_18", mo = "_success_1scdn_23", wo = "_bold_1scdn_29", Do = "_warning_1scdn_35", yo = "_info_1scdn_47", So = "_danger_1scdn_59", Jg = {
@@ -4747,7 +4744,7 @@ function zl(A, g) {
 }
 const ft = FC(zl);
 ft.displayName = "PiSelect";
-const Wl = "_stepper_1eief_1", jl = "_wrapper_1eief_1", ql = "_item_1eief_8", Zl = "_label_1eief_11", _l = "_progress_1eief_14", $l = "_completed_1eief_34", Au = "_active_1eief_37", gu = "_content_1eief_41", cg = {
+const Wl = "_stepper_r5rns_1", jl = "_wrapper_r5rns_1", ql = "_item_r5rns_6", Zl = "_label_r5rns_9", _l = "_progress_r5rns_12", $l = "_completed_r5rns_32", Au = "_active_r5rns_35", gu = "_content_r5rns_39", cg = {
   stepper: Wl,
   wrapper: jl,
   item: ql,
@@ -4757,31 +4754,48 @@ const Wl = "_stepper_1eief_1", jl = "_wrapper_1eief_1", ql = "_item_1eief_8", Zl
   active: Au,
   content: gu
 }, Cu = (A) => {
-  const { index: g, data: C, active: I, completed: B, disabled: E } = A;
-  return /* @__PURE__ */ N("div", { className: dA(
-    cg.item,
-    I ? cg.active : "",
-    B ? cg.completed : "",
-    E ? cg.disabled : ""
-  ), children: [
-    /* @__PURE__ */ N("div", { className: cg.label, children: [
-      /* @__PURE__ */ l(Ig, { size: "sm", weight: "light", children: `Step ${g + 1}` }),
-      /* @__PURE__ */ l(Ig, { size: "md", weight: "regular", children: C.label })
-    ] }),
-    /* @__PURE__ */ l("span", { className: cg.progress })
-  ] });
+  const { index: g, data: C, active: I, completed: B, disabled: E, stepPrefix: Q } = A;
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: dA(
+        cg.item,
+        I ? cg.active : "",
+        B ? cg.completed : "",
+        E ? cg.disabled : ""
+      ),
+      children: [
+        /* @__PURE__ */ N("div", { className: cg.label, children: [
+          /* @__PURE__ */ l(Ig, { size: "sm", weight: "light", children: `${Q} ${g + 1}` }),
+          /* @__PURE__ */ l(Ig, { size: "md", weight: "regular", children: C.label })
+        ] }),
+        /* @__PURE__ */ l("span", { className: cg.progress })
+      ]
+    }
+  );
 }, Iu = (A) => {
-  const { steps: g, step: C, setStep: I, className: B } = A, E = () => {
+  const { steps: g, step: C, setStep: I, className: B, stepPrefix: E = "Adım" } = A, Q = () => {
     C !== g.length - 1 && I(C + 1);
-  }, Q = () => {
+  }, e = () => {
     C !== 0 && I(C - 1);
-  }, e = g[C];
+  }, t = g[C];
   return /* @__PURE__ */ N("div", { className: dA(cg.stepper, B), children: [
-    /* @__PURE__ */ l("div", { className: cg.wrapper, children: g.map((t, n) => {
-      const o = n === C, r = n < C, i = !!t.disabled;
-      return /* @__PURE__ */ l(Cu, { index: n, data: t, active: o, completed: r, disabled: i }, n);
+    /* @__PURE__ */ l("div", { className: cg.wrapper, children: g.map((n, o) => {
+      const r = o === C, i = o < C, a = !!n.disabled;
+      return /* @__PURE__ */ l(
+        Cu,
+        {
+          index: o,
+          data: n,
+          active: r,
+          completed: i,
+          disabled: a,
+          stepPrefix: E
+        },
+        o
+      );
     }) }),
-    /* @__PURE__ */ l("div", { className: cg.content, children: e && e.Component ? e?.Component({ previous: Q, next: E, step: C }) : null })
+    t && t.Component ? /* @__PURE__ */ l("div", { className: cg.content, children: t?.Component({ previous: e, next: Q, step: C }) }) : null
   ] });
 };
 Iu.displayName = "PiStepper";