@forgedevstack/bear 1.1.3 → 1.1.8

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

@@ -0,0 +1,23 @@
+import { HTMLAttributes } from 'react';
+export type SwatchSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface ColorSwatchProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    color: string;
+    selected?: boolean;
+    size?: SwatchSize;
+    rounded?: boolean;
+    label?: string;
+    onClick?: () => void;
+    testId?: string;
+}
+export interface ColorSwatchGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    colors: string[];
+    value?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    multiple?: boolean;
+    size?: SwatchSize;
+    rounded?: boolean;
+    gap?: number;
+    columns?: number;
+    showLabel?: boolean;
+    testId?: string;
+}

package/dist/components/ColorSwatch/ColorSwatch.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./ColorSwatch.const.cjs"),l=t=>{const n=t.replace("#","");if(n.length!==3&&n.length!==6)return null;const o=n.length===3?n.split("").map(r=>r+r).join(""):n,e=parseInt(o,16);return{r:e>>16&255,g:e>>8&255,b:e&255}},c=t=>{const n=l(t);return n?n.r*.299+n.g*.587+n.b*.114>s.LIGHT_THRESHOLD:!1};exports.hexToRgb=l;exports.isLightColor=c;

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

@@ -0,0 +1,6 @@
+export declare const hexToRgb: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+export declare const isLightColor: (color: string) => boolean;

package/dist/components/ColorSwatch/ColorSwatch.utils.js

@@ -0,0 +1,14 @@
+import { LIGHT_THRESHOLD as o } from "./ColorSwatch.const.js";
+const s = (t) => {
+  const n = t.replace("#", "");
+  if (n.length !== 3 && n.length !== 6) return null;
+  const e = n.length === 3 ? n.split("").map((l) => l + l).join("") : n, r = parseInt(e, 16);
+  return { r: r >> 16 & 255, g: r >> 8 & 255, b: r & 255 };
+}, i = (t) => {
+  const n = s(t);
+  return n ? n.r * 0.299 + n.g * 0.587 + n.b * 0.114 > o : !1;
+};
+export {
+  s as hexToRgb,
+  i as isLightColor
+};

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

@@ -0,0 +1,2 @@
+export { ColorSwatch, ColorSwatchGroup } from './ColorSwatch';
+export type { ColorSwatchProps, ColorSwatchGroupProps, SwatchSize } from './ColorSwatch.types';

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

@@ -0,0 +1 @@
+"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.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r="Bear-ContextMenu bear-fixed bear-z-[99999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-py-1 bear-min-w-[180px] bear-animate-in",e="bear-flex bear-items-center bear-justify-between bear-px-3 bear-py-1.5 bear-text-sm bear-cursor-pointer bear-transition-colors bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-700",a="bear-opacity-40 bear-cursor-not-allowed",b="bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20",S="bear-my-1 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700",t="bear-mr-2 bear-w-4 bear-h-4 bear-flex-shrink-0",o="bear-text-xs bear-text-gray-400 dark:bear-text-zinc-500 bear-ml-4",E="bear-ml-2 bear-text-gray-400 dark:bear-text-zinc-500",n=4;exports.DIVIDER_CLASSES=S;exports.ICON_CLASSES=t;exports.ITEM_CLASSES=e;exports.ITEM_DANGER_CLASSES=b;exports.ITEM_DISABLED_CLASSES=a;exports.MENU_CLASSES=r;exports.SHORTCUT_CLASSES=o;exports.SUB_INDICATOR_CLASSES=E;exports.SUB_MENU_OFFSET=n;

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

@@ -0,0 +1,9 @@
+export declare const MENU_CLASSES = "Bear-ContextMenu bear-fixed bear-z-[99999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-py-1 bear-min-w-[180px] bear-animate-in";
+export declare const ITEM_CLASSES = "bear-flex bear-items-center bear-justify-between bear-px-3 bear-py-1.5 bear-text-sm bear-cursor-pointer bear-transition-colors bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-700";
+export declare const ITEM_DISABLED_CLASSES = "bear-opacity-40 bear-cursor-not-allowed";
+export declare const ITEM_DANGER_CLASSES = "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20";
+export declare const DIVIDER_CLASSES = "bear-my-1 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700";
+export declare const ICON_CLASSES = "bear-mr-2 bear-w-4 bear-h-4 bear-flex-shrink-0";
+export declare const SHORTCUT_CLASSES = "bear-text-xs bear-text-gray-400 dark:bear-text-zinc-500 bear-ml-4";
+export declare const SUB_INDICATOR_CLASSES = "bear-ml-2 bear-text-gray-400 dark:bear-text-zinc-500";
+export declare const SUB_MENU_OFFSET = 4;

package/dist/components/ContextMenu/ContextMenu.const.js

@@ -0,0 +1,12 @@
+const r = "Bear-ContextMenu bear-fixed bear-z-[99999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-py-1 bear-min-w-[180px] bear-animate-in", e = "bear-flex bear-items-center bear-justify-between bear-px-3 bear-py-1.5 bear-text-sm bear-cursor-pointer bear-transition-colors bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-700", a = "bear-opacity-40 bear-cursor-not-allowed", b = "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20", t = "bear-my-1 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700", o = "bear-mr-2 bear-w-4 bear-h-4 bear-flex-shrink-0", n = "bear-text-xs bear-text-gray-400 dark:bear-text-zinc-500 bear-ml-4", S = "bear-ml-2 bear-text-gray-400 dark:bear-text-zinc-500", d = 4;
+export {
+  t as DIVIDER_CLASSES,
+  o as ICON_CLASSES,
+  e as ITEM_CLASSES,
+  b as ITEM_DANGER_CLASSES,
+  a as ITEM_DISABLED_CLASSES,
+  r as MENU_CLASSES,
+  n as SHORTCUT_CLASSES,
+  S as SUB_INDICATOR_CLASSES,
+  d as SUB_MENU_OFFSET
+};

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ContextMenuProps } from './ContextMenu.types';
+export declare const ContextMenu: FC<ContextMenuProps>;
+export default ContextMenu;

package/dist/components/ContextMenu/ContextMenu.js

@@ -0,0 +1,65 @@
+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 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), c());
+  }, [c]), p = S((s, e) => {
+    if (s.children) {
+      const t = e.currentTarget.getBoundingClientRect();
+      a({ x: t.right + h, y: t.top }), d(s.id);
+    } else
+      d(null);
+  }, []);
+  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__ */ i("div", { children: [
+      /* @__PURE__ */ i(
+        "div",
+        {
+          className: _(R, e.disabled && D, e.danger && C),
+          onClick: () => E(e),
+          onMouseEnter: (t) => p(e, t),
+          role: "menuitem",
+          "aria-disabled": e.disabled,
+          children: [
+            /* @__PURE__ */ i("span", { className: "bear-flex bear-items-center", children: [
+              e.icon && /* @__PURE__ */ n("span", { className: M, children: e.icon }),
+              e.label
+            ] }),
+            /* @__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(v, { items: e.children, position: l, onClose: c })
+    ] }, e.id);
+  }) });
+}, 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 (!l) return;
+    const t = () => s(), L = (x) => {
+      x.key === "Escape" && s();
+    };
+    return document.addEventListener("mousedown", t), document.addEventListener("keydown", L), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", L);
+    };
+  }, [l, s]), /* @__PURE__ */ i("div", { ref: p, onContextMenu: e, "data-testid": d, children: [
+    o,
+    l && /* @__PURE__ */ n(v, { items: m, position: f, onClose: s })
+  ] });
+};
+export {
+  F as ContextMenu
+};

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

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+export interface ContextMenuItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    shortcut?: string;
+    disabled?: boolean;
+    danger?: boolean;
+    children?: ContextMenuItem[];
+    onClick?: () => void;
+}
+export interface ContextMenuDivider {
+    id: string;
+    type: 'divider';
+}
+export type ContextMenuEntry = ContextMenuItem | ContextMenuDivider;
+export interface ContextMenuProps {
+    items: ContextMenuEntry[];
+    children: ReactNode;
+    disabled?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    testId?: string;
+}

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/ContextMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { ContextMenu } from './ContextMenu';
+export type { ContextMenuProps, ContextMenuEntry, ContextMenuItem, ContextMenuDivider } from './ContextMenu.types';

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;

package/dist/components/CountdownTimer/CountdownTimer.js

@@ -1,115 +1,106 @@
-import { jsx as o, Fragment as J, jsxs as T } from "react/jsx-runtime";
-import { useMemo as K, useRef as Q, useCallback as W, useState as A, useEffect as X } from "react";
-import { cn as u } from "../../utils/cn.js";
-import { DEFAULT_SEPARATOR as $, DEFAULT_LABELS as ee, MS_PER_SECOND as h, UPDATE_INTERVAL as re, SEPARATOR_MARGIN as ae, SIZE_DIGIT_CLASSES as v, SIZE_LABEL_CLASSES as D, SIZE_GAP_CLASSES as M, MS_PER_MINUTE as R, MS_PER_HOUR as L, MS_PER_DAY as N, PAD_LENGTH as te } from "./CountdownTimer.const.js";
-const b = (a) => String(a).padStart(te, "0"), I = (a, t) => {
-  const e = Math.max(0, a - t);
-  return {
-    days: Math.floor(e / N),
-    hours: Math.floor(e % N / L),
-    minutes: Math.floor(e % L / R),
-    seconds: Math.floor(e % R / h),
-    totalSeconds: Math.floor(e / h),
-    isComplete: e <= 0
-  };
-}, ie = (a) => {
+import { jsx as t, Fragment as H, jsxs as C } from "react/jsx-runtime";
+import { useMemo as V, useRef as q, useCallback as J, useState as E, useEffect as K } from "react";
+import { cn as o } from "../../utils/cn.js";
+import { DEFAULT_SEPARATOR as Q, DEFAULT_LABELS as W, MS_PER_SECOND as X, UPDATE_INTERVAL as Y, SEPARATOR_MARGIN as $, SIZE_DIGIT_CLASSES as T, SIZE_LABEL_CLASSES as A, SIZE_GAP_CLASSES as v } from "./CountdownTimer.const.js";
+import { calcRemaining as D, pad as l } from "./CountdownTimer.utils.js";
+const ne = (L) => {
   const {
-    targetDate: t,
-    duration: e,
-    variant: _ = "default",
-    size: c = "md",
-    showDays: P = !0,
-    showHours: k = !0,
-    showMinutes: B = !0,
-    showSeconds: F = !0,
-    showLabels: U = !0,
-    showSeparator: G = !0,
-    separator: O = $,
-    labels: S,
-    onComplete: l,
-    onTick: i,
-    paused: w = !1,
-    render: E,
-    className: H,
-    style: Z,
-    testId: j
-  } = a, d = K(() => ({ ...ee, ...S }), [S]), y = Q(!1), z = W(() => t ? new Date(t).getTime() : e ? Date.now() + e * h : Date.now(), [t, e]), [m] = A(z), [s, V] = A(() => I(m, Date.now()));
-  if (X(() => {
-    if (w) return;
-    const r = () => {
-      const p = I(m, Date.now());
-      V(p), i == null || i(p), p.isComplete && !y.current && (y.current = !0, l == null || l());
+    targetDate: d,
+    duration: b,
+    variant: f = "default",
+    size: u = "md",
+    showDays: I = !0,
+    showHours: N = !0,
+    showMinutes: k = !0,
+    showSeconds: R = !0,
+    showLabels: B = !0,
+    showSeparator: P = !0,
+    separator: F = Q,
+    labels: w,
+    onComplete: s,
+    onTick: n,
+    paused: h = !1,
+    render: _,
+    className: M,
+    style: G,
+    testId: O
+  } = L, i = V(() => ({ ...W, ...w }), [w]), S = q(!1), U = J(() => d ? new Date(d).getTime() : b ? Date.now() + b * X : Date.now(), [d, b]), [c] = E(U), [r, Z] = E(() => D(c, Date.now()));
+  if (K(() => {
+    if (h) return;
+    const e = () => {
+      const p = D(c, Date.now());
+      Z(p), n == null || n(p), p.isComplete && !S.current && (S.current = !0, s == null || s());
     };
-    r();
-    const f = setInterval(r, re);
-    return () => clearInterval(f);
-  }, [m, w, l, i]), E) return /* @__PURE__ */ o(J, { children: E(s) });
-  const x = v[c] ?? v.md, Y = D[c] ?? D.md, q = M[c] ?? M.md, n = [];
-  P && n.push({ value: b(s.days), label: d.days }), k && n.push({ value: b(s.hours), label: d.hours }), B && n.push({ value: b(s.minutes), label: d.minutes }), F && n.push({ value: b(s.seconds), label: d.seconds });
-  const g = _ === "card", C = _ === "flip";
-  return /* @__PURE__ */ o(
+    e();
+    const g = setInterval(e, Y);
+    return () => clearInterval(g);
+  }, [c, h, s, n]), _) return /* @__PURE__ */ t(H, { children: _(r) });
+  const y = T[u] ?? T.md, j = A[u] ?? A.md, z = v[u] ?? v.md, a = [];
+  I && a.push({ value: l(r.days), label: i.days }), N && a.push({ value: l(r.hours), label: i.hours }), k && a.push({ value: l(r.minutes), label: i.minutes }), R && a.push({ value: l(r.seconds), label: i.seconds });
+  const m = f === "card", x = f === "flip";
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: u("Bear-CountdownTimer", "bear-flex bear-items-center", q, H),
-      style: Z,
-      "data-testid": j,
+      className: o("Bear-CountdownTimer", "bear-flex bear-items-center", z, M),
+      style: G,
+      "data-testid": O,
       role: "timer",
       "aria-label": "Countdown timer",
-      children: n.map((r, f) => /* @__PURE__ */ T("div", { className: "Bear-CountdownTimer__segment bear-flex bear-items-center", children: [
-        f > 0 && G && !g && /* @__PURE__ */ o(
+      children: a.map((e, g) => /* @__PURE__ */ C("div", { className: "Bear-CountdownTimer__segment bear-flex bear-items-center", children: [
+        g > 0 && P && !m && /* @__PURE__ */ t(
           "span",
           {
-            className: u(
+            className: o(
               "Bear-CountdownTimer__separator",
-              x,
-              ae,
+              y,
+              $,
               "bear-text-gray-400 dark:bear-text-gray-500"
             ),
             "aria-hidden": "true",
-            children: O
+            children: F
           }
         ),
-        /* @__PURE__ */ T("div", { className: "Bear-CountdownTimer__unit bear-flex bear-flex-col bear-items-center", children: [
-          /* @__PURE__ */ o(
+        /* @__PURE__ */ C("div", { className: "Bear-CountdownTimer__unit bear-flex bear-flex-col bear-items-center", children: [
+          /* @__PURE__ */ t(
             "div",
             {
-              className: u(
+              className: o(
                 "Bear-CountdownTimer__digit",
-                x,
+                y,
                 "bear-tabular-nums bear-tracking-wider",
-                g && [
+                m && [
                   "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"
                 ],
-                C && [
+                x && [
                   "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 && !C && "bear-text-[var(--bear-text-primary)]"
+                !m && !x && "bear-text-[var(--bear-text-primary)]"
               ),
-              children: r.value
+              children: e.value
             }
           ),
-          U && /* @__PURE__ */ o(
+          B && /* @__PURE__ */ t(
             "span",
             {
-              className: u(
+              className: o(
                 "Bear-CountdownTimer__label",
-                Y,
+                j,
                 "bear-mt-1 bear-uppercase bear-tracking-widest",
                 "bear-text-gray-500 dark:bear-text-gray-400"
               ),
-              children: r.label
+              children: e.label
             }
           )
         ] })
-      ] }, r.label))
+      ] }, e.label))
     }
   );
 };
 export {
-  ie as CountdownTimer
+  ne as CountdownTimer
 };

package/dist/components/CountdownTimer/CountdownTimer.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CountdownTimer.const.cjs"),n=a=>String(a).padStart(o.PAD_LENGTH,"0"),_=(a,e)=>{const t=Math.max(0,a-e);return{days:Math.floor(t/o.MS_PER_DAY),hours:Math.floor(t%o.MS_PER_DAY/o.MS_PER_HOUR),minutes:Math.floor(t%o.MS_PER_HOUR/o.MS_PER_MINUTE),seconds:Math.floor(t%o.MS_PER_MINUTE/o.MS_PER_SECOND),totalSeconds:Math.floor(t/o.MS_PER_SECOND),isComplete:t<=0}};exports.calcRemaining=_;exports.pad=n;

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

@@ -0,0 +1,3 @@
+import { CountdownTime } from './CountdownTimer.types';
+export declare const pad: (n: number) => string;
+export declare const calcRemaining: (target: number, now: number) => CountdownTime;

package/dist/components/CountdownTimer/CountdownTimer.utils.js

@@ -0,0 +1,16 @@
+import { MS_PER_SECOND as a, MS_PER_MINUTE as r, MS_PER_HOUR as M, MS_PER_DAY as n, PAD_LENGTH as _ } from "./CountdownTimer.const.js";
+const f = (t) => String(t).padStart(_, "0"), l = (t, s) => {
+  const o = Math.max(0, t - s);
+  return {
+    days: Math.floor(o / n),
+    hours: Math.floor(o % n / M),
+    minutes: Math.floor(o % M / r),
+    seconds: Math.floor(o % r / a),
+    totalSeconds: Math.floor(o / a),
+    isComplete: o <= 0
+  };
+};
+export {
+  l as calcRemaining,
+  f as pad
+};

package/dist/components/DateRangePicker/DateRangePicker.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),L=require("../../utils/cn.cjs"),t=require("./DateRangePicker.const.cjs"),d=require("./DateRangePicker.utils.cjs"),B=({year:k,month:i,range:a,onDayClick:A,onNav:N,minDate:b,maxDate:C})=>{const j=d.getCalendarDays(k,i),m=new Date;return m.setHours(0,0,0,0),e.jsxs("div",{className:"bear-w-64",children:[e.jsxs("div",{className:t.CALENDAR_HEADER_CLASSES,children:[e.jsx("button",{type:"button",onClick:()=>N(-1),className:t.NAV_BTN_CLASSES,"aria-label":"Previous month",children:e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),e.jsxs("span",{className:"bear-text-sm bear-font-semibold bear-text-gray-900 dark:bear-text-white",children:[t.MONTH_LABELS[i]," ",k]}),e.jsx("button",{type:"button",onClick:()=>N(1),className:t.NAV_BTN_CLASSES,"aria-label":"Next month",children:e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})})]}),e.jsx("div",{className:"bear-grid bear-grid-cols-7 bear-gap-0.5 bear-mb-1",children:t.DAY_LABELS.map(r=>e.jsx("div",{className:"bear-text-xs bear-text-center bear-font-medium bear-text-gray-400 dark:bear-text-zinc-500 bear-py-1",children:r},r))}),e.jsx("div",{className:"bear-grid bear-grid-cols-7 bear-gap-0.5",children:j.map((r,_)=>{if(!r)return e.jsx("div",{},`e-${_}`);const x=b&&r<b||C&&r>C,o=d.isSameDay(r,a.start)||d.isSameDay(r,a.end),S=d.isInRange(r,a.start,a.end),g=d.isSameDay(r,m);return e.jsx("button",{type:"button",disabled:!!x,onClick:()=>A(r),className:L.cn(t.DAY_BASE_CLASSES,x?t.DAY_DISABLED_CLASSES:t.DAY_HOVER_CLASSES,o&&t.DAY_SELECTED_CLASSES,!o&&S&&t.DAY_IN_RANGE_CLASSES,!o&&!S&&g&&t.DAY_TODAY_CLASSES,!o&&!S&&!x&&"bear-text-gray-700 dark:bear-text-zinc-300"),children:r.getDate()},r.getTime())})})]})},G=k=>{const{value:i,onChange:a,label:A,placeholder:N="Select date range",disabled:b=!1,clearable:C=!0,minDate:j,maxDate:m,presets:r,showPresets:_=!0,size:x="md",error:o,helperText:S,className:g,testId:Y,...M}=k,[R,f]=l.useState(!1),[n,h]=l.useState(i??{start:null,end:null}),[y,p]=l.useState("start"),D=l.useRef(null),w=new Date,[u,O]=l.useState(w.getMonth()),[E,I]=l.useState(w.getFullYear()),z=u===11?0:u+1,H=u===11?E+1:E;l.useEffect(()=>{i&&h(i)},[i]),l.useEffect(()=>{const s=c=>{D.current&&!D.current.contains(c.target)&&f(!1)};return document.addEventListener("mousedown",s),()=>document.removeEventListener("mousedown",s)},[]);const T=l.useCallback(s=>{if(y==="start")h({start:s,end:null}),p("end");else{const c=s>=(n.start??s)?{start:n.start,end:s}:{start:s,end:n.start};h(c),p("start"),a==null||a(c)}},[y,n.start,a]),V=l.useCallback(s=>{h(s),a==null||a(s),f(!1),p("start")},[a]),q=l.useCallback(()=>{const s={start:null,end:null};h(s),a==null||a(s),p("start")},[a]),W=l.useCallback(s=>{let c=u+s,v=E;c<0&&(c=11,v--),c>11&&(c=0,v++),O(c),I(v)},[u,E]),P=r??(_?t.getDefaultPresets():[]),$=n.start?`${d.formatDate(n.start)}${n.end?` – ${d.formatDate(n.end)}`:""}`:N;return e.jsxs("div",{ref:D,className:L.cn(t.ROOT_CLASSES,g),"data-testid":Y,...M,children:[A&&e.jsx("label",{className:t.LABEL_CLASSES,children:A}),e.jsxs("button",{type:"button",disabled:b,onClick:()=>!b&&f(!R),className:L.cn(t.TRIGGER_CLASSES,t.SIZE_CLASSES[x],b&&"bear-opacity-50 bear-cursor-not-allowed"),children:[e.jsx("span",{className:L.cn(!n.start&&"bear-text-gray-400 dark:bear-text-zinc-500"),children:$}),e.jsx("svg",{className:"bear-w-4 bear-h-4 bear-ml-2 bear-text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})})]}),R&&e.jsx("div",{className:t.DROPDOWN_CLASSES,children:e.jsxs("div",{className:"bear-flex bear-gap-4",children:[P.length>0&&e.jsxs("div",{className:"bear-border-r bear-border-gray-200 dark:bear-border-zinc-700 bear-pr-3 bear-space-y-1 bear-min-w-[120px]",children:[P.map(s=>e.jsx("button",{type:"button",onClick:()=>V(s.range()),className:t.PRESET_BTN_CLASSES,children:s.label},s.label)),C&&n.start&&e.jsx("button",{type:"button",onClick:q,className:L.cn(t.PRESET_BTN_CLASSES,"bear-text-red-500"),children:"Clear"})]}),e.jsx(B,{year:E,month:u,range:n,onDayClick:T,onNav:W,minDate:j,maxDate:m}),e.jsx(B,{year:H,month:z,range:n,onDayClick:T,onNav:()=>{},minDate:j,maxDate:m})]})}),o&&e.jsx("p",{className:t.ERROR_CLASSES,children:o}),!o&&S&&e.jsx("p",{className:t.HELPER_CLASSES,children:S})]})};exports.DateRangePicker=G;

package/dist/components/DateRangePicker/DateRangePicker.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=7,b=6,S=["Su","Mo","Tu","We","Th","Fr","Sa"],n=["January","February","March","April","May","June","July","August","September","October","November","December"],o={sm:"bear-py-1.5 bear-px-3 bear-text-sm",md:"bear-py-2 bear-px-4 bear-text-base",lg:"bear-py-2.5 bear-px-5 bear-text-lg"},E="Bear-DateRangePicker bear-relative bear-inline-block",A="bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white bear-transition-colors focus:bear-ring-2 focus:bear-ring-pink-500 bear-outline-none",s="bear-absolute bear-z-[9999] bear-mt-1 bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-xl bear-shadow-xl bear-p-4",_="bear-flex bear-items-center bear-justify-between bear-mb-2",L="bear-p-1 bear-rounded hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-text-gray-500 dark:bear-text-zinc-400",c="bear-w-8 bear-h-8 bear-text-sm bear-rounded-full bear-transition-colors bear-cursor-pointer",D="bear-bg-pink-500 bear-text-white",i="bear-bg-pink-100 dark:bear-bg-pink-900/30 bear-text-pink-800 dark:bear-text-pink-200",g="hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700",l="bear-text-gray-300 dark:bear-text-zinc-600 bear-cursor-not-allowed",d="bear-ring-1 bear-ring-pink-400",u="bear-w-full bear-text-left bear-px-3 bear-py-1.5 bear-text-sm bear-rounded bear-transition-colors hover:bear-bg-pink-50 dark:hover:bear-bg-pink-900/20 bear-text-gray-700 dark:bear-text-zinc-300",C="Bear-DateRangePicker__label bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-zinc-300 bear-mb-1.5",x="bear-mt-1 bear-text-xs bear-text-red-500",R="bear-mt-1 bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500",k=()=>{const e=new Date;return e.setHours(0,0,0,0),[{label:"Today",range:()=>({start:new Date(e),end:new Date(e)})},{label:"Last 7 days",range:()=>{const r=new Date(e);return r.setDate(r.getDate()-6),{start:r,end:new Date(e)}}},{label:"Last 30 days",range:()=>{const r=new Date(e);return r.setDate(r.getDate()-29),{start:r,end:new Date(e)}}},{label:"This month",range:()=>({start:new Date(e.getFullYear(),e.getMonth(),1),end:new Date(e)})},{label:"Last month",range:()=>{const r=new Date(e.getFullYear(),e.getMonth()-1,1),a=new Date(e.getFullYear(),e.getMonth(),0);return{start:r,end:a}}}]};exports.CALENDAR_HEADER_CLASSES=_;exports.CALENDAR_ROWS=b;exports.DAYS_IN_WEEK=t;exports.DAY_BASE_CLASSES=c;exports.DAY_DISABLED_CLASSES=l;exports.DAY_HOVER_CLASSES=g;exports.DAY_IN_RANGE_CLASSES=i;exports.DAY_LABELS=S;exports.DAY_SELECTED_CLASSES=D;exports.DAY_TODAY_CLASSES=d;exports.DROPDOWN_CLASSES=s;exports.ERROR_CLASSES=x;exports.HELPER_CLASSES=R;exports.LABEL_CLASSES=C;exports.MONTH_LABELS=n;exports.NAV_BTN_CLASSES=L;exports.PRESET_BTN_CLASSES=u;exports.ROOT_CLASSES=E;exports.SIZE_CLASSES=o;exports.TRIGGER_CLASSES=A;exports.getDefaultPresets=k;