konsolpro-custom-ui 0.0.408 → 0.0.409

package/dist/lib/index.js

@@ -9152,7 +9152,12 @@ const us = v.forwardRef(
   }
 );
 us.displayName = "SingleSegment";
-function Zl({ steps: e, currentStep: t, className: r }) {
+function Zl({
+  steps: e,
+  currentStep: t,
+  className: r,
+  showCurrentStepTitleOnMobile: a = !1
+}) {
   return /* @__PURE__ */ n("div", { className: p("relative flex w-full", r), children: /* @__PURE__ */ n(
     "div",
     {
@@ -9161,8 +9166,8 @@ function Zl({ steps: e, currentStep: t, className: r }) {
       "aria-valuemin": 1,
       "aria-valuemax": e.length,
       "aria-valuenow": t,
-      children: e.map((a, o) => {
-        const i = o < t, s = o === t, l = o === e.length - 1;
+      children: e.map((o, i) => {
+        const s = i < t, l = i === t, c = i === e.length - 1;
         return /* @__PURE__ */ C(he, { children: [
           /* @__PURE__ */ C(
             "div",
@@ -9174,47 +9179,56 @@ function Zl({ steps: e, currentStep: t, className: r }) {
                   {
                     className: p(
                       "flex items-center justify-center",
-                      i && "text-white",
-                      s && !i && "text-white"
+                      s && "text-white",
+                      l && !s && "text-white"
                     ),
-                    "aria-current": s ? "step" : void 0,
+                    "aria-current": l ? "step" : void 0,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: p(
                           "font-cofo flex items-center justify-center rounded-full",
-                          i && "bg-positive",
-                          s && !i && "bg-primary",
-                          !i && !s && "bg-muted",
+                          s && "bg-positive",
+                          l && !s && "bg-primary",
+                          !s && !l && "bg-muted",
                           "h-6 w-6 md:h-7 md:w-7"
                         ),
-                        children: i ? /* @__PURE__ */ n(U, { icon: "DoneIcon" }) : /* @__PURE__ */ n(
+                        children: s ? /* @__PURE__ */ n(U, { icon: "DoneIcon" }) : /* @__PURE__ */ n(
                           _,
                           {
                             variant: "p1",
                             className: "font-cofo",
-                            textColor: s ? "white" : "muted",
-                            children: o + 1
+                            textColor: l ? "white" : "muted",
+                            children: i + 1
                           }
                         )
                       }
                     )
                   }
                 ),
-                s && /* @__PURE__ */ n("div", { className: "font-graphik ml-2.5 hidden md:block max-w-48 whitespace-nowrap", children: /* @__PURE__ */ n(
-                  _,
+                l && /* @__PURE__ */ n(
+                  "div",
                   {
-                    variant: "p1",
-                    weight: "medium",
-                    className: "overflow-hidden text-ellipsis",
-                    children: a.title
+                    className: p(
+                      "font-graphik ml-2.5 max-w-48 whitespace-nowrap",
+                      a ? "block" : "hidden md:block"
+                    ),
+                    children: /* @__PURE__ */ n(
+                      _,
+                      {
+                        variant: "p1",
+                        weight: "medium",
+                        className: "overflow-hidden text-ellipsis",
+                        children: o.title
+                      }
+                    )
                   }
-                ) })
+                )
               ]
             },
-            a.title
+            o.title
           ),
-          !l && /* @__PURE__ */ n("div", { className: "flex items-center flex-1 min-w-1.5 md:min-w-8", children: /* @__PURE__ */ n("div", { className: p("mx-2 h-0.25 w-full", "bg-border") }) })
+          !c && /* @__PURE__ */ n("div", { className: "flex items-center flex-1 min-w-1.5 md:min-w-8", children: /* @__PURE__ */ n("div", { className: p("mx-2 h-0.25 w-full", "bg-border") }) })
         ] });
       })
     }

package/dist/types/components/ui/stepper.d.ts

@@ -5,7 +5,8 @@ interface StepperProps {
     steps: Step[];
     currentStep: number;
     className?: string;
+    showCurrentStepTitleOnMobile?: boolean;
 }
-declare function Stepper({ steps, currentStep, className }: StepperProps): import("react/jsx-runtime").JSX.Element;
+declare function Stepper({ steps, currentStep, className, showCurrentStepTitleOnMobile, }: StepperProps): import("react/jsx-runtime").JSX.Element;
 export { Stepper };
 export type { Step, StepperProps };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "konsolpro-custom-ui",
   "type": "module",
-  "version": "0.0.408",
+  "version": "0.0.409",
   "packageManager": "yarn@3.4.1",
   "license": "MIT",
   "sideEffects": [