@forgedevstack/bear 1.2.8 → 1.2.9

package/dist/components/StatCard/StatCard.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../utils/cn.cjs");require("react");const o=({title:s,value:i,color:t="#6366f1",icon:n,onClick:r,className:a,...l})=>e.jsxs("div",{className:d.cn("relative overflow-hidden rounded-2xl p-6 transition-transform hover:scale-105 cursor-pointer",a),style:{background:`linear-gradient(135deg, ${t}dd, ${t}99)`},onClick:r,...l,children:[e.jsx("div",{className:"absolute top-0 right-0 w-32 h-32 -mr-8 -mt-8 rounded-full opacity-20 bg-white"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("p",{className:"text-white/80 text-sm font-medium mb-1",children:s}),e.jsx("p",{className:"text-white text-3xl font-bold mb-4",children:i}),r&&e.jsxs("button",{className:"flex items-center gap-2 px-4 py-1.5 bg-white/20 hover:bg-white/30 rounded-full text-white text-sm font-medium transition-colors",children:[n,"View All"]})]})]});exports.StatCard=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react/jsx-runtime"),D=require("../../utils/cn.cjs");require("react");const o=require("../../utils/generateBearId.utils.cjs"),R=require("../../utils/useBearId.cjs"),e=require("./StatCard.const.cjs"),L=({title:_,value:a,color:s=e.DEFAULT_STAT_CARD_COLOR,icon:T,onClick:t,className:S,id:d,testId:n,...i})=>{const u=R.useBearId("StatCard"),C=o.resolveBearId(d,u),c=`linear-gradient(135deg, ${s}${e.STAT_CARD_GRADIENT_START_ALPHA}, ${s}${e.STAT_CARD_GRADIENT_END_ALPHA})`;return A.jsxs("div",{id:C,"data-testid":n,role:t?"button":void 0,tabIndex:t?0:void 0,className:D.cn(e.STAT_CARD_ROOT_CLASS,e.STAT_CARD_BASE_CLASSES,S),style:{background:c},onClick:t,onKeyDown:r=>{t&&(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),t())},...i,children:[A.jsx("div",{className:e.STAT_CARD_DECORATION_CLASS,"aria-hidden":!0}),A.jsxs("div",{className:e.STAT_CARD_BODY_CLASS,children:[A.jsx("p",{className:e.STAT_CARD_TITLE_CLASS,children:_}),A.jsx("p",{className:e.STAT_CARD_VALUE_CLASS,children:a}),t&&A.jsxs("button",{type:"button",className:e.STAT_CARD_ACTION_CLASS,children:[T,e.DEFAULT_STAT_CARD_ACTION_LABEL]})]})]})};exports.StatCard=L;

package/dist/components/StatCard/StatCard.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-StatCard",A="bear-relative bear-overflow-hidden bear-rounded-2xl bear-p-6 bear-transition-transform hover:bear-scale-105 bear-cursor-pointer bear-border bear-border-[var(--bear-border-default)]",r="Bear-StatCard__decoration bear-absolute bear-top-0 bear-right-0 bear-w-32 bear-h-32 -bear-mr-8 -bear-mt-8 bear-rounded-full bear-opacity-20 bear-bg-white",_="Bear-StatCard__body bear-relative bear-z-10",a="Bear-StatCard__title bear-text-white/80 bear-text-sm bear-font-medium bear-mb-1",t="Bear-StatCard__value bear-text-white bear-text-3xl bear-font-bold bear-mb-4",T="Bear-StatCard__action bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-1.5 bear-bg-white/20 hover:bear-bg-white/30 bear-rounded-full bear-text-white bear-text-sm bear-font-medium bear-transition-colors bear-border-0",S="#6366f1",b="dd",C="99",o="View All";exports.DEFAULT_STAT_CARD_ACTION_LABEL=o;exports.DEFAULT_STAT_CARD_COLOR=S;exports.STAT_CARD_ACTION_CLASS=T;exports.STAT_CARD_BASE_CLASSES=A;exports.STAT_CARD_BODY_CLASS=_;exports.STAT_CARD_DECORATION_CLASS=r;exports.STAT_CARD_GRADIENT_END_ALPHA=C;exports.STAT_CARD_GRADIENT_START_ALPHA=b;exports.STAT_CARD_ROOT_CLASS=e;exports.STAT_CARD_TITLE_CLASS=a;exports.STAT_CARD_VALUE_CLASS=t;

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

@@ -1 +1,11 @@
-export declare const S_T_A_T_C_A_R_D_ROOT_CLASS = "Bear-StatCard";
+export declare const STAT_CARD_ROOT_CLASS = "Bear-StatCard";
+export declare const STAT_CARD_BASE_CLASSES = "bear-relative bear-overflow-hidden bear-rounded-2xl bear-p-6 bear-transition-transform hover:bear-scale-105 bear-cursor-pointer bear-border bear-border-[var(--bear-border-default)]";
+export declare const STAT_CARD_DECORATION_CLASS = "Bear-StatCard__decoration bear-absolute bear-top-0 bear-right-0 bear-w-32 bear-h-32 -bear-mr-8 -bear-mt-8 bear-rounded-full bear-opacity-20 bear-bg-white";
+export declare const STAT_CARD_BODY_CLASS = "Bear-StatCard__body bear-relative bear-z-10";
+export declare const STAT_CARD_TITLE_CLASS = "Bear-StatCard__title bear-text-white/80 bear-text-sm bear-font-medium bear-mb-1";
+export declare const STAT_CARD_VALUE_CLASS = "Bear-StatCard__value bear-text-white bear-text-3xl bear-font-bold bear-mb-4";
+export declare const STAT_CARD_ACTION_CLASS = "Bear-StatCard__action bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-1.5 bear-bg-white/20 hover:bear-bg-white/30 bear-rounded-full bear-text-white bear-text-sm bear-font-medium bear-transition-colors bear-border-0";
+export declare const DEFAULT_STAT_CARD_COLOR = "#6366f1";
+export declare const STAT_CARD_GRADIENT_START_ALPHA = "dd";
+export declare const STAT_CARD_GRADIENT_END_ALPHA = "99";
+export declare const DEFAULT_STAT_CARD_ACTION_LABEL = "View All";

package/dist/components/StatCard/StatCard.const.js

@@ -0,0 +1,14 @@
+const e = "Bear-StatCard", r = "bear-relative bear-overflow-hidden bear-rounded-2xl bear-p-6 bear-transition-transform hover:bear-scale-105 bear-cursor-pointer bear-border bear-border-[var(--bear-border-default)]", a = "Bear-StatCard__decoration bear-absolute bear-top-0 bear-right-0 bear-w-32 bear-h-32 -bear-mr-8 -bear-mt-8 bear-rounded-full bear-opacity-20 bear-bg-white", t = "Bear-StatCard__body bear-relative bear-z-10", b = "Bear-StatCard__title bear-text-white/80 bear-text-sm bear-font-medium bear-mb-1", _ = "Bear-StatCard__value bear-text-white bear-text-3xl bear-font-bold bear-mb-4", A = "Bear-StatCard__action bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-1.5 bear-bg-white/20 hover:bear-bg-white/30 bear-rounded-full bear-text-white bear-text-sm bear-font-medium bear-transition-colors bear-border-0", o = "#6366f1", S = "dd", T = "99", C = "View All";
+export {
+  C as DEFAULT_STAT_CARD_ACTION_LABEL,
+  o as DEFAULT_STAT_CARD_COLOR,
+  A as STAT_CARD_ACTION_CLASS,
+  r as STAT_CARD_BASE_CLASSES,
+  t as STAT_CARD_BODY_CLASS,
+  a as STAT_CARD_DECORATION_CLASS,
+  T as STAT_CARD_GRADIENT_END_ALPHA,
+  S as STAT_CARD_GRADIENT_START_ALPHA,
+  e as STAT_CARD_ROOT_CLASS,
+  b as STAT_CARD_TITLE_CLASS,
+  _ as STAT_CARD_VALUE_CLASS
+};

package/dist/components/StatCard/StatCard.d.ts

@@ -1,7 +1,3 @@
 import { FC } from 'react';
 import { StatCardProps } from './StatCard.types';
-/**
- * StatCard Component
- * A colorful statistics card with gradient background
- */
 export declare const StatCard: FC<StatCardProps>;

package/dist/components/StatCard/StatCard.js

@@ -1,37 +1,49 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { cn as n } from "../../utils/cn.js";
 import "react";
-const p = ({
-  title: l,
-  value: o,
-  color: r = "#6366f1",
-  icon: s,
-  onClick: i,
-  className: a,
-  ...d
-}) => /* @__PURE__ */ e(
-  "div",
-  {
-    className: n(
-      "relative overflow-hidden rounded-2xl p-6 transition-transform hover:scale-105 cursor-pointer",
-      a
-    ),
-    style: { background: `linear-gradient(135deg, ${r}dd, ${r}99)` },
-    onClick: i,
-    ...d,
-    children: [
-      /* @__PURE__ */ t("div", { className: "absolute top-0 right-0 w-32 h-32 -mr-8 -mt-8 rounded-full opacity-20 bg-white" }),
-      /* @__PURE__ */ e("div", { className: "relative z-10", children: [
-        /* @__PURE__ */ t("p", { className: "text-white/80 text-sm font-medium mb-1", children: l }),
-        /* @__PURE__ */ t("p", { className: "text-white text-3xl font-bold mb-4", children: o }),
-        i && /* @__PURE__ */ e("button", { className: "flex items-center gap-2 px-4 py-1.5 bg-white/20 hover:bg-white/30 rounded-full text-white text-sm font-medium transition-colors", children: [
-          s,
-          "View All"
+import { resolveBearId as R } from "../../utils/generateBearId.utils.js";
+import { useBearId as L } from "../../utils/useBearId.js";
+import { DEFAULT_STAT_CARD_COLOR as E, STAT_CARD_GRADIENT_START_ALPHA as N, STAT_CARD_GRADIENT_END_ALPHA as c, STAT_CARD_DECORATION_CLASS as p, STAT_CARD_BODY_CLASS as I, STAT_CARD_TITLE_CLASS as l, STAT_CARD_VALUE_CLASS as u, DEFAULT_STAT_CARD_ACTION_LABEL as O, STAT_CARD_ACTION_CLASS as f, STAT_CARD_BASE_CLASSES as h, STAT_CARD_ROOT_CLASS as b } from "./StatCard.const.js";
+const U = ({
+  title: t,
+  value: S,
+  color: T = E,
+  icon: a,
+  onClick: A,
+  className: d,
+  id: s,
+  testId: o,
+  ...D
+}) => {
+  const i = L("StatCard"), C = R(s, i), m = `linear-gradient(135deg, ${T}${N}, ${T}${c})`;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      id: C,
+      "data-testid": o,
+      role: A ? "button" : void 0,
+      tabIndex: A ? 0 : void 0,
+      className: n(b, h, d),
+      style: { background: m },
+      onClick: A,
+      onKeyDown: (_) => {
+        A && (_.key === "Enter" || _.key === " ") && (_.preventDefault(), A());
+      },
+      ...D,
+      children: [
+        /* @__PURE__ */ r("div", { className: p, "aria-hidden": !0 }),
+        /* @__PURE__ */ e("div", { className: I, children: [
+          /* @__PURE__ */ r("p", { className: l, children: t }),
+          /* @__PURE__ */ r("p", { className: u, children: S }),
+          A && /* @__PURE__ */ e("button", { type: "button", className: f, children: [
+            a,
+            O
+          ] })
         ] })
-      ] })
-    ]
-  }
-);
+      ]
+    }
+  );
+};
 export {
-  p as StatCard
+  U as StatCard
 };

package/dist/components/Stepper/Stepper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),E=require("react"),H=require("../../context/BearProvider.cjs"),ee=require("../../utils/maxVisible.utils.cjs"),c=require("../../utils/cn.cjs"),U=require("../Typography/Typography.cjs"),re=require("../Dropdown/Dropdown.cjs"),ne=require("../Icon/index.cjs"),r=require("./Stepper.const.cjs"),m=require("./Stepper.utils.cjs"),te=1200,se=16,oe=640,W=3,ie=()=>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})}),ce=()=>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"})]}),D=E.forwardRef(({steps:o,activeStep:_,onStepClick:S,orientation:M=r.DEFAULT_ORIENTATION,size:A=r.DEFAULT_SIZE,showNumbers:V=r.DEFAULT_SHOW_NUMBERS,clickable:g=r.DEFAULT_CLICKABLE,showConnectors:q=r.DEFAULT_SHOW_CONNECTORS,connectorStyle:R=r.DEFAULT_CONNECTOR_STYLE,alternativeLabel:L=r.DEFAULT_ALTERNATIVE_LABEL,completedIcon:Z,errorIcon:z,labelTypographyProps:K,descriptionTypographyProps:k,maxVisibleSteps:C,testId:X,className:$,...G},Y)=>{const f=H.useBearThemeOptional(),{direction:p}=H.useBearDirectionOptional(),[O,J]=E.useState(()=>typeof window<"u"?window.innerWidth:te);E.useEffect(()=>{const e=()=>J(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const h=E.useMemo(()=>{if(C!=null)return ee.resolveMaxVisible(C,{width:O,theme:f});if(O<oe&&o.length>W)return W},[C,O,f,o.length]),d=M==="horizontal",v=r.STEP_INDICATOR_SIZES[A],x=r.STEP_LABEL_SIZES[A],T=d&&h!=null&&o.length>h,{visibleIndices:j,leftHidden:b,rightHidden:N}=E.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=[],F=[];for(let a=0;a<s;a++)l.push(a);for(let a=s+e;a<o.length;a++)F.push(a);return{visibleIndices:i,leftHidden:l,rightHidden:F}},[T,h,o,_]),w=(e,t,s)=>{const i=r.STEP_STATUS_CLASSES[s],l=m.resolveIndicatorContent(e,t,s,V,Z,z,n.jsx(ie,{}),n.jsx(ce,{}));return n.jsx("div",{className:c.cn(r.STEP_INDICATOR_BASE,v,i.indicator,g&&!e.disabled&&"cursor-pointer hover:scale-105"),onClick:()=>{g&&!e.disabled&&S&&S(t)},children:l})},u=(e,t)=>{if(!q||t)return null;const s=e<_;return d?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")})},B=(e,t)=>{const s=r.STEP_STATUS_CLASSES[t],i={...K,...e.labelTypographyProps},l={...k,...e.descriptionTypographyProps};return n.jsxs(n.Fragment,{children:[n.jsx(U.Typography,{variant:"body2",...i,className:c.cn(r.STEP_LABEL_BASE,x.label,s.label,i==null?void 0:i.className),children:e.label}),e.description&&n.jsx(U.Typography,{variant:"caption",...l,className:c.cn(r.STEP_DESCRIPTION_CLASSES,x.description,l==null?void 0:l.className),children:e.description})]})},P=(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:[w(e,t,s),n.jsx("div",{className:c.cn(L&&"text-center mt-2","whitespace-nowrap"),children:B(e,s)})]})},Q=(e,t)=>{const s=m.resolveStepStatus(e,t,_);return n.jsxs(n.Fragment,{children:[n.jsx("div",{className:"flex-shrink-0 mr-4",children:w(e,t,s)}),n.jsxs("div",{className:"flex-1 pt-0.5",children:[B(e,s),e.content&&s==="active"&&n.jsx("div",{className:"mt-4",children:e.content})]})]})},y=(e,t)=>n.jsx("div",{className:"Bear-Stepper__overflow shrink-0",children:n.jsx(re.Dropdown,{placement:"bottom-start",closeOnSelect:!0,trigger:n.jsx("button",{type:"button",className:c.cn(r.STEP_INDICATOR_BASE,v,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(ne.BearIcons.MoreHorizIcon,{size:se})}),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:Y,dir:p,className:c.cn(r.STEPPER_BASE_CLASSES,d?r.STEPPER_HORIZONTAL_CLASSES:r.STEPPER_VERTICAL_CLASSES,p==="rtl"&&d&&"bear-flex-row-reverse",$),"data-testid":X,...G,children:[d&&!T&&o.map((e,t)=>n.jsxs(E.Fragment,{children:[P(e,t),u(t,t===o.length-1)]},t)),d&&T&&n.jsxs(n.Fragment,{children:[b.length>0&&n.jsxs(n.Fragment,{children:[y(b,"left"),u(-1,!1)]}),j.map((e,t)=>{const s=o[e],i=t===j.length-1&&N.length===0;return n.jsxs(E.Fragment,{children:[P(s,e),u(e,i)]},e)}),N.length>0&&y(N,"right")]}),!d&&o.map((e,t)=>n.jsxs("div",{className:c.cn("Bear-Stepper__step",r.STEP_WRAPPER_VERTICAL),children:[Q(e,t),u(t,t===o.length-1)]},t))]})});D.displayName="Stepper";exports.Stepper=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),T=require("react"),H=require("../../context/BearProvider.cjs"),ee=require("../../utils/maxVisible.utils.cjs"),E=require("../../utils/cn.cjs"),F=require("../Typography/Typography.cjs"),ne=require("../Dropdown/Dropdown.cjs"),re=require("../Icon/index.cjs"),e=require("./Stepper.const.cjs"),L=require("./Stepper.utils.cjs"),te=1200,se=16,oe=640,U=3,ie=()=>r.jsx("svg",{width:e.CHECK_ICON_SIZE,height:e.CHECK_ICON_SIZE,viewBox:e.CHECK_ICON_VIEWBOX,fill:"none",stroke:"currentColor",strokeWidth:"3",children:r.jsx("polyline",{points:e.CHECK_ICON_POINTS})}),Ee=()=>r.jsxs("svg",{width:e.ERROR_ICON_SIZE,height:e.ERROR_ICON_SIZE,viewBox:e.ERROR_ICON_VIEWBOX,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"})]}),V=T.forwardRef(({steps:o,activeStep:_,onStepClick:d,orientation:W=e.DEFAULT_ORIENTATION,size:u=e.DEFAULT_SIZE,showNumbers:M=e.DEFAULT_SHOW_NUMBERS,clickable:R=e.DEFAULT_CLICKABLE,showConnectors:q=e.DEFAULT_SHOW_CONNECTORS,connectorStyle:m=e.DEFAULT_CONNECTOR_STYLE,alternativeLabel:g=e.DEFAULT_ALTERNATIVE_LABEL,completedIcon:Z,errorIcon:z,labelTypographyProps:K,descriptionTypographyProps:X,maxVisibleSteps:N,testId:Y,className:$,...k},G)=>{const P=H.useBearThemeOptional(),{direction:f}=H.useBearDirectionOptional(),[A,J]=T.useState(()=>typeof window<"u"?window.innerWidth:te);T.useEffect(()=>{const n=()=>J(window.innerWidth);return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]);const S=T.useMemo(()=>{if(N!=null)return ee.resolveMaxVisible(N,{width:A,theme:P});if(A<oe&&o.length>U)return U},[N,A,P,o.length]),a=W==="horizontal",v=e.STEP_INDICATOR_SIZES[u],j=e.STEP_LABEL_SIZES[u],C=a&&S!=null&&o.length>S,{visibleIndices:B,leftHidden:w,rightHidden:h}=T.useMemo(()=>{if(!C||S==null)return{visibleIndices:o.map((l,I)=>I),leftHidden:[],rightHidden:[]};const n=S,t=Math.floor(n/2),s=Math.max(0,Math.min(_-t,o.length-n)),i=Array.from({length:n},(l,I)=>s+I),c=[],p=[];for(let l=0;l<s;l++)c.push(l);for(let l=s+n;l<o.length;l++)p.push(l);return{visibleIndices:i,leftHidden:c,rightHidden:p}},[C,S,o,_]),b=(n,t,s)=>{const i=e.STEP_STATUS_CLASSES[s],c=L.resolveIndicatorContent(n,t,s,M,Z,z,r.jsx(ie,{}),r.jsx(Ee,{}));return r.jsx("div",{className:E.cn(e.STEP_INDICATOR_BASE,v,i.indicator,R&&!n.disabled&&e.STEP_CLICKABLE_CLASSES),onClick:()=>{R&&!n.disabled&&d&&d(t)},children:c})},O=(n,t)=>{if(!q||t)return null;const s=n<_;return a?r.jsx("div",{className:E.cn(e.CONNECTOR_HORIZONTAL_LAYOUT,s?e.CONNECTOR_STATUS.completed:e.CONNECTOR_STATUS.pending,m==="dashed"&&e.CONNECTOR_DASHED_CLASSES)}):r.jsx("div",{className:E.cn(e.CONNECTOR_BASE,e.CONNECTOR_VERTICAL,s?e.CONNECTOR_STATUS.completed:e.CONNECTOR_STATUS.pending,m==="dashed"&&e.CONNECTOR_DASHED_CLASSES)})},x=(n,t)=>{const s=e.STEP_STATUS_CLASSES[t],i={...K,...n.labelTypographyProps},c={...X,...n.descriptionTypographyProps};return r.jsxs(r.Fragment,{children:[r.jsx(F.Typography,{variant:"body2",...i,className:E.cn(e.STEP_LABEL_BASE,j.label,s.label,i==null?void 0:i.className),children:n.label}),n.description&&r.jsx(F.Typography,{variant:"caption",...c,className:E.cn(e.STEP_DESCRIPTION_CLASSES,j.description,c==null?void 0:c.className),children:n.description})]})},y=(n,t)=>{const s=L.resolveStepStatus(n,t,_);return r.jsxs("div",{className:E.cn(e.STEP_CONTENT_BASE,g?e.STEP_CONTENT_ALTERNATIVE:e.STEP_CONTENT_INLINE),children:[b(n,t,s),r.jsx("div",{className:E.cn(g?e.STEP_LABEL_ALTERNATIVE:e.STEP_LABEL_INLINE),children:x(n,s)})]})},Q=(n,t)=>{const s=L.resolveStepStatus(n,t,_);return r.jsxs(r.Fragment,{children:[r.jsx("div",{className:e.STEP_VERTICAL_INDICATOR_WRAP,children:b(n,t,s)}),r.jsxs("div",{className:e.STEP_VERTICAL_BODY,children:[x(n,s),n.content&&s==="active"&&r.jsx("div",{className:e.STEP_VERTICAL_CONTENT,children:n.content})]})]})},D=(n,t)=>r.jsx("div",{className:e.STEP_OVERFLOW_ROOT,children:r.jsx(ne.Dropdown,{placement:"bottom-start",closeOnSelect:!0,trigger:r.jsx("button",{type:"button",className:E.cn(e.STEP_INDICATOR_BASE,v,e.STEP_STATUS_CLASSES.pending.indicator,"bear-cursor-pointer bear-border-0"),"aria-label":t==="left"?e.OVERFLOW_LEFT_LABEL:e.OVERFLOW_RIGHT_LABEL,children:r.jsx(re.BearIcons.MoreHorizIcon,{size:se})}),items:n.map(s=>({key:`step-${s}`,label:o[s].label,disabled:o[s].disabled,onClick:()=>{o[s].disabled||d==null||d(s)}}))})},`overflow-${t}`);return r.jsxs("div",{ref:G,dir:f,className:E.cn(e.STEPPER_BASE_CLASSES,a?e.STEPPER_HORIZONTAL_CLASSES:e.STEPPER_VERTICAL_CLASSES,f==="rtl"&&a&&"bear-flex-row-reverse",$),"data-testid":Y,...k,children:[a&&!C&&o.map((n,t)=>r.jsxs(T.Fragment,{children:[y(n,t),O(t,t===o.length-1)]},t)),a&&C&&r.jsxs(r.Fragment,{children:[w.length>0&&r.jsxs(r.Fragment,{children:[D(w,"left"),O(-1,!1)]}),B.map((n,t)=>{const s=o[n],i=t===B.length-1&&h.length===0;return r.jsxs(T.Fragment,{children:[y(s,n),O(n,i)]},n)}),h.length>0&&D(h,"right")]}),!a&&o.map((n,t)=>r.jsxs("div",{className:E.cn("Bear-Stepper__step",e.STEP_WRAPPER_VERTICAL),children:[Q(n,t),O(t,t===o.length-1)]},t))]})});V.displayName="Stepper";exports.Stepper=V;

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

@@ -1 +1 @@
-"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",r=(E,t)=>`Step ${E} of ${t}`,n=0,R=1,I=1,a="Previous steps",c="More steps",N=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-primary-500 text-white shadow-lg shadow-primary-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",y={sm:{label:"text-xs",description:"text-[10px]"},md:{label:"text-sm",description:"text-xs"},lg:{label:"text-base",description:"text-sm"}},u="text-gray-500 dark:text-gray-400 mt-0.5";exports.CHECK_ICON_POINTS=i;exports.CHECK_ICON_SIZE=N;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=r;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=n;exports.LAST_STEP_OFFSET=I;exports.OVERFLOW_LEFT_LABEL=a;exports.OVERFLOW_RIGHT_LABEL=c;exports.STEPPER_BASE_CLASSES=B;exports.STEPPER_HORIZONTAL_CLASSES=d;exports.STEPPER_VERTICAL_CLASSES=x;exports.STEP_DESCRIPTION_CLASSES=u;exports.STEP_INDICATOR_BASE=U;exports.STEP_INDICATOR_SIZES=g;exports.STEP_LABEL_BASE=f;exports.STEP_LABEL_SIZES=y;exports.STEP_NUMBER_OFFSET=R;exports.STEP_STATUS_CLASSES=p;exports.STEP_WRAPPER_VERTICAL=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r="horizontal",_="md",t=!0,T=!0,a="solid",S=!1,L=!1,A="Previous",b="Next",O="Complete",C=(e,E)=>`Step ${e} of ${E}`,o=0,n=1,s=1,N="Previous steps",R="More steps",I=16,c="0 0 24 24",P="20 6 9 17 4 12",l=16,i="0 0 24 24",B="Bear-Stepper",x="bear-flex bear-w-full bear-items-center",p="bear-flex bear-flex-col",F="bear-relative bear-flex bear-items-start bear-pb-8 last:bear-pb-0",d="Bear-Stepper__indicator bear-flex bear-items-center bear-justify-center bear-rounded-full bear-font-medium bear-transition-all",D={sm:"bear-w-6 bear-h-6 bear-text-xs",md:"bear-w-8 bear-h-8 bear-text-sm",lg:"bear-w-10 bear-h-10 bear-text-base"},U={pending:{indicator:"bear-bg-gray-200 dark:bear-bg-zinc-700 bear-text-gray-600 dark:bear-text-gray-400",label:"bear-text-gray-500 dark:bear-text-gray-400"},active:{indicator:"bear-bg-primary-500 dark:bear-bg-primary-500 bear-text-white bear-shadow-lg bear-shadow-primary-500/30",label:"bear-text-gray-900 dark:bear-text-white bear-font-medium"},completed:{indicator:"bear-bg-green-500 bear-text-white",label:"bear-text-gray-700 dark:bear-text-gray-300"},error:{indicator:"bear-bg-red-500 bear-text-white",label:"bear-text-red-500 dark:bear-text-red-400"}},g="Bear-Stepper__connector bear-absolute bear-transition-colors",m="bear-left-4 bear-top-8 bear-w-0.5 bear-h-full -bear-translate-x-1/2",V={pending:"bear-bg-gray-200 dark:bear-bg-zinc-700",completed:"bear-bg-green-500"},f="Bear-Stepper__label bear-transition-colors",h={sm:{label:"bear-text-xs",description:"bear-text-[10px]"},md:{label:"bear-text-sm",description:"bear-text-xs"},lg:{label:"bear-text-base",description:"bear-text-sm"}},H="bear-text-gray-500 dark:bear-text-gray-400 bear-mt-0.5",W="bear-cursor-pointer hover:bear-scale-105",w="Bear-Stepper__connector bear-flex-1 bear-self-center bear-mx-1 bear-h-0.5 bear-min-w-[12px] bear-transition-colors",y="bear-border-t-2 bear-border-dashed bear-bg-transparent",u="Bear-Stepper__content bear-flex bear-shrink-0",Z="bear-flex-col bear-items-center",k="bear-items-center bear-gap-2",K="bear-text-center bear-mt-2 bear-whitespace-nowrap",M="bear-whitespace-nowrap",X="bear-flex-shrink-0 bear-mr-4",v="bear-flex-1 bear-pt-0.5",Y="bear-mt-4",z="Bear-Stepper__overflow bear-shrink-0";exports.CHECK_ICON_POINTS=P;exports.CHECK_ICON_SIZE=I;exports.CHECK_ICON_VIEWBOX=c;exports.CONNECTOR_BASE=g;exports.CONNECTOR_DASHED_CLASSES=y;exports.CONNECTOR_HORIZONTAL_LAYOUT=w;exports.CONNECTOR_STATUS=V;exports.CONNECTOR_VERTICAL=m;exports.DEFAULT_ALTERNATIVE_LABEL=L;exports.DEFAULT_CLICKABLE=S;exports.DEFAULT_COMPLETE_LABEL=O;exports.DEFAULT_CONNECTOR_STYLE=a;exports.DEFAULT_INDICATOR_FORMAT=C;exports.DEFAULT_NEXT_LABEL=b;exports.DEFAULT_ORIENTATION=r;exports.DEFAULT_PREV_LABEL=A;exports.DEFAULT_SHOW_CONNECTORS=T;exports.DEFAULT_SHOW_NUMBERS=t;exports.DEFAULT_SIZE=_;exports.ERROR_ICON_SIZE=l;exports.ERROR_ICON_VIEWBOX=i;exports.FIRST_STEP_INDEX=o;exports.LAST_STEP_OFFSET=s;exports.OVERFLOW_LEFT_LABEL=N;exports.OVERFLOW_RIGHT_LABEL=R;exports.STEPPER_BASE_CLASSES=B;exports.STEPPER_HORIZONTAL_CLASSES=x;exports.STEPPER_VERTICAL_CLASSES=p;exports.STEP_CLICKABLE_CLASSES=W;exports.STEP_CONTENT_ALTERNATIVE=Z;exports.STEP_CONTENT_BASE=u;exports.STEP_CONTENT_INLINE=k;exports.STEP_DESCRIPTION_CLASSES=H;exports.STEP_INDICATOR_BASE=d;exports.STEP_INDICATOR_SIZES=D;exports.STEP_LABEL_ALTERNATIVE=K;exports.STEP_LABEL_BASE=f;exports.STEP_LABEL_INLINE=M;exports.STEP_LABEL_SIZES=h;exports.STEP_NUMBER_OFFSET=n;exports.STEP_OVERFLOW_ROOT=z;exports.STEP_STATUS_CLASSES=U;exports.STEP_VERTICAL_BODY=v;exports.STEP_VERTICAL_CONTENT=Y;exports.STEP_VERTICAL_INDICATOR_WRAP=X;exports.STEP_WRAPPER_VERTICAL=F;

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

@@ -21,20 +21,20 @@ 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 items-center";
-export declare const STEPPER_VERTICAL_CLASSES = "flex flex-col";
-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";
+export declare const STEPPER_HORIZONTAL_CLASSES = "bear-flex bear-w-full bear-items-center";
+export declare const STEPPER_VERTICAL_CLASSES = "bear-flex bear-flex-col";
+export declare const STEP_WRAPPER_HORIZONTAL = "bear-relative bear-shrink-0 bear-flex-1 bear-min-w-[80px]";
+export declare const STEP_WRAPPER_HORIZONTAL_WINDOW = "bear-relative bear-min-w-[5rem] bear-max-w-[9rem] bear-shrink-0";
+export declare const STEP_WRAPPER_VERTICAL = "bear-relative bear-flex bear-items-start bear-pb-8 last:bear-pb-0";
+export declare const STEP_INDICATOR_BASE = "Bear-Stepper__indicator bear-flex bear-items-center bear-justify-center bear-rounded-full bear-font-medium bear-transition-all";
 export declare const STEP_INDICATOR_SIZES: Record<StepperSize, string>;
 export declare const STEP_STATUS_CLASSES: Record<StepStatus, {
     indicator: string;
     label: string;
 }>;
-export declare const CONNECTOR_BASE = "Bear-Stepper__connector absolute transition-colors";
-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_BASE = "Bear-Stepper__connector bear-absolute bear-transition-colors";
+export declare const CONNECTOR_HORIZONTAL = "bear-top-4 bear-h-0.5 -bear-translate-y-1/2";
+export declare const CONNECTOR_VERTICAL = "bear-left-4 bear-top-8 bear-w-0.5 bear-h-full -bear-translate-x-1/2";
 export declare const CONNECTOR_STYLES: {
     solid: string;
     dashed: string;
@@ -43,9 +43,21 @@ export declare const CONNECTOR_STATUS: {
     pending: string;
     completed: string;
 };
-export declare const STEP_LABEL_BASE = "Bear-Stepper__label transition-colors";
+export declare const STEP_LABEL_BASE = "Bear-Stepper__label bear-transition-colors";
 export declare const STEP_LABEL_SIZES: Record<StepperSize, {
     label: string;
     description: string;
 }>;
-export declare const STEP_DESCRIPTION_CLASSES = "text-gray-500 dark:text-gray-400 mt-0.5";
+export declare const STEP_DESCRIPTION_CLASSES = "bear-text-gray-500 dark:bear-text-gray-400 bear-mt-0.5";
+export declare const STEP_CLICKABLE_CLASSES = "bear-cursor-pointer hover:bear-scale-105";
+export declare const CONNECTOR_HORIZONTAL_LAYOUT = "Bear-Stepper__connector bear-flex-1 bear-self-center bear-mx-1 bear-h-0.5 bear-min-w-[12px] bear-transition-colors";
+export declare const CONNECTOR_DASHED_CLASSES = "bear-border-t-2 bear-border-dashed bear-bg-transparent";
+export declare const STEP_CONTENT_BASE = "Bear-Stepper__content bear-flex bear-shrink-0";
+export declare const STEP_CONTENT_ALTERNATIVE = "bear-flex-col bear-items-center";
+export declare const STEP_CONTENT_INLINE = "bear-items-center bear-gap-2";
+export declare const STEP_LABEL_ALTERNATIVE = "bear-text-center bear-mt-2 bear-whitespace-nowrap";
+export declare const STEP_LABEL_INLINE = "bear-whitespace-nowrap";
+export declare const STEP_VERTICAL_INDICATOR_WRAP = "bear-flex-shrink-0 bear-mr-4";
+export declare const STEP_VERTICAL_BODY = "bear-flex-1 bear-pt-0.5";
+export declare const STEP_VERTICAL_CONTENT = "bear-mt-4";
+export declare const STEP_OVERFLOW_ROOT = "Bear-Stepper__overflow bear-shrink-0";

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

@@ -1,65 +1,77 @@
-const E = "horizontal", o = "md", s = !0, _ = !0, r = "solid", n = !1, S = !1, a = "Previous", T = "Next", c = "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", m = "Bear-Stepper__indicator flex items-center justify-center rounded-full font-medium transition-all", B = {
-  sm: "w-6 h-6 text-xs",
-  md: "w-8 h-8 text-sm",
-  lg: "w-10 h-10 text-base"
-}, F = {
+const t = "horizontal", a = "md", b = !0, E = !0, o = "solid", _ = !1, n = !1, s = "Previous", T = "Next", c = "Complete", S = (e, r) => `Step ${e} of ${r}`, L = 0, A = 1, l = 1, i = "Previous steps", O = "More steps", C = 16, N = "0 0 24 24", R = "20 6 9 17 4 12", I = 16, x = "0 0 24 24", p = "Bear-Stepper", d = "bear-flex bear-w-full bear-items-center", P = "bear-flex bear-flex-col", g = "bear-relative bear-flex bear-items-start bear-pb-8 last:bear-pb-0", m = "Bear-Stepper__indicator bear-flex bear-items-center bear-justify-center bear-rounded-full bear-font-medium bear-transition-all", B = {
+  sm: "bear-w-6 bear-h-6 bear-text-xs",
+  md: "bear-w-8 bear-h-8 bear-text-sm",
+  lg: "bear-w-10 bear-h-10 bear-text-base"
+}, f = {
   pending: {
-    indicator: "bg-gray-200 dark:bg-zinc-700 text-gray-500 dark:text-gray-400",
-    label: "text-gray-500 dark:text-gray-400"
+    indicator: "bear-bg-gray-200 dark:bear-bg-zinc-700 bear-text-gray-600 dark:bear-text-gray-400",
+    label: "bear-text-gray-500 dark:bear-text-gray-400"
   },
   active: {
-    indicator: "bg-primary-500 text-white shadow-lg shadow-primary-500/30",
-    label: "text-gray-900 dark:text-white font-medium"
+    indicator: "bear-bg-primary-500 dark:bear-bg-primary-500 bear-text-white bear-shadow-lg bear-shadow-primary-500/30",
+    label: "bear-text-gray-900 dark:bear-text-white bear-font-medium"
   },
   completed: {
-    indicator: "bg-green-500 text-white",
-    label: "text-gray-700 dark:text-gray-300"
+    indicator: "bear-bg-green-500 bear-text-white",
+    label: "bear-text-gray-700 dark:bear-text-gray-300"
   },
   error: {
-    indicator: "bg-red-500 text-white",
-    label: "text-red-500 dark:text-red-400"
+    indicator: "bear-bg-red-500 bear-text-white",
+    label: "bear-text-red-500 dark:bear-text-red-400"
   }
-}, 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"
-}, y = "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" }
-}, h = "text-gray-500 dark:text-gray-400 mt-0.5";
+}, F = "Bear-Stepper__connector bear-absolute bear-transition-colors", D = "bear-left-4 bear-top-8 bear-w-0.5 bear-h-full -bear-translate-x-1/2", h = {
+  pending: "bear-bg-gray-200 dark:bear-bg-zinc-700",
+  completed: "bear-bg-green-500"
+}, w = "Bear-Stepper__label bear-transition-colors", U = {
+  sm: { label: "bear-text-xs", description: "bear-text-[10px]" },
+  md: { label: "bear-text-sm", description: "bear-text-xs" },
+  lg: { label: "bear-text-base", description: "bear-text-sm" }
+}, y = "bear-text-gray-500 dark:bear-text-gray-400 bear-mt-0.5", V = "bear-cursor-pointer hover:bear-scale-105", u = "Bear-Stepper__connector bear-flex-1 bear-self-center bear-mx-1 bear-h-0.5 bear-min-w-[12px] bear-transition-colors", k = "bear-border-t-2 bear-border-dashed bear-bg-transparent", H = "Bear-Stepper__content bear-flex bear-shrink-0", W = "bear-flex-col bear-items-center", Z = "bear-items-center bear-gap-2", v = "bear-text-center bear-mt-2 bear-whitespace-nowrap", K = "bear-whitespace-nowrap", M = "bear-flex-shrink-0 bear-mr-4", X = "bear-flex-1 bear-pt-0.5", z = "bear-mt-4", Y = "Bear-Stepper__overflow bear-shrink-0";
 export {
-  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,
-  n as DEFAULT_CLICKABLE,
+  R as CHECK_ICON_POINTS,
+  C as CHECK_ICON_SIZE,
+  N as CHECK_ICON_VIEWBOX,
+  F as CONNECTOR_BASE,
+  k as CONNECTOR_DASHED_CLASSES,
+  u as CONNECTOR_HORIZONTAL_LAYOUT,
+  h as CONNECTOR_STATUS,
+  D as CONNECTOR_VERTICAL,
+  n as DEFAULT_ALTERNATIVE_LABEL,
+  _ as DEFAULT_CLICKABLE,
   c as DEFAULT_COMPLETE_LABEL,
-  r as DEFAULT_CONNECTOR_STYLE,
-  l as DEFAULT_INDICATOR_FORMAT,
+  o as DEFAULT_CONNECTOR_STYLE,
+  S as DEFAULT_INDICATOR_FORMAT,
   T as DEFAULT_NEXT_LABEL,
-  E as DEFAULT_ORIENTATION,
-  a as DEFAULT_PREV_LABEL,
-  _ as DEFAULT_SHOW_CONNECTORS,
-  s as DEFAULT_SHOW_NUMBERS,
-  o as DEFAULT_SIZE,
+  t as DEFAULT_ORIENTATION,
+  s as DEFAULT_PREV_LABEL,
+  E as DEFAULT_SHOW_CONNECTORS,
+  b as DEFAULT_SHOW_NUMBERS,
+  a as DEFAULT_SIZE,
   I as ERROR_ICON_SIZE,
-  N as ERROR_ICON_VIEWBOX,
+  x 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,
+  l as LAST_STEP_OFFSET,
+  i as OVERFLOW_LEFT_LABEL,
+  O as OVERFLOW_RIGHT_LABEL,
+  p as STEPPER_BASE_CLASSES,
+  d as STEPPER_HORIZONTAL_CLASSES,
   P as STEPPER_VERTICAL_CLASSES,
-  h as STEP_DESCRIPTION_CLASSES,
+  V as STEP_CLICKABLE_CLASSES,
+  W as STEP_CONTENT_ALTERNATIVE,
+  H as STEP_CONTENT_BASE,
+  Z as STEP_CONTENT_INLINE,
+  y as STEP_DESCRIPTION_CLASSES,
   m as STEP_INDICATOR_BASE,
   B as STEP_INDICATOR_SIZES,
-  y as STEP_LABEL_BASE,
-  u as STEP_LABEL_SIZES,
-  i as STEP_NUMBER_OFFSET,
-  F as STEP_STATUS_CLASSES,
-  b as STEP_WRAPPER_VERTICAL
+  v as STEP_LABEL_ALTERNATIVE,
+  w as STEP_LABEL_BASE,
+  K as STEP_LABEL_INLINE,
+  U as STEP_LABEL_SIZES,
+  A as STEP_NUMBER_OFFSET,
+  Y as STEP_OVERFLOW_ROOT,
+  f as STEP_STATUS_CLASSES,
+  X as STEP_VERTICAL_BODY,
+  z as STEP_VERTICAL_CONTENT,
+  M as STEP_VERTICAL_INDICATOR_WRAP,
+  g as STEP_WRAPPER_VERTICAL
 };

package/dist/components/Stepper/Stepper.js

@@ -1,117 +1,116 @@
-import { jsxs as i, Fragment as f, jsx as t } from "react/jsx-runtime";
-import U, { forwardRef as ie, useState as le, useEffect as se, useMemo as V } from "react";
+import { jsxs as i, Fragment as O, jsx as t } from "react/jsx-runtime";
+import F, { forwardRef as le, useState as Ee, useEffect as se, useMemo as U } from "react";
 import { useBearThemeOptional as ae, useBearDirectionOptional as ce } from "../../context/BearProvider.js";
 import { resolveMaxVisible as de } from "../../utils/maxVisible.utils.js";
-import { cn as s } from "../../utils/cn.js";
+import { cn as E } from "../../utils/cn.js";
 import { Typography as M } from "../Typography/Typography.js";
-import { Dropdown as Ee } from "../Dropdown/Dropdown.js";
-import { BearIcons as he } from "../Icon/index.js";
-import { STEP_WRAPPER_VERTICAL as _e, STEPPER_HORIZONTAL_CLASSES as me, STEPPER_VERTICAL_CLASSES as Te, STEPPER_BASE_CLASSES as fe, DEFAULT_ORIENTATION as Se, DEFAULT_SIZE as Ie, DEFAULT_SHOW_NUMBERS as Oe, DEFAULT_CLICKABLE as Ce, DEFAULT_SHOW_CONNECTORS as Ne, DEFAULT_CONNECTOR_STYLE as ue, DEFAULT_ALTERNATIVE_LABEL as Ae, CONNECTOR_STATUS as S, CONNECTOR_VERTICAL as Le, CONNECTOR_BASE as ge, OVERFLOW_LEFT_LABEL as Re, OVERFLOW_RIGHT_LABEL as pe, STEP_STATUS_CLASSES as u, STEP_INDICATOR_SIZES as ve, STEP_INDICATOR_BASE as z, STEP_LABEL_SIZES as we, STEP_LABEL_BASE as be, STEP_DESCRIPTION_CLASSES as Be, ERROR_ICON_VIEWBOX as Pe, ERROR_ICON_SIZE as Z, CHECK_ICON_VIEWBOX as ye, CHECK_ICON_SIZE as K, CHECK_ICON_POINTS as He } from "./Stepper.const.js";
-import { resolveStepStatus as k, resolveIndicatorContent as We } from "./Stepper.utils.js";
-const Fe = 1200, De = 16, Ue = 640, x = 3, Ve = () => /* @__PURE__ */ t("svg", { width: K, height: K, viewBox: ye, fill: "none", stroke: "currentColor", strokeWidth: "3", children: /* @__PURE__ */ t("polyline", { points: He }) }), Me = () => /* @__PURE__ */ i("svg", { width: Z, height: Z, viewBox: Pe, fill: "none", stroke: "currentColor", strokeWidth: "3", children: [
+import { Dropdown as _e } from "../Dropdown/Dropdown.js";
+import { BearIcons as Te } from "../Icon/index.js";
+import { STEP_WRAPPER_VERTICAL as he, STEPPER_HORIZONTAL_CLASSES as Ne, STEPPER_VERTICAL_CLASSES as Oe, STEPPER_BASE_CLASSES as Se, DEFAULT_ORIENTATION as Ce, DEFAULT_SIZE as Ie, DEFAULT_SHOW_NUMBERS as Ae, DEFAULT_CLICKABLE as Le, DEFAULT_SHOW_CONNECTORS as me, DEFAULT_CONNECTOR_STYLE as Re, DEFAULT_ALTERNATIVE_LABEL as fe, STEP_LABEL_ALTERNATIVE as ue, STEP_LABEL_INLINE as ge, STEP_CONTENT_ALTERNATIVE as Pe, STEP_CONTENT_INLINE as ve, STEP_CONTENT_BASE as Be, CONNECTOR_DASHED_CLASSES as Z, CONNECTOR_STATUS as S, CONNECTOR_HORIZONTAL_LAYOUT as we, CONNECTOR_VERTICAL as be, CONNECTOR_BASE as pe, STEP_OVERFLOW_ROOT as He, OVERFLOW_LEFT_LABEL as We, OVERFLOW_RIGHT_LABEL as De, STEP_STATUS_CLASSES as m, STEP_INDICATOR_SIZES as Ve, STEP_INDICATOR_BASE as z, STEP_VERTICAL_INDICATOR_WRAP as ye, STEP_VERTICAL_BODY as Fe, STEP_VERTICAL_CONTENT as Ue, STEP_CLICKABLE_CLASSES as Me, STEP_LABEL_SIZES as Ze, STEP_LABEL_BASE as ze, STEP_DESCRIPTION_CLASSES as Ke, ERROR_ICON_VIEWBOX as Xe, ERROR_ICON_SIZE as K, CHECK_ICON_VIEWBOX as Ye, CHECK_ICON_SIZE as X, CHECK_ICON_POINTS as je } from "./Stepper.const.js";
+import { resolveStepStatus as Y, resolveIndicatorContent as $e } from "./Stepper.utils.js";
+const ke = 1200, Ge = 16, qe = 640, j = 3, Je = () => /* @__PURE__ */ t("svg", { width: X, height: X, viewBox: Ye, fill: "none", stroke: "currentColor", strokeWidth: "3", children: /* @__PURE__ */ t("polyline", { points: je }) }), Qe = () => /* @__PURE__ */ i("svg", { width: K, height: K, viewBox: Xe, fill: "none", stroke: "currentColor", strokeWidth: "3", children: [
   /* @__PURE__ */ t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
   /* @__PURE__ */ t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-] }), ze = ie(
+] }), xe = le(
   ({
     steps: o,
-    activeStep: E,
-    onStepClick: h,
-    orientation: X = Se,
-    size: A = Ie,
-    showNumbers: j = Oe,
-    clickable: L = Ce,
-    showConnectors: $ = Ne,
-    connectorStyle: g = ue,
-    alternativeLabel: R = Ae,
-    completedIcon: G,
-    errorIcon: Y,
-    labelTypographyProps: q,
-    descriptionTypographyProps: J,
-    maxVisibleSteps: I,
-    testId: Q,
-    className: ee,
-    ...re
-  }, ne) => {
-    const p = ae(), { direction: v } = ce(), [O, te] = le(() => typeof window < "u" ? window.innerWidth : Fe);
+    activeStep: d,
+    onStepClick: _,
+    orientation: $ = Ce,
+    size: R = Ie,
+    showNumbers: k = Ae,
+    clickable: f = Le,
+    showConnectors: G = me,
+    connectorStyle: u = Re,
+    alternativeLabel: g = fe,
+    completedIcon: q,
+    errorIcon: J,
+    labelTypographyProps: Q,
+    descriptionTypographyProps: x,
+    maxVisibleSteps: C,
+    testId: ee,
+    className: re,
+    ...ne
+  }, te) => {
+    const P = ae(), { direction: v } = ce(), [I, oe] = Ee(() => typeof window < "u" ? window.innerWidth : ke);
     se(() => {
-      const e = () => te(window.innerWidth);
+      const e = () => oe(window.innerWidth);
       return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
     }, []);
-    const _ = V(() => {
-      if (I != null)
-        return de(I, { width: O, theme: p });
-      if (O < Ue && o.length > x)
-        return x;
-    }, [I, O, p, o.length]), d = X === "horizontal", w = ve[A], b = we[A], m = d && _ != null && o.length > _, { visibleIndices: B, leftHidden: P, rightHidden: C } = V(() => {
-      if (!m || _ == null)
+    const T = U(() => {
+      if (C != null)
+        return de(C, { width: I, theme: P });
+      if (I < qe && o.length > j)
+        return j;
+    }, [C, I, P, o.length]), c = $ === "horizontal", B = Ve[R], w = Ze[R], h = c && T != null && o.length > T, { visibleIndices: b, leftHidden: p, rightHidden: A } = U(() => {
+      if (!h || T == null)
         return {
-          visibleIndices: o.map((c, N) => N),
+          visibleIndices: o.map((a, L) => L),
           leftHidden: [],
           rightHidden: []
         };
-      const e = _, r = Math.floor(e / 2), n = Math.max(0, Math.min(E - r, o.length - e)), l = Array.from({ length: e }, (c, N) => n + N), a = [], D = [];
-      for (let c = 0; c < n; c++) a.push(c);
-      for (let c = n + e; c < o.length; c++) D.push(c);
-      return { visibleIndices: l, leftHidden: a, rightHidden: D };
-    }, [m, _, o, E]), y = (e, r, n) => {
-      const l = u[n], a = We(
+      const e = T, r = Math.floor(e / 2), n = Math.max(0, Math.min(d - r, o.length - e)), l = Array.from({ length: e }, (a, L) => n + L), s = [], y = [];
+      for (let a = 0; a < n; a++) s.push(a);
+      for (let a = n + e; a < o.length; a++) y.push(a);
+      return { visibleIndices: l, leftHidden: s, rightHidden: y };
+    }, [h, T, o, d]), H = (e, r, n) => {
+      const l = m[n], s = $e(
         e,
         r,
         n,
-        j,
-        G,
-        Y,
-        /* @__PURE__ */ t(Ve, {}),
-        /* @__PURE__ */ t(Me, {})
+        k,
+        q,
+        J,
+        /* @__PURE__ */ t(Je, {}),
+        /* @__PURE__ */ t(Qe, {})
       );
       return /* @__PURE__ */ t(
         "div",
         {
-          className: s(
+          className: E(
             z,
-            w,
+            B,
             l.indicator,
-            L && !e.disabled && "cursor-pointer hover:scale-105"
+            f && !e.disabled && Me
           ),
           onClick: () => {
-            L && !e.disabled && h && h(r);
+            f && !e.disabled && _ && _(r);
           },
-          children: a
+          children: s
         }
       );
-    }, T = (e, r) => {
-      if (!$ || r) return null;
-      const n = e < E;
-      return d ? /* @__PURE__ */ t(
+    }, N = (e, r) => {
+      if (!G || r) return null;
+      const n = e < d;
+      return c ? /* @__PURE__ */ t(
         "div",
         {
-          className: s(
-            "Bear-Stepper__connector flex-1 self-center mx-1",
-            "h-0.5 min-w-[12px] transition-colors",
+          className: E(
+            we,
             n ? S.completed : S.pending,
-            g === "dashed" && "border-t-2 border-dashed bg-transparent"
+            u === "dashed" && Z
           )
         }
       ) : /* @__PURE__ */ t(
         "div",
         {
-          className: s(
-            ge,
-            Le,
+          className: E(
+            pe,
+            be,
             n ? S.completed : S.pending,
-            g === "dashed" && "border-t-2 border-dashed bg-transparent"
+            u === "dashed" && Z
           )
         }
       );
-    }, H = (e, r) => {
-      const n = u[r], l = { ...q, ...e.labelTypographyProps }, a = { ...J, ...e.descriptionTypographyProps };
-      return /* @__PURE__ */ i(f, { children: [
+    }, W = (e, r) => {
+      const n = m[r], l = { ...Q, ...e.labelTypographyProps }, s = { ...x, ...e.descriptionTypographyProps };
+      return /* @__PURE__ */ i(O, { children: [
         /* @__PURE__ */ t(
           M,
           {
             variant: "body2",
             ...l,
-            className: s(be, b.label, n.label, l == null ? void 0 : l.className),
+            className: E(ze, w.label, n.label, l == null ? void 0 : l.className),
             children: e.label
           }
         ),
@@ -119,29 +118,38 @@ const Fe = 1200, De = 16, Ue = 640, x = 3, Ve = () => /* @__PURE__ */ t("svg", {
           M,
           {
             variant: "caption",
-            ...a,
-            className: s(Be, b.description, a == null ? void 0 : a.className),
+            ...s,
+            className: E(Ke, w.description, s == null ? void 0 : s.className),
             children: e.description
           }
         )
       ] });
-    }, W = (e, r) => {
-      const n = k(e, r, E);
-      return /* @__PURE__ */ i("div", { className: s("Bear-Stepper__content flex shrink-0", R ? "flex-col items-center" : "items-center gap-2"), children: [
-        y(e, r, n),
-        /* @__PURE__ */ t("div", { className: s(R && "text-center mt-2", "whitespace-nowrap"), children: H(e, n) })
-      ] });
-    }, oe = (e, r) => {
-      const n = k(e, r, E);
-      return /* @__PURE__ */ i(f, { children: [
-        /* @__PURE__ */ t("div", { className: "flex-shrink-0 mr-4", children: y(e, r, n) }),
-        /* @__PURE__ */ i("div", { className: "flex-1 pt-0.5", children: [
-          H(e, n),
-          e.content && n === "active" && /* @__PURE__ */ t("div", { className: "mt-4", children: e.content })
+    }, D = (e, r) => {
+      const n = Y(e, r, d);
+      return /* @__PURE__ */ i(
+        "div",
+        {
+          className: E(
+            Be,
+            g ? Pe : ve
+          ),
+          children: [
+            H(e, r, n),
+            /* @__PURE__ */ t("div", { className: E(g ? ue : ge), children: W(e, n) })
+          ]
+        }
+      );
+    }, ie = (e, r) => {
+      const n = Y(e, r, d);
+      return /* @__PURE__ */ i(O, { children: [
+        /* @__PURE__ */ t("div", { className: ye, children: H(e, r, n) }),
+        /* @__PURE__ */ i("div", { className: Fe, children: [
+          W(e, n),
+          e.content && n === "active" && /* @__PURE__ */ t("div", { className: Ue, children: e.content })
         ] })
       ] });
-    }, F = (e, r) => /* @__PURE__ */ t("div", { className: "Bear-Stepper__overflow shrink-0", children: /* @__PURE__ */ t(
-      Ee,
+    }, V = (e, r) => /* @__PURE__ */ t("div", { className: He, children: /* @__PURE__ */ t(
+      _e,
       {
         placement: "bottom-start",
         closeOnSelect: !0,
@@ -149,14 +157,14 @@ const Fe = 1200, De = 16, Ue = 640, x = 3, Ve = () => /* @__PURE__ */ t("svg", {
           "button",
           {
             type: "button",
-            className: s(
+            className: E(
               z,
-              w,
-              u.pending.indicator,
+              B,
+              m.pending.indicator,
               "bear-cursor-pointer bear-border-0"
             ),
-            "aria-label": r === "left" ? Re : pe,
-            children: /* @__PURE__ */ t(he.MoreHorizIcon, { size: De })
+            "aria-label": r === "left" ? We : De,
+            children: /* @__PURE__ */ t(Te.MoreHorizIcon, { size: Ge })
           }
         ),
         items: e.map((n) => ({
@@ -164,7 +172,7 @@ const Fe = 1200, De = 16, Ue = 640, x = 3, Ve = () => /* @__PURE__ */ t("svg", {
           label: o[n].label,
           disabled: o[n].disabled,
           onClick: () => {
-            o[n].disabled || h == null || h(n);
+            o[n].disabled || _ == null || _(n);
           }
         }))
       }
@@ -172,45 +180,45 @@ const Fe = 1200, De = 16, Ue = 640, x = 3, Ve = () => /* @__PURE__ */ t("svg", {
     return /* @__PURE__ */ i(
       "div",
       {
-        ref: ne,
+        ref: te,
         dir: v,
-        className: s(
-          fe,
-          d ? me : Te,
-          v === "rtl" && d && "bear-flex-row-reverse",
-          ee
+        className: E(
+          Se,
+          c ? Ne : Oe,
+          v === "rtl" && c && "bear-flex-row-reverse",
+          re
         ),
-        "data-testid": Q,
-        ...re,
+        "data-testid": ee,
+        ...ne,
         children: [
-          d && !m && o.map((e, r) => /* @__PURE__ */ i(U.Fragment, { children: [
-            W(e, r),
-            T(r, r === o.length - 1)
+          c && !h && o.map((e, r) => /* @__PURE__ */ i(F.Fragment, { children: [
+            D(e, r),
+            N(r, r === o.length - 1)
           ] }, r)),
-          d && m && /* @__PURE__ */ i(f, { children: [
-            P.length > 0 && /* @__PURE__ */ i(f, { children: [
-              F(P, "left"),
-              T(-1, !1)
+          c && h && /* @__PURE__ */ i(O, { children: [
+            p.length > 0 && /* @__PURE__ */ i(O, { children: [
+              V(p, "left"),
+              N(-1, !1)
             ] }),
-            B.map((e, r) => {
-              const n = o[e], l = r === B.length - 1 && C.length === 0;
-              return /* @__PURE__ */ i(U.Fragment, { children: [
-                W(n, e),
-                T(e, l)
+            b.map((e, r) => {
+              const n = o[e], l = r === b.length - 1 && A.length === 0;
+              return /* @__PURE__ */ i(F.Fragment, { children: [
+                D(n, e),
+                N(e, l)
               ] }, e);
             }),
-            C.length > 0 && F(C, "right")
+            A.length > 0 && V(A, "right")
           ] }),
-          !d && o.map((e, r) => /* @__PURE__ */ i("div", { className: s("Bear-Stepper__step", _e), children: [
-            oe(e, r),
-            T(r, r === o.length - 1)
+          !c && o.map((e, r) => /* @__PURE__ */ i("div", { className: E("Bear-Stepper__step", he), children: [
+            ie(e, r),
+            N(r, r === o.length - 1)
           ] }, r))
         ]
       }
     );
   }
 );
-ze.displayName = "Stepper";
+xe.displayName = "Stepper";
 export {
-  ze as Stepper
+  xe as Stepper
 };

package/dist/styles.css

@@ -169354,22 +169354,6 @@
   font-size: 10px;
 }
 
-.bear-min-w-\[12px\] {
-  min-width: 12px;
-}
-
-.bear-min-w-\[80px\] {
-  min-width: 80px;
-}
-
-.bear-min-w-\[5rem\] {
-  min-width: 5rem;
-}
-
-.bear-max-w-\[9rem\] {
-  max-width: 9rem;
-}
-
 .bear-min-h-\[100px\] {
   min-height: 100px;
 }
@@ -169390,6 +169374,10 @@
   z-index: 9999;
 }
 
+.bear-min-w-\[80px\] {
+  min-width: 80px;
+}
+
 .bear-min-w-\[140px\] {
   min-width: 140px;
 }
@@ -170242,6 +170230,22 @@
   color: #111827;
 }
 
+.last\:bear-pb-0:last-child {
+  padding-bottom: 0px;
+}
+
+.dark .dark\:bear-bg-primary-500, .bear-dark .dark\:bear-bg-primary-500 {
+  background-color: var(--bear-primary-500);
+}
+
+.hover\:bear-scale-105:hover {
+  scale: 1.05;
+}
+
+.hover\:bear-bg-white\/30:hover {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
 .dark .dark\:bear-bg-yellow-800, .bear-dark .dark\:bear-bg-yellow-800 {
   background-color: #854d0e;
 }
@@ -170829,10 +170833,6 @@
   color: #d4d4d8;
 }
 
-.hover\:bear-scale-105:hover {
-  scale: 1.05;
-}
-
 .dark .dark\:bear-border-white, .bear-dark .dark\:bear-border-white {
   border-color: #ffffff;
 }
@@ -171264,6 +171264,14 @@
   color: transparent;
 }
 
+.bear-text-white\/80 {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bear-bg-white\/20 {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
 .bear-bg-black\/50 {
   background-color: rgba(0, 0, 0, 0.5);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgedevstack/bear",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "description": "Strong, reliable React UI components. AeroCraft-powered, zero config required. The protective force of ForgeStack.",
   "type": "module",
   "main": "./dist/index.cjs",