@forgedevstack/bear 1.1.4 → 1.1.8

package/dist/components/Chart/Chart.js

@@ -1,30 +1,14 @@
-import { jsx as t, jsxs as h } from "react/jsx-runtime";
-import { useMemo as C } from "react";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { useMemo as b } from "react";
 import { cn as d } from "../../utils/cn.js";
-const L = [
-  "#ec4899",
-  // pink
-  "#8b5cf6",
-  // purple
-  "#3b82f6",
-  // blue
-  "#10b981",
-  // emerald
-  "#f59e0b",
-  // amber
-  "#ef4444",
-  // red
-  "#06b6d4",
-  // cyan
-  "#84cc16"
-  // lime
-], k = (l, o) => o || L[l % L.length], R = ({
+import { getChartColor as k } from "./Chart.utils.js";
+const R = ({
   data: l,
-  height: o = 200,
+  height: i = 200,
   showLabels: p = !0,
   showValues: $ = !1,
-  animated: f = !0,
-  color: m,
+  animated: m = !0,
+  color: h,
   orientation: g = "vertical",
   barRadius: u = 4,
   barGap: v = 0.2,
@@ -32,15 +16,15 @@ const L = [
   ...N
 }) => {
   const n = Math.max(...l.map((s) => s.value));
-  return /* @__PURE__ */ t("div", { className: d("w-full", y), style: { height: o }, ...N, children: g === "vertical" ? /* @__PURE__ */ t("div", { className: "flex items-end justify-between h-full gap-2", children: l.map((s, r) => {
-    const e = s.value / n * 100, a = k(r, s.color || m);
-    return /* @__PURE__ */ h("div", { className: "flex-1 flex flex-col items-center gap-1", children: [
+  return /* @__PURE__ */ t("div", { className: d("w-full", y), style: { height: i }, ...N, children: g === "vertical" ? /* @__PURE__ */ t("div", { className: "flex items-end justify-between h-full gap-2", children: l.map((s, r) => {
+    const e = s.value / n * 100, a = k(r, s.color || h);
+    return /* @__PURE__ */ f("div", { className: "flex-1 flex flex-col items-center gap-1", children: [
       /* @__PURE__ */ t("div", { className: "w-full flex-1 flex items-end", children: /* @__PURE__ */ t(
         "div",
         {
           className: d(
             "w-full transition-all duration-500 ease-out",
-            f && "animate-grow-up"
+            m && "animate-grow-up"
           ),
           style: {
             height: `${e}%`,
@@ -54,15 +38,15 @@ const L = [
       p && /* @__PURE__ */ t("span", { className: "text-xs text-gray-600 dark:text-slate-300 truncate max-w-full", children: s.label })
     ] }, r);
   }) }) : /* @__PURE__ */ t("div", { className: "flex flex-col justify-between h-full gap-2", children: l.map((s, r) => {
-    const e = s.value / n * 100, a = k(r, s.color || m);
-    return /* @__PURE__ */ h("div", { className: "flex-1 flex items-center gap-2", children: [
+    const e = s.value / n * 100, a = k(r, s.color || h);
+    return /* @__PURE__ */ f("div", { className: "flex-1 flex items-center gap-2", children: [
       p && /* @__PURE__ */ t("span", { className: "text-xs text-gray-600 dark:text-slate-300 w-16 truncate", children: s.label }),
       /* @__PURE__ */ t("div", { className: "flex-1 h-full flex items-center", children: /* @__PURE__ */ t(
         "div",
         {
           className: d(
             "h-3/4 transition-all duration-500 ease-out",
-            f && "animate-grow-right"
+            m && "animate-grow-right"
           ),
           style: {
             width: `${e}%`,
@@ -75,38 +59,38 @@ const L = [
       $ && /* @__PURE__ */ t("span", { className: "text-xs text-gray-500 dark:text-slate-400 w-10 text-right", children: s.value })
     ] }, r);
   }) }) });
-}, A = ({
+}, j = ({
   data: l,
-  height: o = 200,
+  height: i = 200,
   showLabels: p = !0,
   showDots: $ = !0,
-  smooth: f = !0,
-  fill: m = !1,
+  smooth: m = !0,
+  fill: h = !1,
   strokeWidth: g = 2,
   color: u = "#ec4899",
   animated: v = !0,
   className: y,
   ...N
 }) => {
-  const n = C(() => {
-    const e = Math.max(...l.map((c) => c.value)), a = Math.min(...l.map((c) => c.value)), i = e - a || 1;
+  const n = b(() => {
+    const e = Math.max(...l.map((c) => c.value)), a = Math.min(...l.map((c) => c.value)), o = e - a || 1;
     return l.map((c, x) => ({
       x: x / (l.length - 1 || 1) * 100,
-      y: 100 - (c.value - a) / i * 80 - 10,
+      y: 100 - (c.value - a) / o * 80 - 10,
       ...c
     }));
-  }, [l]), s = C(() => n.length === 0 ? "" : f ? n.reduce((e, a, i, c) => {
-    if (i === 0) return `M ${a.x},${a.y}`;
-    const x = c[i - 1], b = x.x + (a.x - x.x) / 3, w = a.x - (a.x - x.x) / 3;
-    return `${e} C ${b},${x.y} ${w},${a.y} ${a.x},${a.y}`;
-  }, "") : n.reduce((e, a, i) => `${e} ${i === 0 ? "M" : "L"} ${a.x},${a.y}`, ""), [n, f]), r = C(() => n.length === 0 ? "" : `${s} L 100,100 L 0,100 Z`, [s, n]);
-  return /* @__PURE__ */ h("div", { className: d("w-full", y), style: { height: o }, ...N, children: [
-    /* @__PURE__ */ h("svg", { viewBox: "0 0 100 100", preserveAspectRatio: "none", className: "w-full h-full", children: [
-      /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ h("linearGradient", { id: "line-gradient", x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
+  }, [l]), s = b(() => n.length === 0 ? "" : m ? n.reduce((e, a, o, c) => {
+    if (o === 0) return `M ${a.x},${a.y}`;
+    const x = c[o - 1], w = x.x + (a.x - x.x) / 3, C = a.x - (a.x - x.x) / 3;
+    return `${e} C ${w},${x.y} ${C},${a.y} ${a.x},${a.y}`;
+  }, "") : n.reduce((e, a, o) => `${e} ${o === 0 ? "M" : "L"} ${a.x},${a.y}`, ""), [n, m]), r = b(() => n.length === 0 ? "" : `${s} L 100,100 L 0,100 Z`, [s, n]);
+  return /* @__PURE__ */ f("div", { className: d("w-full", y), style: { height: i }, ...N, children: [
+    /* @__PURE__ */ f("svg", { viewBox: "0 0 100 100", preserveAspectRatio: "none", className: "w-full h-full", children: [
+      /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ f("linearGradient", { id: "line-gradient", x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
         /* @__PURE__ */ t("stop", { offset: "0%", stopColor: u, stopOpacity: "0.3" }),
         /* @__PURE__ */ t("stop", { offset: "100%", stopColor: u, stopOpacity: "0" })
       ] }) }),
-      m && /* @__PURE__ */ t(
+      h && /* @__PURE__ */ t(
         "path",
         {
           d: r,
@@ -141,40 +125,40 @@ const L = [
     ] }),
     p && /* @__PURE__ */ t("div", { className: "flex justify-between mt-2", children: l.map((e, a) => /* @__PURE__ */ t("span", { className: "text-xs text-gray-600 dark:text-slate-300", children: e.label }, a)) })
   ] });
-}, j = ({
+}, L = ({
   data: l,
-  height: o = 200,
+  height: i = 200,
   showLabels: p = !0,
   innerRadius: $ = 0,
-  startAngle: f = -90,
-  padAngle: m = 2,
+  startAngle: m = -90,
+  padAngle: h = 2,
   animated: g = !0,
   className: u,
   ...v
 }) => {
-  const y = l.reduce((r, e) => r + e.value, 0), N = C(() => {
-    let r = f;
+  const y = l.reduce((r, e) => r + e.value, 0), N = b(() => {
+    let r = m;
     return l.map((e, a) => {
-      const i = e.value / y * 360 - m, c = {
+      const o = e.value / y * 360 - h, c = {
         startAngle: r,
-        endAngle: r + i,
+        endAngle: r + o,
         color: k(a, e.color),
         ...e
       };
-      return r += i + m, c;
+      return r += o + h, c;
     });
-  }, [l, y, f, m]), n = (r, e) => {
+  }, [l, y, m, h]), n = (r, e) => {
     const a = r * Math.PI / 180;
     return {
       x: 50 + e * Math.cos(a),
       y: 50 + e * Math.sin(a)
     };
   }, s = (r, e) => {
-    const i = $ * 45, c = n(r, 45), x = n(e, 45), b = n(r, i), w = n(e, i), M = e - r > 180 ? 1 : 0;
-    return $ > 0 ? `M ${c.x},${c.y} A 45,45 0 ${M},1 ${x.x},${x.y} L ${w.x},${w.y} A ${i},${i} 0 ${M},0 ${b.x},${b.y} Z` : `M 50,50 L ${c.x},${c.y} A 45,45 0 ${M},1 ${x.x},${x.y} Z`;
+    const o = $ * 45, c = n(r, 45), x = n(e, 45), w = n(r, o), C = n(e, o), M = e - r > 180 ? 1 : 0;
+    return $ > 0 ? `M ${c.x},${c.y} A 45,45 0 ${M},1 ${x.x},${x.y} L ${C.x},${C.y} A ${o},${o} 0 ${M},0 ${w.x},${w.y} Z` : `M 50,50 L ${c.x},${c.y} A 45,45 0 ${M},1 ${x.x},${x.y} Z`;
   };
-  return /* @__PURE__ */ h("div", { className: d("flex items-center gap-4", u), ...v, children: [
-    /* @__PURE__ */ t("div", { style: { width: o, height: o }, children: /* @__PURE__ */ t("svg", { viewBox: "0 0 100 100", className: "w-full h-full", children: N.map((r, e) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ f("div", { className: d("flex items-center gap-4", u), ...v, children: [
+    /* @__PURE__ */ t("div", { style: { width: i, height: i }, children: /* @__PURE__ */ t("svg", { viewBox: "0 0 100 100", className: "w-full h-full", children: N.map((r, e) => /* @__PURE__ */ t(
       "path",
       {
         d: s(r.startAngle, r.endAngle),
@@ -187,7 +171,7 @@ const L = [
       },
       e
     )) }) }),
-    p && /* @__PURE__ */ t("div", { className: "flex flex-col gap-2", children: l.map((r, e) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+    p && /* @__PURE__ */ t("div", { className: "flex flex-col gap-2", children: l.map((r, e) => /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ t(
         "div",
         {
@@ -196,30 +180,30 @@ const L = [
         }
       ),
       /* @__PURE__ */ t("span", { className: "text-sm text-gray-600 dark:text-slate-300", children: r.label }),
-      /* @__PURE__ */ h("span", { className: "text-sm text-gray-400 dark:text-slate-500", children: [
+      /* @__PURE__ */ f("span", { className: "text-sm text-gray-400 dark:text-slate-500", children: [
         Math.round(r.value / y * 100),
         "%"
       ] })
     ] }, e)) })
   ] });
-}, I = ({ type: l, ...o }) => {
+}, P = ({ type: l, ...i }) => {
   switch (l) {
     case "bar":
-      return /* @__PURE__ */ t(R, { ...o });
+      return /* @__PURE__ */ t(R, { ...i });
     case "line":
     case "area":
-      return /* @__PURE__ */ t(A, { ...o, fill: l === "area" });
+      return /* @__PURE__ */ t(j, { ...i, fill: l === "area" });
     case "pie":
-      return /* @__PURE__ */ t(j, { ...o });
+      return /* @__PURE__ */ t(L, { ...i });
     case "donut":
-      return /* @__PURE__ */ t(j, { ...o, innerRadius: 0.6 });
+      return /* @__PURE__ */ t(L, { ...i, innerRadius: 0.6 });
     default:
-      return /* @__PURE__ */ t(R, { ...o });
+      return /* @__PURE__ */ t(R, { ...i });
   }
 };
 export {
   R as BarChart,
-  I as Chart,
-  A as LineChart,
-  j as PieChart
+  P as Chart,
+  j as LineChart,
+  L as PieChart
 };

package/dist/components/Chart/Chart.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Chart.const.cjs"),o=(e,r)=>r||t.DEFAULT_COLORS[e%t.DEFAULT_COLORS.length];exports.getChartColor=o;

package/dist/components/Chart/Chart.utils.js

@@ -0,0 +1,5 @@
+import { DEFAULT_COLORS as r } from "./Chart.const.js";
+const n = (t, o) => o || r[t % r.length];
+export {
+  n as getChartColor
+};

package/dist/components/Confetti/Confetti.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),n=require("react"),g=require("../../utils/cn.cjs"),r=require("./Confetti.const.cjs"),v=({active:E=!1,count:c=r.CONFETTI_DEFAULTS.COUNT,duration:h=r.CONFETTI_DEFAULTS.DURATION,colors:T=r.CONFETTI_COLORS,originX:I=r.CONFETTI_DEFAULTS.ORIGIN_X,originY:f=r.CONFETTI_DEFAULTS.ORIGIN_Y,spread:F=r.CONFETTI_DEFAULTS.SPREAD,velocity:S=r.CONFETTI_DEFAULTS.VELOCITY,gravity:O=r.CONFETTI_DEFAULTS.GRAVITY,autoHide:N=r.CONFETTI_DEFAULTS.AUTO_HIDE,onComplete:o,className:x,testId:y})=>{const[m,d]=n.useState([]),[b,A]=n.useState(!1),a=n.useRef(),i=n.useRef(0),_=n.useCallback(()=>{const t=[],l=F*Math.PI/180;for(let s=0;s<c;s++){const e=-Math.PI/2+(Math.random()-.5)*l,C=S*(.5+Math.random()*.5);t.push({id:s,x:I*100,y:f*100,rotation:Math.random()*360,color:T[Math.floor(Math.random()*T.length)],size:r.CONFETTI_SIZE_RANGE.min+Math.random()*(r.CONFETTI_SIZE_RANGE.max-r.CONFETTI_SIZE_RANGE.min),velocity:{x:Math.cos(e)*C,y:Math.sin(e)*C},rotationSpeed:(Math.random()-.5)*20,shape:r.CONFETTI_SHAPES[Math.floor(Math.random()*r.CONFETTI_SHAPES.length)]})}return t},[c,T,I,f,F,S]),u=n.useCallback(t=>{if(i.current||(i.current=t),t-i.current>=h&&N){A(!1),d([]),o==null||o();return}d(s=>s.map(e=>({...e,x:e.x+e.velocity.x*.1,y:e.y+e.velocity.y*.1,rotation:e.rotation+e.rotationSpeed,velocity:{x:e.velocity.x*.99,y:e.velocity.y+O}}))),a.current=requestAnimationFrame(u)},[h,O,N,o]);n.useEffect(()=>(E?(A(!0),d(_()),i.current=0,a.current=requestAnimationFrame(u)):a.current&&cancelAnimationFrame(a.current),()=>{a.current&&cancelAnimationFrame(a.current)}),[E,_,u]);const M=t=>{const l={position:"absolute",left:`${t.x}%`,top:`${t.y}%`,width:t.size,height:t.size,transform:`rotate(${t.rotation}deg)`,backgroundColor:t.shape!=="triangle"?t.color:"transparent",borderRadius:t.shape==="circle"?"50%":0,borderLeft:t.shape==="triangle"?`${t.size/2}px solid transparent`:void 0,borderRight:t.shape==="triangle"?`${t.size/2}px solid transparent`:void 0,borderBottom:t.shape==="triangle"?`${t.size}px solid ${t.color}`:void 0,opacity:.9};return R.jsx("div",{style:l},t.id)};return!b||m.length===0?null:R.jsx("div",{className:g.cn("Bear-Confetti","bear-fixed bear-inset-0 bear-pointer-events-none bear-overflow-hidden",x),style:{zIndex:99999},"data-testid":y,children:m.map(M)})};exports.Confetti=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),a=require("react"),R=require("../../utils/cn.cjs"),r=require("./Confetti.const.cjs"),v=({active:c=!1,count:E=r.CONFETTI_DEFAULTS.COUNT,duration:h=r.CONFETTI_DEFAULTS.DURATION,colors:T=r.CONFETTI_COLORS,originX:f=r.CONFETTI_DEFAULTS.ORIGIN_X,originY:I=r.CONFETTI_DEFAULTS.ORIGIN_Y,spread:F=r.CONFETTI_DEFAULTS.SPREAD,velocity:S=r.CONFETTI_DEFAULTS.VELOCITY,gravity:N=r.CONFETTI_DEFAULTS.GRAVITY,autoHide:O=r.CONFETTI_DEFAULTS.AUTO_HIDE,onComplete:o,className:x,testId:y})=>{const[m,d]=a.useState([]),[M,A]=a.useState(!1),n=a.useRef(),i=a.useRef(0),_=a.useCallback(()=>{const t=[],l=F*Math.PI/180;for(let s=0;s<E;s++){const e=-Math.PI/2+(Math.random()-.5)*l,b=S*(.5+Math.random()*.5);t.push({id:s,x:f*100,y:I*100,rotation:Math.random()*360,color:T[Math.floor(Math.random()*T.length)],size:r.CONFETTI_SIZE_RANGE.min+Math.random()*(r.CONFETTI_SIZE_RANGE.max-r.CONFETTI_SIZE_RANGE.min),velocity:{x:Math.cos(e)*b,y:Math.sin(e)*b},rotationSpeed:(Math.random()-.5)*20,shape:r.CONFETTI_SHAPES[Math.floor(Math.random()*r.CONFETTI_SHAPES.length)]})}return t},[E,T,f,I,F,S]),u=a.useCallback(t=>{if(i.current||(i.current=t),t-i.current>=h&&O){A(!1),d([]),o==null||o();return}d(s=>s.map(e=>({...e,x:e.x+e.velocity.x*.1,y:e.y+e.velocity.y*.1,rotation:e.rotation+e.rotationSpeed,velocity:{x:e.velocity.x*.99,y:e.velocity.y+N}}))),n.current=requestAnimationFrame(u)},[h,N,O,o]);a.useEffect(()=>(c?(A(!0),d(_()),i.current=0,n.current=requestAnimationFrame(u)):n.current&&cancelAnimationFrame(n.current),()=>{n.current&&cancelAnimationFrame(n.current)}),[c,_,u]);const g=t=>{const l={left:`${t.x}%`,top:`${t.y}%`,width:t.size,height:t.size,transform:`rotate(${t.rotation}deg)`,backgroundColor:t.shape!=="triangle"?t.color:"transparent",borderLeft:t.shape==="triangle"?`${t.size/2}px solid transparent`:void 0,borderRight:t.shape==="triangle"?`${t.size/2}px solid transparent`:void 0,borderBottom:t.shape==="triangle"?`${t.size}px solid ${t.color}`:void 0};return C.jsx("div",{className:R.cn("bear-absolute bear-opacity-90",t.shape==="circle"&&"bear-rounded-full"),style:l},t.id)};return!M||m.length===0?null:C.jsx("div",{className:R.cn("Bear-Confetti","bear-fixed bear-inset-0 bear-pointer-events-none bear-overflow-hidden bear-z-[99999]",x),"data-testid":y,children:m.map(g)})};exports.Confetti=v;

package/dist/components/Confetti/Confetti.js

@@ -1,30 +1,30 @@
-import { jsx as g } from "react/jsx-runtime";
-import { useState as v, useRef as N, useCallback as S, useEffect as C } from "react";
-import { cn as D } from "../../utils/cn.js";
-import { CONFETTI_DEFAULTS as a, CONFETTI_SHAPES as F, CONFETTI_COLORS as G, CONFETTI_SIZE_RANGE as f } from "./Confetti.const.js";
+import { jsx as N } from "react/jsx-runtime";
+import { useState as g, useRef as v, useCallback as S, useEffect as D } from "react";
+import { cn as F } from "../../utils/cn.js";
+import { CONFETTI_DEFAULTS as a, CONFETTI_SHAPES as _, CONFETTI_COLORS as G, CONFETTI_SIZE_RANGE as f } from "./Confetti.const.js";
 const k = ({
   active: m = !1,
   count: u = a.COUNT,
   duration: c = a.DURATION,
   colors: l = G,
-  originX: I = a.ORIGIN_X,
-  originY: x = a.ORIGIN_Y,
-  spread: y = a.SPREAD,
+  originX: b = a.ORIGIN_X,
+  originY: I = a.ORIGIN_Y,
+  spread: x = a.SPREAD,
   velocity: T = a.VELOCITY,
-  gravity: b = a.GRAVITY,
+  gravity: y = a.GRAVITY,
   autoHide: M = a.AUTO_HIDE,
   onComplete: o,
-  className: _,
-  testId: z
+  className: z,
+  testId: P
 }) => {
-  const [R, d] = v([]), [P, E] = v(!1), n = N(), s = N(0), O = S(() => {
-    const t = [], i = y * Math.PI / 180;
+  const [E, d] = g([]), [$, O] = g(!1), n = v(), s = v(0), R = S(() => {
+    const t = [], i = x * Math.PI / 180;
     for (let e = 0; e < u; e++) {
       const r = -Math.PI / 2 + (Math.random() - 0.5) * i, A = T * (0.5 + Math.random() * 0.5);
       t.push({
         id: e,
-        x: I * 100,
-        y: x * 100,
+        x: b * 100,
+        y: I * 100,
         rotation: Math.random() * 360,
         color: l[Math.floor(Math.random() * l.length)],
         size: f.min + Math.random() * (f.max - f.min),
@@ -33,13 +33,13 @@ const k = ({
           y: Math.sin(r) * A
         },
         rotationSpeed: (Math.random() - 0.5) * 20,
-        shape: F[Math.floor(Math.random() * F.length)]
+        shape: _[Math.floor(Math.random() * _.length)]
       });
     }
     return t;
-  }, [u, l, I, x, y, T]), h = S((t) => {
+  }, [u, l, b, I, x, T]), h = S((t) => {
     if (s.current || (s.current = t), t - s.current >= c && M) {
-      E(!1), d([]), o == null || o();
+      O(!1), d([]), o == null || o();
       return;
     }
     d(
@@ -50,42 +50,45 @@ const k = ({
         rotation: r.rotation + r.rotationSpeed,
         velocity: {
           x: r.velocity.x * 0.99,
-          y: r.velocity.y + b
+          y: r.velocity.y + y
         }
       }))
     ), n.current = requestAnimationFrame(h);
-  }, [c, b, M, o]);
-  C(() => (m ? (E(!0), d(O()), s.current = 0, n.current = requestAnimationFrame(h)) : n.current && cancelAnimationFrame(n.current), () => {
+  }, [c, y, M, o]);
+  D(() => (m ? (O(!0), d(R()), s.current = 0, n.current = requestAnimationFrame(h)) : n.current && cancelAnimationFrame(n.current), () => {
     n.current && cancelAnimationFrame(n.current);
-  }), [m, O, h]);
-  const $ = (t) => {
+  }), [m, R, h]);
+  const C = (t) => {
     const i = {
-      position: "absolute",
       left: `${t.x}%`,
       top: `${t.y}%`,
       width: t.size,
       height: t.size,
       transform: `rotate(${t.rotation}deg)`,
       backgroundColor: t.shape !== "triangle" ? t.color : "transparent",
-      borderRadius: t.shape === "circle" ? "50%" : 0,
       borderLeft: t.shape === "triangle" ? `${t.size / 2}px solid transparent` : void 0,
       borderRight: t.shape === "triangle" ? `${t.size / 2}px solid transparent` : void 0,
-      borderBottom: t.shape === "triangle" ? `${t.size}px solid ${t.color}` : void 0,
-      opacity: 0.9
+      borderBottom: t.shape === "triangle" ? `${t.size}px solid ${t.color}` : void 0
     };
-    return /* @__PURE__ */ g("div", { style: i }, t.id);
+    return /* @__PURE__ */ N(
+      "div",
+      {
+        className: F("bear-absolute bear-opacity-90", t.shape === "circle" && "bear-rounded-full"),
+        style: i
+      },
+      t.id
+    );
   };
-  return !P || R.length === 0 ? null : /* @__PURE__ */ g(
+  return !$ || E.length === 0 ? null : /* @__PURE__ */ N(
     "div",
     {
-      className: D(
+      className: F(
         "Bear-Confetti",
-        "bear-fixed bear-inset-0 bear-pointer-events-none bear-overflow-hidden",
-        _
+        "bear-fixed bear-inset-0 bear-pointer-events-none bear-overflow-hidden bear-z-[99999]",
+        z
       ),
-      style: { zIndex: 99999 },
-      "data-testid": z,
-      children: R.map($)
+      "data-testid": P,
+      children: E.map(C)
     }
   );
 };

package/dist/components/ContextMenu/ContextMenu.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),j=require("../../utils/cn.cjs"),l=require("./ContextMenu.const.cjs"),L=i=>"type"in i&&i.type==="divider",b=({items:i,position:d,onClose:u})=>{const[c,o]=r.useState(null),[a,S]=r.useState({x:0,y:0}),x=r.useRef(null),E=r.useCallback(s=>{var e;s.disabled||s.children||((e=s.onClick)==null||e.call(s),u())},[u]),f=r.useCallback((s,e)=>{if(s.children){const n=e.currentTarget.getBoundingClientRect();S({x:n.right+l.SUB_MENU_OFFSET,y:n.top}),o(s.id)}else o(null)},[]);return t.jsx("div",{ref:x,className:l.MENU_CLASSES,style:{left:d.x,top:d.y},role:"menu",children:i.map(s=>{if(L(s))return t.jsx("div",{className:l.DIVIDER_CLASSES,role:"separator"},s.id);const e=s;return t.jsxs("div",{children:[t.jsxs("div",{className:j.cn(l.ITEM_CLASSES,e.disabled&&l.ITEM_DISABLED_CLASSES,e.danger&&l.ITEM_DANGER_CLASSES),onClick:()=>E(e),onMouseEnter:n=>f(e,n),role:"menuitem","aria-disabled":e.disabled,children:[t.jsxs("span",{className:"bear-flex bear-items-center",children:[e.icon&&t.jsx("span",{className:l.ICON_CLASSES,children:e.icon}),e.label]}),t.jsxs("span",{className:"bear-flex bear-items-center",children:[e.shortcut&&t.jsx("span",{className:l.SHORTCUT_CLASSES,children:e.shortcut}),e.children&&t.jsx("span",{className:l.SUB_INDICATOR_CLASSES,children:"▸"})]})]}),e.children&&c===e.id&&t.jsx(b,{items:e.children,position:a,onClose:u})]},e.id)})})},M=({items:i,children:d,disabled:u=!1,onOpenChange:c,testId:o})=>{const[a,S]=r.useState(!1),[x,E]=r.useState({x:0,y:0}),f=r.useRef(null),s=r.useCallback(()=>{S(!1),c==null||c(!1)},[c]),e=r.useCallback(n=>{u||(n.preventDefault(),E({x:n.clientX,y:n.clientY}),S(!0),c==null||c(!0))},[u,c]);return r.useEffect(()=>{if(!a)return;const n=()=>s(),m=v=>{v.key==="Escape"&&s()};return document.addEventListener("mousedown",n),document.addEventListener("keydown",m),()=>{document.removeEventListener("mousedown",n),document.removeEventListener("keydown",m)}},[a,s]),t.jsxs("div",{ref:f,onContextMenu:e,"data-testid":o,children:[d,a&&t.jsx(b,{items:i,position:x,onClose:s})]})};exports.ContextMenu=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),_=require("../../utils/cn.cjs"),l=require("./ContextMenu.const.cjs"),j=require("./ContextMenu.utils.cjs"),b=({items:S,position:a,onClose:i})=>{const[c,o]=r.useState(null),[u,d]=r.useState({x:0,y:0}),x=r.useRef(null),E=r.useCallback(s=>{var e;s.disabled||s.children||((e=s.onClick)==null||e.call(s),i())},[i]),f=r.useCallback((s,e)=>{if(s.children){const n=e.currentTarget.getBoundingClientRect();d({x:n.right+l.SUB_MENU_OFFSET,y:n.top}),o(s.id)}else o(null)},[]);return t.jsx("div",{ref:x,className:l.MENU_CLASSES,style:{left:a.x,top:a.y},role:"menu",children:S.map(s=>{if(j.isDivider(s))return t.jsx("div",{className:l.DIVIDER_CLASSES,role:"separator"},s.id);const e=s;return t.jsxs("div",{children:[t.jsxs("div",{className:_.cn(l.ITEM_CLASSES,e.disabled&&l.ITEM_DISABLED_CLASSES,e.danger&&l.ITEM_DANGER_CLASSES),onClick:()=>E(e),onMouseEnter:n=>f(e,n),role:"menuitem","aria-disabled":e.disabled,children:[t.jsxs("span",{className:"bear-flex bear-items-center",children:[e.icon&&t.jsx("span",{className:l.ICON_CLASSES,children:e.icon}),e.label]}),t.jsxs("span",{className:"bear-flex bear-items-center",children:[e.shortcut&&t.jsx("span",{className:l.SHORTCUT_CLASSES,children:e.shortcut}),e.children&&t.jsx("span",{className:l.SUB_INDICATOR_CLASSES,children:"▸"})]})]}),e.children&&c===e.id&&t.jsx(b,{items:e.children,position:u,onClose:i})]},e.id)})})},v=({items:S,children:a,disabled:i=!1,onOpenChange:c,testId:o})=>{const[u,d]=r.useState(!1),[x,E]=r.useState({x:0,y:0}),f=r.useRef(null),s=r.useCallback(()=>{d(!1),c==null||c(!1)},[c]),e=r.useCallback(n=>{i||(n.preventDefault(),E({x:n.clientX,y:n.clientY}),d(!0),c==null||c(!0))},[i,c]);return r.useEffect(()=>{if(!u)return;const n=()=>s(),m=M=>{M.key==="Escape"&&s()};return document.addEventListener("mousedown",n),document.addEventListener("keydown",m),()=>{document.removeEventListener("mousedown",n),document.removeEventListener("keydown",m)}},[u,s]),t.jsxs("div",{ref:f,onContextMenu:e,"data-testid":o,children:[a,u&&t.jsx(b,{items:S,position:x,onClose:s})]})};exports.ContextMenu=v;

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,23 +1,24 @@
-import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import { useState as S, useRef as L, useCallback as m, useEffect as N } from "react";
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { useState as u, useRef as b, useCallback as S, useEffect as N } from "react";
 import { cn as _ } from "../../utils/cn.js";
-import { SUB_MENU_OFFSET as h, MENU_CLASSES as A, DIVIDER_CLASSES as I, ICON_CLASSES as M, SHORTCUT_CLASSES as y, SUB_INDICATOR_CLASSES as k, ITEM_DANGER_CLASSES as C, ITEM_DISABLED_CLASSES as D, ITEM_CLASSES as R } from "./ContextMenu.const.js";
-const T = (c) => "type" in c && c.type === "divider", b = ({ items: c, position: o, onClose: l }) => {
-  const [r, a] = S(null), [i, u] = S({ x: 0, y: 0 }), f = L(null), E = m((s) => {
+import { SUB_MENU_OFFSET as h, MENU_CLASSES as A, DIVIDER_CLASSES as I, ICON_CLASSES as M, SHORTCUT_CLASSES as k, SUB_INDICATOR_CLASSES as y, ITEM_DANGER_CLASSES as C, ITEM_DISABLED_CLASSES as D, ITEM_CLASSES as R } from "./ContextMenu.const.js";
+import { isDivider as T } from "./ContextMenu.utils.js";
+const v = ({ items: m, position: o, onClose: c }) => {
+  const [r, d] = u(null), [l, a] = u({ x: 0, y: 0 }), f = b(null), E = S((s) => {
     var e;
-    s.disabled || s.children || ((e = s.onClick) == null || e.call(s), l());
-  }, [l]), p = m((s, e) => {
+    s.disabled || s.children || ((e = s.onClick) == null || e.call(s), c());
+  }, [c]), p = S((s, e) => {
     if (s.children) {
       const t = e.currentTarget.getBoundingClientRect();
-      u({ x: t.right + h, y: t.top }), a(s.id);
+      a({ x: t.right + h, y: t.top }), d(s.id);
     } else
-      a(null);
+      d(null);
   }, []);
-  return /* @__PURE__ */ n("div", { ref: f, className: A, style: { left: o.x, top: o.y }, role: "menu", children: c.map((s) => {
+  return /* @__PURE__ */ n("div", { ref: f, className: A, style: { left: o.x, top: o.y }, role: "menu", children: m.map((s) => {
     if (T(s)) return /* @__PURE__ */ n("div", { className: I, role: "separator" }, s.id);
     const e = s;
-    return /* @__PURE__ */ d("div", { children: [
-      /* @__PURE__ */ d(
+    return /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ i(
         "div",
         {
           className: _(R, e.disabled && D, e.danger && C),
@@ -26,39 +27,39 @@ const T = (c) => "type" in c && c.type === "divider", b = ({ items: c, position:
           role: "menuitem",
           "aria-disabled": e.disabled,
           children: [
-            /* @__PURE__ */ d("span", { className: "bear-flex bear-items-center", children: [
+            /* @__PURE__ */ i("span", { className: "bear-flex bear-items-center", children: [
               e.icon && /* @__PURE__ */ n("span", { className: M, children: e.icon }),
               e.label
             ] }),
-            /* @__PURE__ */ d("span", { className: "bear-flex bear-items-center", children: [
-              e.shortcut && /* @__PURE__ */ n("span", { className: y, children: e.shortcut }),
-              e.children && /* @__PURE__ */ n("span", { className: k, children: "▸" })
+            /* @__PURE__ */ i("span", { className: "bear-flex bear-items-center", children: [
+              e.shortcut && /* @__PURE__ */ n("span", { className: k, children: e.shortcut }),
+              e.children && /* @__PURE__ */ n("span", { className: y, children: "▸" })
             ] })
           ]
         }
       ),
-      e.children && r === e.id && /* @__PURE__ */ n(b, { items: e.children, position: i, onClose: l })
+      e.children && r === e.id && /* @__PURE__ */ n(v, { items: e.children, position: l, onClose: c })
     ] }, e.id);
   }) });
-}, j = ({ items: c, children: o, disabled: l = !1, onOpenChange: r, testId: a }) => {
-  const [i, u] = S(!1), [f, E] = S({ x: 0, y: 0 }), p = L(null), s = m(() => {
-    u(!1), r == null || r(!1);
-  }, [r]), e = m((t) => {
-    l || (t.preventDefault(), E({ x: t.clientX, y: t.clientY }), u(!0), r == null || r(!0));
-  }, [l, r]);
+}, F = ({ items: m, children: o, disabled: c = !1, onOpenChange: r, testId: d }) => {
+  const [l, a] = u(!1), [f, E] = u({ x: 0, y: 0 }), p = b(null), s = S(() => {
+    a(!1), r == null || r(!1);
+  }, [r]), e = S((t) => {
+    c || (t.preventDefault(), E({ x: t.clientX, y: t.clientY }), a(!0), r == null || r(!0));
+  }, [c, r]);
   return N(() => {
-    if (!i) return;
-    const t = () => s(), v = (x) => {
+    if (!l) return;
+    const t = () => s(), L = (x) => {
       x.key === "Escape" && s();
     };
-    return document.addEventListener("mousedown", t), document.addEventListener("keydown", v), () => {
-      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", v);
+    return document.addEventListener("mousedown", t), document.addEventListener("keydown", L), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", L);
     };
-  }, [i, s]), /* @__PURE__ */ d("div", { ref: p, onContextMenu: e, "data-testid": a, children: [
+  }, [l, s]), /* @__PURE__ */ i("div", { ref: p, onContextMenu: e, "data-testid": d, children: [
     o,
-    i && /* @__PURE__ */ n(b, { items: c, position: f, onClose: s })
+    l && /* @__PURE__ */ n(v, { items: m, position: f, onClose: s })
   ] });
 };
 export {
-  j as ContextMenu
+  F as ContextMenu
 };

package/dist/components/ContextMenu/ContextMenu.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=i=>"type"in i&&i.type==="divider";exports.isDivider=e;

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

@@ -0,0 +1,5 @@
+import { ContextMenuEntry } from './ContextMenu.types';
+export declare const isDivider: (entry: ContextMenuEntry) => entry is {
+    id: string;
+    type: "divider";
+};

package/dist/components/ContextMenu/ContextMenu.utils.js

@@ -0,0 +1,4 @@
+const e = (i) => "type" in i && i.type === "divider";
+export {
+  e as isDivider
+};

package/dist/components/CountdownTimer/CountdownTimer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),b=require("../../utils/cn.cjs"),e=require("./CountdownTimer.const.cjs"),S=n=>String(n).padStart(e.PAD_LENGTH,"0"),y=(n,o)=>{const r=Math.max(0,n-o);return{days:Math.floor(r/e.MS_PER_DAY),hours:Math.floor(r%e.MS_PER_DAY/e.MS_PER_HOUR),minutes:Math.floor(r%e.MS_PER_HOUR/e.MS_PER_MINUTE),seconds:Math.floor(r%e.MS_PER_MINUTE/e.MS_PER_SECOND),totalSeconds:Math.floor(r/e.MS_PER_SECOND),isComplete:r<=0}},Z=n=>{const{targetDate:o,duration:r,variant:f="default",size:m="md",showDays:M=!0,showHours:R=!0,showMinutes:D=!0,showSeconds:I=!0,showLabels:L=!0,showSeparator:P=!0,separator:v=e.DEFAULT_SEPARATOR,labels:p,onComplete:d,onTick:u,paused:w=!1,render:C,className:N,style:j,testId:k}=n,c=s.useMemo(()=>({...e.DEFAULT_LABELS,...p}),[p]),x=s.useRef(!1),B=s.useCallback(()=>o?new Date(o).getTime():r?Date.now()+r*e.MS_PER_SECOND:Date.now(),[o,r]),[_]=s.useState(B),[i,O]=s.useState(()=>y(_,Date.now()));if(s.useEffect(()=>{if(w)return;const t=()=>{const h=y(_,Date.now());O(h),u==null||u(h),h.isComplete&&!x.current&&(x.current=!0,d==null||d())};t();const g=setInterval(t,e.UPDATE_INTERVAL);return()=>clearInterval(g)},[_,w,d,u]),C)return a.jsx(a.Fragment,{children:C(i)});const A=e.SIZE_DIGIT_CLASSES[m]??e.SIZE_DIGIT_CLASSES.md,U=e.SIZE_LABEL_CLASSES[m]??e.SIZE_LABEL_CLASSES.md,G=e.SIZE_GAP_CLASSES[m]??e.SIZE_GAP_CLASSES.md,l=[];M&&l.push({value:S(i.days),label:c.days}),R&&l.push({value:S(i.hours),label:c.hours}),D&&l.push({value:S(i.minutes),label:c.minutes}),I&&l.push({value:S(i.seconds),label:c.seconds});const E=f==="card",T=f==="flip";return a.jsx("div",{className:b.cn("Bear-CountdownTimer","bear-flex bear-items-center",G,N),style:j,"data-testid":k,role:"timer","aria-label":"Countdown timer",children:l.map((t,g)=>a.jsxs("div",{className:"Bear-CountdownTimer__segment bear-flex bear-items-center",children:[g>0&&P&&!E&&a.jsx("span",{className:b.cn("Bear-CountdownTimer__separator",A,e.SEPARATOR_MARGIN,"bear-text-gray-400 dark:bear-text-gray-500"),"aria-hidden":"true",children:v}),a.jsxs("div",{className:"Bear-CountdownTimer__unit bear-flex bear-flex-col bear-items-center",children:[a.jsx("div",{className:b.cn("Bear-CountdownTimer__digit",A,"bear-tabular-nums bear-tracking-wider",E&&["bear-px-3 bear-py-2 bear-rounded-lg","bear-bg-gray-100 dark:bear-bg-gray-800","bear-border bear-border-gray-200 dark:bear-border-gray-700"],T&&["bear-px-3 bear-py-2 bear-rounded-lg","bear-bg-gray-900 dark:bear-bg-gray-100","bear-text-white dark:bear-text-gray-900","bear-shadow-lg"],!E&&!T&&"bear-text-[var(--bear-text-primary)]"),children:t.value}),L&&a.jsx("span",{className:b.cn("Bear-CountdownTimer__label",U,"bear-mt-1 bear-uppercase bear-tracking-widest","bear-text-gray-500 dark:bear-text-gray-400"),children:t.label})]})]},t.label))})};exports.CountdownTimer=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),d=require("../../utils/cn.cjs"),e=require("./CountdownTimer.const.cjs"),s=require("./CountdownTimer.utils.cjs"),G=y=>{const{targetDate:c,duration:b,variant:w="default",size:m="md",showDays:A=!0,showHours:L=!0,showMinutes:v=!0,showSeconds:I=!0,showLabels:D=!0,showSeparator:R=!0,separator:N=e.DEFAULT_SEPARATOR,labels:E,onComplete:o,onTick:l,paused:C=!1,render:h,className:j,style:k,testId:B}=y,u=t.useMemo(()=>({...e.DEFAULT_LABELS,...E}),[E]),x=t.useRef(!1),P=t.useCallback(()=>c?new Date(c).getTime():b?Date.now()+b*e.MS_PER_SECOND:Date.now(),[c,b]),[S]=t.useState(P),[n,Z]=t.useState(()=>s.calcRemaining(S,Date.now()));if(t.useEffect(()=>{if(C)return;const a=()=>{const p=s.calcRemaining(S,Date.now());Z(p),l==null||l(p),p.isComplete&&!x.current&&(x.current=!0,o==null||o())};a();const _=setInterval(a,e.UPDATE_INTERVAL);return()=>clearInterval(_)},[S,C,o,l]),h)return r.jsx(r.Fragment,{children:h(n)});const f=e.SIZE_DIGIT_CLASSES[m]??e.SIZE_DIGIT_CLASSES.md,q=e.SIZE_LABEL_CLASSES[m]??e.SIZE_LABEL_CLASSES.md,F=e.SIZE_GAP_CLASSES[m]??e.SIZE_GAP_CLASSES.md,i=[];A&&i.push({value:s.pad(n.days),label:u.days}),L&&i.push({value:s.pad(n.hours),label:u.hours}),v&&i.push({value:s.pad(n.minutes),label:u.minutes}),I&&i.push({value:s.pad(n.seconds),label:u.seconds});const g=w==="card",T=w==="flip";return r.jsx("div",{className:d.cn("Bear-CountdownTimer","bear-flex bear-items-center",F,j),style:k,"data-testid":B,role:"timer","aria-label":"Countdown timer",children:i.map((a,_)=>r.jsxs("div",{className:"Bear-CountdownTimer__segment bear-flex bear-items-center",children:[_>0&&R&&!g&&r.jsx("span",{className:d.cn("Bear-CountdownTimer__separator",f,e.SEPARATOR_MARGIN,"bear-text-gray-400 dark:bear-text-gray-500"),"aria-hidden":"true",children:N}),r.jsxs("div",{className:"Bear-CountdownTimer__unit bear-flex bear-flex-col bear-items-center",children:[r.jsx("div",{className:d.cn("Bear-CountdownTimer__digit",f,"bear-tabular-nums bear-tracking-wider",g&&["bear-px-3 bear-py-2 bear-rounded-lg","bear-bg-gray-100 dark:bear-bg-gray-800","bear-border bear-border-gray-200 dark:bear-border-gray-700"],T&&["bear-px-3 bear-py-2 bear-rounded-lg","bear-bg-gray-900 dark:bear-bg-gray-100","bear-text-white dark:bear-text-gray-900","bear-shadow-lg"],!g&&!T&&"bear-text-[var(--bear-text-primary)]"),children:a.value}),D&&r.jsx("span",{className:d.cn("Bear-CountdownTimer__label",q,"bear-mt-1 bear-uppercase bear-tracking-widest","bear-text-gray-500 dark:bear-text-gray-400"),children:a.label})]})]},a.label))})};exports.CountdownTimer=G;