@forgedevstack/bear 1.2.0 → 1.2.2

package/dist/components/Popover/Popover.js

@@ -1,11 +1,11 @@
-import { jsxs as x, jsx as E } from "react/jsx-runtime";
-import { useState as k, useRef as z, useCallback as B, useEffect as u } from "react";
+import { jsxs as g, jsx as x } from "react/jsx-runtime";
+import { useState as L, useRef as k, useCallback as B, useEffect as u } from "react";
 import { createPortal as T } from "react-dom";
 import { cn as c } from "../../utils/cn.js";
-const W = 1e4;
+const W = 11e3;
 function Z(b, t, a) {
-  const e = { position: "fixed", zIndex: W }, s = b.split("-")[0], r = b.includes("start"), o = b.includes("end");
-  return s === "bottom" ? (e.top = t.bottom + a, r ? e.left = t.left : o ? e.left = t.right : e.left = t.left + t.width / 2) : s === "top" ? (e.bottom = window.innerHeight - t.top + a, r ? e.left = t.left : o ? e.left = t.right : e.left = t.left + t.width / 2) : s === "left" ? (e.right = window.innerWidth - t.left + a, r ? e.top = t.top : o ? e.bottom = window.innerHeight - t.bottom : e.top = t.top + t.height / 2) : (e.left = t.right + a, r ? e.top = t.top : o ? e.bottom = window.innerHeight - t.bottom : e.top = t.top + t.height / 2), s === "bottom" || s === "top" ? !r && !o ? e.transform = "translateX(-50%)" : o && (e.transform = "translateX(-100%)") : !r && !o ? e.transform = "translateY(-50%)" : o && (e.transform = "translateY(-100%)"), e;
+  const e = { position: "fixed", zIndex: W }, s = b.split("-")[0], n = b.includes("start"), o = b.includes("end");
+  return s === "bottom" ? (e.top = t.bottom + a, n ? e.left = t.left : o ? e.left = t.right : e.left = t.left + t.width / 2) : s === "top" ? (e.bottom = window.innerHeight - t.top + a, n ? e.left = t.left : o ? e.left = t.right : e.left = t.left + t.width / 2) : s === "left" ? (e.right = window.innerWidth - t.left + a, n ? e.top = t.top : o ? e.bottom = window.innerHeight - t.bottom : e.top = t.top + t.height / 2) : (e.left = t.right + a, n ? e.top = t.top : o ? e.bottom = window.innerHeight - t.bottom : e.top = t.top + t.height / 2), s === "bottom" || s === "top" ? !n && !o ? e.transform = "translateX(-50%)" : o && (e.transform = "translateX(-100%)") : !n && !o ? e.transform = "translateY(-50%)" : o && (e.transform = "translateY(-100%)"), e;
 }
 const F = ({
   children: b,
@@ -13,36 +13,41 @@ const F = ({
   placement: a = "bottom",
   trigger: e = "click",
   open: s,
-  onOpenChange: r,
+  onOpenChange: n,
   className: o,
-  contentClassName: L,
+  contentClassName: z,
   arrow: N = !0,
   closeOnClickOutside: p = !0,
   closeOnEscape: m = !0,
-  offset: h = 8
+  offset: w = 8
 }) => {
-  const [I, M] = k(!1), [P, R] = k({}), f = z(null), v = z(null), i = s !== void 0 ? s : I, l = B((n) => {
-    M(n), r == null || r(n);
-  }, [r]);
+  const [I, M] = L(!1), [P, R] = L({}), d = k(null), h = k(null), i = s !== void 0 ? s : I, l = B((r) => {
+    M(r), n == null || n(r);
+  }, [n]);
   u(() => {
-    if (i && f.current) {
-      const n = f.current.getBoundingClientRect();
-      R(Z(a, n, h));
-    }
-  }, [i, a, h]), u(() => {
+    if (!i || !d.current) return;
+    const r = () => {
+      if (!d.current) return;
+      const f = d.current.getBoundingClientRect();
+      R(Z(a, f, w));
+    };
+    return r(), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), () => {
+      window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
+    };
+  }, [i, a, w]), u(() => {
     if (!p) return;
-    const n = (d) => {
-      var y, g;
-      const w = d.target;
-      (y = f.current) != null && y.contains(w) || (g = v.current) != null && g.contains(w) || l(!1);
+    const r = (f) => {
+      var E, y;
+      const v = f.target;
+      (E = d.current) != null && E.contains(v) || (y = h.current) != null && y.contains(v) || l(!1);
     };
-    return i && document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
+    return i && document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
   }, [i, p, l]), u(() => {
     if (!m) return;
-    const n = (d) => {
-      d.key === "Escape" && l(!1);
+    const r = (f) => {
+      f.key === "Escape" && l(!1);
     };
-    return i && document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+    return i && document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
   }, [i, m, l]);
   const S = () => {
     e === "click" && l(!i);
@@ -56,33 +61,33 @@ const F = ({
     left: "bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-border-l-zinc-700 bear-border-y-transparent bear-border-r-transparent",
     right: "bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-border-r-zinc-700 bear-border-y-transparent bear-border-l-transparent"
   }, D = a.split("-")[0], Y = i && typeof document < "u" && T(
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ g(
       "div",
       {
-        ref: v,
+        ref: h,
         "data-bear-popover": !0,
         className: c(
           "bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3",
-          L
+          z
         ),
         style: P,
         children: [
           t,
-          N && /* @__PURE__ */ E("div", { className: c("bear-absolute bear-w-0 bear-h-0 bear-border-8", j[D]) })
+          N && /* @__PURE__ */ x("div", { className: c("bear-absolute bear-w-0 bear-h-0 bear-border-8", j[D]) })
         ]
       }
     ),
     document.body
   );
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ g(
     "div",
     {
-      ref: f,
+      ref: d,
       className: c("bear-relative bear-inline-block", o),
       onMouseEnter: H,
       onMouseLeave: X,
       children: [
-        /* @__PURE__ */ E("div", { onClick: S, className: "bear-cursor-pointer", children: b }),
+        /* @__PURE__ */ x("div", { onClick: S, className: "bear-cursor-pointer", children: b }),
         Y
       ]
     }

package/dist/components/Portal/Portal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),a=require("react-dom"),c=({children:e,target:o,disabled:u=!1})=>{const[s,n]=r.useState(!1);return r.useEffect(()=>{n(!0)},[]),u||!s?t.jsx(t.Fragment,{children:e}):a.createPortal(e,o??document.body)};exports.Portal=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react-dom"),u=({children:e,target:r,disabled:o=!1})=>o?t.jsx(t.Fragment,{children:e}):typeof document>"u"?null:n.createPortal(e,r??document.body);exports.Portal=u;

package/dist/components/Portal/Portal.d.ts

@@ -1,10 +1,7 @@
 import { FC, ReactNode } from 'react';
 export interface PortalProps {
-    /** Content to render in the portal */
     children: ReactNode;
-    /** Target DOM element (defaults to document.body) */
     target?: HTMLElement | null;
-    /** Disable portalling — render inline instead */
     disabled?: boolean;
 }
 export declare const Portal: FC<PortalProps>;

package/dist/components/Portal/Portal.js

@@ -1,12 +1,6 @@
-import { jsx as f, Fragment as s } from "react/jsx-runtime";
-import { useState as u, useEffect as a } from "react";
-import { createPortal as n } from "react-dom";
-const i = ({ children: t, target: e, disabled: o = !1 }) => {
-  const [r, m] = u(!1);
-  return a(() => {
-    m(!0);
-  }, []), o || !r ? /* @__PURE__ */ f(s, { children: t }) : n(t, e ?? document.body);
-};
+import { jsx as o, Fragment as n } from "react/jsx-runtime";
+import { createPortal as f } from "react-dom";
+const a = ({ children: r, target: t, disabled: e = !1 }) => e ? /* @__PURE__ */ o(n, { children: r }) : typeof document > "u" ? null : f(r, t ?? document.body);
 export {
-  i as Portal
+  a as Portal
 };

package/dist/components/Select/Select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),s=require("../../utils/cn.cjs"),j=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const m=require("../Icon/index.cjs"),p={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},N=({options:u,value:a,onChange:t,placeholder:v="Select an option",label:i,error:l,disabled:o=!1,size:y="md",fullWidth:g=!1,className:h})=>{const[c,d]=n.useState(!1),f=n.useRef(null),x=!!l,b=u.find(e=>e.value===a),k=n.useCallback(()=>d(!1),[]);j.useClickOutside(f,k);const w=e=>{t==null||t(e),d(!1)};return r.jsxs("div",{ref:f,className:s.cn("bear-relative bear-flex bear-flex-col bear-gap-1.5",g&&"bear-w-full"),children:[i&&r.jsx("label",{className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:i}),r.jsxs("button",{type:"button",disabled:o,onClick:()=>!o&&d(!c),className:s.cn("bear-flex bear-items-center bear-justify-between bear-w-full","bear-rounded-lg bear-border bear-text-left bear-outline-none bear-transition-all bear-duration-200","focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",x?"bear-border-red-500 focus:bear-ring-red-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",o&&"bear-opacity-50 bear-cursor-not-allowed",p[y],h),style:{backgroundColor:"var(--bear-bg-primary)",borderColor:x?void 0:"var(--bear-border-default)",color:b?"var(--bear-text-primary)":"var(--bear-text-muted)"},children:[r.jsx("span",{children:(b==null?void 0:b.label)||v}),r.jsx(m.ChevronDownIcon,{className:s.cn("bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform",c&&"bear-rotate-180"),style:{color:"var(--bear-text-muted)"}})]}),c&&r.jsx("div",{className:"bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden bear-top-full",style:{backgroundColor:"var(--bear-bg-primary)",borderColor:"var(--bear-border-default)"},children:r.jsx("div",{className:"bear-max-h-60 bear-overflow-y-auto",children:u.map(e=>r.jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>!e.disabled&&w(e.value),className:s.cn("bear-flex bear-items-center bear-justify-between bear-w-full bear-px-4 bear-py-2","bear-text-left bear-transition-colors",e.disabled&&"bear-cursor-not-allowed",e.value===a&&"bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",!e.disabled&&e.value!==a&&"hover:bear-bg-[var(--bear-bg-tertiary)]"),style:e.disabled?{color:"var(--bear-text-muted)"}:e.value===a?void 0:{color:"var(--bear-text-secondary)"},children:[e.label,e.value===a&&r.jsx(m.CheckIcon,{className:"bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400"})]},e.value))})}),l&&r.jsx("p",{className:"bear-text-sm bear-text-red-500",children:l})]})};exports.Select=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),o=require("../../utils/cn.cjs"),S=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const g=require("../Icon/index.cjs"),R=require("../Portal/Portal.cjs"),E={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},P=({options:x,value:s,onChange:n,placeholder:y="Select an option",label:m,error:d,disabled:i=!1,size:j="md",fullWidth:k=!1,className:p})=>{const[a,c]=t.useState(!1),[u,C]=t.useState({top:0,left:0,width:0}),f=t.useRef(null),v=t.useRef(null),w=!!d,l=x.find(e=>e.value===s),N=t.useCallback(()=>c(!1),[]);S.useClickOutsideMultiple([f,v],N,{enabled:a});const q=e=>{n==null||n(e),c(!1)};return t.useEffect(()=>{if(!a)return;const e=()=>{var h;const b=(h=f.current)==null?void 0:h.getBoundingClientRect();b&&C({top:b.bottom+4,left:Math.max(8,Math.min(b.left,window.innerWidth-b.width-8)),width:b.width})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[a]),r.jsxs("div",{ref:f,className:o.cn("bear-relative bear-flex bear-flex-col bear-gap-1.5",k&&"bear-w-full"),children:[m&&r.jsx("label",{className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:m}),r.jsxs("button",{type:"button",disabled:i,onClick:()=>!i&&c(!a),className:o.cn("bear-flex bear-items-center bear-justify-between bear-w-full","bear-rounded-lg bear-border bear-text-left bear-outline-none bear-transition-all bear-duration-200","focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",w?"bear-border-red-500 focus:bear-ring-red-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",i&&"bear-opacity-50 bear-cursor-not-allowed",E[j],p),style:{backgroundColor:"var(--bear-bg-primary)",borderColor:w?void 0:"var(--bear-border-default)",color:l?"var(--bear-text-primary)":"var(--bear-text-muted)"},children:[r.jsx("span",{children:(l==null?void 0:l.label)||y}),r.jsx(g.ChevronDownIcon,{className:o.cn("bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform",a&&"bear-rotate-180"),style:{color:"var(--bear-text-muted)"}})]}),a&&r.jsx(R.Portal,{children:r.jsx("div",{ref:v,className:"bear-fixed bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden",style:{backgroundColor:"var(--bear-bg-primary)",borderColor:"var(--bear-border-default)",top:u.top,left:u.left,width:u.width,zIndex:1e4},children:r.jsx("div",{className:"bear-max-h-60 bear-overflow-y-auto",children:x.map(e=>r.jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>!e.disabled&&q(e.value),className:o.cn("bear-flex bear-items-center bear-justify-between bear-w-full bear-px-4 bear-py-2","bear-text-left bear-transition-colors",e.disabled&&"bear-cursor-not-allowed",e.value===s&&"bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",!e.disabled&&e.value!==s&&"hover:bear-bg-[var(--bear-bg-tertiary)]"),style:e.disabled?{color:"var(--bear-text-muted)"}:e.value===s?void 0:{color:"var(--bear-text-secondary)"},children:[e.label,e.value===s&&r.jsx(g.CheckIcon,{className:"bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400"})]},e.value))})})}),d&&r.jsx("p",{className:"bear-text-sm bear-text-red-500",children:d})]})};exports.Select=P;

package/dist/components/Select/Select.js

@@ -1,106 +1,126 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { useState as w, useRef as k, useCallback as N } from "react";
-import { cn as t } from "../../utils/cn.js";
-import { useClickOutside as C } from "../../hooks/useClickOutside.js";
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { useState as p, useRef as g, useCallback as I, useEffect as L } from "react";
+import { cn as o } from "../../utils/cn.js";
+import { useClickOutsideMultiple as M } from "../../hooks/useClickOutside.js";
 import "../../context/BearProvider.js";
 import "../../hooks/useBearComponent/useBearComponent.js";
-import { ChevronDownIcon as j, CheckIcon as S } from "../Icon/index.js";
-const I = {
+import { ChevronDownIcon as P, CheckIcon as R } from "../Icon/index.js";
+import { Portal as S } from "../Portal/Portal.js";
+const B = {
   sm: "bear-h-8 bear-text-sm bear-px-3",
   md: "bear-h-10 bear-text-base bear-px-4",
   lg: "bear-h-12 bear-text-lg bear-px-5"
-}, A = ({
-  options: i,
-  value: a,
-  onChange: l,
-  placeholder: x = "Select an option",
-  label: f,
-  error: s,
-  disabled: o = !1,
-  size: v = "md",
-  fullWidth: h = !1,
-  className: y
+}, J = ({
+  options: m,
+  value: t,
+  onChange: s,
+  placeholder: y = "Select an option",
+  label: x,
+  error: n,
+  disabled: d = !1,
+  size: k = "md",
+  fullWidth: N = !1,
+  className: C
 }) => {
-  const [d, c] = w(!1), u = k(null), m = !!s, b = i.find((e) => e.value === a), g = N(() => c(!1), []);
-  C(u, g);
-  const p = (e) => {
-    l == null || l(e), c(!1);
+  const [a, i] = p(!1), [c, E] = p({ top: 0, left: 0, width: 0 }), f = g(null), v = g(null), w = !!n, l = m.find((e) => e.value === t), j = I(() => i(!1), []);
+  M([f, v], j, { enabled: a });
+  const z = (e) => {
+    s == null || s(e), i(!1);
   };
-  return /* @__PURE__ */ n(
+  return L(() => {
+    if (!a) return;
+    const e = () => {
+      var h;
+      const b = (h = f.current) == null ? void 0 : h.getBoundingClientRect();
+      b && E({
+        top: b.bottom + 4,
+        left: Math.max(8, Math.min(b.left, window.innerWidth - b.width - 8)),
+        width: b.width
+      });
+    };
+    return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    };
+  }, [a]), /* @__PURE__ */ u(
     "div",
     {
-      ref: u,
-      className: t("bear-relative bear-flex bear-flex-col bear-gap-1.5", h && "bear-w-full"),
+      ref: f,
+      className: o("bear-relative bear-flex bear-flex-col bear-gap-1.5", N && "bear-w-full"),
       children: [
-        f && /* @__PURE__ */ r("label", { className: "bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)" }, children: f }),
-        /* @__PURE__ */ n(
+        x && /* @__PURE__ */ r("label", { className: "bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)" }, children: x }),
+        /* @__PURE__ */ u(
           "button",
           {
             type: "button",
-            disabled: o,
-            onClick: () => !o && c(!d),
-            className: t(
+            disabled: d,
+            onClick: () => !d && i(!a),
+            className: o(
               "bear-flex bear-items-center bear-justify-between bear-w-full",
               "bear-rounded-lg bear-border bear-text-left bear-outline-none bear-transition-all bear-duration-200",
               "focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",
-              m ? "bear-border-red-500 focus:bear-ring-red-500" : "focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",
-              o && "bear-opacity-50 bear-cursor-not-allowed",
-              I[v],
-              y
+              w ? "bear-border-red-500 focus:bear-ring-red-500" : "focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",
+              d && "bear-opacity-50 bear-cursor-not-allowed",
+              B[k],
+              C
             ),
             style: {
               backgroundColor: "var(--bear-bg-primary)",
-              borderColor: m ? void 0 : "var(--bear-border-default)",
-              color: b ? "var(--bear-text-primary)" : "var(--bear-text-muted)"
+              borderColor: w ? void 0 : "var(--bear-border-default)",
+              color: l ? "var(--bear-text-primary)" : "var(--bear-text-muted)"
             },
             children: [
-              /* @__PURE__ */ r("span", { children: (b == null ? void 0 : b.label) || x }),
+              /* @__PURE__ */ r("span", { children: (l == null ? void 0 : l.label) || y }),
               /* @__PURE__ */ r(
-                j,
+                P,
                 {
-                  className: t("bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform", d && "bear-rotate-180"),
+                  className: o("bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform", a && "bear-rotate-180"),
                   style: { color: "var(--bear-text-muted)" }
                 }
               )
             ]
           }
         ),
-        d && /* @__PURE__ */ r(
+        a && /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(
           "div",
           {
-            className: "bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden bear-top-full",
+            ref: v,
+            className: "bear-fixed bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden",
             style: {
               backgroundColor: "var(--bear-bg-primary)",
-              borderColor: "var(--bear-border-default)"
+              borderColor: "var(--bear-border-default)",
+              top: c.top,
+              left: c.left,
+              width: c.width,
+              zIndex: 1e4
             },
-            children: /* @__PURE__ */ r("div", { className: "bear-max-h-60 bear-overflow-y-auto", children: i.map((e) => /* @__PURE__ */ n(
+            children: /* @__PURE__ */ r("div", { className: "bear-max-h-60 bear-overflow-y-auto", children: m.map((e) => /* @__PURE__ */ u(
               "button",
               {
                 type: "button",
                 disabled: e.disabled,
-                onClick: () => !e.disabled && p(e.value),
-                className: t(
+                onClick: () => !e.disabled && z(e.value),
+                className: o(
                   "bear-flex bear-items-center bear-justify-between bear-w-full bear-px-4 bear-py-2",
                   "bear-text-left bear-transition-colors",
                   e.disabled && "bear-cursor-not-allowed",
-                  e.value === a && "bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",
-                  !e.disabled && e.value !== a && "hover:bear-bg-[var(--bear-bg-tertiary)]"
+                  e.value === t && "bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",
+                  !e.disabled && e.value !== t && "hover:bear-bg-[var(--bear-bg-tertiary)]"
                 ),
-                style: e.disabled ? { color: "var(--bear-text-muted)" } : e.value === a ? void 0 : { color: "var(--bear-text-secondary)" },
+                style: e.disabled ? { color: "var(--bear-text-muted)" } : e.value === t ? void 0 : { color: "var(--bear-text-secondary)" },
                 children: [
                   e.label,
-                  e.value === a && /* @__PURE__ */ r(S, { className: "bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400" })
+                  e.value === t && /* @__PURE__ */ r(R, { className: "bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400" })
                 ]
               },
               e.value
             )) })
           }
-        ),
-        s && /* @__PURE__ */ r("p", { className: "bear-text-sm bear-text-red-500", children: s })
+        ) }),
+        n && /* @__PURE__ */ r("p", { className: "bear-text-sm bear-text-red-500", children: n })
       ]
     }
   );
 };
 export {
-  A as Select
+  J as Select
 };

package/dist/components/Stepper/Stepper.cjs

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

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

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

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

@@ -1,8 +1,30 @@
-import { StepperSize, StepStatus } from './Stepper.types';
+import { StepperSize, StepStatus, StepperOrientation } from './Stepper.types';
+export declare const DEFAULT_ORIENTATION: StepperOrientation;
+export declare const DEFAULT_SIZE: StepperSize;
+export declare const DEFAULT_SHOW_NUMBERS = true;
+export declare const DEFAULT_SHOW_CONNECTORS = true;
+export declare const DEFAULT_CONNECTOR_STYLE: "solid";
+export declare const DEFAULT_CLICKABLE = false;
+export declare const DEFAULT_ALTERNATIVE_LABEL = false;
+export declare const DEFAULT_PREV_LABEL = "Previous";
+export declare const DEFAULT_NEXT_LABEL = "Next";
+export declare const DEFAULT_COMPLETE_LABEL = "Complete";
+export declare const DEFAULT_INDICATOR_FORMAT: (current: number, total: number) => string;
+export declare const FIRST_STEP_INDEX = 0;
+export declare const STEP_NUMBER_OFFSET = 1;
+export declare const LAST_STEP_OFFSET = 1;
+export declare const OVERFLOW_LEFT_LABEL = "Previous steps";
+export declare const OVERFLOW_RIGHT_LABEL = "More steps";
+export declare const CHECK_ICON_SIZE = 16;
+export declare const CHECK_ICON_VIEWBOX = "0 0 24 24";
+export declare const CHECK_ICON_POINTS = "20 6 9 17 4 12";
+export declare const ERROR_ICON_SIZE = 16;
+export declare const ERROR_ICON_VIEWBOX = "0 0 24 24";
 export declare const STEPPER_BASE_CLASSES = "Bear-Stepper";
-export declare const STEPPER_HORIZONTAL_CLASSES = "flex items-start";
+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 = "flex-1 relative";
+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 STEP_INDICATOR_SIZES: Record<StepperSize, string>;
@@ -11,7 +33,7 @@ export declare const STEP_STATUS_CLASSES: Record<StepStatus, {
     label: string;
 }>;
 export declare const CONNECTOR_BASE = "Bear-Stepper__connector absolute transition-colors";
-export declare const CONNECTOR_HORIZONTAL = "top-4 left-1/2 right-0 h-0.5 -translate-y-1/2";
+export declare const CONNECTOR_HORIZONTAL = "top-4 h-0.5 -translate-y-1/2";
 export declare const CONNECTOR_VERTICAL = "left-4 top-8 w-0.5 h-full -translate-x-1/2";
 export declare const CONNECTOR_STYLES: {
     solid: string;

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

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

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

@@ -1,10 +1,3 @@
-import { StepperProps, StepperControlsProps } from './Stepper.types';
-/**
- * Stepper - Multi-step wizard component
- */
-export declare const Stepper: import('react').ForwardRefExoticComponent<StepperProps & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * StepperControls - Navigation buttons for stepper
- */
-export declare const StepperControls: import('react').ForwardRefExoticComponent<StepperControlsProps & import('react').RefAttributes<HTMLDivElement>>;
-export default Stepper;
+import { default as React } from 'react';
+import { StepperProps } from './Stepper.types';
+export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;