@forgedevstack/bear 1.2.1 → 1.2.2

package/dist/components/MediaPlayer/MediaPlayer.js

@@ -0,0 +1,279 @@
+import { jsx as e, jsxs as s, Fragment as De } from "react/jsx-runtime";
+import { useRef as $, useState as p, useMemo as G, useEffect as U, useCallback as x } from "react";
+import { cn as h } from "../../utils/cn.js";
+import { BearIcons as i } from "../Icon/index.js";
+import { SIZE_MAP as Oe, CENTER_ICON_SIZE as me, PROGRESS_HEIGHT as he, DEFAULT_ACCENT as Ye } from "./MediaPlayer.const.js";
+import { formatTime as C } from "./MediaPlayer.utils.js";
+import { useBearStyles as $e } from "../../hooks/useBearStyles.js";
+const Ge = 320, fe = 16, Xe = ({
+  src: W,
+  type: R = "video",
+  poster: L,
+  autoPlay: j = !1,
+  loop: A = !1,
+  muted: Z = !1,
+  nativeControls: w = !1,
+  width: F,
+  height: q,
+  size: ge = "md",
+  accentColor: u = Ye,
+  playIcon: H,
+  pauseIcon: K,
+  muteIcon: pe,
+  unmuteIcon: xe,
+  fullscreenIcon: ye,
+  centerOverlay: ve = !1,
+  sticky: D = !1,
+  stickyPosition: V = "right",
+  stickySize: X = Ge,
+  airPlay: be = !1,
+  playlist: _,
+  onTrackChange: M,
+  bis: ke,
+  testId: Ne,
+  className: we,
+  style: Ie,
+  ..._e
+}) => {
+  const f = $(null), J = $(null), Q = $(null), [N, O] = p(j), [I, ee] = p(0), [v, te] = p(0), [P, Me] = p(Z), [g, ne] = p(A), [S, Pe] = p(!1), [re, Se] = p(0), [Ee, E] = p(!j), [l, ze] = p(0), Y = $e(ke, Ie), m = G(() => _ && _.length > 0 ? _ : [{ src: W, poster: L, type: R, title: void 0, artist: void 0 }], [_, W, L, R]), a = m[l], Te = a.src, z = a.poster ?? L, c = a.type ?? R, d = m.length > 1, o = Oe[ge];
+  U(() => {
+    ne(A);
+  }, [A]), U(() => {
+    const t = f.current;
+    if (!t) return;
+    const n = () => ee(t.currentTime), r = () => te(t.duration), k = () => {
+      d && l < m.length - 1 ? b(l + 1) : g ? d && b(0) : (O(!1), E(!0));
+    };
+    return t.addEventListener("timeupdate", n), t.addEventListener("loadedmetadata", r), t.addEventListener("ended", k), () => {
+      t.removeEventListener("timeupdate", n), t.removeEventListener("loadedmetadata", r), t.removeEventListener("ended", k);
+    };
+  }, [g, d, l, m.length]), U(() => {
+    if (!D || c !== "video") return;
+    const t = Q.current;
+    if (!t) return;
+    const n = () => {
+      const k = t.getBoundingClientRect().bottom < 0;
+      Pe(k), k && Se(fe);
+    };
+    return window.addEventListener("scroll", n, { passive: !0 }), n(), () => window.removeEventListener("scroll", n);
+  }, [D, c]);
+  const b = x((t) => {
+    const n = Math.max(0, Math.min(m.length - 1, t));
+    ze(n), ee(0), te(0), E(!1), M == null || M(n, m[n]), setTimeout(() => {
+      const r = f.current;
+      r && (r.load(), r.play().catch(() => {
+      }), O(!0));
+    }, 50);
+  }, [m, M]), T = x(() => {
+    const t = f.current;
+    t && (N ? (t.pause(), E(!0)) : (t.play().catch(() => {
+    }), E(!1)), O(!N));
+  }, [N]), se = x((t) => {
+    const n = f.current;
+    if (!n || !v) return;
+    const r = t.currentTarget.getBoundingClientRect(), k = Math.max(0, Math.min(1, (t.clientX - r.left) / r.width));
+    n.currentTime = k * v;
+  }, [v]), ie = x(() => {
+    const t = f.current;
+    t && (t.muted = !P, Me(!P));
+  }, [P]), oe = x(() => {
+    const t = !g;
+    ne(t);
+    const n = f.current;
+    n && (n.loop = t);
+  }, [g]), Be = x(() => {
+    var n;
+    const t = J.current;
+    t && (document.fullscreenElement ? document.exitFullscreen() : (n = t.requestFullscreen) == null || n.call(t));
+  }, []), Ce = x(() => {
+    const t = f.current;
+    t != null && t.webkitShowPlaybackTargetPicker && t.webkitShowPlaybackTargetPicker();
+  }, []), ae = x(() => {
+    if (I > 3) {
+      const t = f.current;
+      t && (t.currentTime = 0);
+    } else l > 0 && b(l - 1);
+  }, [I, l, b]), le = x(() => {
+    l < m.length - 1 && b(l + 1);
+  }, [l, m.length, b]), ce = v ? I / v * 100 : 0, y = o.iconSm, B = o.iconMd, de = N ? K ?? /* @__PURE__ */ e(i.PauseIcon, { size: B }) : H ?? /* @__PURE__ */ e(i.PlayIcon, { size: B }), ue = P ? pe ?? /* @__PURE__ */ e(i.VolumeOffIcon, { size: y }) : xe ?? /* @__PURE__ */ e(i.VolumeUpIcon, { size: y }), Re = ye ?? /* @__PURE__ */ e(i.MaximizeIcon, { size: y }), Le = c === "video" ? "video" : "audio", je = G(() => S && c === "video" ? {
+    ...Y,
+    position: "fixed",
+    top: re,
+    [V === "left" ? "left" : "right"]: fe,
+    width: X,
+    zIndex: 50,
+    boxShadow: "0 8px 32px rgba(0,0,0,0.45)",
+    borderRadius: 12,
+    transition: "top 0.15s ease-out"
+  } : {
+    ...Y,
+    width: F ?? "100%",
+    height: q,
+    maxWidth: F ? void 0 : o.maxWidth
+  }, [S, c, Y, F, q, o.maxWidth, re, V, X]), Ae = G(() => {
+    if (!S)
+      return { aspectRatio: o.aspectRatio };
+  }, [S, o.aspectRatio]), Fe = `${u}20`;
+  return /* @__PURE__ */ s(De, { children: [
+    D && /* @__PURE__ */ e("div", { ref: Q, style: { height: 1 } }),
+    /* @__PURE__ */ s(
+      "div",
+      {
+        ref: J,
+        className: h("Bear-MediaPlayer relative rounded-xl overflow-hidden bg-black", we),
+        style: je,
+        "data-testid": Ne,
+        ..._e,
+        children: [
+          /* @__PURE__ */ e(
+            Le,
+            {
+              ref: f,
+              src: Te,
+              poster: z,
+              autoPlay: j,
+              loop: g && !d,
+              muted: Z,
+              controls: w,
+              playsInline: !0,
+              className: h(c === "video" ? "Bear-MediaPlayer__video w-full object-cover" : "hidden"),
+              style: c === "video" ? Ae : void 0,
+              onClick: c === "video" ? T : void 0
+            }
+          ),
+          ve && c === "video" && Ee && !w && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: T,
+              className: "Bear-MediaPlayer__overlay absolute inset-0 flex items-center justify-center bg-black/30 transition-opacity",
+              children: /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-white/90 flex items-center justify-center shadow-lg", children: N ? K ?? /* @__PURE__ */ e(i.PauseIcon, { size: me, className: "text-gray-900" }) : H ?? /* @__PURE__ */ e(i.PlayIcon, { size: me, className: "text-gray-900" }) })
+            }
+          ),
+          !w && c === "video" && /* @__PURE__ */ s("div", { className: h("Bear-MediaPlayer__controls absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent pt-8", o.padding), children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "Bear-MediaPlayer__progress w-full cursor-pointer mb-2 group",
+                style: { height: he },
+                onClick: se,
+                children: /* @__PURE__ */ e("div", { className: "w-full h-full bg-white/30 rounded-full relative overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full rounded-full transition-all", style: { width: `${ce}%`, backgroundColor: u } }) })
+              }
+            ),
+            /* @__PURE__ */ s("div", { className: h("Bear-MediaPlayer__bar flex items-center", o.gap), children: [
+              d && /* @__PURE__ */ e("button", { type: "button", onClick: ae, className: "text-white hover:text-pink-400 transition-colors", children: /* @__PURE__ */ e(i.SkipBackIcon, { size: y }) }),
+              /* @__PURE__ */ e("button", { type: "button", onClick: T, className: "text-white hover:text-pink-400 transition-colors", children: de }),
+              d && /* @__PURE__ */ e("button", { type: "button", onClick: le, className: "text-white hover:text-pink-400 transition-colors", children: /* @__PURE__ */ e(i.SkipForwardIcon, { size: y }) }),
+              /* @__PURE__ */ e("button", { type: "button", onClick: ie, className: "text-white hover:text-pink-400 transition-colors", children: ue }),
+              /* @__PURE__ */ s("span", { className: h("Bear-MediaPlayer__time text-white font-mono", o.text), children: [
+                C(I),
+                " / ",
+                C(v)
+              ] }),
+              /* @__PURE__ */ e("div", { className: "flex-1" }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: oe,
+                  className: "transition-colors",
+                  style: { color: g ? u : void 0 },
+                  title: "Loop",
+                  children: /* @__PURE__ */ e(i.RepeatIcon, { size: y, className: g ? void 0 : "text-white/60 hover:text-white" })
+                }
+              ),
+              be && /* @__PURE__ */ e("button", { type: "button", onClick: Ce, className: "text-white hover:text-pink-400 transition-colors", title: "AirPlay", children: /* @__PURE__ */ e(i.CastIcon, { size: y }) }),
+              /* @__PURE__ */ e("button", { type: "button", onClick: Be, className: "text-white hover:text-pink-400 transition-colors", children: Re })
+            ] }),
+            d && a.title && /* @__PURE__ */ s("div", { className: "mt-1 flex items-center gap-2 truncate", children: [
+              /* @__PURE__ */ e("span", { className: "text-white text-xs font-medium truncate", children: a.title }),
+              a.artist && /* @__PURE__ */ s("span", { className: "text-white/50 text-xs truncate", children: [
+                "— ",
+                a.artist
+              ] })
+            ] })
+          ] }),
+          c === "audio" && !w && /* @__PURE__ */ s("div", { className: h("Bear-MediaPlayer__audio bg-gray-100 dark:bg-zinc-800 rounded-xl", o.padding), children: [
+            d && (z || a.title) && /* @__PURE__ */ s("div", { className: "flex items-center gap-3 mb-3", children: [
+              z && /* @__PURE__ */ e("img", { src: z, alt: "", className: "w-12 h-12 rounded-lg object-cover shrink-0" }),
+              /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
+                a.title && /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-gray-900 dark:text-white truncate", children: a.title }),
+                a.artist && /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: a.artist })
+              ] })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "Bear-MediaPlayer__progress w-full cursor-pointer mb-1", style: { height: he }, onClick: se, children: /* @__PURE__ */ e("div", { className: "w-full h-full bg-gray-300 dark:bg-zinc-600 rounded-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full rounded-full", style: { width: `${ce}%`, backgroundColor: u } }) }) }),
+            /* @__PURE__ */ s("div", { className: "flex justify-between mb-2", children: [
+              /* @__PURE__ */ e("span", { className: h("text-gray-500 font-mono", o.text), children: C(I) }),
+              /* @__PURE__ */ e("span", { className: h("text-gray-500 font-mono", o.text), children: C(v) })
+            ] }),
+            /* @__PURE__ */ s("div", { className: h("flex items-center justify-center", o.gap), children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: oe,
+                  className: "transition-colors",
+                  style: { color: g ? u : void 0 },
+                  title: "Loop",
+                  children: /* @__PURE__ */ e(i.RepeatIcon, { size: y, className: g ? void 0 : "text-gray-400 hover:text-gray-600 dark:hover:text-gray-300" })
+                }
+              ),
+              d && /* @__PURE__ */ e("button", { type: "button", onClick: ae, className: "text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors", children: /* @__PURE__ */ e(i.SkipBackIcon, { size: B }) }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: T,
+                  className: "Bear-MediaPlayer__play w-10 h-10 rounded-full flex items-center justify-center text-white transition-colors",
+                  style: { backgroundColor: u },
+                  children: de
+                }
+              ),
+              d && /* @__PURE__ */ e("button", { type: "button", onClick: le, className: "text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors", children: /* @__PURE__ */ e(i.SkipForwardIcon, { size: B }) }),
+              /* @__PURE__ */ e("button", { type: "button", onClick: ie, className: "text-gray-500 hover:text-gray-700 dark:hover:text-gray-300", children: ue })
+            ] })
+          ] }),
+          d && !w && /* @__PURE__ */ e("div", { className: "Bear-MediaPlayer__playlist bg-gray-50 dark:bg-zinc-900 border-t border-gray-200 dark:border-zinc-700 max-h-48 overflow-y-auto", children: m.map((t, n) => {
+            const r = n === l;
+            return /* @__PURE__ */ s(
+              "button",
+              {
+                type: "button",
+                onClick: () => b(n),
+                className: h(
+                  "w-full flex items-center gap-3 px-3 py-2 text-left transition-colors",
+                  !r && "hover:bg-gray-100 dark:hover:bg-zinc-800"
+                ),
+                style: r ? { backgroundColor: Fe } : void 0,
+                children: [
+                  t.poster && /* @__PURE__ */ e("img", { src: t.poster, alt: "", className: "w-8 h-8 rounded object-cover shrink-0" }),
+                  /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ e(
+                      "p",
+                      {
+                        className: "text-xs font-medium truncate",
+                        style: r ? { color: u } : void 0,
+                        children: t.title ?? `Track ${n + 1}`
+                      }
+                    ),
+                    t.artist && /* @__PURE__ */ e("p", { className: "text-[10px] text-gray-400 truncate", children: t.artist })
+                  ] }),
+                  r && N && /* @__PURE__ */ s("div", { className: "flex items-end gap-0.5 h-3", children: [
+                    /* @__PURE__ */ e("span", { className: "w-0.5 rounded-full animate-pulse", style: { height: "60%", backgroundColor: u } }),
+                    /* @__PURE__ */ e("span", { className: "w-0.5 rounded-full animate-pulse", style: { height: "100%", backgroundColor: u, animationDelay: "0.2s" } }),
+                    /* @__PURE__ */ e("span", { className: "w-0.5 rounded-full animate-pulse", style: { height: "40%", backgroundColor: u, animationDelay: "0.4s" } })
+                  ] }),
+                  /* @__PURE__ */ e("span", { className: "text-[10px] text-gray-400 tabular-nums shrink-0", children: n + 1 })
+                ]
+              },
+              n
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Xe as MediaPlayer
+};

package/dist/components/MediaPlayer/MediaPlayer.types.d.ts

@@ -0,0 +1,69 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BisProp } from '../../types/bis.types';
+export type MediaType = 'video' | 'audio';
+export type MediaPlayerSize = 'sm' | 'md' | 'lg';
+export type StickyPosition = 'left' | 'right';
+export interface PlaylistItem {
+    /** Media source URL */
+    src: string;
+    /** Track title */
+    title?: string;
+    /** Artist or subtitle */
+    artist?: string;
+    /** Poster / cover art */
+    poster?: string;
+    /** Media type override */
+    type?: MediaType;
+}
+export interface MediaPlayerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Media source URL */
+    src: string;
+    /** Media type */
+    type?: MediaType;
+    /** Poster image (video only) */
+    poster?: string;
+    /** Auto-play on mount */
+    autoPlay?: boolean;
+    /** Loop playback */
+    loop?: boolean;
+    /** Mute audio */
+    muted?: boolean;
+    /** Show native controls fallback */
+    nativeControls?: boolean;
+    /** Video width */
+    width?: number | string;
+    /** Video height */
+    height?: number | string;
+    /** Player size preset — controls aspect ratio and UI density */
+    size?: MediaPlayerSize;
+    /** Accent color for controls */
+    accentColor?: string;
+    /** Custom play icon */
+    playIcon?: ReactNode;
+    /** Custom pause icon */
+    pauseIcon?: ReactNode;
+    /** Custom mute icon */
+    muteIcon?: ReactNode;
+    /** Custom unmute icon */
+    unmuteIcon?: ReactNode;
+    /** Custom fullscreen icon */
+    fullscreenIcon?: ReactNode;
+    /** Show a large centered play/pause overlay on the video */
+    centerOverlay?: boolean;
+    /** Follow the scroll — player scrolls alongside the page at the given side */
+    sticky?: boolean;
+    /** Which side the sticky player appears on */
+    stickyPosition?: StickyPosition;
+    /** Sticky player width in px */
+    stickySize?: number;
+    /** Show AirPlay button (when browser supports it) */
+    airPlay?: boolean;
+    /** Playlist items — enables gallery mode */
+    playlist?: PlaylistItem[];
+    /** Called when active track changes */
+    onTrackChange?: (index: number, item: PlaylistItem) => void;
+    /** Bear Inner Style overrides */
+    bis?: BisProp;
+    /** Test ID */
+    testId?: string;
+}

package/dist/components/MediaPlayer/MediaPlayer.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=60,n=2;function a(t){const r=Math.floor(t/o),e=Math.floor(t%o);return`${r}:${e.toString().padStart(n,"0")}`}exports.formatTime=a;

package/dist/components/MediaPlayer/MediaPlayer.utils.d.ts

@@ -0,0 +1 @@
+export declare function formatTime(s: number): string;

package/dist/components/MediaPlayer/MediaPlayer.utils.js

@@ -0,0 +1,7 @@
+function n(t) {
+  const o = Math.floor(t / 60), E = Math.floor(t % 60);
+  return `${o}:${E.toString().padStart(2, "0")}`;
+}
+export {
+  n as formatTime
+};

package/dist/components/MediaPlayer/index.d.ts

@@ -0,0 +1,2 @@
+export { MediaPlayer } from './MediaPlayer';
+export type { MediaPlayerProps, MediaType, MediaPlayerSize, PlaylistItem, StickyPosition } from './MediaPlayer.types';

package/dist/components/Stepper/Stepper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),m=require("react"),J=require("../../context/BearProvider.cjs"),K=require("../../utils/maxVisible.utils.cjs"),o=require("../../utils/cn.cjs"),s=require("./Stepper.const.cjs"),I=require("../Button/Button.cjs"),Q=require("../Dropdown/Dropdown.cjs"),X=require("../Icon/index.cjs"),Y=()=>r.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:r.jsx("polyline",{points:"20 6 9 17 4 12"})}),ee=()=>r.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:[r.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),r.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),Z=m.forwardRef(({steps:i,activeStep:d,onStepClick:S,orientation:C="horizontal",size:f="md",showNumbers:p=!0,clickable:x=!1,showConnectors:A=!0,connectorStyle:j="solid",alternativeLabel:u=!1,completedIcon:v,errorIcon:P,maxVisibleSteps:E,testId:g,className:U,...V},F)=>{const O=J.useBearThemeOptional(),[w,$]=m.useState(()=>typeof window<"u"?window.innerWidth:1200);m.useEffect(()=>{const e=()=>$(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const _=m.useMemo(()=>E==null?void 0:K.resolveMaxVisible(E,{width:w,theme:O}),[E,w,O]),B=(e,n)=>n.status?n.status:e<d?"completed":e===d?"active":"pending",h=C==="horizontal",L=s.STEP_INDICATOR_SIZES[f],N=s.STEP_LABEL_SIZES[f],T=h&&_!=null&&i.length>_,{visibleIndices:y,leftHidden:H,rightHidden:W}=m.useMemo(()=>{if(!T||_==null)return{visibleIndices:i.map((a,b)=>b),leftHidden:[],rightHidden:[]};const e=_,n=Math.max(0,Math.min(d-Math.floor(e/2),i.length-e)),t=Array.from({length:e},(a,b)=>n+b),l=[],c=[];for(let a=0;a<n;a++)l.push(a);for(let a=n+e;a<i.length;a++)c.push(a);return{visibleIndices:t,leftHidden:l,rightHidden:c}},[T,_,i.length,d]),z=T?s.STEP_WRAPPER_HORIZONTAL_WINDOW:s.STEP_WRAPPER_HORIZONTAL,q=(e,n,t)=>{const l=s.STEP_STATUS_CLASSES[t];let c=null;return e.icon?c=e.icon:t==="completed"?c=v||r.jsx(Y,{}):t==="error"?c=P||r.jsx(ee,{}):p&&(c=n+1),r.jsx("div",{className:o.cn(s.STEP_INDICATOR_BASE,L,l.indicator,x&&!e.disabled&&"cursor-pointer hover:scale-105"),onClick:()=>{x&&!e.disabled&&S&&S(n)},children:c})},R=e=>{if(!A||e===i.length-1)return null;const n=e<d;return r.jsx("div",{className:o.cn(s.CONNECTOR_BASE,h?s.CONNECTOR_HORIZONTAL:s.CONNECTOR_VERTICAL,n?s.CONNECTOR_STATUS.completed:s.CONNECTOR_STATUS.pending,j==="dashed"&&"border-t-2 border-dashed bg-transparent")})},M=(e,n)=>{const t=B(n,e),l=s.STEP_STATUS_CLASSES[t];return r.jsxs("div",{className:o.cn("flex",u?"flex-col items-center":"items-center gap-3"),children:[q(e,n,t),r.jsxs("div",{className:o.cn(u&&"text-center mt-2"),children:[r.jsx("div",{className:o.cn(s.STEP_LABEL_BASE,N.label,l.label),children:e.label}),e.description&&r.jsx("div",{className:o.cn(s.STEP_DESCRIPTION_CLASSES,N.description),children:e.description})]})]})},G=(e,n)=>{const t=B(n,e),l=s.STEP_STATUS_CLASSES[t];return r.jsxs(r.Fragment,{children:[r.jsx("div",{className:"flex-shrink-0 mr-4",children:q(e,n,t)}),r.jsxs("div",{className:"flex-1 pt-0.5",children:[r.jsx("div",{className:o.cn(s.STEP_LABEL_BASE,N.label,l.label),children:e.label}),e.description&&r.jsx("div",{className:o.cn(s.STEP_DESCRIPTION_CLASSES,N.description),children:e.description}),e.content&&t==="active"&&r.jsx("div",{className:"mt-4",children:e.content})]})]})},D=(e,n)=>r.jsx("div",{className:o.cn("Bear-Stepper__step","Bear-Stepper__overflow",z),children:r.jsxs("div",{className:o.cn("flex",u?"flex-col items-center":"items-center gap-3"),children:[r.jsx(Q.Dropdown,{placement:"bottom-start",closeOnSelect:!0,trigger:r.jsx("button",{type:"button",className:o.cn(s.STEP_INDICATOR_BASE,L,s.STEP_STATUS_CLASSES.pending.indicator,"bear-cursor-pointer bear-border-0"),"aria-label":n==="left"?"Previous steps":"More steps",children:r.jsx(X.BearIcons.MoreHorizIcon,{size:16})}),items:e.map(t=>({key:`step-${t}`,label:i[t].label,disabled:i[t].disabled,onClick:()=>{i[t].disabled||S==null||S(t)}}))}),u&&r.jsx("div",{className:"text-center mt-2 bear-text-xs bear-text-gray-400",children:" "})]})},`overflow-${n}`);return r.jsxs("div",{ref:F,className:o.cn(s.STEPPER_BASE_CLASSES,h?s.STEPPER_HORIZONTAL_CLASSES:s.STEPPER_VERTICAL_CLASSES,U),"data-testid":g,...V,children:[h&&!T&&i.map((e,n)=>r.jsxs("div",{className:o.cn("Bear-Stepper__step",s.STEP_WRAPPER_HORIZONTAL),children:[M(e,n),R(n)]},n)),h&&T&&r.jsxs(r.Fragment,{children:[H.length>0&&D(H,"left"),y.map((e,n)=>{const t=i[e],l=y[n+1],c=l!=null&&l===e+1;return r.jsxs("div",{className:o.cn("Bear-Stepper__step",z),children:[M(t,e),c&&R(e)]},e)}),W.length>0&&D(W,"right")]}),!h&&i.map((e,n)=>r.jsxs("div",{className:o.cn("Bear-Stepper__step",s.STEP_WRAPPER_VERTICAL),children:[G(e,n),R(n)]},n))]})});Z.displayName="Stepper";const k=m.forwardRef(({activeStep:i,totalSteps:d,onPrev:S,onNext:C,onComplete:f,disablePrev:p=!1,disableNext:x=!1,prevLabel:A="Previous",nextLabel:j="Next",completeLabel:u="Complete",showIndicator:v=!0},P)=>{const E=i===0,g=i===d-1;return r.jsxs("div",{ref:P,className:"Bear-StepperControls flex items-center justify-between mt-6",children:[r.jsx(I.Button,{variant:"outline",onClick:S,disabled:E||p,children:A}),v&&r.jsxs("span",{className:"text-sm text-gray-500 dark:text-gray-400",children:["Step ",i+1," of ",d]}),g?r.jsx(I.Button,{variant:"primary",onClick:f,children:u}):r.jsx(I.Button,{variant:"primary",onClick:C,disabled:x,children:j})]})});k.displayName="StepperControls";exports.Stepper=Z;exports.StepperControls=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("react"),J=require("../../context/BearProvider.cjs"),Q=require("../../utils/maxVisible.utils.cjs"),c=require("../../utils/cn.cjs"),F=require("../Typography/Typography.cjs"),ee=require("../Dropdown/Dropdown.cjs"),re=require("../Icon/index.cjs"),r=require("./Stepper.const.cjs"),m=require("./Stepper.utils.cjs"),ne=1200,te=16,se=640,H=3,oe=()=>n.jsx("svg",{width:r.CHECK_ICON_SIZE,height:r.CHECK_ICON_SIZE,viewBox:r.CHECK_ICON_VIEWBOX,fill:"none",stroke:"currentColor",strokeWidth:"3",children:n.jsx("polyline",{points:r.CHECK_ICON_POINTS})}),ie=()=>n.jsxs("svg",{width:r.ERROR_ICON_SIZE,height:r.ERROR_ICON_SIZE,viewBox:r.ERROR_ICON_VIEWBOX,fill:"none",stroke:"currentColor",strokeWidth:"3",children:[n.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),n.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),U=d.forwardRef(({steps:o,activeStep:_,onStepClick:S,orientation:W=r.DEFAULT_ORIENTATION,size:A=r.DEFAULT_SIZE,showNumbers:D=r.DEFAULT_SHOW_NUMBERS,clickable:g=r.DEFAULT_CLICKABLE,showConnectors:M=r.DEFAULT_SHOW_CONNECTORS,connectorStyle:R=r.DEFAULT_CONNECTOR_STYLE,alternativeLabel:L=r.DEFAULT_ALTERNATIVE_LABEL,completedIcon:V,errorIcon:q,labelTypographyProps:Z,descriptionTypographyProps:z,maxVisibleSteps:C,testId:K,className:k,...X},$)=>{const f=J.useBearThemeOptional(),[O,G]=d.useState(()=>typeof window<"u"?window.innerWidth:ne);d.useEffect(()=>{const e=()=>G(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const h=d.useMemo(()=>{if(C!=null)return Q.resolveMaxVisible(C,{width:O,theme:f});if(O<se&&o.length>H)return H},[C,O,f,o.length]),E=W==="horizontal",p=r.STEP_INDICATOR_SIZES[A],v=r.STEP_LABEL_SIZES[A],T=E&&h!=null&&o.length>h,{visibleIndices:j,leftHidden:x,rightHidden:N}=d.useMemo(()=>{if(!T||h==null)return{visibleIndices:o.map((a,I)=>I),leftHidden:[],rightHidden:[]};const e=h,t=Math.floor(e/2),s=Math.max(0,Math.min(_-t,o.length-e)),i=Array.from({length:e},(a,I)=>s+I),l=[],y=[];for(let a=0;a<s;a++)l.push(a);for(let a=s+e;a<o.length;a++)y.push(a);return{visibleIndices:i,leftHidden:l,rightHidden:y}},[T,h,o,_]),b=(e,t,s)=>{const i=r.STEP_STATUS_CLASSES[s],l=m.resolveIndicatorContent(e,t,s,D,V,q,n.jsx(oe,{}),n.jsx(ie,{}));return n.jsx("div",{className:c.cn(r.STEP_INDICATOR_BASE,p,i.indicator,g&&!e.disabled&&"cursor-pointer hover:scale-105"),onClick:()=>{g&&!e.disabled&&S&&S(t)},children:l})},u=(e,t)=>{if(!M||t)return null;const s=e<_;return E?n.jsx("div",{className:c.cn("Bear-Stepper__connector flex-1 self-center mx-1","h-0.5 min-w-[12px] transition-colors",s?r.CONNECTOR_STATUS.completed:r.CONNECTOR_STATUS.pending,R==="dashed"&&"border-t-2 border-dashed bg-transparent")}):n.jsx("div",{className:c.cn(r.CONNECTOR_BASE,r.CONNECTOR_VERTICAL,s?r.CONNECTOR_STATUS.completed:r.CONNECTOR_STATUS.pending,R==="dashed"&&"border-t-2 border-dashed bg-transparent")})},w=(e,t)=>{const s=r.STEP_STATUS_CLASSES[t],i={...Z,...e.labelTypographyProps},l={...z,...e.descriptionTypographyProps};return n.jsxs(n.Fragment,{children:[n.jsx(F.Typography,{variant:"body2",...i,className:c.cn(r.STEP_LABEL_BASE,v.label,s.label,i==null?void 0:i.className),children:e.label}),e.description&&n.jsx(F.Typography,{variant:"caption",...l,className:c.cn(r.STEP_DESCRIPTION_CLASSES,v.description,l==null?void 0:l.className),children:e.description})]})},B=(e,t)=>{const s=m.resolveStepStatus(e,t,_);return n.jsxs("div",{className:c.cn("Bear-Stepper__content flex shrink-0",L?"flex-col items-center":"items-center gap-2"),children:[b(e,t,s),n.jsx("div",{className:c.cn(L&&"text-center mt-2","whitespace-nowrap"),children:w(e,s)})]})},Y=(e,t)=>{const s=m.resolveStepStatus(e,t,_);return n.jsxs(n.Fragment,{children:[n.jsx("div",{className:"flex-shrink-0 mr-4",children:b(e,t,s)}),n.jsxs("div",{className:"flex-1 pt-0.5",children:[w(e,s),e.content&&s==="active"&&n.jsx("div",{className:"mt-4",children:e.content})]})]})},P=(e,t)=>n.jsx("div",{className:"Bear-Stepper__overflow shrink-0",children:n.jsx(ee.Dropdown,{placement:"bottom-start",closeOnSelect:!0,trigger:n.jsx("button",{type:"button",className:c.cn(r.STEP_INDICATOR_BASE,p,r.STEP_STATUS_CLASSES.pending.indicator,"bear-cursor-pointer bear-border-0"),"aria-label":t==="left"?r.OVERFLOW_LEFT_LABEL:r.OVERFLOW_RIGHT_LABEL,children:n.jsx(re.BearIcons.MoreHorizIcon,{size:te})}),items:e.map(s=>({key:`step-${s}`,label:o[s].label,disabled:o[s].disabled,onClick:()=>{o[s].disabled||S==null||S(s)}}))})},`overflow-${t}`);return n.jsxs("div",{ref:$,className:c.cn(r.STEPPER_BASE_CLASSES,E?r.STEPPER_HORIZONTAL_CLASSES:r.STEPPER_VERTICAL_CLASSES,k),"data-testid":K,...X,children:[E&&!T&&o.map((e,t)=>n.jsxs(d.Fragment,{children:[B(e,t),u(t,t===o.length-1)]},t)),E&&T&&n.jsxs(n.Fragment,{children:[x.length>0&&n.jsxs(n.Fragment,{children:[P(x,"left"),u(-1,!1)]}),j.map((e,t)=>{const s=o[e],i=t===j.length-1&&N.length===0;return n.jsxs(d.Fragment,{children:[B(s,e),u(e,i)]},e)}),N.length>0&&P(N,"right")]}),!E&&o.map((e,t)=>n.jsxs("div",{className:c.cn("Bear-Stepper__step",r.STEP_WRAPPER_VERTICAL),children:[Y(e,t),u(t,t===o.length-1)]},t))]})});U.displayName="Stepper";exports.Stepper=U;

package/dist/components/Stepper/Stepper.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="Bear-Stepper",e="flex w-full min-w-0 items-start overflow-x-auto pb-1 flex-nowrap",S="flex flex-col",E="relative min-w-[7rem] shrink-0 flex-1",r="relative min-w-[5rem] max-w-[9rem] shrink-0",_="relative flex items-start pb-8 last:pb-0",a="Bear-Stepper__indicator flex items-center justify-center rounded-full font-medium transition-all",T={sm:"w-6 h-6 text-xs",md:"w-8 h-8 text-sm",lg:"w-10 h-10 text-base"},n={pending:{indicator:"bg-gray-200 dark:bg-zinc-700 text-gray-500 dark:text-gray-400",label:"text-gray-500 dark:text-gray-400"},active:{indicator:"bg-pink-500 text-white shadow-lg shadow-pink-500/30",label:"text-gray-900 dark:text-white font-medium"},completed:{indicator:"bg-green-500 text-white",label:"text-gray-700 dark:text-gray-300"},error:{indicator:"bg-red-500 text-white",label:"text-red-500 dark:text-red-400"}},o="Bear-Stepper__connector absolute transition-colors",l="top-4 left-1/2 right-0 h-0.5 -translate-y-1/2",i="left-4 top-8 w-0.5 h-full -translate-x-1/2",s={pending:"bg-gray-200 dark:bg-zinc-700",completed:"bg-green-500"},A="Bear-Stepper__label transition-colors",R={sm:{label:"text-xs",description:"text-[10px]"},md:{label:"text-sm",description:"text-xs"},lg:{label:"text-base",description:"text-sm"}},P="text-gray-500 dark:text-gray-400 mt-0.5";exports.CONNECTOR_BASE=o;exports.CONNECTOR_HORIZONTAL=l;exports.CONNECTOR_STATUS=s;exports.CONNECTOR_VERTICAL=i;exports.STEPPER_BASE_CLASSES=t;exports.STEPPER_HORIZONTAL_CLASSES=e;exports.STEPPER_VERTICAL_CLASSES=S;exports.STEP_DESCRIPTION_CLASSES=P;exports.STEP_INDICATOR_BASE=a;exports.STEP_INDICATOR_SIZES=T;exports.STEP_LABEL_BASE=A;exports.STEP_LABEL_SIZES=R;exports.STEP_STATUS_CLASSES=n;exports.STEP_WRAPPER_HORIZONTAL=E;exports.STEP_WRAPPER_HORIZONTAL_WINDOW=r;exports.STEP_WRAPPER_VERTICAL=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="horizontal",S="md",T=!0,e=!0,L="solid",A=!1,O=!1,o="Previous",s="Next",C="Complete",n=(E,t)=>`Step ${E} of ${t}`,R=0,r=1,I=1,c="Previous steps",N="More steps",a=16,l="0 0 24 24",i="20 6 9 17 4 12",P=16,F="0 0 24 24",B="Bear-Stepper",d="flex w-full items-center",x="flex flex-col",D="relative flex items-start pb-8 last:pb-0",U="Bear-Stepper__indicator flex items-center justify-center rounded-full font-medium transition-all",g={sm:"w-6 h-6 text-xs",md:"w-8 h-8 text-sm",lg:"w-10 h-10 text-base"},p={pending:{indicator:"bg-gray-200 dark:bg-zinc-700 text-gray-500 dark:text-gray-400",label:"text-gray-500 dark:text-gray-400"},active:{indicator:"bg-pink-500 text-white shadow-lg shadow-pink-500/30",label:"text-gray-900 dark:text-white font-medium"},completed:{indicator:"bg-green-500 text-white",label:"text-gray-700 dark:text-gray-300"},error:{indicator:"bg-red-500 text-white",label:"text-red-500 dark:text-red-400"}},b="Bear-Stepper__connector absolute transition-colors",m="left-4 top-8 w-0.5 h-full -translate-x-1/2",V={pending:"bg-gray-200 dark:bg-zinc-700",completed:"bg-green-500"},f="Bear-Stepper__label transition-colors",u={sm:{label:"text-xs",description:"text-[10px]"},md:{label:"text-sm",description:"text-xs"},lg:{label:"text-base",description:"text-sm"}},y="text-gray-500 dark:text-gray-400 mt-0.5";exports.CHECK_ICON_POINTS=i;exports.CHECK_ICON_SIZE=a;exports.CHECK_ICON_VIEWBOX=l;exports.CONNECTOR_BASE=b;exports.CONNECTOR_STATUS=V;exports.CONNECTOR_VERTICAL=m;exports.DEFAULT_ALTERNATIVE_LABEL=O;exports.DEFAULT_CLICKABLE=A;exports.DEFAULT_COMPLETE_LABEL=C;exports.DEFAULT_CONNECTOR_STYLE=L;exports.DEFAULT_INDICATOR_FORMAT=n;exports.DEFAULT_NEXT_LABEL=s;exports.DEFAULT_ORIENTATION=_;exports.DEFAULT_PREV_LABEL=o;exports.DEFAULT_SHOW_CONNECTORS=e;exports.DEFAULT_SHOW_NUMBERS=T;exports.DEFAULT_SIZE=S;exports.ERROR_ICON_SIZE=P;exports.ERROR_ICON_VIEWBOX=F;exports.FIRST_STEP_INDEX=R;exports.LAST_STEP_OFFSET=I;exports.OVERFLOW_LEFT_LABEL=c;exports.OVERFLOW_RIGHT_LABEL=N;exports.STEPPER_BASE_CLASSES=B;exports.STEPPER_HORIZONTAL_CLASSES=d;exports.STEPPER_VERTICAL_CLASSES=x;exports.STEP_DESCRIPTION_CLASSES=y;exports.STEP_INDICATOR_BASE=U;exports.STEP_INDICATOR_SIZES=g;exports.STEP_LABEL_BASE=f;exports.STEP_LABEL_SIZES=u;exports.STEP_NUMBER_OFFSET=r;exports.STEP_STATUS_CLASSES=p;exports.STEP_WRAPPER_VERTICAL=D;

package/dist/components/Stepper/Stepper.const.d.ts

@@ -1,8 +1,29 @@
-import { StepperSize, StepStatus } from './Stepper.types';
+import { StepperSize, StepStatus, StepperOrientation } from './Stepper.types';
+export declare const DEFAULT_ORIENTATION: StepperOrientation;
+export declare const DEFAULT_SIZE: StepperSize;
+export declare const DEFAULT_SHOW_NUMBERS = true;
+export declare const DEFAULT_SHOW_CONNECTORS = true;
+export declare const DEFAULT_CONNECTOR_STYLE: "solid";
+export declare const DEFAULT_CLICKABLE = false;
+export declare const DEFAULT_ALTERNATIVE_LABEL = false;
+export declare const DEFAULT_PREV_LABEL = "Previous";
+export declare const DEFAULT_NEXT_LABEL = "Next";
+export declare const DEFAULT_COMPLETE_LABEL = "Complete";
+export declare const DEFAULT_INDICATOR_FORMAT: (current: number, total: number) => string;
+export declare const FIRST_STEP_INDEX = 0;
+export declare const STEP_NUMBER_OFFSET = 1;
+export declare const LAST_STEP_OFFSET = 1;
+export declare const OVERFLOW_LEFT_LABEL = "Previous steps";
+export declare const OVERFLOW_RIGHT_LABEL = "More steps";
+export declare const CHECK_ICON_SIZE = 16;
+export declare const CHECK_ICON_VIEWBOX = "0 0 24 24";
+export declare const CHECK_ICON_POINTS = "20 6 9 17 4 12";
+export declare const ERROR_ICON_SIZE = 16;
+export declare const ERROR_ICON_VIEWBOX = "0 0 24 24";
 export declare const STEPPER_BASE_CLASSES = "Bear-Stepper";
-export declare const STEPPER_HORIZONTAL_CLASSES = "flex w-full min-w-0 items-start overflow-x-auto pb-1 flex-nowrap";
+export declare const STEPPER_HORIZONTAL_CLASSES = "flex w-full items-center";
 export declare const STEPPER_VERTICAL_CLASSES = "flex flex-col";
-export declare const STEP_WRAPPER_HORIZONTAL = "relative min-w-[7rem] shrink-0 flex-1";
+export declare const STEP_WRAPPER_HORIZONTAL = "relative shrink-0 flex-1 min-w-[80px]";
 export declare const STEP_WRAPPER_HORIZONTAL_WINDOW = "relative min-w-[5rem] max-w-[9rem] shrink-0";
 export declare const STEP_WRAPPER_VERTICAL = "relative flex items-start pb-8 last:pb-0";
 export declare const STEP_INDICATOR_BASE = "Bear-Stepper__indicator flex items-center justify-center rounded-full font-medium transition-all";
@@ -12,7 +33,7 @@ export declare const STEP_STATUS_CLASSES: Record<StepStatus, {
     label: string;
 }>;
 export declare const CONNECTOR_BASE = "Bear-Stepper__connector absolute transition-colors";
-export declare const CONNECTOR_HORIZONTAL = "top-4 left-1/2 right-0 h-0.5 -translate-y-1/2";
+export declare const CONNECTOR_HORIZONTAL = "top-4 h-0.5 -translate-y-1/2";
 export declare const CONNECTOR_VERTICAL = "left-4 top-8 w-0.5 h-full -translate-x-1/2";
 export declare const CONNECTOR_STYLES: {
     solid: string;

package/dist/components/Stepper/Stepper.const.js

@@ -1,8 +1,8 @@
-const t = "Bear-Stepper", e = "flex w-full min-w-0 items-start overflow-x-auto pb-1 flex-nowrap", r = "flex flex-col", a = "relative min-w-[7rem] shrink-0 flex-1", n = "relative min-w-[5rem] max-w-[9rem] shrink-0", o = "relative flex items-start pb-8 last:pb-0", l = "Bear-Stepper__indicator flex items-center justify-center rounded-full font-medium transition-all", i = {
+const E = "horizontal", o = "md", s = !0, n = !0, _ = "solid", r = !1, S = !1, T = "Previous", c = "Next", a = "Complete", l = (t, e) => `Step ${t} of ${e}`, L = 0, i = 1, A = 1, O = "Previous steps", C = "More steps", x = 16, R = "0 0 24 24", d = "20 6 9 17 4 12", I = 16, N = "0 0 24 24", g = "Bear-Stepper", p = "flex w-full items-center", P = "flex flex-col", b = "relative flex items-start pb-8 last:pb-0", B = "Bear-Stepper__indicator flex items-center justify-center rounded-full font-medium transition-all", F = {
   sm: "w-6 h-6 text-xs",
   md: "w-8 h-8 text-sm",
   lg: "w-10 h-10 text-base"
-}, s = {
+}, m = {
   pending: {
     indicator: "bg-gray-200 dark:bg-zinc-700 text-gray-500 dark:text-gray-400",
     label: "text-gray-500 dark:text-gray-400"
@@ -19,29 +19,47 @@ const t = "Bear-Stepper", e = "flex w-full min-w-0 items-start overflow-x-auto p
     indicator: "bg-red-500 text-white",
     label: "text-red-500 dark:text-red-400"
   }
-}, S = "Bear-Stepper__connector absolute transition-colors", x = "top-4 left-1/2 right-0 h-0.5 -translate-y-1/2", E = "left-4 top-8 w-0.5 h-full -translate-x-1/2", c = {
+}, D = "Bear-Stepper__connector absolute transition-colors", f = "left-4 top-8 w-0.5 h-full -translate-x-1/2", U = {
   pending: "bg-gray-200 dark:bg-zinc-700",
   completed: "bg-green-500"
-}, _ = "Bear-Stepper__label transition-colors", d = {
+}, u = "Bear-Stepper__label transition-colors", y = {
   sm: { label: "text-xs", description: "text-[10px]" },
   md: { label: "text-sm", description: "text-xs" },
   lg: { label: "text-base", description: "text-sm" }
-}, T = "text-gray-500 dark:text-gray-400 mt-0.5";
+}, h = "text-gray-500 dark:text-gray-400 mt-0.5";
 export {
-  S as CONNECTOR_BASE,
-  x as CONNECTOR_HORIZONTAL,
-  c as CONNECTOR_STATUS,
-  E as CONNECTOR_VERTICAL,
-  t as STEPPER_BASE_CLASSES,
-  e as STEPPER_HORIZONTAL_CLASSES,
-  r as STEPPER_VERTICAL_CLASSES,
-  T as STEP_DESCRIPTION_CLASSES,
-  l as STEP_INDICATOR_BASE,
-  i as STEP_INDICATOR_SIZES,
-  _ as STEP_LABEL_BASE,
-  d as STEP_LABEL_SIZES,
-  s as STEP_STATUS_CLASSES,
-  a as STEP_WRAPPER_HORIZONTAL,
-  n as STEP_WRAPPER_HORIZONTAL_WINDOW,
-  o as STEP_WRAPPER_VERTICAL
+  d as CHECK_ICON_POINTS,
+  x as CHECK_ICON_SIZE,
+  R as CHECK_ICON_VIEWBOX,
+  D as CONNECTOR_BASE,
+  U as CONNECTOR_STATUS,
+  f as CONNECTOR_VERTICAL,
+  S as DEFAULT_ALTERNATIVE_LABEL,
+  r as DEFAULT_CLICKABLE,
+  a as DEFAULT_COMPLETE_LABEL,
+  _ as DEFAULT_CONNECTOR_STYLE,
+  l as DEFAULT_INDICATOR_FORMAT,
+  c as DEFAULT_NEXT_LABEL,
+  E as DEFAULT_ORIENTATION,
+  T as DEFAULT_PREV_LABEL,
+  n as DEFAULT_SHOW_CONNECTORS,
+  s as DEFAULT_SHOW_NUMBERS,
+  o as DEFAULT_SIZE,
+  I as ERROR_ICON_SIZE,
+  N as ERROR_ICON_VIEWBOX,
+  L as FIRST_STEP_INDEX,
+  A as LAST_STEP_OFFSET,
+  O as OVERFLOW_LEFT_LABEL,
+  C as OVERFLOW_RIGHT_LABEL,
+  g as STEPPER_BASE_CLASSES,
+  p as STEPPER_HORIZONTAL_CLASSES,
+  P as STEPPER_VERTICAL_CLASSES,
+  h as STEP_DESCRIPTION_CLASSES,
+  B as STEP_INDICATOR_BASE,
+  F as STEP_INDICATOR_SIZES,
+  u as STEP_LABEL_BASE,
+  y as STEP_LABEL_SIZES,
+  i as STEP_NUMBER_OFFSET,
+  m as STEP_STATUS_CLASSES,
+  b as STEP_WRAPPER_VERTICAL
 };

package/dist/components/Stepper/Stepper.d.ts

@@ -1,3 +1,3 @@
-import { StepperProps, StepperControlsProps } from './Stepper.types';
-export declare const Stepper: import('react').ForwardRefExoticComponent<StepperProps & import('react').RefAttributes<HTMLDivElement>>;
-export declare const StepperControls: import('react').ForwardRefExoticComponent<StepperControlsProps & import('react').RefAttributes<HTMLDivElement>>;
+import { default as React } from 'react';
+import { StepperProps } from './Stepper.types';
+export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;