@forgedevstack/bear 1.3.3 → 1.3.5

package/dist/components/Chart/RadarChart.js

@@ -1,103 +1,104 @@
-import { jsx as s, jsxs as y } from "react/jsx-runtime";
-import { ZERO as m, ONE as f } from "../../constants/numbers.const.js";
-import { cn as A } from "../../utils/cn.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { ZERO as m, ONE as y } from "../../constants/numbers.const.js";
+import { cn as f } from "../../utils/cn.js";
 import "react";
-import { resolveBearId as O } from "../../utils/generateBearId.utils.js";
-import { useBearId as $ } from "../../utils/useBearId.js";
-import { CHART as a } from "./Chart.const.js";
-import { polarToCartesian as i, getChartColor as R } from "./Chart.utils.js";
-const P = (g) => {
+import { resolveBearId as $ } from "../../utils/generateBearId.utils.js";
+import { useBearId as F } from "../../utils/useBearId.js";
+import { CHART as e } from "./Chart.const.js";
+import { polarToCartesian as i, chartMotionClass as G, getChartColor as A } from "./Chart.utils.js";
+const X = (g) => {
   const {
-    data: l,
-    height: x = a.DEFAULT_HEIGHT,
-    showLabels: S = !0,
-    showValues: C = !1,
+    data: s,
+    height: x = e.DEFAULT_HEIGHT,
+    showLabels: C = !0,
+    showValues: S = !1,
     animated: I = !0,
+    motion: N,
     color: c,
     className: h,
-    id: N,
-    testId: E,
-    ...p
-  } = g, U = $("RadarChart"), T = O(N, U), d = l.length, _ = { "--Bear-Chart-height": `${x}px` };
+    id: U,
+    testId: R,
+    ...E
+  } = g, B = F("RadarChart"), p = $(U, B), d = s.length, T = { "--Bear-Chart-height": `${x}px` };
   if (d === m)
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ l(
       "div",
       {
-        id: T,
-        "data-testid": E,
-        className: A("Bear-Chart Bear-Chart--radar Bear-Chart--empty", h),
-        style: _,
-        ...p
+        id: p,
+        "data-testid": R,
+        className: f("Bear-Chart Bear-Chart--radar Bear-Chart--empty", h),
+        style: T,
+        ...E
       }
     );
-  const B = Math.max(...l.map((e) => e.value), f), n = a.FULL_SWEEP / d, u = l.map((e, r) => {
-    const t = a.DEFAULT_START_ANGLE + r * n, o = e.value / B * a.OUTER_RADIUS;
+  const D = Math.max(...s.map((a) => a.value), y), n = e.FULL_SWEEP / d, _ = s.map((a, r) => {
+    const t = e.DEFAULT_START_ANGLE + r * n, o = a.value / D * e.OUTER_RADIUS;
     return i(t, o);
-  }), D = u.map((e) => `${e.x},${e.y}`).join(" "), L = Array.from({ length: a.RADAR_RINGS }, (e, r) => {
-    const t = (r + f) / a.RADAR_RINGS * a.OUTER_RADIUS;
-    return Array.from({ length: d }, (o, b) => {
-      const v = a.DEFAULT_START_ANGLE + b * n;
-      return i(v, t);
+  }), L = _.map((a) => `${a.x},${a.y}`).join(" "), b = Array.from({ length: e.RADAR_RINGS }, (a, r) => {
+    const t = (r + y) / e.RADAR_RINGS * e.OUTER_RADIUS;
+    return Array.from({ length: d }, (o, v) => {
+      const O = e.DEFAULT_START_ANGLE + v * n;
+      return i(O, t);
     });
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "div",
     {
-      id: T,
-      "data-testid": E,
-      className: A("Bear-Chart Bear-Chart--radar", h),
-      style: _,
-      ...p,
-      children: /* @__PURE__ */ y("svg", { viewBox: `0 0 ${a.VIEWBOX} ${a.VIEWBOX}`, className: "Bear-Chart__svg", children: [
-        L.map((e, r) => /* @__PURE__ */ s(
+      id: p,
+      "data-testid": R,
+      className: f("Bear-Chart Bear-Chart--radar", h),
+      style: T,
+      ...E,
+      children: /* @__PURE__ */ u("svg", { viewBox: `0 0 ${e.VIEWBOX} ${e.VIEWBOX}`, className: "Bear-Chart__svg", children: [
+        b.map((a, r) => /* @__PURE__ */ l(
           "polygon",
           {
-            points: e.map((t) => `${t.x},${t.y}`).join(" "),
+            points: a.map((t) => `${t.x},${t.y}`).join(" "),
             fill: "none",
             stroke: "var(--bear-border-default, #e5e5e5)",
             strokeWidth: 0.4
           },
           r
         )),
-        l.map((e, r) => {
-          const t = a.DEFAULT_START_ANGLE + r * n, o = i(t, a.OUTER_RADIUS);
-          return /* @__PURE__ */ s(
+        s.map((a, r) => {
+          const t = e.DEFAULT_START_ANGLE + r * n, o = i(t, e.OUTER_RADIUS);
+          return /* @__PURE__ */ l(
             "line",
             {
-              x1: a.CENTER,
-              y1: a.CENTER,
+              x1: e.CENTER,
+              y1: e.CENTER,
               x2: o.x,
               y2: o.y,
               stroke: "var(--bear-border-default, #e5e5e5)",
               strokeWidth: 0.4
             },
-            e.label
+            a.label
           );
         }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ l(
           "polygon",
           {
-            points: D,
-            fill: R(m, c),
+            points: L,
+            fill: A(m, c),
             fillOpacity: 0.25,
-            stroke: R(m, c),
+            stroke: A(m, c),
             strokeWidth: 0.8,
-            className: A(I && "animate-scale-in")
+            className: G(I, N, "animate-scale-in")
           }
         ),
-        u.map((e, r) => /* @__PURE__ */ s(
+        _.map((a, r) => /* @__PURE__ */ l(
           "circle",
           {
-            cx: e.x,
-            cy: e.y,
-            r: a.DOT_RADIUS,
-            fill: R(r, l[r].color || c)
+            cx: a.x,
+            cy: a.y,
+            r: e.DOT_RADIUS,
+            fill: A(r, s[r].color || c)
           },
-          l[r].label
+          s[r].label
         )),
-        S && l.map((e, r) => {
-          const t = a.DEFAULT_START_ANGLE + r * n, o = i(t, a.OUTER_RADIUS + a.RADAR_LABEL_OFFSET);
-          return /* @__PURE__ */ y(
+        C && s.map((a, r) => {
+          const t = e.DEFAULT_START_ANGLE + r * n, o = i(t, e.OUTER_RADIUS + e.RADAR_LABEL_OFFSET);
+          return /* @__PURE__ */ u(
             "text",
             {
               x: o.x,
@@ -107,11 +108,11 @@ const P = (g) => {
               className: "bear-fill-[var(--bear-text-secondary)]",
               fontSize: 4,
               children: [
-                e.label,
-                C ? ` ${e.value}` : ""
+                a.label,
+                S ? ` ${a.value}` : ""
               ]
             },
-            `${e.label}-label`
+            `${a.label}-label`
           );
         })
       ] })
@@ -119,5 +120,5 @@ const P = (g) => {
   );
 };
 export {
-  P as RadarChart
+  X as RadarChart
 };

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

@@ -4,4 +4,4 @@ export { LineChart } from './LineChart';
 export { PieChart } from './PieChart';
 export { RadarChart } from './RadarChart';
 export { FunnelChart } from './FunnelChart';
-export type { ChartProps, BarChartProps, LineChartProps, PieChartProps, RadarChartProps, FunnelChartProps, ChartDataPoint, ChartType, PieView, ChartLegendPosition, } from './Chart.types';
+export type { ChartProps, BarChartProps, LineChartProps, PieChartProps, RadarChartProps, FunnelChartProps, ChartDataPoint, ChartType, ChartMotion, PieView, ChartLegendPosition, } from './Chart.types';

package/dist/components/ChipGroup/ChipGroup.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),e=require("./ChipGroup.const.cjs"),n=require("../../utils/cn.cjs"),b=require("../../utils/generateBearId.utils.cjs"),h=require("../../utils/useBearId.cjs"),v=S=>{const{id:C,testId:m,children:O,max:l,size:P="md",spacing:p="md",overflowMenu:i=!1,onDeleteAll:_,deleteAllLabel:I=e.CHIP_GROUP_DEFAULT_DELETE_ALL_LABEL,className:A,...R}=S,E=h.useBearId("ChipGroup"),L=b.resolveBearId(C,E),[a,c]=s.useState(!1),o=s.Children.toArray(O).filter(s.isValidElement).map(t=>s.isValidElement(t)?s.cloneElement(t,{size:t.props.size??P}):t),G=typeof l=="number"?o.slice(0,l):o,d=typeof l=="number"?o.slice(l):[],u=d.length;return r.jsxs("div",{...R,id:L,"data-testid":m,className:n.cn(e.CHIP_GROUP_ROOT_CLASS,e.CHIP_GROUP_BASE_CLASSES,e.CHIP_GROUP_SPACING_CLASSES[p],A),children:[G,u>0&&r.jsxs("div",{className:`${e.CHIP_GROUP_ROOT_CLASS}__overflow-wrap bear-relative`,children:[r.jsxs("button",{type:"button",className:n.cn(`${e.CHIP_GROUP_ROOT_CLASS}__overflow`,e.CHIP_GROUP_OVERFLOW_CLASSES),onClick:()=>i&&c(t=>!t),"aria-expanded":i?a:void 0,"aria-haspopup":i?"menu":void 0,children:["+",u]}),i&&a&&r.jsxs("div",{role:"menu",className:n.cn(`${e.CHIP_GROUP_ROOT_CLASS}__menu`,e.CHIP_GROUP_MENU_CLASSES),children:[d.map((t,U)=>r.jsx("div",{role:"menuitem",className:n.cn(`${e.CHIP_GROUP_ROOT_CLASS}__menu-item`,e.CHIP_GROUP_MENU_ITEM_CLASSES),children:t},`overflow-${U}`)),_&&r.jsx("button",{type:"button",role:"menuitem",className:n.cn(`${e.CHIP_GROUP_ROOT_CLASS}__delete-all`,e.CHIP_GROUP_MENU_ITEM_CLASSES,"bear-text-red-600 dark:bear-text-red-400 bear-w-full bear-text-left"),onClick:()=>{_(),c(!1)},children:I})]})]})]})};exports.ChipGroup=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),e=require("./ChipGroup.const.cjs"),n=require("../../utils/cn.cjs"),T=require("../../utils/generateBearId.utils.cjs"),h=require("../../utils/useBearId.cjs"),M=require("../../context/BearProvider.cjs");require("../../context/defaultTheme.cjs");const l=require("../../constants/generals.const.cjs"),x=O=>{const{id:P,testId:m,children:I,max:i,size:p="md",spacing:A="md",overflowMenu:_=!1,onDeleteAll:c,deleteAllLabel:E=e.CHIP_GROUP_DEFAULT_DELETE_ALL_LABEL,className:R,...L}=O,{density:G}=M.useBearDensityOptional(),o=G===l.DENSITY_COMPACT,U=o?l.SIZE_SM:A,f=o?l.SIZE_SM:p,v=h.useBearId(e.COMPONENT_NAME_CHIP_GROUP),b=T.resolveBearId(P,v),[d,S]=r.useState(!1),a=r.Children.toArray(I).filter(r.isValidElement).map(t=>r.isValidElement(t)?r.cloneElement(t,{size:t.props.size??f}):t),H=typeof i=="number"?a.slice(0,i):a,C=typeof i=="number"?a.slice(i):[],u=C.length;return s.jsxs("div",{...L,id:b,"data-testid":m,className:n.cn(e.CHIP_GROUP_ROOT_CLASS,e.CHIP_GROUP_BASE_CLASSES,e.CHIP_GROUP_SPACING_CLASSES[U],o&&e.CHIP_GROUP_COMPACT_CLASS,R),children:[H,u>0&&s.jsxs("div",{className:`${e.CHIP_GROUP_ROOT_CLASS}__overflow-wrap bear-relative`,children:[s.jsxs("button",{type:"button",className:n.cn(`${e.CHIP_GROUP_ROOT_CLASS}__overflow`,e.CHIP_GROUP_OVERFLOW_CLASSES),onClick:()=>_&&S(t=>!t),"aria-expanded":_?d:void 0,"aria-haspopup":_?"menu":void 0,children:["+",u]}),_&&d&&s.jsxs("div",{role:"menu",className:n.cn(`${e.CHIP_GROUP_ROOT_CLASS}__menu`,e.CHIP_GROUP_MENU_CLASSES),children:[C.map((t,N)=>s.jsx("div",{role:"menuitem",className:n.cn(`${e.CHIP_GROUP_ROOT_CLASS}__menu-item`,e.CHIP_GROUP_MENU_ITEM_CLASSES),children:t},`overflow-${N}`)),c&&s.jsx("button",{type:"button",role:"menuitem",className:n.cn(`${e.CHIP_GROUP_ROOT_CLASS}__delete-all`,e.CHIP_GROUP_MENU_ITEM_CLASSES,"bear-text-red-600 dark:bear-text-red-400 bear-w-full bear-text-left"),onClick:()=>{c(),S(!1)},children:E})]})]})]})};exports.ChipGroup=x;

package/dist/components/ChipGroup/ChipGroup.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-ChipGroup",r="bear-inline-flex bear-flex-wrap bear-items-center",a={sm:"bear-gap-1",md:"bear-gap-2",lg:"bear-gap-3"},b="bear-inline-flex bear-items-center bear-justify-center bear-h-8 bear-min-w-8 bear-px-2 bear-rounded-full bear-text-sm bear-font-medium bear-bg-gray-200 bear-text-gray-700 dark:bear-bg-zinc-700 dark:bear-text-zinc-200 bear-border-none bear-cursor-pointer",_="Delete all",S="bear-absolute bear-z-20 bear-top-full bear-left-0 bear-mt-1 bear-min-w-[10rem] bear-rounded-lg bear-border bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-primary)] bear-shadow-lg bear-p-2 bear-flex bear-flex-col bear-gap-2",t="bear-text-sm";exports.CHIP_GROUP_BASE_CLASSES=r;exports.CHIP_GROUP_DEFAULT_DELETE_ALL_LABEL=_;exports.CHIP_GROUP_MENU_CLASSES=S;exports.CHIP_GROUP_MENU_ITEM_CLASSES=t;exports.CHIP_GROUP_OVERFLOW_CLASSES=b;exports.CHIP_GROUP_ROOT_CLASS=e;exports.CHIP_GROUP_SPACING_CLASSES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-ChipGroup",r="bear-inline-flex bear-flex-wrap bear-items-center",a={sm:"bear-gap-1",md:"bear-gap-2",lg:"bear-gap-3"},_="bear-inline-flex bear-items-center bear-justify-center bear-h-8 bear-min-w-8 bear-px-2 bear-rounded-full bear-text-sm bear-font-medium bear-bg-gray-200 bear-text-gray-700 dark:bear-bg-zinc-700 dark:bear-text-zinc-200 bear-border-none bear-cursor-pointer",b="Delete all",S="bear-absolute bear-z-20 bear-top-full bear-left-0 bear-mt-1 bear-min-w-[10rem] bear-rounded-lg bear-border bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-primary)] bear-shadow-lg bear-p-2 bear-flex bear-flex-col bear-gap-2",C="bear-text-sm",P="ChipGroup",t="Bear-ChipGroup--compact";exports.CHIP_GROUP_BASE_CLASSES=r;exports.CHIP_GROUP_COMPACT_CLASS=t;exports.CHIP_GROUP_DEFAULT_DELETE_ALL_LABEL=b;exports.CHIP_GROUP_MENU_CLASSES=S;exports.CHIP_GROUP_MENU_ITEM_CLASSES=C;exports.CHIP_GROUP_OVERFLOW_CLASSES=_;exports.CHIP_GROUP_ROOT_CLASS=e;exports.CHIP_GROUP_SPACING_CLASSES=a;exports.COMPONENT_NAME_CHIP_GROUP=P;

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

@@ -9,3 +9,5 @@ export declare const CHIP_GROUP_OVERFLOW_CLASSES = "bear-inline-flex bear-items-
 export declare const CHIP_GROUP_DEFAULT_DELETE_ALL_LABEL = "Delete all";
 export declare const CHIP_GROUP_MENU_CLASSES = "bear-absolute bear-z-20 bear-top-full bear-left-0 bear-mt-1 bear-min-w-[10rem] bear-rounded-lg bear-border bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-primary)] bear-shadow-lg bear-p-2 bear-flex bear-flex-col bear-gap-2";
 export declare const CHIP_GROUP_MENU_ITEM_CLASSES = "bear-text-sm";
+export declare const COMPONENT_NAME_CHIP_GROUP = "ChipGroup";
+export declare const CHIP_GROUP_COMPACT_CLASS = "Bear-ChipGroup--compact";

package/dist/components/ChipGroup/ChipGroup.const.js

@@ -2,13 +2,15 @@ const e = "Bear-ChipGroup", r = "bear-inline-flex bear-flex-wrap bear-items-cent
   sm: "bear-gap-1",
   md: "bear-gap-2",
   lg: "bear-gap-3"
-}, b = "bear-inline-flex bear-items-center bear-justify-center bear-h-8 bear-min-w-8 bear-px-2 bear-rounded-full bear-text-sm bear-font-medium bear-bg-gray-200 bear-text-gray-700 dark:bear-bg-zinc-700 dark:bear-text-zinc-200 bear-border-none bear-cursor-pointer", t = "Delete all", n = "bear-absolute bear-z-20 bear-top-full bear-left-0 bear-mt-1 bear-min-w-[10rem] bear-rounded-lg bear-border bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-primary)] bear-shadow-lg bear-p-2 bear-flex bear-flex-col bear-gap-2", _ = "bear-text-sm";
+}, b = "bear-inline-flex bear-items-center bear-justify-center bear-h-8 bear-min-w-8 bear-px-2 bear-rounded-full bear-text-sm bear-font-medium bear-bg-gray-200 bear-text-gray-700 dark:bear-bg-zinc-700 dark:bear-text-zinc-200 bear-border-none bear-cursor-pointer", t = "Delete all", _ = "bear-absolute bear-z-20 bear-top-full bear-left-0 bear-mt-1 bear-min-w-[10rem] bear-rounded-lg bear-border bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-primary)] bear-shadow-lg bear-p-2 bear-flex bear-flex-col bear-gap-2", o = "bear-text-sm", n = "ChipGroup", C = "Bear-ChipGroup--compact";
 export {
   r as CHIP_GROUP_BASE_CLASSES,
+  C as CHIP_GROUP_COMPACT_CLASS,
   t as CHIP_GROUP_DEFAULT_DELETE_ALL_LABEL,
-  n as CHIP_GROUP_MENU_CLASSES,
-  _ as CHIP_GROUP_MENU_ITEM_CLASSES,
+  _ as CHIP_GROUP_MENU_CLASSES,
+  o as CHIP_GROUP_MENU_ITEM_CLASSES,
   b as CHIP_GROUP_OVERFLOW_CLASSES,
   e as CHIP_GROUP_ROOT_CLASS,
-  a as CHIP_GROUP_SPACING_CLASSES
+  a as CHIP_GROUP_SPACING_CLASSES,
+  n as COMPONENT_NAME_CHIP_GROUP
 };

package/dist/components/ChipGroup/ChipGroup.js

@@ -1,83 +1,87 @@
-import { jsxs as n, jsx as c } from "react/jsx-runtime";
-import { useState as N, Children as U, isValidElement as p, cloneElement as R } from "react";
-import { CHIP_GROUP_DEFAULT_DELETE_ALL_LABEL as x, CHIP_GROUP_ROOT_CLASS as r, CHIP_GROUP_OVERFLOW_CLASSES as w, CHIP_GROUP_MENU_ITEM_CLASSES as u, CHIP_GROUP_MENU_CLASSES as y, CHIP_GROUP_SPACING_CLASSES as H, CHIP_GROUP_BASE_CLASSES as $ } from "./ChipGroup.const.js";
-import { cn as t } from "../../utils/cn.js";
-import { resolveBearId as M } from "../../utils/generateBearId.utils.js";
-import { useBearId as z } from "../../utils/useBearId.js";
-const V = (C) => {
+import { jsxs as i, jsx as p } from "react/jsx-runtime";
+import { useState as H, Children as x, isValidElement as C, cloneElement as T } from "react";
+import { CHIP_GROUP_DEFAULT_DELETE_ALL_LABEL as w, COMPONENT_NAME_CHIP_GROUP as $, CHIP_GROUP_ROOT_CLASS as t, CHIP_GROUP_OVERFLOW_CLASSES as z, CHIP_GROUP_MENU_ITEM_CLASSES as S, CHIP_GROUP_MENU_CLASSES as B, CHIP_GROUP_COMPACT_CLASS as D, CHIP_GROUP_SPACING_CLASSES as g, CHIP_GROUP_BASE_CLASSES as k } from "./ChipGroup.const.js";
+import { cn as r } from "../../utils/cn.js";
+import { resolveBearId as j } from "../../utils/generateBearId.utils.js";
+import { useBearId as F } from "../../utils/useBearId.js";
+import { useBearDensityOptional as V } from "../../context/BearProvider.js";
+import "../../context/defaultTheme.js";
+import { SIZE_SM as f, DENSITY_COMPACT as W } from "../../constants/generals.const.js";
+const oe = (u) => {
   const {
-    id: S,
-    testId: f,
-    children: E,
+    id: P,
+    testId: E,
+    children: A,
     max: o,
-    size: A = "md",
-    spacing: P = "md",
-    overflowMenu: l = !1,
+    size: O = "md",
+    spacing: I = "md",
+    overflowMenu: n = !1,
     onDeleteAll: a,
-    deleteAllLabel: v = x,
-    className: I,
-    ...L
-  } = C, b = z("ChipGroup"), h = M(S, b), [i, m] = N(!1), s = U.toArray(E).filter(p).map(
-    (e) => p(e) ? R(e, {
-      size: e.props.size ?? A
+    deleteAllLabel: v = w,
+    className: L,
+    ...N
+  } = u, { density: b } = V(), s = b === W, h = s ? f : I, U = s ? f : O, G = F($), R = j(P, G), [m, _] = H(!1), l = x.toArray(A).filter(C).map(
+    (e) => C(e) ? T(e, {
+      size: e.props.size ?? U
     }) : e
-  ), O = typeof o == "number" ? s.slice(0, o) : s, d = typeof o == "number" ? s.slice(o) : [], _ = d.length;
-  return /* @__PURE__ */ n(
+  ), M = typeof o == "number" ? l.slice(0, o) : l, d = typeof o == "number" ? l.slice(o) : [], c = d.length;
+  return /* @__PURE__ */ i(
     "div",
     {
-      ...L,
-      id: h,
-      "data-testid": f,
-      className: t(
-        r,
-        $,
-        H[P],
-        I
+      ...N,
+      id: R,
+      "data-testid": E,
+      className: r(
+        t,
+        k,
+        g[h],
+        s && D,
+        L
       ),
       children: [
-        O,
-        _ > 0 && /* @__PURE__ */ n("div", { className: `${r}__overflow-wrap bear-relative`, children: [
-          /* @__PURE__ */ n(
+        M,
+        c > 0 && /* @__PURE__ */ i("div", { className: `${t}__overflow-wrap bear-relative`, children: [
+          /* @__PURE__ */ i(
             "button",
             {
               type: "button",
-              className: t(`${r}__overflow`, w),
-              onClick: () => l && m((e) => !e),
-              "aria-expanded": l ? i : void 0,
-              "aria-haspopup": l ? "menu" : void 0,
+              className: r(`${t}__overflow`, z),
+              onClick: () => n && _((e) => !e),
+              "aria-expanded": n ? m : void 0,
+              "aria-haspopup": n ? "menu" : void 0,
               children: [
                 "+",
-                _
+                c
               ]
             }
           ),
-          l && i && /* @__PURE__ */ n(
+          n && m && /* @__PURE__ */ i(
             "div",
             {
               role: "menu",
-              className: t(`${r}__menu`, y),
+              className: r(`${t}__menu`, B),
               children: [
-                d.map((e, G) => /* @__PURE__ */ c(
+                d.map((e, y) => /* @__PURE__ */ p(
                   "div",
                   {
                     role: "menuitem",
-                    className: t(`${r}__menu-item`, u),
+                    className: r(`${t}__menu-item`, S),
                     children: e
                   },
-                  `overflow-${G}`
+                  `overflow-${y}`
                 )),
-                a && /* @__PURE__ */ c(
+                a && /* @__PURE__ */ p(
                   "button",
                   {
                     type: "button",
                     role: "menuitem",
-                    className: t(
-                      `${r}__delete-all`,
-                      u,
+                    className: r(
+                      `${t}__delete-all`,
+                      S,
                       "bear-text-red-600 dark:bear-text-red-400 bear-w-full bear-text-left"
                     ),
                     onClick: () => {
-                      a(), m(!1);
+                      a(), _(!1);
                     },
                     children: v
                   }
@@ -91,5 +95,5 @@ const V = (C) => {
   );
 };
 export {
-  V as ChipGroup
+  oe as ChipGroup
 };

package/dist/components/CommandPalette/CommandItem.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../utils/cn.cjs");require("react");const n=require("./CommandPalette.utils.cjs"),l=({command:e,isHighlighted:a,onSelect:t})=>r.jsxs("button",{type:"button",onClick:t,disabled:e.disabled,className:s.cn("Bear-CommandPalette__item bear-w-full bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-2.5 bear-text-left bear-transition-colors",a?"bear-bg-primary-500/20 bear-text-primary-400":"bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),children:[e.icon&&r.jsx("span",{className:"Bear-CommandPalette__item-icon bear-text-gray-500 dark:bear-text-zinc-400 bear-shrink-0",children:e.icon}),r.jsxs("div",{className:"Bear-CommandPalette__item-content bear-flex-1 bear-min-w-0",children:[r.jsx("div",{className:"Bear-CommandPalette__item-label bear-text-sm bear-font-medium bear-truncate",children:e.label}),e.description&&r.jsx("div",{className:"Bear-CommandPalette__item-description bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500 bear-truncate",children:e.description})]}),e.shortcut&&r.jsx("div",{className:"Bear-CommandPalette__item-shortcut bear-flex bear-gap-1 bear-shrink-0",children:n.formatShortcut(e.shortcut).map((b,i)=>r.jsx("kbd",{className:"bear-px-1.5 bear-py-0.5 bear-text-xs bear-font-mono bear-bg-gray-200 bear-text-gray-600 dark:bear-bg-zinc-700 dark:bear-text-zinc-400 bear-rounded",children:b},i))})]});exports.CommandItem=l;

package/dist/components/CommandPalette/CommandItem.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { CommandItemComponentProps } from './CommandPalette.types';
+/**
+ * CommandItem - Single command item within CommandPalette
+ */
+export declare const CommandItem: FC<CommandItemComponentProps>;

package/dist/components/CommandPalette/CommandItem.js

@@ -0,0 +1,39 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { cn as l } from "../../utils/cn.js";
+import "react";
+import { formatShortcut as o } from "./CommandPalette.utils.js";
+const x = ({
+  command: e,
+  isHighlighted: t,
+  onSelect: b
+}) => /* @__PURE__ */ a(
+  "button",
+  {
+    type: "button",
+    onClick: b,
+    disabled: e.disabled,
+    className: l(
+      "Bear-CommandPalette__item bear-w-full bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-2.5 bear-text-left bear-transition-colors",
+      t ? "bear-bg-primary-500/20 bear-text-primary-400" : "bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700",
+      e.disabled && "bear-opacity-50 bear-cursor-not-allowed"
+    ),
+    children: [
+      e.icon && /* @__PURE__ */ r("span", { className: "Bear-CommandPalette__item-icon bear-text-gray-500 dark:bear-text-zinc-400 bear-shrink-0", children: e.icon }),
+      /* @__PURE__ */ a("div", { className: "Bear-CommandPalette__item-content bear-flex-1 bear-min-w-0", children: [
+        /* @__PURE__ */ r("div", { className: "Bear-CommandPalette__item-label bear-text-sm bear-font-medium bear-truncate", children: e.label }),
+        e.description && /* @__PURE__ */ r("div", { className: "Bear-CommandPalette__item-description bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500 bear-truncate", children: e.description })
+      ] }),
+      e.shortcut && /* @__PURE__ */ r("div", { className: "Bear-CommandPalette__item-shortcut bear-flex bear-gap-1 bear-shrink-0", children: o(e.shortcut).map((i, n) => /* @__PURE__ */ r(
+        "kbd",
+        {
+          className: "bear-px-1.5 bear-py-0.5 bear-text-xs bear-font-mono bear-bg-gray-200 bear-text-gray-600 dark:bear-bg-zinc-700 dark:bear-text-zinc-400 bear-rounded",
+          children: i
+        },
+        n
+      )) })
+    ]
+  }
+);
+export {
+  x as CommandItem
+};

package/dist/components/CommandPalette/CommandPalette.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),Q=require("react-dom"),L=require("../../utils/cn.cjs"),v=require("./CommandPalette.const.cjs"),E=require("./CommandPalette.utils.cjs"),z=({command:s,isHighlighted:j,onSelect:m})=>r.jsxs("button",{type:"button",onClick:m,disabled:s.disabled,className:L.cn("Bear-CommandPalette__item bear-w-full bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-2.5 bear-text-left bear-transition-colors",j?"bear-bg-primary-500/20 bear-text-primary-400":"bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700",s.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),children:[s.icon&&r.jsx("span",{className:"Bear-CommandPalette__item-icon bear-text-gray-500 dark:bear-text-zinc-400 bear-shrink-0",children:s.icon}),r.jsxs("div",{className:"Bear-CommandPalette__item-content bear-flex-1 bear-min-w-0",children:[r.jsx("div",{className:"Bear-CommandPalette__item-label bear-text-sm bear-font-medium bear-truncate",children:s.label}),s.description&&r.jsx("div",{className:"Bear-CommandPalette__item-description bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500 bear-truncate",children:s.description})]}),s.shortcut&&r.jsx("div",{className:"Bear-CommandPalette__item-shortcut bear-flex bear-gap-1 bear-shrink-0",children:E.formatShortcut(s.shortcut).map((C,f)=>r.jsx("kbd",{className:"bear-px-1.5 bear-py-0.5 bear-text-xs bear-font-mono bear-bg-gray-200 bear-text-gray-600 dark:bear-bg-zinc-700 dark:bear-text-zinc-400 bear-rounded",children:C},f))})]}),V=({commands:s,open:j,onOpenChange:m,placeholder:C,showRecent:f=!0,maxRecent:h=v.COMMAND_PALETTE_MAX_RECENT,recentIds:q,onRecentChange:g,groupByCategory:N=!1,filterFn:B=E.defaultFilterFn,triggerKey:D=v.COMMAND_PALETTE_TRIGGER_KEY,className:O,testId:R,translations:I,icon:K,footer:M})=>{const[H,F]=t.useState(!1),[l,A]=t.useState(""),[n,k]=t.useState(0),[G,U]=t.useState([]),S=t.useRef(null),P=t.useRef(null),u=j??H,i=t.useCallback(e=>{m==null||m(e),F(e)},[m]),b=q??G,T=t.useCallback(e=>{g==null||g(e),U(e)},[g]),y=t.useMemo(()=>({...v.COMMAND_PALETTE_DEFAULT_TRANSLATIONS,...I}),[I]),x=t.useMemo(()=>l.trim()?s.filter(e=>B(e,l)):s,[s,l,B]),d=t.useMemo(()=>!f||l.trim()?[]:b.slice(0,h).map(e=>s.find(a=>a.id===e)).filter(Boolean),[f,l,b,h,s]),_=t.useMemo(()=>N?E.groupCommandsByCategory(x):null,[x,N]),c=t.useMemo(()=>{const e=[];return d.length>0&&e.push(...d),e.push(...x.filter(a=>!b.includes(a.id))),e},[d,x,b]);t.useEffect(()=>{const e=a=>{(a.metaKey||a.ctrlKey)&&a.key.toLowerCase()===D&&(a.preventDefault(),i(!u)),a.key==="Escape"&&u&&(a.preventDefault(),i(!1))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[u,D,i]),t.useEffect(()=>{u&&(A(""),k(0),setTimeout(()=>{var e;return(e=S.current)==null?void 0:e.focus()},50))},[u]),t.useEffect(()=>{if(n>=0&&P.current){const a=P.current.querySelectorAll("[data-command-item]")[n];a&&a.scrollIntoView({block:"nearest"})}},[n]);const p=t.useCallback(e=>{const a=[e.id,...b.filter(o=>o!==e.id)].slice(0,h);T(a),i(!1),e.onSelect()},[b,h,T,i]),X=t.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),k(a=>a<c.length-1?a+1:0);break;case"ArrowUp":e.preventDefault(),k(a=>a>0?a-1:c.length-1);break;case"Enter":e.preventDefault(),c[n]&&!c[n].disabled&&p(c[n]);break;case"Escape":e.preventDefault(),i(!1);break}},[c,n,p,i]);return u&&typeof document<"u"?Q.createPortal(r.jsxs("div",{className:L.cn("Bear-CommandPalette bear-fixed bear-inset-0 bear-flex bear-items-start bear-justify-center bear-pt-[15vh]",O),style:{zIndex:v.COMMAND_PALETTE_Z_INDEX},"data-testid":R,children:[r.jsx("div",{className:"Bear-CommandPalette__backdrop bear-absolute bear-inset-0 bear-bg-black/50 bear-backdrop-blur-sm",onClick:()=>i(!1)}),r.jsxs("div",{className:"Bear-CommandPalette__content bear-relative bear-w-full bear-max-w-xl bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-xl bear-shadow-2xl bear-overflow-hidden",children:[r.jsxs("div",{className:"Bear-CommandPalette__search bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-3 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700",children:[K??r.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-gray-500 dark:bear-text-zinc-400 bear-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})}),r.jsx("input",{ref:S,type:"text",value:l,onChange:e=>{A(e.target.value),k(0)},onKeyDown:X,placeholder:C||y.placeholder,className:"Bear-CommandPalette__input bear-flex-1 bear-bg-transparent bear-border-0 bear-outline-none bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-400 dark:placeholder:bear-text-zinc-500"}),r.jsx("kbd",{className:"bear-px-2 bear-py-1 bear-text-xs bear-font-mono bear-bg-gray-200 bear-text-gray-600 dark:bear-bg-zinc-700 dark:bear-text-zinc-400 bear-rounded",children:"esc"})]}),r.jsx("div",{ref:P,className:"Bear-CommandPalette__list bear-max-h-[60vh] bear-overflow-y-auto",children:c.length===0?r.jsx("div",{className:"Bear-CommandPalette__empty bear-px-4 bear-py-8 bear-text-center bear-text-sm bear-text-gray-500 dark:bear-text-zinc-500",children:y.noResults}):r.jsxs(r.Fragment,{children:[d.length>0&&!l.trim()&&r.jsxs("div",{className:"Bear-CommandPalette__group",children:[r.jsx("div",{className:"Bear-CommandPalette__group-header bear-px-4 bear-py-2 bear-text-xs bear-font-medium bear-text-gray-500 dark:bear-text-zinc-500 bear-uppercase bear-tracking-wider bear-bg-gray-50 dark:bear-bg-zinc-800/50",children:y.recentCommands}),d.map((e,a)=>r.jsx("div",{"data-command-item":!0,children:r.jsx(z,{command:e,isHighlighted:n===a,onSelect:()=>p(e)})},`recent-${e.id}`))]}),N&&_?_.map(e=>{const a=d.length+_.slice(0,_.indexOf(e)).reduce((o,w)=>o+w.commands.length,0);return r.jsxs("div",{className:"Bear-CommandPalette__group",children:[r.jsx("div",{className:"Bear-CommandPalette__group-header bear-px-4 bear-py-2 bear-text-xs bear-font-medium bear-text-gray-500 dark:bear-text-zinc-500 bear-uppercase bear-tracking-wider bear-bg-gray-50 dark:bear-bg-zinc-800/50",children:e.name}),e.commands.map((o,w)=>r.jsx("div",{"data-command-item":!0,children:r.jsx(z,{command:o,isHighlighted:n===a+w,onSelect:()=>p(o)})},o.id))]},e.name)}):r.jsxs("div",{className:"Bear-CommandPalette__group",children:[!l.trim()&&d.length>0&&r.jsx("div",{className:"Bear-CommandPalette__group-header bear-px-4 bear-py-2 bear-text-xs bear-font-medium bear-text-gray-500 dark:bear-text-zinc-500 bear-uppercase bear-tracking-wider bear-bg-gray-50 dark:bear-bg-zinc-800/50",children:y.allCommands}),x.filter(e=>!b.includes(e.id)||l.trim()).map((e,a)=>r.jsx("div",{"data-command-item":!0,children:r.jsx(z,{command:e,isHighlighted:n===d.length+a,onSelect:()=>p(e)})},e.id))]})]})}),M&&r.jsx("div",{className:"Bear-CommandPalette__footer bear-px-4 bear-py-2 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700 bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500",children:M})]})]}),document.body):null};exports.CommandPalette=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),Q=require("react-dom"),V=require("../../utils/cn.cjs"),W=require("../../hooks/useFocusTrap/useFocusTrap.cjs"),_=require("./CommandPalette.const.cjs"),B=require("./CommandPalette.utils.cjs"),P=require("./CommandItem.cjs"),Y=({commands:m,open:S,onOpenChange:f,placeholder:L,showRecent:w=!0,maxRecent:p=_.COMMAND_PALETTE_MAX_RECENT,recentIds:q,onRecentChange:h,groupByCategory:v=!1,filterFn:E=B.defaultFilterFn,triggerKey:I=_.COMMAND_PALETTE_TRIGGER_KEY,className:R,testId:F,translations:z,icon:O,footer:D})=>{const[K,H]=t.useState(!1),[n,T]=t.useState(""),[s,g]=t.useState(0),[G,U]=t.useState([]),C=t.useRef(null),j=t.useRef(null),M=t.useRef(null),i=S??K,l=t.useCallback(e=>{f==null||f(e),H(e)},[f]);W.useFocusTrap(M,{enabled:i,initialFocusRef:C,onEscape:()=>l(!1)});const c=q??G,A=t.useCallback(e=>{h==null||h(e),U(e)},[h]),k=t.useMemo(()=>({..._.COMMAND_PALETTE_DEFAULT_TRANSLATIONS,...z}),[z]),u=t.useMemo(()=>n.trim()?m.filter(e=>E(e,n)):m,[m,n,E]),d=t.useMemo(()=>!w||n.trim()?[]:c.slice(0,p).map(e=>m.find(r=>r.id===e)).filter(Boolean),[w,n,c,p,m]),y=t.useMemo(()=>v?B.groupCommandsByCategory(u):null,[u,v]),o=t.useMemo(()=>{const e=[];return d.length>0&&e.push(...d),e.push(...u.filter(r=>!c.includes(r.id))),e},[d,u,c]);t.useEffect(()=>{const e=r=>{(r.metaKey||r.ctrlKey)&&r.key.toLowerCase()===I&&(r.preventDefault(),l(!i)),r.key==="Escape"&&i&&(r.preventDefault(),l(!1))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,I,l]),t.useEffect(()=>{i&&(T(""),g(0),setTimeout(()=>{var e;return(e=C.current)==null?void 0:e.focus()},50))},[i]),t.useEffect(()=>{if(s>=0&&j.current){const r=j.current.querySelectorAll("[data-command-item]")[s];r&&r.scrollIntoView({block:"nearest"})}},[s]);const x=t.useCallback(e=>{const r=[e.id,...c.filter(b=>b!==e.id)].slice(0,p);A(r),l(!1),e.onSelect()},[c,p,A,l]),X=t.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),g(r=>r<o.length-1?r+1:0);break;case"ArrowUp":e.preventDefault(),g(r=>r>0?r-1:o.length-1);break;case"Enter":e.preventDefault(),o[s]&&!o[s].disabled&&x(o[s]);break;case"Escape":e.preventDefault(),l(!1);break}},[o,s,x,l]);return i&&typeof document<"u"?Q.createPortal(a.jsxs("div",{className:V.cn("Bear-CommandPalette bear-fixed bear-inset-0 bear-flex bear-items-start bear-justify-center bear-pt-[15vh]",R),style:{zIndex:_.COMMAND_PALETTE_Z_INDEX},"data-testid":F,children:[a.jsx("div",{className:"Bear-CommandPalette__backdrop bear-absolute bear-inset-0 bear-bg-black/50 bear-backdrop-blur-sm",onClick:()=>l(!1)}),a.jsxs("div",{ref:M,tabIndex:-1,className:"Bear-CommandPalette__content bear-relative bear-w-full bear-max-w-xl bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-xl bear-shadow-2xl bear-overflow-hidden",children:[a.jsxs("div",{className:"Bear-CommandPalette__search bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-3 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700",children:[O??a.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-gray-500 dark:bear-text-zinc-400 bear-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})}),a.jsx("input",{ref:C,type:"text",value:n,onChange:e=>{T(e.target.value),g(0)},onKeyDown:X,placeholder:L||k.placeholder,className:"Bear-CommandPalette__input bear-flex-1 bear-bg-transparent bear-border-0 bear-outline-none bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-400 dark:placeholder:bear-text-zinc-500"}),a.jsx("kbd",{className:"bear-px-2 bear-py-1 bear-text-xs bear-font-mono bear-bg-gray-200 bear-text-gray-600 dark:bear-bg-zinc-700 dark:bear-text-zinc-400 bear-rounded",children:"esc"})]}),a.jsx("div",{ref:j,className:"Bear-CommandPalette__list bear-max-h-[60vh] bear-overflow-y-auto",children:o.length===0?a.jsx("div",{className:"Bear-CommandPalette__empty bear-px-4 bear-py-8 bear-text-center bear-text-sm bear-text-gray-500 dark:bear-text-zinc-500",children:k.noResults}):a.jsxs(a.Fragment,{children:[d.length>0&&!n.trim()&&a.jsxs("div",{className:"Bear-CommandPalette__group",children:[a.jsx("div",{className:"Bear-CommandPalette__group-header bear-px-4 bear-py-2 bear-text-xs bear-font-medium bear-text-gray-500 dark:bear-text-zinc-500 bear-uppercase bear-tracking-wider bear-bg-gray-50 dark:bear-bg-zinc-800/50",children:k.recentCommands}),d.map((e,r)=>a.jsx("div",{"data-command-item":!0,children:a.jsx(P.CommandItem,{command:e,isHighlighted:s===r,onSelect:()=>x(e)})},`recent-${e.id}`))]}),v&&y?y.map(e=>{const r=d.length+y.slice(0,y.indexOf(e)).reduce((b,N)=>b+N.commands.length,0);return a.jsxs("div",{className:"Bear-CommandPalette__group",children:[a.jsx("div",{className:"Bear-CommandPalette__group-header bear-px-4 bear-py-2 bear-text-xs bear-font-medium bear-text-gray-500 dark:bear-text-zinc-500 bear-uppercase bear-tracking-wider bear-bg-gray-50 dark:bear-bg-zinc-800/50",children:e.name}),e.commands.map((b,N)=>a.jsx("div",{"data-command-item":!0,children:a.jsx(P.CommandItem,{command:b,isHighlighted:s===r+N,onSelect:()=>x(b)})},b.id))]},e.name)}):a.jsxs("div",{className:"Bear-CommandPalette__group",children:[!n.trim()&&d.length>0&&a.jsx("div",{className:"Bear-CommandPalette__group-header bear-px-4 bear-py-2 bear-text-xs bear-font-medium bear-text-gray-500 dark:bear-text-zinc-500 bear-uppercase bear-tracking-wider bear-bg-gray-50 dark:bear-bg-zinc-800/50",children:k.allCommands}),u.filter(e=>!c.includes(e.id)||n.trim()).map((e,r)=>a.jsx("div",{"data-command-item":!0,children:a.jsx(P.CommandItem,{command:e,isHighlighted:s===d.length+r,onSelect:()=>x(e)})},e.id))]})]})}),D&&a.jsx("div",{className:"Bear-CommandPalette__footer bear-px-4 bear-py-2 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700 bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500",children:D})]})]}),document.body):null};exports.CommandPalette=Y;