@forgedevstack/bear 1.3.0 → 1.3.2

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

@@ -1,5 +1,6 @@
 export { Sidebar, default } from './Sidebar';
 export { SidebarGroup } from './components/SidebarGroup';
 export { SidebarItem } from './components/SidebarItem';
+export { sidebarItemContainsId } from './Sidebar.utils';
 export * from './Sidebar.types';
 export * from './Sidebar.const';

package/dist/components/SignPad/SignPad.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=200,S=2,A="Sign here",e="image/png",r=.92,I="#1f2937",D="#f3f4f6",P="#ffffff",t="#18181b",E="bear-inline-flex bear-flex-col bear-gap-2",N="bear-relative bear-rounded-lg bear-border-2 bear-border-dashed bear-border-gray-300 dark:bear-border-zinc-600",a="hover:bear-border-primary-400 dark:hover:bear-border-primary-500",L="bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center bear-text-gray-400 dark:bear-text-zinc-500 bear-text-sm bear-pointer-events-none",b="bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-border-b bear-border-gray-300 dark:bear-border-zinc-600 bear-pointer-events-none",n="bear-absolute bear-bottom-6 bear-left-4 bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold bear-pointer-events-none",o="bear-flex bear-gap-2 bear-justify-end",G="bear-pointer-events-none",T="rgba(0,0,0,0)",R=0,s=1,O="dark",c="bear-dark",C={pointerEvents:"none"},U=2,d=Math.PI*2;exports.SIGN_PAD_ACTIONS_CLASSES=o;exports.SIGN_PAD_BEAR_DARK_CLASS=c;exports.SIGN_PAD_BG_DARK=t;exports.SIGN_PAD_BG_LIGHT=P;exports.SIGN_PAD_CANVAS_WRAPPER_CLASSES=N;exports.SIGN_PAD_CANVAS_WRAPPER_HOVER=a;exports.SIGN_PAD_DEFAULT_HEIGHT=_;exports.SIGN_PAD_DEFAULT_OUTPUT_FORMAT=e;exports.SIGN_PAD_DEFAULT_OUTPUT_QUALITY=r;exports.SIGN_PAD_DEFAULT_PLACEHOLDER=A;exports.SIGN_PAD_DEFAULT_STROKE_WIDTH=S;exports.SIGN_PAD_EMPTY_SIZE=R;exports.SIGN_PAD_FULL_CIRCLE_RADIANS=d;exports.SIGN_PAD_HTML_DARK_CLASS=O;exports.SIGN_PAD_LINE_CLASSES=b;exports.SIGN_PAD_OVERLAY_POINTER_CLASS=G;exports.SIGN_PAD_OVERLAY_STYLE=C;exports.SIGN_PAD_PLACEHOLDER_CLASSES=L;exports.SIGN_PAD_ROOT_CLASSES=E;exports.SIGN_PAD_STROKE_DARK=D;exports.SIGN_PAD_STROKE_LIGHT=I;exports.SIGN_PAD_STROKE_RADIUS_DIVISOR=U;exports.SIGN_PAD_TRANSPARENT_FILL=T;exports.SIGN_PAD_UNIT_SCALE=s;exports.SIGN_PAD_X_MARK_CLASSES=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=200,S=2,A="Sign here",e="image/png",r=.92,I="#1f2937",D="#f3f4f6",P="#ffffff",t="#18181b",a="bear-inline-flex bear-flex-col bear-gap-2",E="bear-relative bear-rounded-lg bear-border-2 bear-border-dashed bear-border-gray-300 dark:bear-border-zinc-600",N="hover:bear-border-primary-400 dark:hover:bear-border-primary-500",b="bear-absolute bear-inset-0 bear-z-[1] bear-flex bear-items-center bear-justify-center bear-text-gray-400 dark:bear-text-zinc-500 bear-text-sm bear-pointer-events-none",L="bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-z-[1] bear-border-b bear-border-gray-300 dark:bear-border-zinc-600 bear-pointer-events-none",n="bear-absolute bear-bottom-6 bear-left-4 bear-z-[1] bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold bear-pointer-events-none",o="bear-flex bear-gap-2 bear-justify-end",G="bear-pointer-events-none",T="rgba(0,0,0,0)",R=0,s=1,O="dark",c="bear-dark",C={pointerEvents:"none"},U=2,d=Math.PI*2;exports.SIGN_PAD_ACTIONS_CLASSES=o;exports.SIGN_PAD_BEAR_DARK_CLASS=c;exports.SIGN_PAD_BG_DARK=t;exports.SIGN_PAD_BG_LIGHT=P;exports.SIGN_PAD_CANVAS_WRAPPER_CLASSES=E;exports.SIGN_PAD_CANVAS_WRAPPER_HOVER=N;exports.SIGN_PAD_DEFAULT_HEIGHT=_;exports.SIGN_PAD_DEFAULT_OUTPUT_FORMAT=e;exports.SIGN_PAD_DEFAULT_OUTPUT_QUALITY=r;exports.SIGN_PAD_DEFAULT_PLACEHOLDER=A;exports.SIGN_PAD_DEFAULT_STROKE_WIDTH=S;exports.SIGN_PAD_EMPTY_SIZE=R;exports.SIGN_PAD_FULL_CIRCLE_RADIANS=d;exports.SIGN_PAD_HTML_DARK_CLASS=O;exports.SIGN_PAD_LINE_CLASSES=L;exports.SIGN_PAD_OVERLAY_POINTER_CLASS=G;exports.SIGN_PAD_OVERLAY_STYLE=C;exports.SIGN_PAD_PLACEHOLDER_CLASSES=b;exports.SIGN_PAD_ROOT_CLASSES=a;exports.SIGN_PAD_STROKE_DARK=D;exports.SIGN_PAD_STROKE_LIGHT=I;exports.SIGN_PAD_STROKE_RADIUS_DIVISOR=U;exports.SIGN_PAD_TRANSPARENT_FILL=T;exports.SIGN_PAD_UNIT_SCALE=s;exports.SIGN_PAD_X_MARK_CLASSES=n;

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

@@ -13,9 +13,9 @@ export declare const SIGN_PAD_BG_DARK = "#18181b";
 export declare const SIGN_PAD_ROOT_CLASSES = "bear-inline-flex bear-flex-col bear-gap-2";
 export declare const SIGN_PAD_CANVAS_WRAPPER_CLASSES = "bear-relative bear-rounded-lg bear-border-2 bear-border-dashed bear-border-gray-300 dark:bear-border-zinc-600";
 export declare const SIGN_PAD_CANVAS_WRAPPER_HOVER = "hover:bear-border-primary-400 dark:hover:bear-border-primary-500";
-export declare const SIGN_PAD_PLACEHOLDER_CLASSES = "bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center bear-text-gray-400 dark:bear-text-zinc-500 bear-text-sm bear-pointer-events-none";
-export declare const SIGN_PAD_LINE_CLASSES = "bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-border-b bear-border-gray-300 dark:bear-border-zinc-600 bear-pointer-events-none";
-export declare const SIGN_PAD_X_MARK_CLASSES = "bear-absolute bear-bottom-6 bear-left-4 bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold bear-pointer-events-none";
+export declare const SIGN_PAD_PLACEHOLDER_CLASSES = "bear-absolute bear-inset-0 bear-z-[1] bear-flex bear-items-center bear-justify-center bear-text-gray-400 dark:bear-text-zinc-500 bear-text-sm bear-pointer-events-none";
+export declare const SIGN_PAD_LINE_CLASSES = "bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-z-[1] bear-border-b bear-border-gray-300 dark:bear-border-zinc-600 bear-pointer-events-none";
+export declare const SIGN_PAD_X_MARK_CLASSES = "bear-absolute bear-bottom-6 bear-left-4 bear-z-[1] bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold bear-pointer-events-none";
 export declare const SIGN_PAD_ACTIONS_CLASSES = "bear-flex bear-gap-2 bear-justify-end";
 export declare const SIGN_PAD_OVERLAY_POINTER_CLASS = "bear-pointer-events-none";
 export declare const SIGN_PAD_TRANSPARENT_FILL = "rgba(0,0,0,0)";

package/dist/components/SignPad/SignPad.const.js

@@ -1,4 +1,4 @@
-const e = 200, r = 2, _ = "Sign here", t = "image/png", a = 0.92, A = "#1f2937", S = "#f3f4f6", b = "#ffffff", n = "#18181b", o = "bear-inline-flex bear-flex-col bear-gap-2", I = "bear-relative bear-rounded-lg bear-border-2 bear-border-dashed bear-border-gray-300 dark:bear-border-zinc-600", D = "hover:bear-border-primary-400 dark:hover:bear-border-primary-500", s = "bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center bear-text-gray-400 dark:bear-text-zinc-500 bear-text-sm bear-pointer-events-none", P = "bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-border-b bear-border-gray-300 dark:bear-border-zinc-600 bear-pointer-events-none", E = "bear-absolute bear-bottom-6 bear-left-4 bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold bear-pointer-events-none", N = "bear-flex bear-gap-2 bear-justify-end", c = "bear-pointer-events-none", L = "rgba(0,0,0,0)", G = 0, R = 1, T = "dark", d = "bear-dark", i = { pointerEvents: "none" }, f = 2, C = Math.PI * 2;
+const e = 200, r = 2, _ = "Sign here", a = "image/png", t = 0.92, A = "#1f2937", S = "#f3f4f6", b = "#ffffff", n = "#18181b", o = "bear-inline-flex bear-flex-col bear-gap-2", I = "bear-relative bear-rounded-lg bear-border-2 bear-border-dashed bear-border-gray-300 dark:bear-border-zinc-600", D = "hover:bear-border-primary-400 dark:hover:bear-border-primary-500", s = "bear-absolute bear-inset-0 bear-z-[1] bear-flex bear-items-center bear-justify-center bear-text-gray-400 dark:bear-text-zinc-500 bear-text-sm bear-pointer-events-none", P = "bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-z-[1] bear-border-b bear-border-gray-300 dark:bear-border-zinc-600 bear-pointer-events-none", E = "bear-absolute bear-bottom-6 bear-left-4 bear-z-[1] bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold bear-pointer-events-none", N = "bear-flex bear-gap-2 bear-justify-end", c = "bear-pointer-events-none", L = "rgba(0,0,0,0)", G = 0, R = 1, T = "dark", d = "bear-dark", i = { pointerEvents: "none" }, f = 2, C = Math.PI * 2;
 export {
   N as SIGN_PAD_ACTIONS_CLASSES,
   d as SIGN_PAD_BEAR_DARK_CLASS,
@@ -7,8 +7,8 @@ export {
   I as SIGN_PAD_CANVAS_WRAPPER_CLASSES,
   D as SIGN_PAD_CANVAS_WRAPPER_HOVER,
   e as SIGN_PAD_DEFAULT_HEIGHT,
-  t as SIGN_PAD_DEFAULT_OUTPUT_FORMAT,
-  a as SIGN_PAD_DEFAULT_OUTPUT_QUALITY,
+  a as SIGN_PAD_DEFAULT_OUTPUT_FORMAT,
+  t as SIGN_PAD_DEFAULT_OUTPUT_QUALITY,
   _ as SIGN_PAD_DEFAULT_PLACEHOLDER,
   r as SIGN_PAD_DEFAULT_STROKE_WIDTH,
   G as SIGN_PAD_EMPTY_SIZE,

package/dist/components/SliderRange/SliderRange.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),i=require("../../utils/cn.cjs"),V=require("./SliderRange.utils.cjs"),X={xs:{track:"bear-h-1",thumb:"bear-w-3 bear-h-3",height:"bear-h-6"},sm:{track:"bear-h-1.5",thumb:"bear-w-4 bear-h-4",height:"bear-h-8"},md:{track:"bear-h-2",thumb:"bear-w-5 bear-h-5",height:"bear-h-10"},lg:{track:"bear-h-2.5",thumb:"bear-w-6 bear-h-6",height:"bear-h-12"},xl:{track:"bear-h-3",thumb:"bear-w-7 bear-h-7",height:"bear-h-14"}},Y={primary:{track:"bear-bg-bear-500",thumb:"bear-bg-bear-500 bear-border-bear-600"},secondary:{track:"bear-bg-gray-500",thumb:"bear-bg-gray-500 bear-border-gray-600"},success:{track:"bear-bg-green-500",thumb:"bear-bg-green-500 bear-border-green-600"},warning:{track:"bear-bg-amber-500",thumb:"bear-bg-amber-500 bear-border-amber-600"},error:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},danger:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},info:{track:"bear-bg-blue-500",thumb:"bear-bg-blue-500 bear-border-blue-600"},ghost:{track:"bear-bg-gray-400",thumb:"bear-bg-gray-400 bear-border-gray-500"},outline:{track:"bear-bg-gray-600",thumb:"bear-bg-white dark:bear-bg-gray-200 bear-border-gray-600 dark:bear-border-gray-400"}},A=({value:h,defaultValue:D=[20,80],min:e=0,max:t=100,step:d=1,size:I="md",color:$="primary",disabled:a=!1,onChange:s,onChangeCommitted:g,valueFormatter:B=f=>String(f),className:z,...O})=>{const[f,R]=u.useState(D),[b,L]=u.useState(null),w=u.useRef(null),y=h??f,[c,l]=y,k=(c-e)/(t-e)*100,E=(l-e)/(t-e)*100,m=X[I],x=Y[$],S=u.useCallback((r,v)=>{if(!w.current||a)return;const N=w.current.getBoundingClientRect(),P=Math.max(0,Math.min(1,(r-N.left)/N.width)),_=e+P*(t-e),T=V.stepValue(_,e,t,d);if(v==="min"){const n=[Math.min(T,l-d),l];h===void 0&&R(n),s==null||s(n)}else{const q=Math.max(T,c+d),n=[c,q];h===void 0&&R(n),s==null||s(n)}},[e,t,d,c,l,a,h,s]),j=(r,v)=>{a||(r.preventDefault(),L(v),S(r.clientX,v))},p=u.useCallback(r=>{b&&S(r.clientX,b)},[b,S]),M=u.useCallback(()=>{b&&(L(null),g==null||g(y))},[b,y,g]);return u.useEffect(()=>{if(b)return document.addEventListener("mousemove",p),document.addEventListener("mouseup",M),()=>{document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",M)}},[b,p,M]),o.jsx("div",{className:i.cn("bear-relative bear-w-full bear-flex bear-items-center",m.height,a&&"bear-opacity-50 bear-cursor-not-allowed",z),"data-testid":"slider-range",...O,children:o.jsxs("div",{ref:w,className:i.cn("bear-relative bear-w-full bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700",m.track,!a&&"bear-cursor-pointer"),children:[o.jsx("div",{className:i.cn("bear-absolute bear-inset-y-0 bear-left-0 bear-rounded-full",x.track),style:{left:`${k}%`,width:`${E-k}%`}}),o.jsx("div",{role:"slider",tabIndex:a?-1:0,"aria-valuemin":e,"aria-valuemax":t,"aria-valuenow":c,"aria-label":"Range minimum",className:i.cn("bear-absolute bear-top-1/2 bear--translate-y-1/2 bear--translate-x-1/2 bear-rounded-full bear-border-2 bear-shadow-md",m.thumb,x.thumb,!a&&"bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",b==="min"&&"bear-scale-125 bear-z-10"),style:{left:`${k}%`},onMouseDown:r=>j(r,"min")}),o.jsx("div",{role:"slider",tabIndex:a?-1:0,"aria-valuemin":e,"aria-valuemax":t,"aria-valuenow":l,"aria-label":"Range maximum",className:i.cn("bear-absolute bear-top-1/2 bear--translate-y-1/2 bear--translate-x-1/2 bear-rounded-full bear-border-2 bear-shadow-md",m.thumb,x.thumb,!a&&"bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",b==="max"&&"bear-scale-125 bear-z-10"),style:{left:`${E}%`},onMouseDown:r=>j(r,"max")})]})})};exports.SliderRange=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),i=require("../../utils/cn.cjs"),F=require("./SliderRange.utils.cjs"),V={xs:{track:"bear-h-1",thumb:"bear-w-3 bear-h-3",height:"bear-h-6"},sm:{track:"bear-h-1.5",thumb:"bear-w-4 bear-h-4",height:"bear-h-8"},md:{track:"bear-h-2",thumb:"bear-w-5 bear-h-5",height:"bear-h-10"},lg:{track:"bear-h-2.5",thumb:"bear-w-6 bear-h-6",height:"bear-h-12"},xl:{track:"bear-h-3",thumb:"bear-w-7 bear-h-7",height:"bear-h-14"}},X={primary:{track:"bear-bg-bear-500",thumb:"bear-bg-bear-500 bear-border-bear-600"},secondary:{track:"bear-bg-gray-500",thumb:"bear-bg-gray-500 bear-border-gray-600"},success:{track:"bear-bg-green-500",thumb:"bear-bg-green-500 bear-border-green-600"},warning:{track:"bear-bg-amber-500",thumb:"bear-bg-amber-500 bear-border-amber-600"},error:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},danger:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},info:{track:"bear-bg-blue-500",thumb:"bear-bg-blue-500 bear-border-blue-600"},ghost:{track:"bear-bg-gray-400",thumb:"bear-bg-gray-400 bear-border-gray-500"},outline:{track:"bear-bg-gray-600",thumb:"bear-bg-white dark:bear-bg-gray-200 bear-border-gray-600 dark:bear-border-gray-400"}},Y=({value:h,defaultValue:D=[20,80],min:e=0,max:t=100,step:d=1,size:I="md",color:_="primary",disabled:a=!1,onChange:s,onChangeCommitted:g,valueFormatter:A=f=>String(f),className:$,...z})=>{const[f,R]=u.useState(D),[b,L]=u.useState(null),w=u.useRef(null),y=h??f,[c,l]=y,k=(c-e)/(t-e)*100,E=(l-e)/(t-e)*100,m=V[I],x=X[_],S=u.useCallback((r,v)=>{if(!w.current||a)return;const N=w.current.getBoundingClientRect(),O=Math.max(0,Math.min(1,(r-N.left)/N.width)),P=e+O*(t-e),T=F.stepValue(P,e,t,d);if(v==="min"){const n=[Math.min(T,l-d),l];h===void 0&&R(n),s==null||s(n)}else{const q=Math.max(T,c+d),n=[c,q];h===void 0&&R(n),s==null||s(n)}},[e,t,d,c,l,a,h,s]),j=(r,v)=>{a||(r.preventDefault(),L(v),S(r.clientX,v))},p=u.useCallback(r=>{b&&S(r.clientX,b)},[b,S]),M=u.useCallback(()=>{b&&(L(null),g==null||g(y))},[b,y,g]);return u.useEffect(()=>{if(b)return document.addEventListener("mousemove",p),document.addEventListener("mouseup",M),()=>{document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",M)}},[b,p,M]),o.jsx("div",{className:i.cn("bear-relative bear-w-full bear-flex bear-items-center",m.height,a&&"bear-opacity-50 bear-cursor-not-allowed",$),"data-testid":"slider-range",...z,children:o.jsxs("div",{ref:w,className:i.cn("bear-relative bear-w-full bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700",m.track,!a&&"bear-cursor-pointer"),children:[o.jsx("div",{className:i.cn("bear-absolute bear-inset-y-0 bear-left-0 bear-rounded-full",x.track),style:{left:`${k}%`,width:`${E-k}%`}}),o.jsx("div",{role:"slider",tabIndex:a?-1:0,"aria-valuemin":e,"aria-valuemax":t,"aria-valuenow":c,"aria-label":"Range minimum",className:i.cn("bear-absolute bear-top-1/2 bear--translate-y-1/2 bear--translate-x-1/2 bear-rounded-full bear-border-2 bear-shadow-md",m.thumb,x.thumb,!a&&"bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",b==="min"&&"bear-scale-125 bear-z-10"),style:{left:`${k}%`},onMouseDown:r=>j(r,"min")}),o.jsx("div",{role:"slider",tabIndex:a?-1:0,"aria-valuemin":e,"aria-valuemax":t,"aria-valuenow":l,"aria-label":"Range maximum",className:i.cn("bear-absolute bear-top-1/2 bear--translate-y-1/2 bear--translate-x-1/2 bear-rounded-full bear-border-2 bear-shadow-md",m.thumb,x.thumb,!a&&"bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",b==="max"&&"bear-scale-125 bear-z-10"),style:{left:`${E}%`},onMouseDown:r=>j(r,"max")})]})})};exports.SliderRange=Y;

package/dist/components/SliderRange/SliderRange.js

@@ -1,7 +1,7 @@
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useState as $, useRef as A, useCallback as S, useEffect as B } from "react";
+import { jsx as g, jsxs as X } from "react/jsx-runtime";
+import { useState as $, useRef as Y, useCallback as S, useEffect as A } from "react";
 import { cn as l } from "../../utils/cn.js";
-import { stepValue as F } from "./SliderRange.utils.js";
+import { stepValue as B } from "./SliderRange.utils.js";
 const H = {
   xs: { track: "bear-h-1", thumb: "bear-w-3 bear-h-3", height: "bear-h-6" },
   sm: { track: "bear-h-1.5", thumb: "bear-w-4 bear-h-4", height: "bear-h-8" },
@@ -24,28 +24,28 @@ const H = {
   min: e = 0,
   max: t = 100,
   step: i = 1,
-  size: j = "md",
-  color: O = "primary",
+  size: _ = "md",
+  color: j = "primary",
   disabled: a = !1,
-  onChange: s,
+  onChange: u,
   onChangeCommitted: h,
   valueFormatter: Z = (v) => String(v),
-  className: P,
-  ...V
+  className: F,
+  ...O
 }) => {
-  const [v, L] = $(z), [b, E] = $(null), f = A(null), w = n ?? v, [u, o] = w, y = (u - e) / (t - e) * 100, R = (o - e) / (t - e) * 100, m = H[j], k = U[O], p = S(
+  const [v, L] = $(z), [b, E] = $(null), f = Y(null), w = n ?? v, [s, o] = w, y = (s - e) / (t - e) * 100, R = (o - e) / (t - e) * 100, m = H[_], k = U[j], p = S(
     (r, d) => {
       if (!f.current || a) return;
-      const D = f.current.getBoundingClientRect(), X = Math.max(0, Math.min(1, (r - D.left) / D.width)), Y = e + X * (t - e), I = F(Y, e, t, i);
+      const D = f.current.getBoundingClientRect(), P = Math.max(0, Math.min(1, (r - D.left) / D.width)), V = e + P * (t - e), I = B(V, e, t, i);
       if (d === "min") {
         const c = [Math.min(I, o - i), o];
-        n === void 0 && L(c), s == null || s(c);
+        n === void 0 && L(c), u == null || u(c);
       } else {
-        const T = Math.max(I, u + i), c = [u, T];
-        n === void 0 && L(c), s == null || s(c);
+        const T = Math.max(I, s + i), c = [s, T];
+        n === void 0 && L(c), u == null || u(c);
       }
     },
-    [e, t, i, u, o, a, n, s]
+    [e, t, i, s, o, a, n, u]
   ), N = (r, d) => {
     a || (r.preventDefault(), E(d), p(r.clientX, d));
   }, x = S(
@@ -56,7 +56,7 @@ const H = {
   ), M = S(() => {
     b && (E(null), h == null || h(w));
   }, [b, w, h]);
-  return B(() => {
+  return A(() => {
     if (b)
       return document.addEventListener("mousemove", x), document.addEventListener("mouseup", M), () => {
         document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", M);
@@ -68,11 +68,11 @@ const H = {
         "bear-relative bear-w-full bear-flex bear-items-center",
         m.height,
         a && "bear-opacity-50 bear-cursor-not-allowed",
-        P
+        F
       ),
       "data-testid": "slider-range",
-      ...V,
-      children: /* @__PURE__ */ _(
+      ...O,
+      children: /* @__PURE__ */ X(
         "div",
         {
           ref: f,
@@ -96,7 +96,7 @@ const H = {
                 tabIndex: a ? -1 : 0,
                 "aria-valuemin": e,
                 "aria-valuemax": t,
-                "aria-valuenow": u,
+                "aria-valuenow": s,
                 "aria-label": "Range minimum",
                 className: l(
                   "bear-absolute bear-top-1/2 bear--translate-y-1/2 bear--translate-x-1/2 bear-rounded-full bear-border-2 bear-shadow-md",

package/dist/components/Sparkline/Sparkline.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("react"),i=require("../../utils/cn.cjs"),t=require("./Sparkline.const.cjs"),S=require("./Sparkline.utils.cjs"),L=d=>{const{data:a,width:I=t.SPARKLINE.DEFAULT_WIDTH,height:f=t.SPARKLINE.DEFAULT_HEIGHT,color:s=t.SPARKLINE.DEFAULT_COLOR,fill:p=!1,strokeWidth:R=t.SPARKLINE.DEFAULT_STROKE_WIDTH,showExtremes:o=!1,animated:c=!0,className:x,...A}=d,{path:u,areaPath:E,minPoint:n,maxPoint:r}=N.useMemo(()=>S.calculateSparklinePathData(a),[a]),l=`sparkline-gradient-${s.replace("#","")}`;return e.jsx("div",{className:i.cn("inline-block",x),style:{width:I,height:f},...A,children:e.jsxs("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"none",className:"w-full h-full",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:l,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[e.jsx("stop",{offset:"0%",stopColor:s,stopOpacity:"0.4"}),e.jsx("stop",{offset:"100%",stopColor:s,stopOpacity:"0"})]})}),p&&e.jsx("path",{d:E,fill:`url(#${l})`,className:i.cn(c&&"animate-fade-in")}),e.jsx("path",{d:u,fill:"none",stroke:s,strokeWidth:R,strokeLinecap:"round",strokeLinejoin:"round",vectorEffect:"non-scaling-stroke",className:i.cn(c&&"animate-draw-line")}),o&&n&&e.jsx("circle",{cx:n.x,cy:n.y,r:t.SPARKLINE.INDICATOR_RADIUS,fill:t.SPARKLINE.MIN_INDICATOR_COLOR,vectorEffect:"non-scaling-stroke"}),o&&r&&e.jsx("circle",{cx:r.x,cy:r.y,r:t.SPARKLINE.INDICATOR_RADIUS,fill:t.SPARKLINE.MAX_INDICATOR_COLOR,vectorEffect:"non-scaling-stroke"})]})})};exports.Sparkline=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../utils/cn.cjs");require("react");const t=require("./Sparkline.const.cjs"),A=require("./Sparkline.utils.cjs"),j=d=>{const{data:a,width:p=t.SPARKLINE.DEFAULT_WIDTH,height:x=t.SPARKLINE.DEFAULT_HEIGHT,color:s=t.SPARKLINE.DEFAULT_COLOR,fill:S=!1,strokeWidth:E=t.SPARKLINE.DEFAULT_STROKE_WIDTH,showExtremes:I=!1,animated:l=!0,variant:R=t.SPARKLINE_VARIANT_LINE,showLastPoint:h=!1,className:L,...u}=d,P=S||R===t.SPARKLINE_VARIANT_AREA,{path:_,areaPath:k,minPoint:c,maxPoint:r}=A.calculateSparklinePathData(a),T=A.calculateSparklineBars(a),f=A.calculateSparklinePoints(a),o=f[f.length-1],N=`sparkline-gradient-${s.replace("#","")}`;return e.jsx("div",{className:i.cn("inline-block",L),style:{width:p,height:x},...u,children:e.jsxs("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"none",className:"w-full h-full",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:N,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[e.jsx("stop",{offset:"0%",stopColor:s,stopOpacity:"0.4"}),e.jsx("stop",{offset:"100%",stopColor:s,stopOpacity:"0"})]})}),R===t.SPARKLINE_VARIANT_BARS?T.map((n,m)=>e.jsx("rect",{x:n.x,y:n.y,width:n.width,height:n.height,fill:s,className:i.cn(l&&"animate-grow-up")},m)):e.jsxs(e.Fragment,{children:[P&&e.jsx("path",{d:k,fill:`url(#${N})`,className:i.cn(l&&"animate-fade-in")}),e.jsx("path",{d:_,fill:"none",stroke:s,strokeWidth:E,strokeLinecap:"round",strokeLinejoin:"round",vectorEffect:"non-scaling-stroke",className:i.cn(l&&"animate-draw-line")})]}),I&&c&&e.jsx("circle",{cx:c.x,cy:c.y,r:t.SPARKLINE.INDICATOR_RADIUS,fill:t.SPARKLINE.MIN_INDICATOR_COLOR,vectorEffect:"non-scaling-stroke"}),I&&r&&e.jsx("circle",{cx:r.x,cy:r.y,r:t.SPARKLINE.INDICATOR_RADIUS,fill:t.SPARKLINE.MAX_INDICATOR_COLOR,vectorEffect:"non-scaling-stroke"}),h&&o&&e.jsx("circle",{cx:o.x,cy:o.y,r:t.SPARKLINE.LAST_POINT_RADIUS,fill:s,vectorEffect:"non-scaling-stroke"})]})})};exports.Sparkline=j;

package/dist/components/Sparkline/Sparkline.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I={DEFAULT_WIDTH:100,DEFAULT_HEIGHT:32,DEFAULT_COLOR:"var(--bear-primary-500, #ec4899)",DEFAULT_STROKE_WIDTH:2,VIEWBOX_SIZE:100,Y_PADDING:10,Y_RANGE:80,CONTROL_POINT_FACTOR:3,MIN_INDICATOR_COLOR:"#ef4444",MAX_INDICATOR_COLOR:"#10b981",INDICATOR_RADIUS:3};exports.SPARKLINE=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A={DEFAULT_WIDTH:100,DEFAULT_HEIGHT:32,DEFAULT_COLOR:"var(--bear-primary-500, #ec4899)",DEFAULT_STROKE_WIDTH:2,VIEWBOX_SIZE:100,Y_PADDING:10,Y_RANGE:80,CONTROL_POINT_FACTOR:3,MIN_INDICATOR_COLOR:"#ef4444",MAX_INDICATOR_COLOR:"#10b981",INDICATOR_RADIUS:3,LAST_POINT_RADIUS:3.5,BAR_GAP_RATIO:.25},I="line",R="area",_="bars";exports.SPARKLINE=A;exports.SPARKLINE_VARIANT_AREA=R;exports.SPARKLINE_VARIANT_BARS=_;exports.SPARKLINE_VARIANT_LINE=I;

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

@@ -13,4 +13,9 @@ export declare const SPARKLINE: {
     readonly MIN_INDICATOR_COLOR: "#ef4444";
     readonly MAX_INDICATOR_COLOR: "#10b981";
     readonly INDICATOR_RADIUS: 3;
+    readonly LAST_POINT_RADIUS: 3.5;
+    readonly BAR_GAP_RATIO: 0.25;
 };
+export declare const SPARKLINE_VARIANT_LINE = "line";
+export declare const SPARKLINE_VARIANT_AREA = "area";
+export declare const SPARKLINE_VARIANT_BARS = "bars";

package/dist/components/Sparkline/Sparkline.const.js

@@ -1,4 +1,4 @@
-const I = {
+const A = {
   DEFAULT_WIDTH: 100,
   DEFAULT_HEIGHT: 32,
   DEFAULT_COLOR: "var(--bear-primary-500, #ec4899)",
@@ -9,8 +9,13 @@ const I = {
   CONTROL_POINT_FACTOR: 3,
   MIN_INDICATOR_COLOR: "#ef4444",
   MAX_INDICATOR_COLOR: "#10b981",
-  INDICATOR_RADIUS: 3
-};
+  INDICATOR_RADIUS: 3,
+  LAST_POINT_RADIUS: 3.5,
+  BAR_GAP_RATIO: 0.25
+}, I = "line", _ = "area", R = "bars";
 export {
-  I as SPARKLINE
+  A as SPARKLINE,
+  _ as SPARKLINE_VARIANT_AREA,
+  R as SPARKLINE_VARIANT_BARS,
+  I as SPARKLINE_VARIANT_LINE
 };

package/dist/components/Sparkline/Sparkline.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { SparklineProps } from './Sparkline.types';
-export declare const Sparkline: FC<SparklineProps>;
+export declare const Sparkline: (props: SparklineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Sparkline/Sparkline.js

@@ -1,73 +1,95 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { useMemo as R } from "react";
-import { cn as i } from "../../utils/cn.js";
-import { SPARKLINE as t } from "./Sparkline.const.js";
-import { calculateSparklinePathData as T } from "./Sparkline.utils.js";
-const u = (p) => {
+import { jsx as t, jsxs as f, Fragment as g } from "react/jsx-runtime";
+import { cn as l } from "../../utils/cn.js";
+import "react";
+import { SPARKLINE as e, SPARKLINE_VARIANT_LINE as y, SPARKLINE_VARIANT_BARS as P, SPARKLINE_VARIANT_AREA as u } from "./Sparkline.const.js";
+import { calculateSparklinePathData as v, calculateSparklineBars as w, calculateSparklinePoints as C } from "./Sparkline.utils.js";
+const B = (h) => {
   const {
-    data: s,
-    width: m = t.DEFAULT_WIDTH,
-    height: d = t.DEFAULT_HEIGHT,
-    color: o = t.DEFAULT_COLOR,
-    fill: I = !1,
-    strokeWidth: h = t.DEFAULT_STROKE_WIDTH,
-    showExtremes: l = !1,
-    animated: n = !0,
-    className: A,
-    ...D
-  } = p, { path: O, areaPath: x, minPoint: r, maxPoint: a } = R(
-    () => T(s),
-    [s]
-  ), c = `sparkline-gradient-${o.replace("#", "")}`;
-  return /* @__PURE__ */ e(
+    data: o,
+    width: m = e.DEFAULT_WIDTH,
+    height: R = e.DEFAULT_HEIGHT,
+    color: a = e.DEFAULT_COLOR,
+    fill: N = !1,
+    strokeWidth: _ = e.DEFAULT_STROKE_WIDTH,
+    showExtremes: p = !1,
+    animated: s = !0,
+    variant: A = y,
+    showLastPoint: E = !1,
+    className: T,
+    ...x
+  } = h, L = N || A === u, { path: k, areaPath: D, minPoint: n, maxPoint: r } = v(o), O = w(o), d = C(o), c = d[d.length - 1], I = `sparkline-gradient-${a.replace("#", "")}`;
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: i("inline-block", A),
-      style: { width: m, height: d },
-      ...D,
+      className: l("inline-block", T),
+      style: { width: m, height: R },
+      ...x,
       children: /* @__PURE__ */ f("svg", { viewBox: "0 0 100 100", preserveAspectRatio: "none", className: "w-full h-full", children: [
-        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ f("linearGradient", { id: c, x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
-          /* @__PURE__ */ e("stop", { offset: "0%", stopColor: o, stopOpacity: "0.4" }),
-          /* @__PURE__ */ e("stop", { offset: "100%", stopColor: o, stopOpacity: "0" })
+        /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ f("linearGradient", { id: I, x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
+          /* @__PURE__ */ t("stop", { offset: "0%", stopColor: a, stopOpacity: "0.4" }),
+          /* @__PURE__ */ t("stop", { offset: "100%", stopColor: a, stopOpacity: "0" })
         ] }) }),
-        I && /* @__PURE__ */ e(
-          "path",
+        A === P ? O.map((i, S) => /* @__PURE__ */ t(
+          "rect",
           {
-            d: x,
-            fill: `url(#${c})`,
-            className: i(n && "animate-fade-in")
-          }
-        ),
-        /* @__PURE__ */ e(
-          "path",
+            x: i.x,
+            y: i.y,
+            width: i.width,
+            height: i.height,
+            fill: a,
+            className: l(s && "animate-grow-up")
+          },
+          S
+        )) : /* @__PURE__ */ f(g, { children: [
+          L && /* @__PURE__ */ t(
+            "path",
+            {
+              d: D,
+              fill: `url(#${I})`,
+              className: l(s && "animate-fade-in")
+            }
+          ),
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: k,
+              fill: "none",
+              stroke: a,
+              strokeWidth: _,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              vectorEffect: "non-scaling-stroke",
+              className: l(s && "animate-draw-line")
+            }
+          )
+        ] }),
+        p && n && /* @__PURE__ */ t(
+          "circle",
           {
-            d: O,
-            fill: "none",
-            stroke: o,
-            strokeWidth: h,
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            vectorEffect: "non-scaling-stroke",
-            className: i(n && "animate-draw-line")
+            cx: n.x,
+            cy: n.y,
+            r: e.INDICATOR_RADIUS,
+            fill: e.MIN_INDICATOR_COLOR,
+            vectorEffect: "non-scaling-stroke"
           }
         ),
-        l && r && /* @__PURE__ */ e(
+        p && r && /* @__PURE__ */ t(
           "circle",
           {
             cx: r.x,
             cy: r.y,
-            r: t.INDICATOR_RADIUS,
-            fill: t.MIN_INDICATOR_COLOR,
+            r: e.INDICATOR_RADIUS,
+            fill: e.MAX_INDICATOR_COLOR,
             vectorEffect: "non-scaling-stroke"
           }
         ),
-        l && a && /* @__PURE__ */ e(
+        E && c && /* @__PURE__ */ t(
           "circle",
           {
-            cx: a.x,
-            cy: a.y,
-            r: t.INDICATOR_RADIUS,
-            fill: t.MAX_INDICATOR_COLOR,
+            cx: c.x,
+            cy: c.y,
+            r: e.LAST_POINT_RADIUS,
+            fill: a,
             vectorEffect: "non-scaling-stroke"
           }
         )
@@ -76,5 +98,5 @@ const u = (p) => {
   );
 };
 export {
-  u as Sparkline
+  B as Sparkline
 };

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

@@ -18,4 +18,6 @@ export interface SparklineProps extends HTMLAttributes<HTMLDivElement> {
     showExtremes?: boolean;
     /** Animate on render */
     animated?: boolean;
+    variant?: 'line' | 'area' | 'bars';
+    showLastPoint?: boolean;
 }

package/dist/components/Sparkline/Sparkline.utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Sparkline.const.cjs"),I=n=>{if(n.length===0)return[];const a=Math.max(...n),e=Math.min(...n),c=a-e||1;return n.map((t,l)=>({x:l/(n.length-1||1)*r.SPARKLINE.VIEWBOX_SIZE,y:r.SPARKLINE.VIEWBOX_SIZE-(t-e)/c*r.SPARKLINE.Y_RANGE-r.SPARKLINE.Y_PADDING,value:t}))},S=n=>n.length===0?"":n.reduce((a,e,c)=>{if(c===0)return`M ${e.x},${e.y}`;const t=n[c-1],l=t.x+(e.x-t.x)/r.SPARKLINE.CONTROL_POINT_FACTOR,P=e.x-(e.x-t.x)/r.SPARKLINE.CONTROL_POINT_FACTOR;return`${a} C ${l},${t.y} ${P},${e.y} ${e.x},${e.y}`},""),s=n=>n?`${n} L ${r.SPARKLINE.VIEWBOX_SIZE},${r.SPARKLINE.VIEWBOX_SIZE} L 0,${r.SPARKLINE.VIEWBOX_SIZE} Z`:"",x=n=>{if(n.length===0)return{path:"",areaPath:"",minPoint:null,maxPoint:null};const a=I(n),e=Math.max(...n),c=Math.min(...n),t=n.indexOf(c),l=n.indexOf(e),P=S(a),u=s(P);return{path:P,areaPath:u,minPoint:a[t]||null,maxPoint:a[l]||null}};exports.calculateSparklinePathData=x;exports.calculateSparklinePoints=I;exports.generateAreaPath=s;exports.generateSparklinePath=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Sparkline.const.cjs"),S=n=>{if(n.length===0)return[];const c=Math.max(...n),t=Math.min(...n),a=c-t||1;return n.map((r,l)=>({x:l/(n.length-1||1)*e.SPARKLINE.VIEWBOX_SIZE,y:e.SPARKLINE.VIEWBOX_SIZE-(r-t)/a*e.SPARKLINE.Y_RANGE-e.SPARKLINE.Y_PADDING,value:r}))},o=n=>n.length===0?"":n.reduce((c,t,a)=>{if(a===0)return`M ${t.x},${t.y}`;const r=n[a-1],l=r.x+(t.x-r.x)/e.SPARKLINE.CONTROL_POINT_FACTOR,I=t.x-(t.x-r.x)/e.SPARKLINE.CONTROL_POINT_FACTOR;return`${c} C ${l},${r.y} ${I},${t.y} ${t.x},${t.y}`},""),E=n=>n?`${n} L ${e.SPARKLINE.VIEWBOX_SIZE},${e.SPARKLINE.VIEWBOX_SIZE} L 0,${e.SPARKLINE.VIEWBOX_SIZE} Z`:"",u=n=>{if(n.length===0)return{path:"",areaPath:"",minPoint:null,maxPoint:null};const c=S(n),t=Math.max(...n),a=Math.min(...n),r=n.indexOf(a),l=n.indexOf(t),I=o(c),s=E(I);return{path:I,areaPath:s,minPoint:c[r]||null,maxPoint:c[l]||null}},x=n=>{if(n.length===0)return[];const c=Math.max(...n),t=Math.min(...n),a=c-t||1,r=e.SPARKLINE.VIEWBOX_SIZE/n.length,l=r*e.SPARKLINE.BAR_GAP_RATIO,I=r-l;return n.map((s,i)=>{const P=(s-t)/a*e.SPARKLINE.Y_RANGE;return{x:i*r+l/2,y:e.SPARKLINE.VIEWBOX_SIZE-e.SPARKLINE.Y_PADDING-P,width:I,height:P}})};exports.calculateSparklineBars=x;exports.calculateSparklinePathData=u;exports.calculateSparklinePoints=S;exports.generateAreaPath=E;exports.generateSparklinePath=o;

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

@@ -9,19 +9,14 @@ export interface SparklinePathData {
     minPoint: SparklinePoint | null;
     maxPoint: SparklinePoint | null;
 }
-/**
- * Calculate points for sparkline from data array
- */
+export interface SparklineBar {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
 export declare const calculateSparklinePoints: (data: number[]) => SparklinePoint[];
-/**
- * Generate smooth bezier curve path from points
- */
 export declare const generateSparklinePath: (points: SparklinePoint[]) => string;
-/**
- * Generate area path for filled sparkline
- */
 export declare const generateAreaPath: (linePath: string) => string;
-/**
- * Calculate all sparkline path data from raw data
- */
 export declare const calculateSparklinePathData: (data: number[]) => SparklinePathData;
+export declare const calculateSparklineBars: (data: number[]) => SparklineBar[];

package/dist/components/Sparkline/Sparkline.utils.js

@@ -1,30 +1,43 @@
-import { SPARKLINE as e } from "./Sparkline.const.js";
-const s = (n) => {
+import { SPARKLINE as r } from "./Sparkline.const.js";
+const h = (n) => {
   if (n.length === 0) return [];
-  const c = Math.max(...n), t = Math.min(...n), x = c - t || 1;
-  return n.map((r, l) => ({
-    x: l / (n.length - 1 || 1) * e.VIEWBOX_SIZE,
-    y: e.VIEWBOX_SIZE - (r - t) / x * e.Y_RANGE - e.Y_PADDING,
-    value: r
+  const c = Math.max(...n), t = Math.min(...n), s = c - t || 1;
+  return n.map((e, o) => ({
+    x: o / (n.length - 1 || 1) * r.VIEWBOX_SIZE,
+    y: r.VIEWBOX_SIZE - (e - t) / s * r.Y_RANGE - r.Y_PADDING,
+    value: e
   }));
-}, a = (n) => n.length === 0 ? "" : n.reduce((c, t, x) => {
-  if (x === 0) return `M ${t.x},${t.y}`;
-  const r = n[x - 1], l = r.x + (t.x - r.x) / e.CONTROL_POINT_FACTOR, m = t.x - (t.x - r.x) / e.CONTROL_POINT_FACTOR;
-  return `${c} C ${l},${r.y} ${m},${t.y} ${t.x},${t.y}`;
-}, ""), u = (n) => n ? `${n} L ${e.VIEWBOX_SIZE},${e.VIEWBOX_SIZE} L 0,${e.VIEWBOX_SIZE} Z` : "", O = (n) => {
+}, u = (n) => n.length === 0 ? "" : n.reduce((c, t, s) => {
+  if (s === 0) return `M ${t.x},${t.y}`;
+  const e = n[s - 1], o = e.x + (t.x - e.x) / r.CONTROL_POINT_FACTOR, x = t.x - (t.x - e.x) / r.CONTROL_POINT_FACTOR;
+  return `${c} C ${o},${e.y} ${x},${t.y} ${t.x},${t.y}`;
+}, ""), a = (n) => n ? `${n} L ${r.VIEWBOX_SIZE},${r.VIEWBOX_SIZE} L 0,${r.VIEWBOX_SIZE} Z` : "", O = (n) => {
   if (n.length === 0)
     return { path: "", areaPath: "", minPoint: null, maxPoint: null };
-  const c = s(n), t = Math.max(...n), x = Math.min(...n), r = n.indexOf(x), l = n.indexOf(t), m = a(c), o = u(m);
+  const c = h(n), t = Math.max(...n), s = Math.min(...n), e = n.indexOf(s), o = n.indexOf(t), x = u(c), l = a(x);
   return {
-    path: m,
-    areaPath: o,
-    minPoint: c[r] || null,
-    maxPoint: c[l] || null
+    path: x,
+    areaPath: l,
+    minPoint: c[e] || null,
+    maxPoint: c[o] || null
   };
+}, E = (n) => {
+  if (n.length === 0) return [];
+  const c = Math.max(...n), t = Math.min(...n), s = c - t || 1, e = r.VIEWBOX_SIZE / n.length, o = e * r.BAR_GAP_RATIO, x = e - o;
+  return n.map((l, I) => {
+    const m = (l - t) / s * r.Y_RANGE;
+    return {
+      x: I * e + o / 2,
+      y: r.VIEWBOX_SIZE - r.Y_PADDING - m,
+      width: x,
+      height: m
+    };
+  });
 };
 export {
+  E as calculateSparklineBars,
   O as calculateSparklinePathData,
-  s as calculateSparklinePoints,
-  u as generateAreaPath,
-  a as generateSparklinePath
+  h as calculateSparklinePoints,
+  a as generateAreaPath,
+  u as generateSparklinePath
 };

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

@@ -1,5 +1,5 @@
 export { Sparkline } from './Sparkline';
 export type { SparklineProps } from './Sparkline.types';
 export { SPARKLINE } from './Sparkline.const';
-export { calculateSparklinePoints, calculateSparklinePathData, generateSparklinePath, generateAreaPath, } from './Sparkline.utils';
-export type { SparklinePoint, SparklinePathData } from './Sparkline.utils';
+export { calculateSparklinePoints, calculateSparklinePathData, generateSparklinePath, generateAreaPath, calculateSparklineBars, } from './Sparkline.utils';
+export type { SparklinePoint, SparklinePathData, SparklineBar } from './Sparkline.utils';

package/dist/components/Stepper/Stepper.cjs

@@ -1 +1 @@
-"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;
+"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("@forgedevstack/bear-icons"),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:S,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 d=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&&d!=null&&o.length>d,{visibleIndices:B,leftHidden:b,rightHidden:h}=T.useMemo(()=>{if(!C||d==null)return{visibleIndices:o.map((l,I)=>I),leftHidden:[],rightHidden:[]};const n=d,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,d,o,_]),w=(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&&S&&S(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:[w(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:w(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||S==null||S(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:[b.length>0&&r.jsxs(r.Fragment,{children:[D(b,"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.js

@@ -5,7 +5,7 @@ import { resolveMaxVisible as de } from "../../utils/maxVisible.utils.js";
 import { cn as E } from "../../utils/cn.js";
 import { Typography as M } from "../Typography/Typography.js";
 import { Dropdown as _e } from "../Dropdown/Dropdown.js";
-import { BearIcons as Te } from "../Icon/index.js";
+import { BearIcons as Te } from "@forgedevstack/bear-icons";
 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: [

package/dist/components/Tabs/TabList.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),C=require("../../utils/cn.cjs"),z=require("../../context/BearProvider.cjs"),B=require("../../utils/maxVisible.utils.cjs"),I=require("../Dropdown/Dropdown.cjs"),L=require("../Icon/index.cjs"),N=require("./Tabs.cjs");function S(n){var l;return o.isValidElement(n)&&typeof n.type!="string"&&((l=n.props)==null?void 0:l.id)!=null}const _=({children:n,maxVisibleTabs:l,wrap:i=!1,className:q})=>{const f=o.useContext(N.TabsContext);if(!f)throw new Error("TabList must be used within Tabs");const v=z.useBearThemeOptional(),[x,E]=o.useState(()=>typeof window<"u"?window.innerWidth:1200);o.useEffect(()=>{const e=()=>E(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const a=o.useMemo(()=>B.resolveMaxVisible(l,{width:x,theme:v}),[l,x,v]),{activeTab:b,setActiveTab:M,variant:s}=f,w=o.Children.toArray(n).filter(S),c=w.map(e=>({id:e.props.id,label:e.props.children,disabled:e.props.disabled})),d=b?[b,...c.map(e=>e.id).filter(e=>e!==b)]:c.map(e=>e.id),h=a??d.length,k=d.slice(0,h),u=d.slice(h),p=u.includes(b),y=C.cn("Bear-Tabs__list",`Bear-Tabs__list--${s}`,a!=null&&!i&&"bear-flex bear-w-full bear-min-w-0 bear-items-stretch",(!a||i)&&"bear-flex bear-gap-1",i&&"bear-flex-wrap",!i&&!a&&"bear-gap-1",s==="line"&&"bear-border-b",s==="pills"&&"bear-p-1 bear-rounded-lg",s==="enclosed"&&"bear-border-b",q),g={...s==="line"||s==="enclosed"?{borderColor:"var(--bear-border-default)"}:{},...s==="pills"?{backgroundColor:"var(--bear-bg-tertiary)"}:{}},T=t.jsx(t.Fragment,{children:a!=null?k.map(e=>{const r=w.find(m=>m.props.id===e);return r?o.cloneElement(r,{key:r.props.id}):null}):n}),j=a!=null&&u.length>0?t.jsx("div",{className:"bear-flex bear-h-full bear-flex-shrink-0 bear-items-stretch",children:t.jsx(I.Dropdown,{placement:"bottom-end",closeOnSelect:!0,trigger:t.jsx("button",{type:"button",role:"tab","aria-haspopup":"listbox","aria-label":"More tabs",className:C.cn("bear-flex bear-h-full bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors bear-border-0 bear-cursor-pointer",s==="pills"&&"bear-rounded-md",p&&"bear-shadow-sm",!p&&"hover:bear-bg-[var(--bear-bg-tertiary)] hover:bear-text-[var(--bear-text-primary)]"),style:p?{backgroundColor:"var(--bear-bg-primary)",color:"var(--bear-text-primary)"}:{color:"var(--bear-text-muted)"},children:t.jsx(L.BearIcons.MoreHorizIcon,{size:18})}),items:u.map(e=>{const r=c.find(m=>m.id===e);return{key:e,label:(r==null?void 0:r.label)??e,disabled:r==null?void 0:r.disabled,onClick:()=>M(e)}})})}):null;return a!=null&&!i?t.jsxs("div",{role:"tablist",className:y,style:g,children:[t.jsx("div",{className:"bear-flex bear-min-w-0 bear-flex-1 bear-items-center bear-gap-1 bear-overflow-x-auto bear-overflow-y-visible bear-flex-nowrap",children:T}),j]}):t.jsxs("div",{role:"tablist",className:y,style:g,children:[T,j]})};exports.TabList=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),C=require("../../utils/cn.cjs"),I=require("../../context/BearProvider.cjs"),z=require("../../utils/maxVisible.utils.cjs"),B=require("../Dropdown/Dropdown.cjs"),L=require("@forgedevstack/bear-icons"),N=require("./Tabs.cjs");function S(n){var l;return o.isValidElement(n)&&typeof n.type!="string"&&((l=n.props)==null?void 0:l.id)!=null}const _=({children:n,maxVisibleTabs:l,wrap:i=!1,className:q})=>{const f=o.useContext(N.TabsContext);if(!f)throw new Error("TabList must be used within Tabs");const v=I.useBearThemeOptional(),[x,E]=o.useState(()=>typeof window<"u"?window.innerWidth:1200);o.useEffect(()=>{const e=()=>E(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const a=o.useMemo(()=>z.resolveMaxVisible(l,{width:x,theme:v}),[l,x,v]),{activeTab:b,setActiveTab:M,variant:s}=f,w=o.Children.toArray(n).filter(S),c=w.map(e=>({id:e.props.id,label:e.props.children,disabled:e.props.disabled})),d=b?[b,...c.map(e=>e.id).filter(e=>e!==b)]:c.map(e=>e.id),h=a??d.length,k=d.slice(0,h),u=d.slice(h),p=u.includes(b),y=C.cn("Bear-Tabs__list",`Bear-Tabs__list--${s}`,a!=null&&!i&&"bear-flex bear-w-full bear-min-w-0 bear-items-stretch",(!a||i)&&"bear-flex bear-gap-1",i&&"bear-flex-wrap",!i&&!a&&"bear-gap-1",s==="line"&&"bear-border-b",s==="pills"&&"bear-p-1 bear-rounded-lg",s==="enclosed"&&"bear-border-b",q),g={...s==="line"||s==="enclosed"?{borderColor:"var(--bear-border-default)"}:{},...s==="pills"?{backgroundColor:"var(--bear-bg-tertiary)"}:{}},T=t.jsx(t.Fragment,{children:a!=null?k.map(e=>{const r=w.find(m=>m.props.id===e);return r?o.cloneElement(r,{key:r.props.id}):null}):n}),j=a!=null&&u.length>0?t.jsx("div",{className:"bear-flex bear-h-full bear-flex-shrink-0 bear-items-stretch",children:t.jsx(B.Dropdown,{placement:"bottom-end",closeOnSelect:!0,trigger:t.jsx("button",{type:"button",role:"tab","aria-haspopup":"listbox","aria-label":"More tabs",className:C.cn("bear-flex bear-h-full bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors bear-border-0 bear-cursor-pointer",s==="pills"&&"bear-rounded-md",p&&"bear-shadow-sm",!p&&"hover:bear-bg-[var(--bear-bg-tertiary)] hover:bear-text-[var(--bear-text-primary)]"),style:p?{backgroundColor:"var(--bear-bg-primary)",color:"var(--bear-text-primary)"}:{color:"var(--bear-text-muted)"},children:t.jsx(L.BearIcons.MoreHorizIcon,{size:18})}),items:u.map(e=>{const r=c.find(m=>m.id===e);return{key:e,label:(r==null?void 0:r.label)??e,disabled:r==null?void 0:r.disabled,onClick:()=>M(e)}})})}):null;return a!=null&&!i?t.jsxs("div",{role:"tablist",className:y,style:g,children:[t.jsx("div",{className:"bear-flex bear-min-w-0 bear-flex-1 bear-items-center bear-gap-1 bear-overflow-x-auto bear-overflow-y-visible bear-flex-nowrap",children:T}),j]}):t.jsxs("div",{role:"tablist",className:y,style:g,children:[T,j]})};exports.TabList=_;

package/dist/components/Tabs/TabList.js

@@ -4,7 +4,7 @@ import { cn as E } from "../../utils/cn.js";
 import { useBearThemeOptional as R } from "../../context/BearProvider.js";
 import { resolveMaxVisible as V } from "../../utils/maxVisible.utils.js";
 import { Dropdown as W } from "../Dropdown/Dropdown.js";
-import { BearIcons as D } from "../Icon/index.js";
+import { BearIcons as D } from "@forgedevstack/bear-icons";
 import { TabsContext as F } from "./Tabs.js";
 function H(a) {
   var l;

package/dist/components/TimePicker/TimePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),V=require("../../utils/cn.cjs"),G=require("../../hooks/useMediaQuery.cjs"),J=require("./TimePicker.utils.cjs"),e=require("./TimePicker.constants.cjs"),X=require("./components/TimePickerColumnsDropdown/TimePickerColumnsDropdown.cjs"),Y=require("./components/TimePickerDialDropdown/TimePickerDialDropdown.cjs"),Z=s.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-gray-400 dark:bear-text-zinc-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})}),g=t=>{const y={value:t.value,onChange:t.onChange,disabled:t.disabled??!1,placeholder:t.placeholder??"Select time",label:t.label,error:t.error,helperText:t.helperText,format:t.format??e.TIMEPICKER_FORMAT_12H,minuteStep:t.minuteStep??5,clearable:t.clearable??!0,className:t.className,size:t.size??"md",variant:t.variant??"default",dropdownVariant:t.dropdownVariant??e.TIMEPICKER_VARIANT_COLUMNS,dropdownVariantBreakpoint:t.dropdownVariantBreakpoint??e.TIMEPICKER_DEFAULT_BREAKPOINT,icon:t.icon,translations:t.translations},{value:j,onChange:l,disabled:T,placeholder:D,label:M,error:i,helperText:S,format:c,minuteStep:_,clearable:A,className:H,size:U,variant:q,dropdownVariant:f,dropdownVariantBreakpoint:F,icon:z,translations:b}=y,B=G.useMediaQuery(`(min-width: ${F}px)`),p=f===e.TIMEPICKER_VARIANT_AUTO?B?e.TIMEPICKER_VARIANT_DIAL:e.TIMEPICKER_VARIANT_COLUMNS:f,h=p===e.TIMEPICKER_VARIANT_DIAL&&c===e.TIMEPICKER_FORMAT_24H?e.TIMEPICKER_VARIANT_COLUMNS:p,n=j,[C,d]=r.useState(!1),[u,N]=r.useState(12),[E,k]=r.useState(0),[I,K]=r.useState("AM"),R=r.useRef(null);r.useEffect(()=>{if(n&&typeof n=="string"){const[o,a]=n.split(" "),[W,$]=o.split(":").map(Number);N(W),k($),a&&K(a)}},[n]),r.useEffect(()=>{const o=a=>{R.current&&!R.current.contains(a.target)&&d(!1)};return document.addEventListener("mousedown",o),()=>document.removeEventListener("mousedown",o)},[]);const O=r.useCallback(()=>{l==null||l(J.formatTime(u,E,I,c??e.TIMEPICKER_FORMAT_12H)),d(!1)},[l,u,E,I,c]),x=c===e.TIMEPICKER_FORMAT_12H?Array.from({length:e.TIMEPICKER_HOURS_12H},(o,a)=>a+1):Array.from({length:e.TIMEPICKER_HOURS_24H},(o,a)=>a),L=Array.from({length:e.TIMEPICKER_MINUTES_DIVISOR/(_??5)},(o,a)=>a*(_??5)),w=r.useCallback(()=>d(!1),[]),v=c??e.TIMEPICKER_FORMAT_12H,P=_??5,m=r.useMemo(()=>({selectedHour:u,setSelectedHour:N,selectedMinute:E,setSelectedMinute:k,period:I,setPeriod:K,format:v,hours:x,minutes:L,timeValue:n,clearable:A??!0,onChange:l,onConfirm:O,onClose:w,translations:b}),[u,E,I,v,x,L,n,A,l,O,w,b]),Q=r.useCallback(()=>C?h===e.TIMEPICKER_VARIANT_DIAL?s.jsx(Y.TimePickerDialDropdown,{...m,minuteStep:P}):s.jsx(X.TimePickerColumnsDropdown,{...m}):null,[C,h,m,P]);return s.jsxs("div",{ref:R,className:V.cn(e.TIMEPICKER_ROOT_CLASSES,H),children:[M&&s.jsx("label",{className:e.TIMEPICKER_LABEL_CLASSES,children:M}),s.jsxs("button",{type:"button",onClick:()=>!T&&d(!C),disabled:T,className:V.cn(e.TIMEPICKER_BUTTON_CLASSES,e.sizeClasses[U??"md"],e.variantClasses[q??"default"],i?"bear-border-red-500":"focus:bear-border-primary-500",T&&"bear-opacity-50 bear-cursor-not-allowed",n?"bear-text-gray-900 dark:bear-text-white":"bear-text-gray-400 dark:bear-text-zinc-500"),children:[s.jsx("span",{children:n||D}),z??Z]}),i&&s.jsx("p",{className:e.TIMEPICKER_ERROR_CLASSES,children:i}),S&&!i&&s.jsx("p",{className:e.TIMEPICKER_HELPER_CLASSES,children:S}),Q()]})};exports.TimePicker=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),q=require("../../utils/cn.cjs"),re=require("../../hooks/useMediaQuery.cjs"),ae=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const se=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.cjs"),le=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs");require("../FormControl/FormControl.context.cjs");const oe=require("@forgedevstack/bear-icons"),ne=require("../OverlayPortal/OverlayPortal.cjs"),ce=require("./TimePicker.utils.cjs"),e=require("./TimePicker.constants.cjs"),ie=require("./components/TimePickerColumnsDropdown/TimePickerColumnsDropdown.cjs"),ue=require("./components/TimePickerDialDropdown/TimePickerDialDropdown.cjs"),de=t=>{const w={value:t.value,onChange:t.onChange,disabled:t.disabled??!1,placeholder:t.placeholder??"Select time",label:t.label,error:t.error,helperText:t.helperText,format:t.format??e.TIMEPICKER_FORMAT_12H,minuteStep:t.minuteStep??5,clearable:t.clearable??!0,className:t.className,size:t.size??"md",variant:t.variant??"default",dropdownVariant:t.dropdownVariant??e.TIMEPICKER_VARIANT_COLUMNS,dropdownVariantBreakpoint:t.dropdownVariantBreakpoint??e.TIMEPICKER_DEFAULT_BREAKPOINT,icon:t.icon,translations:t.translations,openEffect:t.openEffect,closeEffect:t.closeEffect,effect:t.effect,testId:t.testId},{openEffect:H,closeEffect:j}=le.resolveOverlayEffects(t),{value:F,onChange:o,disabled:T,placeholder:U,label:C,error:i,helperText:M,format:c,minuteStep:_,clearable:A,className:z,size:B,variant:W,dropdownVariant:S,dropdownVariantBreakpoint:Q,icon:X,translations:b,testId:G}=w,Z=re.useMediaQuery(`(min-width: ${Q}px)`),O=S===e.TIMEPICKER_VARIANT_AUTO?Z?e.TIMEPICKER_VARIANT_DIAL:e.TIMEPICKER_VARIANT_COLUMNS:S,m=O===e.TIMEPICKER_VARIANT_DIAL&&c===e.TIMEPICKER_FORMAT_24H?e.TIMEPICKER_VARIANT_COLUMNS:O,s=F,[n,u]=r.useState(!1),[d,p]=r.useState(12),[I,N]=r.useState(0),[E,h]=r.useState("AM"),K=r.useRef(null),P=r.useRef(null),x=r.useRef(null),{style:$,ready:J}=se.useFixedAnchorPosition({anchorRef:P,open:n,estimatedHeightPx:e.TIMEPICKER_DROPDOWN_HEIGHT_PX});r.useEffect(()=>{if(s&&typeof s=="string"){const[R,l]=s.split(" "),[ee,te]=R.split(":").map(Number);p(ee),N(te),l&&h(l)}},[s]);const Y=r.useCallback(()=>u(!1),[]);ae.useClickOutsideMultiple([K,x],Y,{enabled:n});const k=r.useCallback(()=>{o==null||o(ce.formatTime(d,I,E,c??e.TIMEPICKER_FORMAT_12H)),u(!1)},[o,d,I,E,c]),y=c===e.TIMEPICKER_FORMAT_12H?Array.from({length:e.TIMEPICKER_HOURS_12H},(R,l)=>l+1):Array.from({length:e.TIMEPICKER_HOURS_24H},(R,l)=>l),D=Array.from({length:e.TIMEPICKER_MINUTES_DIVISOR/(_??5)},(R,l)=>l*(_??5)),v=r.useCallback(()=>u(!1),[]),L=c??e.TIMEPICKER_FORMAT_12H,V=_??5,f=r.useMemo(()=>({selectedHour:d,setSelectedHour:p,selectedMinute:I,setSelectedMinute:N,period:E,setPeriod:h,format:L,hours:y,minutes:D,timeValue:s,clearable:A??!0,onChange:o,onConfirm:k,onClose:v,translations:b}),[d,I,E,L,y,D,s,A,o,k,v,b]),g=r.useCallback(()=>n?m===e.TIMEPICKER_VARIANT_DIAL?a.jsx(ue.TimePickerDialDropdown,{...f,minuteStep:V}):a.jsx(ie.TimePickerColumnsDropdown,{...f}):null,[n,m,f,V]);return a.jsxs("div",{ref:K,className:q.cn(e.TIMEPICKER_ROOT_CLASSES,z),"data-testid":G,children:[C&&a.jsx("label",{className:e.TIMEPICKER_LABEL_CLASSES,children:C}),a.jsxs("button",{ref:P,type:"button",onClick:()=>!T&&u(!n),disabled:T,className:q.cn(e.TIMEPICKER_BUTTON_CLASSES,e.sizeClasses[B??"md"],e.variantClasses[W??"default"],i?"bear-border-red-500":"focus:bear-border-primary-500",T&&"bear-opacity-50 bear-cursor-not-allowed",s?"bear-text-gray-900 dark:bear-text-white":"bear-text-gray-400 dark:bear-text-zinc-500"),children:[a.jsx("span",{children:s||U}),X??a.jsx(oe.ClockIcon,{className:e.TIMEPICKER_CLOCK_ICON_CLASS})]}),i&&a.jsx("p",{className:e.TIMEPICKER_ERROR_CLASSES,children:i}),M&&!i&&a.jsx("p",{className:e.TIMEPICKER_HELPER_CLASSES,children:M}),a.jsx(ne.OverlayPortal,{open:n,ready:J,style:$,zIndex:e.TIMEPICKER_DROPDOWN_Z_INDEX,openEffect:H,closeEffect:j,panelRef:x,attributes:{[e.TIMEPICKER_DROPDOWN_ATTR]:""},children:g()})]})};exports.TimePicker=de;