@forgedevstack/bear 1.2.8 → 1.3.0

package/dist/components/Snackbar/Snackbar.js

@@ -1,63 +1,63 @@
-import { jsxs as n, Fragment as z, jsx as r } from "react/jsx-runtime";
-import { createPortal as L } from "react-dom";
+import { jsxs as n, Fragment as w, jsx as r } from "react/jsx-runtime";
+import { createPortal as z } from "react-dom";
 import { cn as U } from "../../utils/cn.js";
 import "react";
 import { resolveBearId as X } from "../../utils/generateBearId.utils.js";
 import { useBearId as Z } from "../../utils/useBearId.js";
 import { getBearLiveRegionProps as j } from "../../utils/liveRegion.utils.js";
-import { Paper as H } from "../Paper/Paper.js";
-import { Flex as d } from "../Flex/Flex.js";
-import { Typography as A } from "../Typography/Typography.js";
-import { Progress as G } from "../Progress/Progress.js";
+import { Paper as G } from "../Paper/Paper.js";
+import { Flex as m } from "../Flex/Flex.js";
+import { Typography as g } from "../Typography/Typography.js";
+import { Progress as H } from "../Progress/Progress.js";
 import { CloseButton as M } from "../CloseButton/CloseButton.js";
-import { SNACKBAR_DEFAULT_AUTO_HIDE_MS as V, SNACKBAR_DEFAULT_OFFSET_X as Y, SNACKBAR_DEFAULT_OFFSET_Y as q, SNACKBAR_BACKDROP_Z_INDEX as J, SNACKBAR_SIZE_PADDING as Q, SNACKBAR_SURFACE_CLASSES as W, SNACKBAR_ROOT_CLASS as $, SNACKBAR_Z_INDEX as ee } from "./Snackbar.const.js";
-import { useSnackbar as re } from "./hooks/useSnackbar.js";
-const oe = (i, o, a, t) => {
-  const e = { zIndex: ee };
+import { SNACKBAR_DEFAULT_AUTO_HIDE_MS as V, SNACKBAR_DEFAULT_OFFSET_X as Y, SNACKBAR_DEFAULT_OFFSET_Y as q, SNACKBAR_BACKDROP_Z_INDEX as J, SNACKBAR_PAPER_BACKGROUND as Q, SNACKBAR_DESCRIPTION_COLOR as W, SNACKBAR_SIZE_PADDING as $, SNACKBAR_BORDER_CLASSES as ee, SNACKBAR_SURFACE_CLASSES as re, SNACKBAR_SEVERITY_MODIFIER as oe, SNACKBAR_ROOT_CLASS as ae, SNACKBAR_Z_INDEX as te } from "./Snackbar.const.js";
+import { useSnackbar as se } from "./hooks/useSnackbar.js";
+const ne = (i, o, a, t) => {
+  const e = { zIndex: te };
   return i === "top" ? e.top = t : e.bottom = t, o === "left" ? (e.left = a, e.right = "auto") : o === "right" ? (e.right = a, e.left = "auto") : (e.left = "50%", e.right = "auto", e.transform = "translateX(-50%)"), e;
-}, ge = (i) => {
+}, Ce = (i) => {
   const {
     open: o,
     message: a,
     description: t,
     severity: e = "default",
-    action: m,
-    autoHideDuration: h = V,
+    action: d,
+    autoHideDuration: B = V,
     onClose: l,
-    anchorOrigin: f = { vertical: "bottom", horizontal: "center" },
-    offsetX: B = Y,
+    anchorOrigin: _ = { vertical: "bottom", horizontal: "center" },
+    offsetX: C = Y,
     offsetY: N = q,
-    size: C = "md",
-    progress: k = null,
-    progressPosition: p = "bottom",
-    progressColor: v = "default",
-    countdownProgress: R = !1,
-    showCloseButton: O,
-    closeOnClickOutside: x,
+    size: R = "md",
+    progress: h = null,
+    progressPosition: S = "bottom",
+    progressColor: O = "default",
+    countdownProgress: k = !1,
+    showCloseButton: E,
+    closeOnClickOutside: I,
     container: D,
-    id: I,
-    testId: y,
-    className: E
-  } = i, F = Z("Snackbar"), P = X(I, F), u = D ?? (typeof document < "u" ? document.body : null), s = !!l, K = O ?? s, b = x ?? s, { surfaceRef: T, progressValue: _ } = re({
+    id: v,
+    testId: K,
+    className: P
+  } = i, x = Z("Snackbar"), y = X(v, x), f = D ?? (typeof document < "u" ? document.body : null), s = !!l, F = E ?? s, p = I ?? s, { surfaceRef: T, progressValue: u } = se({
     open: o,
-    autoHideDuration: h,
+    autoHideDuration: B,
     onClose: l,
-    countdownProgress: R,
-    staticProgress: k,
-    closeOnClickOutside: b
+    countdownProgress: k,
+    staticProgress: h,
+    closeOnClickOutside: p
   });
-  if (!o || !u)
+  if (!o || !f)
     return null;
-  const g = j(e), c = typeof _ == "number", S = c ? /* @__PURE__ */ r(
-    G,
+  const A = j(e), c = typeof u == "number", b = c ? /* @__PURE__ */ r(
+    H,
     {
-      value: _,
+      value: u,
       size: "sm",
-      color: v,
+      color: O,
       className: "Bear-Snackbar__progress"
     }
-  ) : null, w = /* @__PURE__ */ n(z, { children: [
-    b && s && /* @__PURE__ */ r(
+  ) : null, L = /* @__PURE__ */ n(w, { children: [
+    p && s && /* @__PURE__ */ r(
       "div",
       {
         className: "Bear-Snackbar__backdrop bear-fixed bear-inset-0",
@@ -66,35 +66,36 @@ const oe = (i, o, a, t) => {
       }
     ),
     /* @__PURE__ */ n(
-      H,
+      G,
       {
         ref: T,
-        id: P,
-        "data-testid": y,
-        role: g.role,
-        "aria-live": g["aria-live"],
+        id: y,
+        "data-testid": K,
+        role: A.role,
+        "aria-live": A["aria-live"],
         elevation: 4,
         rounded: "lg",
         padding: "none",
-        background: "transparent",
+        background: Q,
         className: U(
-          $,
-          W,
+          ae,
+          oe[e],
+          re,
+          ee,
           "bear-fixed bear-flex bear-flex-col bear-overflow-hidden",
-          "bear-border bear-border-[var(--bear-border-default)]",
-          Q[C],
-          E
+          $[R],
+          P
         ),
-        style: oe(f.vertical, f.horizontal, B, N),
+        style: ne(_.vertical, _.horizontal, C, N),
         children: [
-          c && p === "top" && S,
-          /* @__PURE__ */ n(d, { className: "Bear-Snackbar__content bear-w-full", align: "center", gap: 3, children: [
-            /* @__PURE__ */ n(d, { direction: "column", className: "Bear-Snackbar__text bear-flex-1 bear-min-w-0", gap: 1, children: [
-              a && /* @__PURE__ */ r(A, { variant: "body2", className: "Bear-Snackbar__message", children: a }),
-              t && /* @__PURE__ */ r(A, { variant: "caption", color: "muted", className: "Bear-Snackbar__description", children: t })
+          c && S === "top" && b,
+          /* @__PURE__ */ n(m, { className: "Bear-Snackbar__content bear-w-full", align: "center", gap: 3, children: [
+            /* @__PURE__ */ n(m, { direction: "column", className: "Bear-Snackbar__text bear-flex-1 bear-min-w-0", gap: 1, children: [
+              a && /* @__PURE__ */ r(g, { variant: "body2", className: "Bear-Snackbar__message", children: a }),
+              t && /* @__PURE__ */ r(g, { variant: "caption", color: W, className: "Bear-Snackbar__description", children: t })
             ] }),
-            m && /* @__PURE__ */ r(d, { className: "Bear-Snackbar__action bear-shrink-0", align: "center", children: m }),
-            K && s && /* @__PURE__ */ r(
+            d && /* @__PURE__ */ r(m, { className: "Bear-Snackbar__action bear-shrink-0", align: "center", children: d }),
+            F && s && /* @__PURE__ */ r(
               M,
               {
                 size: "sm",
@@ -104,13 +105,13 @@ const oe = (i, o, a, t) => {
               }
             )
           ] }),
-          c && p === "bottom" && S
+          c && S === "bottom" && b
         ]
       }
     )
   ] });
-  return L(w, u);
+  return z(L, f);
 };
 export {
-  ge as Snackbar
+  Ce as Snackbar
 };

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
 };