@streamoid/ui 0.4.9 → 0.5.0

package/dist/index.css

@@ -3986,6 +3986,20 @@
   align-items: center;
   justify-content: space-between;
   width: 100%;
+  position: relative;
+}
+.ScGuide_stepIndicator {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: var(--font-size-font-size-sm, 0.875rem);
+  font-weight: 400;
+  line-height: var(--line-height-line-height-sm, 1.25rem);
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  white-space: nowrap;
 }
 .ScGuide_skipButton {
   background: transparent;

package/dist/index.d.mts

@@ -404,6 +404,9 @@ interface IScGuideProps {
     /** Icon rendered after the Next label. Defaults to a right-chevron.
      *  Use for terminal steps where the action is "Done" + checkmark, etc. */
     nextIcon?: ReactNode;
+    /** Centered step indicator shown between Skip and Next (e.g. "1 of 3").
+     *  Hidden when omitted. */
+    stepLabel?: ReactNode;
     /** Click handler for the Skip action. */
     onSkip?: () => void;
     /** Click handler for the Next action. */
@@ -417,7 +420,7 @@ interface IScGuideProps {
     className?: string;
     style?: CSSProperties;
 }
-declare const ScGuide: ({ title, description, skipLabel, nextLabel, nextIcon, onSkip, onNext, hideSkip, hideNext, disabled, className, style, }: IScGuideProps) => JSX.Element;
+declare const ScGuide: ({ title, description, skipLabel, nextLabel, nextIcon, stepLabel, onSkip, onNext, hideSkip, hideNext, disabled, className, style, }: IScGuideProps) => JSX.Element;
 
 interface IScSideBarLogoUnitProps {
     /** "expanded" renders the merged wordmark + switcher row.

package/dist/index.d.ts

@@ -404,6 +404,9 @@ interface IScGuideProps {
     /** Icon rendered after the Next label. Defaults to a right-chevron.
      *  Use for terminal steps where the action is "Done" + checkmark, etc. */
     nextIcon?: ReactNode;
+    /** Centered step indicator shown between Skip and Next (e.g. "1 of 3").
+     *  Hidden when omitted. */
+    stepLabel?: ReactNode;
     /** Click handler for the Skip action. */
     onSkip?: () => void;
     /** Click handler for the Next action. */
@@ -417,7 +420,7 @@ interface IScGuideProps {
     className?: string;
     style?: CSSProperties;
 }
-declare const ScGuide: ({ title, description, skipLabel, nextLabel, nextIcon, onSkip, onNext, hideSkip, hideNext, disabled, className, style, }: IScGuideProps) => JSX.Element;
+declare const ScGuide: ({ title, description, skipLabel, nextLabel, nextIcon, stepLabel, onSkip, onNext, hideSkip, hideNext, disabled, className, style, }: IScGuideProps) => JSX.Element;
 
 interface IScSideBarLogoUnitProps {
     /** "expanded" renders the merged wordmark + switcher row.

package/dist/index.js

@@ -3641,6 +3641,7 @@ var ScGuide_default = {
   title: "ScGuide_title",
   description: "ScGuide_description",
   actions: "ScGuide_actions",
+  stepIndicator: "ScGuide_stepIndicator",
   skipButton: "ScGuide_skipButton",
   skipSpacer: "ScGuide_skipSpacer",
   nextButton: "ScGuide_nextButton",
@@ -3657,6 +3658,7 @@ var ScGuide = ({
   skipLabel = "Skip",
   nextLabel = "Next",
   nextIcon,
+  stepLabel,
   onSkip,
   onNext,
   hideSkip = false,
@@ -3687,6 +3689,7 @@ var ScGuide = ({
               children: skipLabel
             }
           ),
+          stepLabel != null && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: ScGuide_default.stepIndicator, children: stepLabel }),
           !hideNext && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
             "button",
             {

package/dist/index.mjs

@@ -3534,6 +3534,7 @@ var ScGuide_default = {
   title: "ScGuide_title",
   description: "ScGuide_description",
   actions: "ScGuide_actions",
+  stepIndicator: "ScGuide_stepIndicator",
   skipButton: "ScGuide_skipButton",
   skipSpacer: "ScGuide_skipSpacer",
   nextButton: "ScGuide_nextButton",
@@ -3550,6 +3551,7 @@ var ScGuide = ({
   skipLabel = "Skip",
   nextLabel = "Next",
   nextIcon,
+  stepLabel,
   onSkip,
   onNext,
   hideSkip = false,
@@ -3580,6 +3582,7 @@ var ScGuide = ({
               children: skipLabel
             }
           ),
+          stepLabel != null && /* @__PURE__ */ jsx42("span", { className: ScGuide_default.stepIndicator, children: stepLabel }),
           !hideNext && /* @__PURE__ */ jsxs34(
             "button",
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/ui",
-  "version": "0.4.9",
+  "version": "0.5.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",