@forgedevstack/bear 1.2.0 → 1.2.1

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,38 +1,38 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useState as u, useRef as P, useEffect as T, useCallback as v } from "react";
-import { createPortal as se } from "react-dom";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useState as h, useRef as P, useEffect as T, useCallback as _ } from "react";
+import { createPortal as le } from "react-dom";
 import { cn as p } from "../../utils/cn.js";
-import { getDefaultPresets as oe, LABEL_CLASSES as le, SIZE_CLASSES as ce, TRIGGER_CLASSES as ie, PRESET_BTN_CLASSES as $, ERROR_CLASSES as de, HELPER_CLASSES as be, ROOT_CLASSES as me, CALENDAR_HEADER_CLASSES as ue, NAV_BTN_CLASSES as G, MONTH_LABELS as pe, DAY_LABELS as he, DAY_TODAY_CLASSES as Se, DAY_IN_RANGE_CLASSES as fe, DAY_SELECTED_CLASSES as ge, DAY_DISABLED_CLASSES as Ee, DAY_HOVER_CLASSES as Le, DAY_BASE_CLASSES as ke } from "./DateRangePicker.const.js";
-import { formatDate as W, getCalendarDays as Ae, isSameDay as Y, isInRange as Ne } from "./DateRangePicker.utils.js";
-const F = ({ year: E, month: c, range: r, onDayClick: L, onNav: k, minDate: d, maxDate: A }) => {
-  const N = Ae(E, c), h = /* @__PURE__ */ new Date();
-  return h.setHours(0, 0, 0, 0), /* @__PURE__ */ i("div", { className: "bear-w-64", children: [
-    /* @__PURE__ */ i("div", { className: ue, children: [
-      /* @__PURE__ */ t("button", { type: "button", onClick: () => k(-1), className: G, "aria-label": "Previous month", children: /* @__PURE__ */ t("svg", { className: "bear-w-4 bear-h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }),
-      /* @__PURE__ */ i("span", { className: "bear-text-sm bear-font-semibold bear-text-gray-900 dark:bear-text-white", children: [
-        pe[c],
+import { getDefaultPresets as ie, LABEL_CLASSES as ce, SIZE_CLASSES as de, TRIGGER_CLASSES as be, PRESET_BTN_CLASSES as $, ERROR_CLASSES as me, HELPER_CLASSES as ue, ROOT_CLASSES as he, CALENDAR_HEADER_CLASSES as pe, NAV_BTN_CLASSES as G, MONTH_LABELS as Se, DAY_LABELS as fe, DAY_TODAY_CLASSES as we, DAY_IN_RANGE_CLASSES as Ee, DAY_SELECTED_CLASSES as ge, DAY_DISABLED_CLASSES as Le, DAY_HOVER_CLASSES as ve, DAY_BASE_CLASSES as Ae } from "./DateRangePicker.const.js";
+import { formatDate as F, getCalendarDays as ke, isSameDay as Y, isInRange as xe } from "./DateRangePicker.utils.js";
+const Z = ({ year: L, month: c, range: r, onDayClick: v, onNav: A, minDate: b, maxDate: k }) => {
+  const x = ke(L, c), S = /* @__PURE__ */ new Date();
+  return S.setHours(0, 0, 0, 0), /* @__PURE__ */ d("div", { className: "bear-w-64", children: [
+    /* @__PURE__ */ d("div", { className: pe, children: [
+      /* @__PURE__ */ t("button", { type: "button", onClick: () => A(-1), className: G, "aria-label": "Previous month", children: /* @__PURE__ */ t("svg", { className: "bear-w-4 bear-h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }),
+      /* @__PURE__ */ d("span", { className: "bear-text-sm bear-font-semibold bear-text-gray-900 dark:bear-text-white", children: [
+        Se[c],
         " ",
-        E
+        L
       ] }),
-      /* @__PURE__ */ t("button", { type: "button", onClick: () => k(1), className: G, "aria-label": "Next month", children: /* @__PURE__ */ t("svg", { className: "bear-w-4 bear-h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) })
+      /* @__PURE__ */ t("button", { type: "button", onClick: () => A(1), className: G, "aria-label": "Next month", children: /* @__PURE__ */ t("svg", { className: "bear-w-4 bear-h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) })
     ] }),
-    /* @__PURE__ */ t("div", { className: "bear-grid bear-grid-cols-7 bear-gap-0.5 bear-mb-1", children: he.map((a) => /* @__PURE__ */ t("div", { className: "bear-text-xs bear-text-center bear-font-medium bear-text-gray-400 dark:bear-text-zinc-500 bear-py-1", children: a }, a)) }),
-    /* @__PURE__ */ t("div", { className: "bear-grid bear-grid-cols-7 bear-gap-0.5", children: N.map((a, x) => {
-      if (!a) return /* @__PURE__ */ t("div", {}, `e-${x}`);
-      const S = d && a < d || A && a > A, l = Y(a, r.start) || Y(a, r.end), b = Ne(a, r.start, r.end), _ = Y(a, h);
+    /* @__PURE__ */ t("div", { className: "bear-grid bear-grid-cols-7 bear-gap-0.5 bear-mb-1", children: fe.map((a) => /* @__PURE__ */ t("div", { className: "bear-text-xs bear-text-center bear-font-medium bear-text-gray-400 dark:bear-text-zinc-500 bear-py-1", children: a }, a)) }),
+    /* @__PURE__ */ t("div", { className: "bear-grid bear-grid-cols-7 bear-gap-0.5", children: x.map((a, D) => {
+      if (!a) return /* @__PURE__ */ t("div", {}, `e-${D}`);
+      const f = b && a < b || k && a > k, l = Y(a, r.start) || Y(a, r.end), m = xe(a, r.start, r.end), R = Y(a, S);
       return /* @__PURE__ */ t(
         "button",
         {
           type: "button",
-          disabled: !!S,
-          onClick: () => L(a),
+          disabled: !!f,
+          onClick: () => v(a),
           className: p(
-            ke,
-            S ? Ee : Le,
+            Ae,
+            f ? Le : ve,
             l && ge,
-            !l && b && fe,
-            !l && !b && _ && Se,
-            !l && !b && !S && "bear-text-gray-700 dark:bear-text-zinc-300"
+            !l && m && Ee,
+            !l && !m && R && we,
+            !l && !m && !f && "bear-text-gray-700 dark:bear-text-zinc-300"
           ),
           children: a.getDate()
         },
@@ -40,102 +40,107 @@ const F = ({ year: E, month: c, range: r, onDayClick: L, onNav: k, minDate: d, m
       );
     }) })
   ] });
-}, Re = (E) => {
+}, Pe = (L) => {
   const {
     value: c,
     onChange: r,
-    label: L,
-    placeholder: k = "Select date range",
-    disabled: d = !1,
-    clearable: A = !0,
-    minDate: N,
-    maxDate: h,
+    label: v,
+    placeholder: A = "Select date range",
+    disabled: b = !1,
+    clearable: k = !0,
+    minDate: x,
+    maxDate: S,
     presets: a,
-    showPresets: x = !0,
-    size: S = "md",
+    showPresets: D = !0,
+    size: f = "md",
     error: l,
-    helperText: b,
-    className: _,
-    testId: Z,
-    ...q
-  } = E, [w, D] = u(!1), [H, J] = u({ top: 0, left: 0 }), [s, f] = u(c ?? { start: null, end: null }), [M, C] = u("start"), z = P(null), R = P(null), O = P(null), I = /* @__PURE__ */ new Date(), [m, K] = u(I.getMonth()), [g, Q] = u(I.getFullYear()), U = m === 11 ? 0 : m + 1, X = m === 11 ? g + 1 : g;
+    helperText: m,
+    className: R,
+    testId: q,
+    ...J
+  } = L, [N, y] = h(!1), [z, K] = h({ top: 0, left: 0 }), [s, w] = h(c ?? { start: null, end: null }), [H, C] = h("start"), O = P(null), M = P(null), I = P(null), W = /* @__PURE__ */ new Date(), [u, Q] = h(W.getMonth()), [E, U] = h(W.getFullYear()), X = u === 11 ? 0 : u + 1, ee = u === 11 ? E + 1 : E;
   T(() => {
-    c && f(c);
+    c && w(c);
   }, [c]), T(() => {
-    if (w && R.current) {
-      const e = R.current.getBoundingClientRect(), n = 8, o = 400, ne = window.innerHeight - e.bottom < o && e.top > o;
-      J({
-        top: ne ? e.top - o - n : e.bottom + n,
-        left: e.left
-      });
-    }
-  }, [w]), T(() => {
+    if (!N || !M.current) return;
+    const e = 8, n = 420, o = () => {
+      const i = M.current.getBoundingClientRect(), g = window.innerHeight;
+      let B = g - i.bottom < n && i.top > n ? i.top - n - e : i.bottom + e;
+      B = Math.max(8, Math.min(B, g - n - 8));
+      const se = Math.min(640, window.innerWidth - 16);
+      let oe = Math.max(8, Math.min(i.left, window.innerWidth - se - 8));
+      K({ top: B, left: oe });
+    };
+    return o(), window.addEventListener("resize", o), window.addEventListener("scroll", o, !0), () => {
+      window.removeEventListener("resize", o), window.removeEventListener("scroll", o, !0);
+    };
+  }, [N]), T(() => {
     const e = (n) => {
-      var y, B;
+      var i, g;
       const o = n.target;
-      (y = z.current) != null && y.contains(o) || (B = O.current) != null && B.contains(o) || D(!1);
+      (i = O.current) != null && i.contains(o) || (g = I.current) != null && g.contains(o) || y(!1);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
   }, []);
-  const j = v((e) => {
-    if (M === "start")
-      f({ start: e, end: null }), C("end");
+  const j = _((e) => {
+    if (H === "start")
+      w({ start: e, end: null }), C("end");
     else {
       const n = e >= (s.start ?? e) ? { start: s.start, end: e } : { start: e, end: s.start };
-      f(n), C("start"), r == null || r(n);
+      w(n), C("start"), r == null || r(n);
     }
-  }, [M, s.start, r]), ee = v((e) => {
-    f(e), r == null || r(e), D(!1), C("start");
-  }, [r]), te = v(() => {
+  }, [H, s.start, r]), te = _((e) => {
+    w(e), r == null || r(e), y(!1), C("start");
+  }, [r]), re = _(() => {
     const e = { start: null, end: null };
-    f(e), r == null || r(e), C("start");
-  }, [r]), re = v((e) => {
-    let n = m + e, o = g;
-    n < 0 && (n = 11, o--), n > 11 && (n = 0, o++), K(n), Q(o);
-  }, [m, g]), V = a ?? (x ? oe() : []), ae = s.start ? `${W(s.start)}${s.end ? ` – ${W(s.end)}` : ""}` : k;
-  return /* @__PURE__ */ i("div", { ref: z, className: p(me, _), "data-testid": Z, ...q, children: [
-    L && /* @__PURE__ */ t("label", { className: le, children: L }),
-    /* @__PURE__ */ i(
+    w(e), r == null || r(e), C("start");
+  }, [r]), ae = _((e) => {
+    let n = u + e, o = E;
+    n < 0 && (n = 11, o--), n > 11 && (n = 0, o++), Q(n), U(o);
+  }, [u, E]), V = a ?? (D ? ie() : []), ne = s.start ? `${F(s.start)}${s.end ? ` – ${F(s.end)}` : ""}` : A;
+  return /* @__PURE__ */ d("div", { ref: O, className: p(he, R), "data-testid": q, ...J, children: [
+    v && /* @__PURE__ */ t("label", { className: ce, children: v }),
+    /* @__PURE__ */ d(
       "button",
       {
-        ref: R,
+        ref: M,
         type: "button",
-        disabled: d,
-        onClick: () => !d && D(!w),
-        className: p(ie, ce[S], d && "bear-opacity-50 bear-cursor-not-allowed"),
+        disabled: b,
+        onClick: () => !b && y(!N),
+        className: p(be, de[f], b && "bear-opacity-50 bear-cursor-not-allowed"),
         children: [
-          /* @__PURE__ */ t("span", { className: p(!s.start && "bear-text-gray-400 dark:bear-text-zinc-500"), children: ae }),
+          /* @__PURE__ */ t("span", { className: p(!s.start && "bear-text-gray-400 dark:bear-text-zinc-500"), children: ne }),
           /* @__PURE__ */ t("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: /* @__PURE__ */ t("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" }) })
         ]
       }
     ),
-    w && typeof document < "u" && se(
+    N && typeof document < "u" && le(
       /* @__PURE__ */ t(
         "div",
         {
-          ref: O,
+          ref: I,
           "data-bear-daterangepicker-dropdown": !0,
           className: p(
-            "bear-fixed bear-z-[9999] 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-fixed bear-z-[10000] bear-max-w-[calc(100vw-16px)] 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-overflow-x-auto"
           ),
-          style: { top: H.top, left: H.left },
-          children: /* @__PURE__ */ i("div", { className: "bear-flex bear-gap-4", children: [
-            V.length > 0 && /* @__PURE__ */ i("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: [
-              V.map((e) => /* @__PURE__ */ t("button", { type: "button", onClick: () => ee(e.range()), className: $, children: e.label }, e.label)),
-              A && s.start && /* @__PURE__ */ t("button", { type: "button", onClick: te, className: p($, "bear-text-red-500"), children: "Clear" })
+          style: { top: z.top, left: z.left },
+          children: /* @__PURE__ */ d("div", { className: "bear-flex bear-gap-4", children: [
+            V.length > 0 && /* @__PURE__ */ d("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: [
+              V.map((e) => /* @__PURE__ */ t("button", { type: "button", onClick: () => te(e.range()), className: $, children: e.label }, e.label)),
+              k && s.start && /* @__PURE__ */ t("button", { type: "button", onClick: re, className: p($, "bear-text-red-500"), children: "Clear" })
             ] }),
-            /* @__PURE__ */ t(F, { year: g, month: m, range: s, onDayClick: j, onNav: re, minDate: N, maxDate: h }),
-            /* @__PURE__ */ t(F, { year: X, month: U, range: s, onDayClick: j, onNav: () => {
-            }, minDate: N, maxDate: h })
+            /* @__PURE__ */ t(Z, { year: E, month: u, range: s, onDayClick: j, onNav: ae, minDate: x, maxDate: S }),
+            /* @__PURE__ */ t(Z, { year: ee, month: X, range: s, onDayClick: j, onNav: () => {
+            }, minDate: x, maxDate: S })
           ] })
         }
       ),
       document.body
     ),
-    l && /* @__PURE__ */ t("p", { className: de, children: l }),
-    !l && b && /* @__PURE__ */ t("p", { className: be, children: b })
+    l && /* @__PURE__ */ t("p", { className: me, children: l }),
+    !l && m && /* @__PURE__ */ t("p", { className: ue, children: m })
   ] });
 };
 export {
-  Re as DateRangePicker
+  Pe as DateRangePicker
 };

package/dist/components/DiffSquares/DiffSquares.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),A=require("react"),D=require("../../utils/cn.cjs"),F=require("../Typography/Typography.cjs"),S=require("./DiffSquares.const.cjs"),E=require("./DiffSquares.utils.cjs"),N=({additionsText:n,deletionsText:t,cubeCount:c=S.DIFF_SQUARES_DEFAULT_COUNT,cubes:r,additionColor:m="var(--bear-colors-success-500, #22c55e)",deletionColor:q="var(--bear-colors-danger-500, #ef4444)",gap:_=S.DIFF_SQUARES_GAP,summaryTypographyProps:s,onCubeClick:i,onCubeHover:e,className:h,testId:j,...x})=>{const d=A.useMemo(()=>r!=null&&r.length?r:Array.from({length:c},()=>({fill:"full"})),[r,c]),g={variant:"body2",component:"span",...s,className:D.cn("bear-flex bear-shrink-0 bear-items-baseline bear-gap-1.5 bear-font-mono bear-font-semibold",s==null?void 0:s.className)};return l.jsxs("div",{className:D.cn("Bear-DiffSquares bear-inline-flex bear-min-w-0 bear-max-w-full bear-items-center bear-gap-2",h),"data-testid":j,...x,children:[(n!=null||t!=null)&&l.jsxs(F.Typography,{...g,children:[n!=null&&l.jsx("span",{style:{color:m},children:n}),t!=null&&l.jsx("span",{style:{color:q},children:t})]}),l.jsx("span",{className:"bear-inline-flex bear-items-center bear-flex-shrink-0",style:{gap:_},role:"img","aria-label":"Change density",children:d.map((a,f)=>l.jsx("span",{className:S.DIFF_SQUARES_CUBE_CLASS,style:E.getDiffCubeStyle(a,m,q),"aria-hidden":!(a!=null&&a.ariaLabel),title:a==null?void 0:a.ariaLabel,onMouseEnter:()=>e==null?void 0:e(a,f),onMouseLeave:()=>e==null?void 0:e(null,null),onClick:()=>i==null?void 0:i(a,f)},f))})]})};exports.DiffSquares=N;

package/dist/components/DiffSquares/DiffSquares.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=5,r="Bear-DiffSquares__cube bear-inline-block bear-w-2.5 bear-h-2.5 sm:bear-w-3 sm:bear-h-3 bear-rounded bear-shrink-0 bear-ring-1 bear-ring-inset bear-ring-black/18 dark:bear-ring-white/22 motion-reduce:bear-animate-none",a=4;exports.DIFF_SQUARES_CUBE_CLASS=r;exports.DIFF_SQUARES_DEFAULT_COUNT=e;exports.DIFF_SQUARES_GAP=a;

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

@@ -0,0 +1,3 @@
+export declare const DIFF_SQUARES_DEFAULT_COUNT = 5;
+export declare const DIFF_SQUARES_CUBE_CLASS = "Bear-DiffSquares__cube bear-inline-block bear-w-2.5 bear-h-2.5 sm:bear-w-3 sm:bear-h-3 bear-rounded bear-shrink-0 bear-ring-1 bear-ring-inset bear-ring-black/18 dark:bear-ring-white/22 motion-reduce:bear-animate-none";
+export declare const DIFF_SQUARES_GAP = 4;

package/dist/components/DiffSquares/DiffSquares.const.js

@@ -0,0 +1,6 @@
+const e = 5, r = "Bear-DiffSquares__cube bear-inline-block bear-w-2.5 bear-h-2.5 sm:bear-w-3 sm:bear-h-3 bear-rounded bear-shrink-0 bear-ring-1 bear-ring-inset bear-ring-black/18 dark:bear-ring-white/22 motion-reduce:bear-animate-none", a = 4;
+export {
+  r as DIFF_SQUARES_CUBE_CLASS,
+  e as DIFF_SQUARES_DEFAULT_COUNT,
+  a as DIFF_SQUARES_GAP
+};

package/dist/components/DiffSquares/DiffSquares.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { DiffSquaresProps } from './DiffSquares.types';
+export declare const DiffSquares: FC<DiffSquaresProps>;

package/dist/components/DiffSquares/DiffSquares.js

@@ -0,0 +1,70 @@
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { useMemo as L } from "react";
+import { cn as A } from "../../utils/cn.js";
+import { Typography as g } from "../Typography/Typography.js";
+import { DIFF_SQUARES_DEFAULT_COUNT as p, DIFF_SQUARES_GAP as x, DIFF_SQUARES_CUBE_CLASS as I } from "./DiffSquares.const.js";
+import { getDiffCubeStyle as M } from "./DiffSquares.utils.js";
+const B = ({
+  additionsText: s,
+  deletionsText: t,
+  cubeCount: m = p,
+  cubes: r,
+  additionColor: S = "var(--bear-colors-success-500, #22c55e)",
+  deletionColor: _ = "var(--bear-colors-danger-500, #ef4444)",
+  gap: D = x,
+  summaryTypographyProps: n,
+  onCubeClick: i,
+  onCubeHover: l,
+  className: F,
+  testId: E,
+  ...N
+}) => {
+  const U = L(() => r != null && r.length ? r : Array.from({ length: m }, () => ({ fill: "full" })), [r, m]), d = {
+    variant: "body2",
+    component: "span",
+    ...n,
+    className: A(
+      "bear-flex bear-shrink-0 bear-items-baseline bear-gap-1.5 bear-font-mono bear-font-semibold",
+      n == null ? void 0 : n.className
+    )
+  };
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      className: A("Bear-DiffSquares bear-inline-flex bear-min-w-0 bear-max-w-full bear-items-center bear-gap-2", F),
+      "data-testid": E,
+      ...N,
+      children: [
+        (s != null || t != null) && /* @__PURE__ */ h(g, { ...d, children: [
+          s != null && /* @__PURE__ */ e("span", { style: { color: S }, children: s }),
+          t != null && /* @__PURE__ */ e("span", { style: { color: _ }, children: t })
+        ] }),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: "bear-inline-flex bear-items-center bear-flex-shrink-0",
+            style: { gap: D },
+            role: "img",
+            "aria-label": "Change density",
+            children: U.map((a, f) => /* @__PURE__ */ e(
+              "span",
+              {
+                className: I,
+                style: M(a, S, _),
+                "aria-hidden": !(a != null && a.ariaLabel),
+                title: a == null ? void 0 : a.ariaLabel,
+                onMouseEnter: () => l == null ? void 0 : l(a, f),
+                onMouseLeave: () => l == null ? void 0 : l(null, null),
+                onClick: () => i == null ? void 0 : i(a, f)
+              },
+              f
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  B as DiffSquares
+};

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

@@ -0,0 +1,23 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { TypographyProps } from '../Typography/Typography.types';
+export type DiffCubeFill = 'full' | 'empty' | 'half' | 'striped';
+export interface DiffCube {
+    fill?: DiffCubeFill;
+    color?: string;
+    secondaryColor?: string;
+    gradient?: string;
+    ariaLabel?: string;
+}
+export interface DiffSquaresProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    additionsText?: ReactNode;
+    deletionsText?: ReactNode;
+    cubeCount?: number;
+    cubes?: DiffCube[];
+    additionColor?: string;
+    deletionColor?: string;
+    gap?: number;
+    summaryTypographyProps?: Partial<TypographyProps>;
+    onCubeClick?: (cube: DiffCube, index: number) => void;
+    onCubeHover?: (cube: DiffCube | null, index: number | null) => void;
+    testId?: string;
+}

package/dist/components/DiffSquares/DiffSquares.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(r,i,a){const t=(r==null?void 0:r.fill)??"full",n=(r==null?void 0:r.color)??i,o=(r==null?void 0:r.secondaryColor)??a;return r!=null&&r.gradient?{background:r.gradient}:t==="empty"?{backgroundColor:"transparent",boxShadow:`inset 0 0 0 1px ${n}55`}:t==="half"?{background:`linear-gradient(90deg, ${n} 50%, ${o} 50%)`}:t==="striped"?{background:`repeating-linear-gradient(135deg, ${n}, ${n} 2px, ${o} 2px, ${o} 4px)`}:{backgroundColor:n}}exports.getDiffCubeStyle=l;

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

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+import { DiffCube } from './DiffSquares.types';
+export declare function getDiffCubeStyle(cube: DiffCube | undefined, additionFallback: string, deletionFallback: string): CSSProperties;

package/dist/components/DiffSquares/DiffSquares.utils.js

@@ -0,0 +1,12 @@
+function d(r, a, i) {
+  const o = (r == null ? void 0 : r.fill) ?? "full", n = (r == null ? void 0 : r.color) ?? a, t = (r == null ? void 0 : r.secondaryColor) ?? i;
+  return r != null && r.gradient ? { background: r.gradient } : o === "empty" ? {
+    backgroundColor: "transparent",
+    boxShadow: `inset 0 0 0 1px ${n}55`
+  } : o === "half" ? { background: `linear-gradient(90deg, ${n} 50%, ${t} 50%)` } : o === "striped" ? {
+    background: `repeating-linear-gradient(135deg, ${n}, ${n} 2px, ${t} 2px, ${t} 4px)`
+  } : { backgroundColor: n };
+}
+export {
+  d as getDiffCubeStyle
+};

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

@@ -0,0 +1,2 @@
+export { DiffSquares } from './DiffSquares';
+export type { DiffSquaresProps, DiffCube, DiffCubeFill } from './DiffSquares.types';

package/dist/components/Drawer/Drawer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),j=require("react-dom"),x=require("../../utils/cn.cjs"),N=require("../Icon/index.cjs"),d=300,q={left:{sm:"bear-w-64",md:"bear-w-80",lg:"bear-w-96",xl:"bear-w-[32rem]"},right:{sm:"bear-w-64",md:"bear-w-80",lg:"bear-w-96",xl:"bear-w-[32rem]"},top:{sm:"bear-h-32",md:"bear-h-48",lg:"bear-h-64",xl:"bear-h-96"},bottom:{sm:"bear-h-32",md:"bear-h-48",lg:"bear-h-64",xl:"bear-h-96"}},C={left:"bear-left-0 bear-top-0 bear-h-full",right:"bear-right-0 bear-top-0 bear-h-full",top:"bear-top-0 bear-left-0 bear-w-full",bottom:"bear-bottom-0 bear-left-0 bear-w-full"},D={left:"bear-translate-x-0",right:"bear-translate-x-0",top:"bear-translate-y-0",bottom:"bear-translate-y-0"},E={left:"-bear-translate-x-full",right:"bear-translate-x-full",top:"-bear-translate-y-full",bottom:"bear-translate-y-full"},S=({isOpen:s,onClose:l,title:o,children:w,side:e="right",size:g="md",showCloseButton:u=!0,closeOnBackdrop:y=!0,closeOnEscape:c=!0,className:p})=>{const[t,m]=a.useState(s),[f,n]=a.useState(!1),[v,h]=a.useState(!1);a.useEffect(()=>{if(s){m(!0),n(!1);const b=requestAnimationFrame(()=>h(!0));return()=>cancelAnimationFrame(b)}if(t){h(!1),n(!0);const b=setTimeout(()=>{m(!1),n(!1)},d);return()=>clearTimeout(b)}},[s,t]);const i=a.useCallback(b=>{c&&b.key==="Escape"&&l()},[c,l]);if(a.useEffect(()=>(t&&(document.addEventListener("keydown",i),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",i),document.body.style.overflow=""}),[t,i]),!t)return null;const k=r.jsxs("div",{className:"bear-fixed bear-inset-0 bear-z-50",children:[r.jsx("div",{className:x.cn("bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",f?"bear-opacity-0":"bear-opacity-100"),style:{transitionDuration:`${d}ms`},onClick:y?l:void 0,"aria-hidden":"true"}),r.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":o?"drawer-title":void 0,className:x.cn("bear-absolute bear-bg-white dark:bear-bg-neutral-900 bear-shadow-2xl","bear-border-neutral-200 dark:bear-border-neutral-700 bear-overflow-hidden","bear-transform bear-transition-transform",e==="left"&&"bear-border-r",e==="right"&&"bear-border-l",e==="top"&&"bear-border-b",e==="bottom"&&"bear-border-t",C[e],q[e][g],v&&!f?D[e]:E[e],p),style:{transitionDuration:`${d}ms`},children:[(o||u)&&r.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700",children:[o&&r.jsx("h2",{id:"drawer-title",className:"bear-text-lg bear-font-semibold bear-text-neutral-900 dark:bear-text-white",children:o}),u&&r.jsx("button",{onClick:l,className:"bear-p-1 bear-rounded-lg bear-text-neutral-500 dark:bear-text-neutral-400 hover:bear-text-neutral-900 dark:hover:bear-text-white hover:bear-bg-neutral-100 dark:hover:bear-bg-neutral-700 bear-transition-colors","aria-label":"Close drawer",children:r.jsx(N.XIcon,{className:"bear-w-5 bear-h-5"})})]}),r.jsx("div",{className:"bear-flex-1 bear-overflow-y-auto bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300",children:w})]})]});return j.createPortal(k,document.body)};exports.Drawer=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),j=require("react-dom"),x=require("../../utils/cn.cjs"),N=require("../Icon/index.cjs"),m=300,q={left:{sm:"bear-w-full sm:bear-w-64 bear-max-w-full sm:bear-max-w-none",md:"bear-w-full sm:bear-w-80 bear-max-w-full sm:bear-max-w-none",lg:"bear-w-full sm:bear-w-96 bear-max-w-full sm:bear-max-w-none",xl:"bear-w-full sm:bear-w-[32rem] bear-max-w-full sm:bear-max-w-none"},right:{sm:"bear-w-full sm:bear-w-64 bear-max-w-full sm:bear-max-w-none",md:"bear-w-full sm:bear-w-80 bear-max-w-full sm:bear-max-w-none",lg:"bear-w-full sm:bear-w-96 bear-max-w-full sm:bear-max-w-none",xl:"bear-w-full sm:bear-w-[32rem] bear-max-w-full sm:bear-max-w-none"},top:{sm:"bear-h-32",md:"bear-h-48",lg:"bear-h-64",xl:"bear-h-96"},bottom:{sm:"bear-h-32",md:"bear-h-48",lg:"bear-h-64",xl:"bear-h-96"}},C={left:"bear-left-0 bear-top-0 bear-h-full",right:"bear-right-0 bear-top-0 bear-h-full",top:"bear-top-0 bear-left-0 bear-w-full",bottom:"bear-bottom-0 bear-left-0 bear-w-full"},D={left:"bear-translate-x-0",right:"bear-translate-x-0",top:"bear-translate-y-0",bottom:"bear-translate-y-0"},E={left:"-bear-translate-x-full",right:"bear-translate-x-full",top:"-bear-translate-y-full",bottom:"bear-translate-y-full"},S=({isOpen:n,onClose:l,title:s,children:h,side:e="right",size:g="md",showCloseButton:i=!0,closeOnBackdrop:y=!0,closeOnEscape:d=!0,className:p})=>{const[t,f]=a.useState(n),[c,o]=a.useState(!1),[v,w]=a.useState(!1);a.useEffect(()=>{if(n){f(!0),o(!1);const b=requestAnimationFrame(()=>w(!0));return()=>cancelAnimationFrame(b)}if(t){w(!1),o(!0);const b=setTimeout(()=>{f(!1),o(!1)},m);return()=>clearTimeout(b)}},[n,t]);const u=a.useCallback(b=>{d&&b.key==="Escape"&&l()},[d,l]);if(a.useEffect(()=>(t&&(document.addEventListener("keydown",u),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",u),document.body.style.overflow=""}),[t,u]),!t)return null;const k=r.jsxs("div",{className:"bear-fixed bear-inset-0 bear-z-[11000]",children:[r.jsx("div",{className:x.cn("bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",c?"bear-opacity-0":"bear-opacity-100"),style:{transitionDuration:`${m}ms`},onClick:y?l:void 0,"aria-hidden":"true"}),r.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":s?"drawer-title":void 0,className:x.cn("bear-absolute bear-bg-white dark:bear-bg-neutral-900 bear-shadow-2xl","bear-border-neutral-200 dark:bear-border-neutral-700 bear-overflow-hidden","bear-transform bear-transition-transform",e==="left"&&"bear-border-r",e==="right"&&"bear-border-l",e==="top"&&"bear-border-b",e==="bottom"&&"bear-border-t",C[e],q[e][g],v&&!c?D[e]:E[e],p),style:{transitionDuration:`${m}ms`},children:[(s||i)&&r.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700",children:[s&&r.jsx("h2",{id:"drawer-title",className:"bear-text-lg bear-font-semibold bear-text-neutral-900 dark:bear-text-white",children:s}),i&&r.jsx("button",{onClick:l,className:"bear-p-1 bear-rounded-lg bear-text-neutral-500 dark:bear-text-neutral-400 hover:bear-text-neutral-900 dark:hover:bear-text-white hover:bear-bg-neutral-100 dark:hover:bear-bg-neutral-700 bear-transition-colors","aria-label":"Close drawer",children:r.jsx(N.XIcon,{className:"bear-w-5 bear-h-5"})})]}),r.jsx("div",{className:"bear-flex-1 bear-overflow-y-auto bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300",children:h})]})]});return j.createPortal(k,document.body)};exports.Drawer=S;

package/dist/components/Drawer/Drawer.js

@@ -1,20 +1,20 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useState as d, useEffect as p, useCallback as A } from "react";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { useState as u, useEffect as h, useCallback as A } from "react";
 import { createPortal as E } from "react-dom";
-import { cn as x } from "../../utils/cn.js";
+import { cn as p } from "../../utils/cn.js";
 import { XIcon as I } from "../Icon/index.js";
-const m = 300, D = {
+const i = 300, D = {
   left: {
-    sm: "bear-w-64",
-    md: "bear-w-80",
-    lg: "bear-w-96",
-    xl: "bear-w-[32rem]"
+    sm: "bear-w-full sm:bear-w-64 bear-max-w-full sm:bear-max-w-none",
+    md: "bear-w-full sm:bear-w-80 bear-max-w-full sm:bear-max-w-none",
+    lg: "bear-w-full sm:bear-w-96 bear-max-w-full sm:bear-max-w-none",
+    xl: "bear-w-full sm:bear-w-[32rem] bear-max-w-full sm:bear-max-w-none"
   },
   right: {
-    sm: "bear-w-64",
-    md: "bear-w-80",
-    lg: "bear-w-96",
-    xl: "bear-w-[32rem]"
+    sm: "bear-w-full sm:bear-w-64 bear-max-w-full sm:bear-max-w-none",
+    md: "bear-w-full sm:bear-w-80 bear-max-w-full sm:bear-max-w-none",
+    lg: "bear-w-full sm:bear-w-96 bear-max-w-full sm:bear-max-w-none",
+    xl: "bear-w-full sm:bear-w-[32rem] bear-max-w-full sm:bear-max-w-none"
   },
   top: {
     sm: "bear-h-32",
@@ -44,61 +44,61 @@ const m = 300, D = {
   top: "-bear-translate-y-full",
   bottom: "bear-translate-y-full"
 }, _ = ({
-  isOpen: l,
+  isOpen: o,
   onClose: b,
-  title: o,
+  title: l,
   children: g,
   side: e = "right",
   size: y = "md",
-  showCloseButton: u = !0,
+  showCloseButton: d = !0,
   closeOnBackdrop: v = !0,
-  closeOnEscape: c = !0,
+  closeOnEscape: f = !0,
   className: k
 }) => {
-  const [r, f] = d(l), [h, n] = d(!1), [N, w] = d(!1);
-  p(() => {
-    if (l) {
-      f(!0), n(!1);
-      const a = requestAnimationFrame(() => w(!0));
+  const [r, w] = u(o), [c, n] = u(!1), [N, x] = u(!1);
+  h(() => {
+    if (o) {
+      w(!0), n(!1);
+      const a = requestAnimationFrame(() => x(!0));
       return () => cancelAnimationFrame(a);
     }
     if (r) {
-      w(!1), n(!0);
+      x(!1), n(!0);
       const a = setTimeout(() => {
-        f(!1), n(!1);
-      }, m);
+        w(!1), n(!1);
+      }, i);
       return () => clearTimeout(a);
     }
-  }, [l, r]);
+  }, [o, r]);
   const s = A(
     (a) => {
-      c && a.key === "Escape" && b();
+      f && a.key === "Escape" && b();
     },
-    [c, b]
+    [f, b]
   );
-  if (p(() => (r && (document.addEventListener("keydown", s), document.body.style.overflow = "hidden"), () => {
+  if (h(() => (r && (document.addEventListener("keydown", s), document.body.style.overflow = "hidden"), () => {
     document.removeEventListener("keydown", s), document.body.style.overflow = "";
   }), [r, s]), !r) return null;
-  const C = /* @__PURE__ */ i("div", { className: "bear-fixed bear-inset-0 bear-z-50", children: [
+  const C = /* @__PURE__ */ m("div", { className: "bear-fixed bear-inset-0 bear-z-[11000]", children: [
     /* @__PURE__ */ t(
       "div",
       {
-        className: x(
+        className: p(
           "bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",
-          h ? "bear-opacity-0" : "bear-opacity-100"
+          c ? "bear-opacity-0" : "bear-opacity-100"
         ),
-        style: { transitionDuration: `${m}ms` },
+        style: { transitionDuration: `${i}ms` },
         onClick: v ? b : void 0,
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ m(
       "div",
       {
         role: "dialog",
         "aria-modal": "true",
-        "aria-labelledby": o ? "drawer-title" : void 0,
-        className: x(
+        "aria-labelledby": l ? "drawer-title" : void 0,
+        className: p(
           "bear-absolute bear-bg-white dark:bear-bg-neutral-900 bear-shadow-2xl",
           "bear-border-neutral-200 dark:bear-border-neutral-700 bear-overflow-hidden",
           "bear-transform bear-transition-transform",
@@ -108,21 +108,21 @@ const m = 300, D = {
           e === "bottom" && "bear-border-t",
           M[e],
           D[e][y],
-          N && !h ? j[e] : T[e],
+          N && !c ? j[e] : T[e],
           k
         ),
-        style: { transitionDuration: `${m}ms` },
+        style: { transitionDuration: `${i}ms` },
         children: [
-          (o || u) && /* @__PURE__ */ i("div", { className: "bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700", children: [
-            o && /* @__PURE__ */ t(
+          (l || d) && /* @__PURE__ */ m("div", { className: "bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700", children: [
+            l && /* @__PURE__ */ t(
               "h2",
               {
                 id: "drawer-title",
                 className: "bear-text-lg bear-font-semibold bear-text-neutral-900 dark:bear-text-white",
-                children: o
+                children: l
               }
             ),
-            u && /* @__PURE__ */ t(
+            d && /* @__PURE__ */ t(
               "button",
               {
                 onClick: b,

package/dist/components/Dropdown/Dropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),h=require("../../utils/cn.cjs"),B=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const K={xs:"bear-text-xs bear-py-1 bear-px-2",sm:"bear-text-sm bear-py-1.5 bear-px-3",md:"bear-text-sm bear-py-2 bear-px-3",lg:"bear-text-base bear-py-2.5 bear-px-4",xl:"bear-text-lg bear-py-3 bear-px-5"},U={"bottom-start":"bear-top-full bear-left-0 bear-mt-1","bottom-end":"bear-top-full bear-right-0 bear-mt-1",bottom:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-1","top-start":"bear-bottom-full bear-left-0 bear-mb-1","top-end":"bear-bottom-full bear-right-0 bear-mb-1",top:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-1",left:"bear-right-full bear-top-0 bear-mr-1",right:"bear-left-full bear-top-0 bear-ml-1"},V=({trigger:x,items:i,open:k,defaultOpen:j=!1,placement:N="bottom-start",offset:Z=4,matchWidth:S=!1,minWidth:D=150,maxHeight:I=300,size:R="md",closeOnSelect:y=!0,closeOnClickOutside:g=!0,disabled:m=!1,onOpenChange:u,className:q,testId:A,...L})=>{var C;const[M,W]=r.useState(j),[o,d]=r.useState(-1),w=r.useRef(null),z=r.useRef(null),E=r.useRef(null),p=k!==void 0,t=p?k:M,f=r.useCallback(e=>{p||W(e),u==null||u(e)},[p,u]),F=r.useCallback(()=>{m||f(!t)},[m,t,f]),n=r.useCallback(()=>{f(!1),d(-1)},[f]),v=r.useCallback(e=>{var b;e.disabled||e.divider||e.header||((b=e.onClick)==null||b.call(e),y&&!e.items&&n())},[y,n]),P=r.useCallback(()=>{t&&g&&n()},[t,g,n]);B.useClickOutside(w,P),r.useEffect(()=>{if(!t)return;const e=i.filter(a=>!a.disabled&&!a.divider&&!a.header),b=a=>{switch(a.key){case"Escape":a.preventDefault(),n();break;case"ArrowDown":a.preventDefault(),d(c=>{const l=c+1;return l>=e.length?0:l});break;case"ArrowUp":a.preventDefault(),d(c=>{const l=c-1;return l<0?e.length-1:l});break;case"Enter":case" ":a.preventDefault(),o>=0&&o<e.length&&v(e[o]);break}};return document.addEventListener("keydown",b),()=>document.removeEventListener("keydown",b)},[t,i,o,n,v]),r.useEffect(()=>{t||d(-1)},[t]);const T=(e,b)=>{if(e.divider)return s.jsx("div",{className:"bear-my-1 bear-mx-2 bear-h-px",style:{backgroundColor:"var(--bear-border-default)"},role:"separator"},e.key);if(e.header)return s.jsx("div",{className:"bear-px-3 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider",style:{color:"var(--bear-text-muted)"},children:e.label},e.key);const a=i.slice(0,b).filter(l=>!l.disabled&&!l.divider&&!l.header).length,c=o===a;return s.jsxs("button",{type:"button",role:"menuitem",disabled:e.disabled,onClick:()=>v(e),onMouseEnter:()=>d(a),className:h.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-border-none bear-bg-transparent",K[R],"bear-transition-colors bear-cursor-pointer",c&&!e.danger&&"bear-bg-[var(--bear-bg-tertiary)]",e.danger&&"bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20",!e.danger&&!e.disabled&&"hover:bear-bg-[var(--bear-bg-tertiary)]",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"),style:e.disabled?{color:"var(--bear-text-muted)"}:e.danger?void 0:{color:"var(--bear-text-secondary)"},children:[e.icon&&s.jsx("span",{className:"bear-flex-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center",children:e.icon}),s.jsx("span",{className:"bear-flex-1",children:e.label}),e.trailing&&s.jsx("span",{className:"bear-flex-shrink-0",style:{color:"var(--bear-text-muted)"},children:e.trailing}),e.items&&s.jsx("svg",{className:"bear-w-4 bear-h-4 bear-flex-shrink-0",style:{color:"var(--bear-text-muted)"},viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:s.jsx("polyline",{points:"9 18 15 12 9 6"})})]},e.key)},_=r.isValidElement(x)?r.cloneElement(x,{onClick:F,ref:E,"aria-expanded":t,"aria-haspopup":!0}):x;return s.jsxs("div",{ref:w,className:h.cn("bear-relative bear-inline-block",q),"data-testid":A,...L,children:[_,t&&s.jsx("div",{ref:z,role:"menu",className:h.cn("bear-absolute bear-z-50","bear-border bear-rounded-lg bear-shadow-lg","bear-py-1 bear-overflow-y-auto","bear-animate-in bear-fade-in-0 bear-zoom-in-95 bear-duration-100",U[N]),style:{backgroundColor:"var(--bear-bg-primary)",borderColor:"var(--bear-border-default)",minWidth:S?(C=E.current)==null?void 0:C.offsetWidth:D,maxHeight:I},children:i.map((e,b)=>T(e,b))})]})};exports.Dropdown=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("react"),E=require("../../utils/cn.cjs"),J=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const Q=require("../Portal/Portal.cjs"),X=require("./Dropdown.const.cjs"),Y=({trigger:x,items:c,open:j,defaultOpen:q=!1,placement:i="bottom-start",offset:v=4,matchWidth:C=!1,minWidth:h=150,maxHeight:M=300,size:S="md",closeOnSelect:I=!0,closeOnClickOutside:g=!0,disabled:R=!1,onOpenChange:f,className:P,testId:W,...z})=>{const[A,U]=t.useState(q),[b,u]=t.useState(-1),[k,B]=t.useState({top:0,left:0,minWidth:h}),D=t.useRef(null),L=t.useRef(null),N=t.useRef(null),w=j!==void 0,n=w?j:A,p=t.useCallback(e=>{w||U(e),f==null||f(e)},[w,f]),F=t.useCallback(()=>{R||p(!n)},[R,n,p]),d=t.useCallback(()=>{p(!1),u(-1)},[p]),y=t.useCallback(e=>{var r;e.disabled||e.divider||e.header||((r=e.onClick)==null||r.call(e),I&&!e.items&&d())},[I,d]),T=t.useCallback(()=>{n&&g&&d()},[n,g,d]);J.useClickOutsideMultiple([D,L],T,{enabled:n&&g}),t.useEffect(()=>{if(!n)return;const e=c.filter(a=>!a.disabled&&!a.divider&&!a.header),r=a=>{switch(a.key){case"Escape":a.preventDefault(),d();break;case"ArrowDown":a.preventDefault(),u(o=>{const l=o+1;return l>=e.length?0:l});break;case"ArrowUp":a.preventDefault(),u(o=>{const l=o-1;return l<0?e.length-1:l});break;case"Enter":case" ":a.preventDefault(),b>=0&&b<e.length&&y(e[b]);break}};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[n,c,b,d,y]),t.useEffect(()=>{if(!n)return;const e=()=>{var m;const r=(m=N.current)==null?void 0:m.getBoundingClientRect();if(!r)return;const a=window.innerWidth,o=C?r.width:h,Z=i.endsWith("end")?r.right-o:i==="top"||i==="bottom"?r.left+r.width/2-o/2:r.left,G=Math.min(Math.max(8,Z),Math.max(8,a-o-8)),H=i.startsWith("top")?r.top-v:r.bottom+v;B({top:H,left:G,minWidth:o})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[n,C,h,i,v]),t.useEffect(()=>{n||u(-1)},[n]);const _=t.useMemo(()=>c.map((e,r)=>({item:e,index:r})).filter(({item:e})=>!e.disabled&&!e.divider&&!e.header),[c]),K=(e,r)=>{if(e.divider)return s.jsx("div",{className:"bear-my-1 bear-mx-2 bear-h-px",style:{backgroundColor:"var(--bear-border-default)"},role:"separator"},e.key);if(e.header)return s.jsx("div",{className:"bear-px-3 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider",style:{color:"var(--bear-text-muted)"},children:e.label},e.key);const a=_.findIndex(l=>l.index===r),o=b===a;return s.jsxs("button",{type:"button",role:"menuitem",disabled:e.disabled,onClick:()=>y(e),onMouseEnter:()=>u(a),className:E.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-border-none bear-bg-transparent",X.SIZE_CLASSES[S],"bear-transition-colors bear-cursor-pointer",e.selected&&!e.danger&&"bear-bg-[var(--bear-bg-tertiary)] bear-text-[var(--bear-text-primary)]",o&&!e.danger&&"bear-bg-[var(--bear-bg-tertiary)]",e.danger&&"bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20",!e.danger&&!e.disabled&&"hover:bear-bg-[var(--bear-bg-tertiary)]",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"),style:e.disabled?{color:"var(--bear-text-muted)"}:e.danger?void 0:{color:"var(--bear-text-secondary)"},children:[e.icon&&s.jsx("span",{className:"bear-flex-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center",children:e.icon}),s.jsx("span",{className:"bear-flex-1",children:e.label}),e.trailing&&s.jsx("span",{className:"bear-flex-shrink-0",style:{color:"var(--bear-text-muted)"},children:e.trailing}),e.items&&s.jsx("svg",{className:"bear-w-4 bear-h-4 bear-flex-shrink-0",style:{color:"var(--bear-text-muted)"},viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:s.jsx("polyline",{points:"9 18 15 12 9 6"})})]},e.key)},V=t.isValidElement(x)?t.cloneElement(x,{onClick:F,ref:N,"aria-expanded":n,"aria-haspopup":!0}):x;return s.jsxs("div",{ref:D,className:E.cn("bear-relative bear-inline-block",P),"data-testid":W,...z,children:[V,n&&s.jsx(Q.Portal,{children:s.jsx("div",{ref:L,role:"menu",className:E.cn("bear-fixed","bear-border bear-rounded-lg bear-shadow-lg","bear-py-1 bear-overflow-y-auto","bear-duration-100"),style:{backgroundColor:"var(--bear-bg-primary)",borderColor:"var(--bear-border-default)",minWidth:k.minWidth,maxHeight:M,top:k.top,left:k.left,zIndex:11e3},children:c.map((e,r)=>K(e,r))})})]})};exports.Dropdown=Y;

package/dist/components/Dropdown/Dropdown.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={xs:"bear-text-xs bear-py-1 bear-px-2",sm:"bear-text-sm bear-py-1.5 bear-px-3",md:"bear-text-sm bear-py-2 bear-px-3",lg:"bear-text-base bear-py-2.5 bear-px-4",xl:"bear-text-lg bear-py-3 bear-px-5"};exports.SIZE_CLASSES=e;

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

@@ -0,0 +1,7 @@
+export declare const SIZE_CLASSES: {
+    readonly xs: "bear-text-xs bear-py-1 bear-px-2";
+    readonly sm: "bear-text-sm bear-py-1.5 bear-px-3";
+    readonly md: "bear-text-sm bear-py-2 bear-px-3";
+    readonly lg: "bear-text-base bear-py-2.5 bear-px-4";
+    readonly xl: "bear-text-lg bear-py-3 bear-px-5";
+};

package/dist/components/Dropdown/Dropdown.const.js

@@ -0,0 +1,10 @@
+const e = {
+  xs: "bear-text-xs bear-py-1 bear-px-2",
+  sm: "bear-text-sm bear-py-1.5 bear-px-3",
+  md: "bear-text-sm bear-py-2 bear-px-3",
+  lg: "bear-text-base bear-py-2.5 bear-px-4",
+  xl: "bear-text-lg bear-py-3 bear-px-5"
+};
+export {
+  e as SIZE_CLASSES
+};