@forgedevstack/bear 1.1.4 → 1.1.8

package/dist/components/Skeleton/Skeleton.js

@@ -1,145 +1,140 @@
-import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { forwardRef as m, useEffect as _ } from "react";
-import { cn as A } from "../../utils/cn.js";
-import { SKELETON_BG_CLASSES as v, SKELETON_ANIMATION_CLASSES as L, SKELETON_VARIANT_CLASSES as b, SKELETON_BASE_CLASSES as C, SKELETON_TEXT_HEIGHT as w, SKELETON_AVATAR_SIZES as O, SKELETON_WAVE_STYLES as K } from "./Skeleton.const.js";
-const T = () => {
-  const e = "bear-skeleton-styles";
-  if (typeof document < "u" && !document.getElementById(e)) {
-    const t = document.createElement("style");
-    t.id = e, t.textContent = K, document.head.appendChild(t);
-  }
-}, i = m(
+import { cn as k } from "../../utils/cn.js";
+import { SKELETON_BG_CLASSES as v, SKELETON_ANIMATION_CLASSES as b, SKELETON_VARIANT_CLASSES as L, SKELETON_BASE_CLASSES as w, SKELETON_TEXT_HEIGHT as C, SKELETON_AVATAR_SIZES as O } from "./Skeleton.const.js";
+import { injectStyles as x } from "./Skeleton.utils.js";
+const S = m(
   ({
     variant: e = "text",
-    animation: t = "pulse",
-    width: l,
-    height: s,
-    borderRadius: d,
-    count: S = 1,
-    gap: E = 8,
-    className: o,
-    style: a,
-    testId: p,
-    ...h
-  }, y) => {
+    animation: r = "pulse",
+    width: s,
+    height: l,
+    borderRadius: o,
+    count: a = 1,
+    gap: p = 8,
+    className: d,
+    style: n,
+    testId: h,
+    ...E
+  }, N) => {
     _(() => {
-      t === "wave" && T();
-    }, [t]);
-    const c = (n) => {
-      if (n !== void 0)
-        return typeof n == "number" ? `${n}px` : n;
-    }, N = {
-      width: c(l),
-      height: c(s) || (e === "text" ? w : void 0),
-      borderRadius: d ? c(d) : void 0,
-      ...a
-    }, g = A(
-      C,
-      b[e],
-      L[t],
+      r === "wave" && x();
+    }, [r]);
+    const c = (i) => {
+      if (i !== void 0)
+        return typeof i == "number" ? `${i}px` : i;
+    }, g = {
+      width: c(s),
+      height: c(l) || (e === "text" ? C : void 0),
+      borderRadius: o ? c(o) : void 0,
+      ...n
+    }, y = k(
+      w,
+      L[e],
+      b[r],
       v,
-      o
+      d
     );
-    return S > 1 ? /* @__PURE__ */ r(
+    return a > 1 ? /* @__PURE__ */ t(
       "div",
       {
         className: "Bear-Skeleton__group flex flex-col",
-        style: { gap: c(E) },
-        "data-testid": p,
-        children: Array.from({ length: S }).map((n, u) => /* @__PURE__ */ r(
+        style: { gap: c(p) },
+        "data-testid": h,
+        children: Array.from({ length: a }).map((i, A) => /* @__PURE__ */ t(
           "div",
           {
-            ref: u === 0 ? y : void 0,
-            className: g,
-            style: N,
-            ...h
+            ref: A === 0 ? N : void 0,
+            className: y,
+            style: g,
+            ...E
           },
-          u
+          A
         ))
       }
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ t(
       "div",
       {
-        ref: y,
-        className: g,
-        style: N,
-        "data-testid": p,
-        ...h
+        ref: N,
+        className: y,
+        style: g,
+        "data-testid": h,
+        ...E
       }
     );
   }
 );
-i.displayName = "Skeleton";
-const k = m(
-  ({ lines: e = 3, lastLineWidth: t = "80%", gap: l = 8, animation: s = "pulse", ...d }, S) => (_(() => {
-    s === "wave" && T();
-  }, [s]), /* @__PURE__ */ r(
+S.displayName = "Skeleton";
+const T = m(
+  ({ lines: e = 3, lastLineWidth: r = "80%", gap: s = 8, animation: l = "pulse", ...o }, a) => (_(() => {
+    l === "wave" && x();
+  }, [l]), /* @__PURE__ */ t(
     "div",
     {
-      ref: S,
+      ref: a,
       className: "Bear-SkeletonText flex flex-col",
-      style: { gap: ((o) => {
-        if (o !== void 0)
-          return typeof o == "number" ? `${o}px` : o;
-      })(l) },
-      children: Array.from({ length: e }).map((o, a) => /* @__PURE__ */ r(
-        i,
+      style: { gap: ((d) => {
+        if (d !== void 0)
+          return typeof d == "number" ? `${d}px` : d;
+      })(s) },
+      children: Array.from({ length: e }).map((d, n) => /* @__PURE__ */ t(
+        S,
         {
           variant: "text",
-          animation: s,
-          width: a === e - 1 ? t : "100%",
-          ...d
+          animation: l,
+          width: n === e - 1 ? r : "100%",
+          ...o
         },
-        a
+        n
       ))
     }
   ))
 );
-k.displayName = "SkeletonText";
-const x = m(
-  ({ size: e = "md", animation: t = "pulse", ...l }, s) => {
-    const d = typeof e == "number" ? e : O[e];
-    return /* @__PURE__ */ r(
-      i,
+T.displayName = "SkeletonText";
+const u = m(
+  ({ size: e = "md", animation: r = "pulse", ...s }, l) => {
+    const o = typeof e == "number" ? e : O[e];
+    return /* @__PURE__ */ t(
+      S,
       {
-        ref: s,
+        ref: l,
         variant: "circular",
-        animation: t,
-        width: d,
-        height: d,
-        ...l
+        animation: r,
+        width: o,
+        height: o,
+        ...s
       }
     );
   }
 );
-x.displayName = "SkeletonAvatar";
-const B = m(
-  ({ animation: e = "pulse", className: t, ...l }, s) => /* @__PURE__ */ f(
+u.displayName = "SkeletonAvatar";
+const K = m(
+  ({ animation: e = "pulse", className: r, ...s }, l) => /* @__PURE__ */ f(
     "div",
     {
-      ref: s,
-      className: A(
+      ref: l,
+      className: k(
         "Bear-SkeletonCard p-4 rounded-lg border border-gray-200 dark:border-zinc-700 bg-white dark:bg-zinc-900",
-        t
+        r
       ),
-      ...l,
+      ...s,
       children: [
         /* @__PURE__ */ f("div", { className: "flex items-center gap-3 mb-4", children: [
-          /* @__PURE__ */ r(x, { animation: e }),
+          /* @__PURE__ */ t(u, { animation: e }),
           /* @__PURE__ */ f("div", { className: "flex-1", children: [
-            /* @__PURE__ */ r(i, { animation: e, width: "60%", height: 16, className: "mb-2" }),
-            /* @__PURE__ */ r(i, { animation: e, width: "40%", height: 12 })
+            /* @__PURE__ */ t(S, { animation: e, width: "60%", height: 16, className: "mb-2" }),
+            /* @__PURE__ */ t(S, { animation: e, width: "40%", height: 12 })
           ] })
         ] }),
-        /* @__PURE__ */ r(k, { animation: e, lines: 3 })
+        /* @__PURE__ */ t(T, { animation: e, lines: 3 })
       ]
     }
   )
 );
-B.displayName = "SkeletonCard";
+K.displayName = "SkeletonCard";
 export {
-  i as Skeleton,
-  x as SkeletonAvatar,
-  B as SkeletonCard,
-  k as SkeletonText
+  S as Skeleton,
+  u as SkeletonAvatar,
+  K as SkeletonCard,
+  T as SkeletonText
 };

package/dist/components/Skeleton/Skeleton.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./Skeleton.const.cjs"),t="bear-skeleton-styles",o=()=>{if(typeof document<"u"&&!document.getElementById(t)){const e=document.createElement("style");e.id=t,e.textContent=n.SKELETON_WAVE_STYLES,document.head.appendChild(e)}};exports.injectStyles=o;

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

@@ -0,0 +1 @@
+export declare const injectStyles: () => void;

package/dist/components/Skeleton/Skeleton.utils.js

@@ -0,0 +1,10 @@
+import { SKELETON_WAVE_STYLES as n } from "./Skeleton.const.js";
+const t = "bear-skeleton-styles", d = () => {
+  if (typeof document < "u" && !document.getElementById(t)) {
+    const e = document.createElement("style");
+    e.id = t, e.textContent = n, document.head.appendChild(e);
+  }
+};
+export {
+  d as injectStyles
+};

package/dist/components/SliderRange/SliderRange.cjs

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

package/dist/components/SliderRange/SliderRange.js

@@ -1,13 +1,14 @@
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useState as z, useRef as A, useCallback as L, useEffect as B } from "react";
-import { cn as i } from "../../utils/cn.js";
-const F = {
+import { useState as $, useRef as A, useCallback as S, useEffect as B } from "react";
+import { cn as l } from "../../utils/cn.js";
+import { stepValue as F } 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" },
   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" }
-}, H = {
+}, U = {
   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" },
@@ -17,59 +18,56 @@ const F = {
   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" }
-}, U = (s, v, e, r) => {
-  const o = Math.round(s / r) * r;
-  return Math.max(v, Math.min(e, o));
-}, K = ({
-  value: s,
-  defaultValue: v = [20, 80],
+}, Q = ({
+  value: n,
+  defaultValue: z = [20, 80],
   min: e = 0,
-  max: r = 100,
-  step: o = 1,
+  max: t = 100,
+  step: i = 1,
   size: j = "md",
   color: O = "primary",
-  disabled: b = !1,
-  onChange: u,
+  disabled: a = !1,
+  onChange: s,
   onChangeCommitted: h,
-  valueFormatter: Z = (f) => String(f),
+  valueFormatter: Z = (v) => String(v),
   className: P,
   ...V
 }) => {
-  const [f, E] = z(v), [t, R] = z(null), w = A(null), y = s ?? f, [c, l] = y, k = (c - e) / (r - e) * 100, N = (l - e) / (r - e) * 100, m = F[j], p = H[O], x = L(
-    (a, d) => {
-      if (!w.current || b) return;
-      const I = w.current.getBoundingClientRect(), X = Math.max(0, Math.min(1, (a - I.left) / I.width)), Y = e + X * (r - e), T = U(Y, e, r, 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(
+    (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);
       if (d === "min") {
-        const n = [Math.min(T, l - o), l];
-        s === void 0 && E(n), u == null || u(n);
+        const c = [Math.min(I, o - i), o];
+        n === void 0 && L(c), s == null || s(c);
       } else {
-        const $ = Math.max(T, c + o), n = [c, $];
-        s === void 0 && E(n), u == null || u(n);
+        const T = Math.max(I, u + i), c = [u, T];
+        n === void 0 && L(c), s == null || s(c);
       }
     },
-    [e, r, o, c, l, b, s, u]
-  ), D = (a, d) => {
-    b || (a.preventDefault(), R(d), x(a.clientX, d));
-  }, M = L(
-    (a) => {
-      t && x(a.clientX, t);
+    [e, t, i, u, o, a, n, s]
+  ), N = (r, d) => {
+    a || (r.preventDefault(), E(d), p(r.clientX, d));
+  }, x = S(
+    (r) => {
+      b && p(r.clientX, b);
     },
-    [t, x]
-  ), S = L(() => {
-    t && (R(null), h == null || h(y));
-  }, [t, y, h]);
+    [b, p]
+  ), M = S(() => {
+    b && (E(null), h == null || h(w));
+  }, [b, w, h]);
   return B(() => {
-    if (t)
-      return document.addEventListener("mousemove", M), document.addEventListener("mouseup", S), () => {
-        document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", S);
+    if (b)
+      return document.addEventListener("mousemove", x), document.addEventListener("mouseup", M), () => {
+        document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", M);
       };
-  }, [t, M, S]), /* @__PURE__ */ g(
+  }, [b, x, M]), /* @__PURE__ */ g(
     "div",
     {
-      className: i(
+      className: l(
         "bear-relative bear-w-full bear-flex bear-items-center",
         m.height,
-        b && "bear-opacity-50 bear-cursor-not-allowed",
+        a && "bear-opacity-50 bear-cursor-not-allowed",
         P
       ),
       "data-testid": "slider-range",
@@ -77,58 +75,58 @@ const F = {
       children: /* @__PURE__ */ _(
         "div",
         {
-          ref: w,
-          className: i(
+          ref: f,
+          className: l(
             "bear-relative bear-w-full bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700",
             m.track,
-            !b && "bear-cursor-pointer"
+            !a && "bear-cursor-pointer"
           ),
           children: [
             /* @__PURE__ */ g(
               "div",
               {
-                className: i("bear-absolute bear-inset-y-0 bear-left-0 bear-rounded-full", p.track),
-                style: { left: `${k}%`, width: `${N - k}%` }
+                className: l("bear-absolute bear-inset-y-0 bear-left-0 bear-rounded-full", k.track),
+                style: { left: `${y}%`, width: `${R - y}%` }
               }
             ),
             /* @__PURE__ */ g(
               "div",
               {
                 role: "slider",
-                tabIndex: b ? -1 : 0,
+                tabIndex: a ? -1 : 0,
                 "aria-valuemin": e,
-                "aria-valuemax": r,
-                "aria-valuenow": c,
+                "aria-valuemax": t,
+                "aria-valuenow": u,
                 "aria-label": "Range minimum",
-                className: i(
+                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",
                   m.thumb,
-                  p.thumb,
-                  !b && "bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",
-                  t === "min" && "bear-scale-125 bear-z-10"
+                  k.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: (a) => D(a, "min")
+                style: { left: `${y}%` },
+                onMouseDown: (r) => N(r, "min")
               }
             ),
             /* @__PURE__ */ g(
               "div",
               {
                 role: "slider",
-                tabIndex: b ? -1 : 0,
+                tabIndex: a ? -1 : 0,
                 "aria-valuemin": e,
-                "aria-valuemax": r,
-                "aria-valuenow": l,
+                "aria-valuemax": t,
+                "aria-valuenow": o,
                 "aria-label": "Range maximum",
-                className: i(
+                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",
                   m.thumb,
-                  p.thumb,
-                  !b && "bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",
-                  t === "max" && "bear-scale-125 bear-z-10"
+                  k.thumb,
+                  !a && "bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",
+                  b === "max" && "bear-scale-125 bear-z-10"
                 ),
-                style: { left: `${N}%` },
-                onMouseDown: (a) => D(a, "max")
+                style: { left: `${R}%` },
+                onMouseDown: (r) => N(r, "max")
               }
             )
           ]
@@ -138,5 +136,5 @@ const F = {
   );
 };
 export {
-  K as SliderRange
+  Q as SliderRange
 };

package/dist/components/SliderRange/SliderRange.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=(e,a,n,t)=>{const o=Math.round(e/t)*t;return Math.max(a,Math.min(n,o))};exports.stepValue=r;

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

@@ -0,0 +1 @@
+export declare const stepValue: (raw: number, min: number, max: number, step: number) => number;

package/dist/components/SliderRange/SliderRange.utils.js

@@ -0,0 +1,7 @@
+const e = (a, n, o, t) => {
+  const r = Math.round(a / t) * t;
+  return Math.max(n, Math.min(o, r));
+};
+export {
+  e as stepValue
+};

package/dist/components/Spotlight/Spotlight.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),m=require("../../utils/cn.cjs"),x=require("./Spotlight.const.cjs"),R=(s,l)=>{var i,p;const n=l.toLowerCase();return!!(s.label.toLowerCase().includes(n)||(i=s.description)!=null&&i.toLowerCase().includes(n)||(p=s.keywords)!=null&&p.some(y=>y.toLowerCase().includes(n)))},E=(s,l)=>{if(!l)return s;const n=s.toLowerCase().indexOf(l.toLowerCase());return n===-1?s:r.jsxs(r.Fragment,{children:[s.slice(0,n),r.jsx("mark",{className:"Bear-Spotlight__highlight bear-bg-yellow-200 dark:bear-bg-yellow-800 bear-text-inherit bear-rounded-sm bear-px-0.5",children:s.slice(n,n+l.length)}),s.slice(n+l.length)]})},U=s=>{const{actions:l,open:n,onOpenChange:i,placeholder:p=x.DEFAULT_PLACEHOLDER,shortcutKey:y=x.DEFAULT_SHORTCUT_KEY,shortcutMod:v=!0,nothingFoundMessage:L=x.DEFAULT_NOTHING_FOUND,highlightMatches:S=!0,limit:f=x.DEFAULT_LIMIT,filter:k,className:B,style:D,testId:T}=s,[I,A]=b.useState(!1),[o,j]=b.useState(""),[h,u]=b.useState(0),N=b.useRef(null),C=b.useRef(null),g=n??I,d=b.useCallback(e=>{A(e),i==null||i(e),e||(j(""),u(0))},[i]);b.useEffect(()=>{const e=a=>{(v?a.metaKey||a.ctrlKey:!0)&&a.key.toLowerCase()===y.toLowerCase()&&(a.preventDefault(),d(!g)),a.key==="Escape"&&g&&d(!1)};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[y,v,g,d]),b.useEffect(()=>{g&&setTimeout(()=>{var e;return(e=N.current)==null?void 0:e.focus()},x.FOCUS_DELAY)},[g]);const c=b.useMemo(()=>k?k(o,l).slice(0,f):o?l.filter(e=>R(e,o)).slice(0,f):l.slice(0,f),[l,o,k,f]),O=b.useMemo(()=>{const e=new Map;return c.forEach(a=>{const t=a.group||"";e.has(t)||e.set(t,[]),e.get(t).push(a)}),e},[c]),M=b.useCallback(e=>{if(e.key==="ArrowDown")e.preventDefault(),u(a=>Math.min(a+1,c.length-1));else if(e.key==="ArrowUp")e.preventDefault(),u(a=>Math.max(a-1,0));else if(e.key==="Enter"&&c[h]){e.preventDefault();const a=c[h];a.disabled||(a.onTrigger(),d(!1))}},[c,h,d]);if(b.useEffect(()=>{const e=C.current;if(!e)return;const a=e.querySelector('[data-active="true"]');a==null||a.scrollIntoView({block:"nearest"})},[h]),!g)return null;let _=-1;return r.jsxs("div",{className:m.cn("Bear-Spotlight","bear-fixed bear-inset-0 bear-flex bear-items-start bear-justify-center bear-pt-[15vh]"),style:{zIndex:x.SPOTLIGHT_Z_INDEX},"data-testid":T,children:[r.jsx("div",{className:"Bear-Spotlight__backdrop bear-absolute bear-inset-0 bear-bg-black/50 dark:bear-bg-black/70 bear-backdrop-blur-sm",onClick:()=>d(!1),"aria-hidden":"true"}),r.jsxs("div",{className:m.cn("Bear-Spotlight__dialog","bear-relative bear-w-full bear-max-w-[560px] bear-mx-4","bear-bg-white dark:bear-bg-gray-900","bear-rounded-xl bear-shadow-2xl","bear-border bear-border-gray-200 dark:bear-border-gray-700","bear-overflow-hidden",B),style:D,role:"dialog","aria-label":"Search",children:[r.jsxs("div",{className:"Bear-Spotlight__search bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-3 bear-border-b bear-border-gray-200 dark:bear-border-gray-700",children:[r.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"bear-text-gray-400 dark:bear-text-gray-500 bear-shrink-0",children:[r.jsx("circle",{cx:"11",cy:"11",r:"8"}),r.jsx("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})]}),r.jsx("input",{ref:N,type:"text",value:o,onChange:e=>{j(e.target.value),u(0)},onKeyDown:M,placeholder:p,className:m.cn("Bear-Spotlight__input","bear-flex-1 bear-bg-transparent bear-outline-none bear-text-base","bear-text-gray-900 dark:bear-text-white","placeholder:bear-text-gray-400 dark:placeholder:bear-text-gray-500"),autoComplete:"off",spellCheck:!1}),r.jsx("kbd",{className:"bear-hidden sm:bear-inline-flex bear-items-center bear-px-1.5 bear-py-0.5 bear-rounded bear-text-[10px] bear-font-mono bear-text-gray-400 dark:bear-text-gray-500 bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"ESC"})]}),r.jsxs("div",{ref:C,className:"Bear-Spotlight__results bear-max-h-[400px] bear-overflow-y-auto bear-py-2",role:"listbox",children:[c.length===0&&r.jsx("div",{className:"Bear-Spotlight__empty bear-px-4 bear-py-8 bear-text-center bear-text-gray-500 dark:bear-text-gray-400 bear-text-sm",children:L}),Array.from(O.entries()).map(([e,a])=>r.jsxs("div",{className:"Bear-Spotlight__group",children:[e&&r.jsx("div",{className:"Bear-Spotlight__group-title bear-px-4 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider bear-text-gray-400 dark:bear-text-gray-500",children:e}),a.map(t=>{_++;const w=_===h,F=_;return r.jsxs("button",{className:m.cn("Bear-Spotlight__action","bear-w-full bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-2.5 bear-text-left bear-cursor-pointer","bear-transition-colors bear-duration-100",w?"bear-bg-gray-100 dark:bear-bg-gray-800":"hover:bear-bg-gray-50 dark:hover:bear-bg-gray-800/50",t.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),"data-active":w,onMouseEnter:()=>u(F),onClick:()=>{t.disabled||(t.onTrigger(),d(!1))},role:"option","aria-selected":w,"aria-disabled":t.disabled,children:[t.icon&&r.jsx("span",{className:"Bear-Spotlight__action-icon bear-text-gray-500 dark:bear-text-gray-400 bear-shrink-0",children:t.icon}),r.jsxs("div",{className:"Bear-Spotlight__action-body bear-flex-1 bear-min-w-0",children:[r.jsx("div",{className:"Bear-Spotlight__action-label bear-text-sm bear-font-medium bear-text-gray-900 dark:bear-text-white bear-truncate",children:S?E(t.label,o):t.label}),t.description&&r.jsx("div",{className:"Bear-Spotlight__action-desc bear-text-xs bear-text-gray-500 dark:bear-text-gray-400 bear-truncate",children:S?E(t.description,o):t.description})]}),t.rightSection&&r.jsx("span",{className:"Bear-Spotlight__action-right bear-shrink-0",children:t.rightSection})]},t.id)})]},e))]}),r.jsxs("div",{className:"Bear-Spotlight__footer bear-border-t bear-border-gray-200 dark:bear-border-gray-700 bear-px-4 bear-py-2 bear-flex bear-items-center bear-gap-4 bear-text-[11px] bear-text-gray-400 dark:bear-text-gray-500",children:[r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[r.jsx("kbd",{className:"bear-px-1 bear-rounded bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"↑↓"}),"navigate"]}),r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[r.jsx("kbd",{className:"bear-px-1 bear-rounded bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"↵"}),"select"]}),r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[r.jsx("kbd",{className:"bear-px-1 bear-rounded bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"esc"}),"close"]})]})]})]})};exports.Spotlight=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),h=require("../../utils/cn.cjs"),o=require("./Spotlight.const.cjs"),m=require("./Spotlight.utils.cjs"),U=N=>{const{actions:g,open:E,onOpenChange:x,placeholder:B=o.DEFAULT_PLACEHOLDER,shortcutKey:k=o.DEFAULT_SHORTCUT_KEY,shortcutMod:_=!0,nothingFoundMessage:T=o.DEFAULT_NOTHING_FOUND,highlightMatches:v=!0,limit:p=o.DEFAULT_LIMIT,filter:u,className:D,style:C,testId:I}=N,[L,A]=s.useState(!1),[b,S]=s.useState(""),[d,c]=s.useState(0),j=s.useRef(null),w=s.useRef(null),n=E??L,l=s.useCallback(e=>{A(e),x==null||x(e),e||(S(""),c(0))},[x]);s.useEffect(()=>{const e=a=>{(_?a.metaKey||a.ctrlKey:!0)&&a.key.toLowerCase()===k.toLowerCase()&&(a.preventDefault(),l(!n)),a.key==="Escape"&&n&&l(!1)};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[k,_,n,l]),s.useEffect(()=>{n&&setTimeout(()=>{var e;return(e=j.current)==null?void 0:e.focus()},o.FOCUS_DELAY)},[n]);const i=s.useMemo(()=>u?u(b,g).slice(0,p):b?g.filter(e=>m.matchAction(e,b)).slice(0,p):g.slice(0,p),[g,b,u,p]),M=s.useMemo(()=>{const e=new Map;return i.forEach(a=>{const t=a.group||"";e.has(t)||e.set(t,[]),e.get(t).push(a)}),e},[i]),O=s.useCallback(e=>{if(e.key==="ArrowDown")e.preventDefault(),c(a=>Math.min(a+1,i.length-1));else if(e.key==="ArrowUp")e.preventDefault(),c(a=>Math.max(a-1,0));else if(e.key==="Enter"&&i[d]){e.preventDefault();const a=i[d];a.disabled||(a.onTrigger(),l(!1))}},[i,d,l]);if(s.useEffect(()=>{const e=w.current;if(!e)return;const a=e.querySelector('[data-active="true"]');a==null||a.scrollIntoView({block:"nearest"})},[d]),!n)return null;let y=-1;return r.jsxs("div",{className:h.cn("Bear-Spotlight","bear-fixed bear-inset-0 bear-flex bear-items-start bear-justify-center bear-pt-[15vh]"),style:{zIndex:o.SPOTLIGHT_Z_INDEX},"data-testid":I,children:[r.jsx("div",{className:"Bear-Spotlight__backdrop bear-absolute bear-inset-0 bear-bg-black/50 dark:bear-bg-black/70 bear-backdrop-blur-sm",onClick:()=>l(!1),"aria-hidden":"true"}),r.jsxs("div",{className:h.cn("Bear-Spotlight__dialog","bear-relative bear-w-full bear-max-w-[560px] bear-mx-4","bear-bg-white dark:bear-bg-gray-900","bear-rounded-xl bear-shadow-2xl","bear-border bear-border-gray-200 dark:bear-border-gray-700","bear-overflow-hidden",D),style:C,role:"dialog","aria-label":"Search",children:[r.jsxs("div",{className:"Bear-Spotlight__search bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-3 bear-border-b bear-border-gray-200 dark:bear-border-gray-700",children:[r.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"bear-text-gray-400 dark:bear-text-gray-500 bear-shrink-0",children:[r.jsx("circle",{cx:"11",cy:"11",r:"8"}),r.jsx("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})]}),r.jsx("input",{ref:j,type:"text",value:b,onChange:e=>{S(e.target.value),c(0)},onKeyDown:O,placeholder:B,className:h.cn("Bear-Spotlight__input","bear-flex-1 bear-bg-transparent bear-outline-none bear-text-base","bear-text-gray-900 dark:bear-text-white","placeholder:bear-text-gray-400 dark:placeholder:bear-text-gray-500"),autoComplete:"off",spellCheck:!1}),r.jsx("kbd",{className:"bear-hidden sm:bear-inline-flex bear-items-center bear-px-1.5 bear-py-0.5 bear-rounded bear-text-[10px] bear-font-mono bear-text-gray-400 dark:bear-text-gray-500 bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"ESC"})]}),r.jsxs("div",{ref:w,className:"Bear-Spotlight__results bear-max-h-[400px] bear-overflow-y-auto bear-py-2",role:"listbox",children:[i.length===0&&r.jsx("div",{className:"Bear-Spotlight__empty bear-px-4 bear-py-8 bear-text-center bear-text-gray-500 dark:bear-text-gray-400 bear-text-sm",children:T}),Array.from(M.entries()).map(([e,a])=>r.jsxs("div",{className:"Bear-Spotlight__group",children:[e&&r.jsx("div",{className:"Bear-Spotlight__group-title bear-px-4 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider bear-text-gray-400 dark:bear-text-gray-500",children:e}),a.map(t=>{y++;const f=y===d,R=y;return r.jsxs("button",{className:h.cn("Bear-Spotlight__action","bear-w-full bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-2.5 bear-text-left bear-cursor-pointer","bear-transition-colors bear-duration-100",f?"bear-bg-gray-100 dark:bear-bg-gray-800":"hover:bear-bg-gray-50 dark:hover:bear-bg-gray-800/50",t.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),"data-active":f,onMouseEnter:()=>c(R),onClick:()=>{t.disabled||(t.onTrigger(),l(!1))},role:"option","aria-selected":f,"aria-disabled":t.disabled,children:[t.icon&&r.jsx("span",{className:"Bear-Spotlight__action-icon bear-text-gray-500 dark:bear-text-gray-400 bear-shrink-0",children:t.icon}),r.jsxs("div",{className:"Bear-Spotlight__action-body bear-flex-1 bear-min-w-0",children:[r.jsx("div",{className:"Bear-Spotlight__action-label bear-text-sm bear-font-medium bear-text-gray-900 dark:bear-text-white bear-truncate",children:v?m.highlightText(t.label,b):t.label}),t.description&&r.jsx("div",{className:"Bear-Spotlight__action-desc bear-text-xs bear-text-gray-500 dark:bear-text-gray-400 bear-truncate",children:v?m.highlightText(t.description,b):t.description})]}),t.rightSection&&r.jsx("span",{className:"Bear-Spotlight__action-right bear-shrink-0",children:t.rightSection})]},t.id)})]},e))]}),r.jsxs("div",{className:"Bear-Spotlight__footer bear-border-t bear-border-gray-200 dark:bear-border-gray-700 bear-px-4 bear-py-2 bear-flex bear-items-center bear-gap-4 bear-text-[11px] bear-text-gray-400 dark:bear-text-gray-500",children:[r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[r.jsx("kbd",{className:"bear-px-1 bear-rounded bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"↑↓"}),"navigate"]}),r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[r.jsx("kbd",{className:"bear-px-1 bear-rounded bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"↵"}),"select"]}),r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[r.jsx("kbd",{className:"bear-px-1 bear-rounded bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"esc"}),"close"]})]})]})]})};exports.Spotlight=U;