@forgedevstack/bear 1.2.4 → 1.2.6

package/dist/components/ColorSwatch/ColorSwatch.js

@@ -12,7 +12,7 @@ const N = ({
   onClick: n,
   className: A,
   testId: S,
-  ...E
+  ...f
 }) => {
   const i = u[r], o = G(a), m = Math.max(12, i * 0.4);
   return /* @__PURE__ */ C("div", { className: "bear-inline-flex bear-flex-col bear-items-center", children: [
@@ -32,7 +32,7 @@ const N = ({
         "aria-selected": t,
         "aria-label": l ?? a,
         "data-testid": S,
-        ...E,
+        ...f,
         children: t && /* @__PURE__ */ s("svg", { className: L(o ? x : T), width: m, height: m, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ s("polyline", { points: "20 6 9 17 4 12" }) })
       }
     ),
@@ -47,18 +47,18 @@ const N = ({
   rounded: n = !0,
   gap: A = W,
   columns: S,
-  showLabel: E = !1,
+  showLabel: f = !1,
   className: i,
   testId: o,
   ...m
 }) => {
-  const f = _(() => t ? new Set(Array.isArray(t) ? t : [t]) : /* @__PURE__ */ new Set(), [t]), p = h((e) => {
+  const E = _(() => t ? new Set(Array.isArray(t) ? t : [t]) : /* @__PURE__ */ new Set(), [t]), p = h((e) => {
     if (d) {
-      const c = new Set(f);
+      const c = new Set(E);
       c.has(e) ? c.delete(e) : c.add(e), r == null || r(Array.from(c));
     } else
       r == null || r(e);
-  }, [d, f, r]);
+  }, [d, E, r]);
   return /* @__PURE__ */ s(
     "div",
     {
@@ -75,10 +75,10 @@ const N = ({
         N,
         {
           color: e,
-          selected: f.has(e),
+          selected: E.has(e),
           size: l,
           rounded: n,
-          label: E ? e : void 0,
+          label: f ? e : void 0,
           onClick: () => p(e)
         },
         e

package/dist/components/CommandPalette/CommandPalette.cjs

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

package/dist/components/CommandPalette/CommandPalette.js

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

package/dist/components/DiffSquares/DiffSquares.cjs

@@ -1 +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;
+"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-success-500, #22c55e)",deletionColor:q="var(--bear-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.js

@@ -4,16 +4,16 @@ 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,
+const G = ({
+  additionsText: t,
+  deletionsText: i,
   cubeCount: m = p,
   cubes: r,
-  additionColor: S = "var(--bear-colors-success-500, #22c55e)",
-  deletionColor: _ = "var(--bear-colors-danger-500, #ef4444)",
+  additionColor: S = "var(--bear-success-500, #22c55e)",
+  deletionColor: _ = "var(--bear-danger-500, #ef4444)",
   gap: D = x,
   summaryTypographyProps: n,
-  onCubeClick: i,
+  onCubeClick: s,
   onCubeHover: l,
   className: F,
   testId: E,
@@ -35,9 +35,9 @@ const B = ({
       "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 })
+        (t != null || i != null) && /* @__PURE__ */ h(g, { ...d, children: [
+          t != null && /* @__PURE__ */ e("span", { style: { color: S }, children: t }),
+          i != null && /* @__PURE__ */ e("span", { style: { color: _ }, children: i })
         ] }),
         /* @__PURE__ */ e(
           "span",
@@ -55,7 +55,7 @@ const B = ({
                 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)
+                onClick: () => s == null ? void 0 : s(a, f)
               },
               f
             ))
@@ -66,5 +66,5 @@ const B = ({
   );
 };
 export {
-  B as DiffSquares
+  G as DiffSquares
 };

package/dist/components/Drawer/Drawer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),I=require("react-dom"),v=require("../../utils/cn.cjs"),R=require("../Icon/index.cjs"),r=require("./Drawer.const.cjs"),g=require("./Drawer.utils.cjs"),D=({isOpen:l,onClose:o,title:i,children:S,side:h="right",anchor:k,variant:M="temporary",size:w="md",showCloseButton:c=!0,closeOnBackdrop:y=!0,closeOnEscape:u=!0,className:N,container:_,id:j,testId:p})=>{const n=k??h,[s,m]=t.useState(l),[f,d]=t.useState(!1),[A,x]=t.useState(!1);t.useEffect(()=>{if(l){m(!0),d(!1);const a=requestAnimationFrame(()=>x(!0));return()=>cancelAnimationFrame(a)}if(s){x(!1),d(!0);const a=setTimeout(()=>{m(!1),d(!1)},r.DRAWER_ANIMATION_MS);return()=>clearTimeout(a)}},[l,s]);const b=t.useCallback(a=>{u&&a.key==="Escape"&&o()},[u,o]);if(t.useEffect(()=>{if(s){document.addEventListener("keydown",b);const a=g.lockBodyScroll();return()=>{document.removeEventListener("keydown",b),a()}}return()=>{document.removeEventListener("keydown",b)}},[s,b]),!s)return null;const E=e.jsxs("div",{className:"bear-fixed bear-inset-0 bear-z-[11000]",children:[e.jsx("div",{className:v.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:`${r.DRAWER_ANIMATION_MS}ms`},onClick:y?o:void 0,"aria-hidden":"true"}),e.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":i?"drawer-title":void 0,className:v.cn("bear-absolute bear-bg-white dark:bear-bg-neutral-900 bear-shadow-2xl","bear-border-neutral-200 dark:bear-border-neutral-700","bear-flex bear-flex-col bear-overflow-hidden","bear-transform bear-transition-transform",r.BORDER_SIDE_MAP[n],r.POSITION_CLASSES[n],r.SIZE_CLASSES[n][w],A&&!f?r.TRANSFORM_OPEN[n]:r.TRANSFORM_CLOSED[n],N),style:{transitionDuration:`${r.DRAWER_ANIMATION_MS}ms`},children:[(i||c)&&e.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 bear-shrink-0",children:[i&&e.jsx("h2",{id:"drawer-title",className:"bear-text-lg bear-font-semibold bear-text-neutral-900 dark:bear-text-white",children:i}),c&&e.jsx("button",{onClick:o,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:e.jsx(R.XIcon,{className:"bear-w-5 bear-h-5"})})]}),e.jsx("div",{className:"bear-flex-1 bear-min-h-0 bear-overflow-y-auto bear-overscroll-contain bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300",children:S})]})]});return I.createPortal(E,_??document.body)};exports.Drawer=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),D=require("react-dom"),R=require("../../context/BearProvider.cjs"),S=require("../../utils/cn.cjs"),p=require("../Icon/index.cjs"),r=require("./Drawer.const.cjs"),M=require("./Drawer.utils.cjs"),j=({isOpen:d,onClose:o,title:i,children:k,side:w="right",anchor:y,variant:O="temporary",size:N="md",showCloseButton:u=!0,closeOnBackdrop:_=!0,closeOnEscape:m=!0,className:A,container:E,id:q,testId:T})=>{const{direction:f}=R.useBearDirectionOptional(),l=y??w,n=f==="rtl"&&(l==="left"||l==="right")?l==="left"?"right":"left":l,[s,x]=t.useState(d),[v,c]=t.useState(!1),[g,h]=t.useState(!1);t.useEffect(()=>{if(d){x(!0),c(!1);const a=requestAnimationFrame(()=>h(!0));return()=>cancelAnimationFrame(a)}if(s){h(!1),c(!0);const a=setTimeout(()=>{x(!1),c(!1)},r.DRAWER_ANIMATION_MS);return()=>clearTimeout(a)}},[d,s]);const b=t.useCallback(a=>{m&&a.key==="Escape"&&o()},[m,o]);if(t.useEffect(()=>{if(s){document.addEventListener("keydown",b);const a=M.lockBodyScroll();return()=>{document.removeEventListener("keydown",b),a()}}return()=>{document.removeEventListener("keydown",b)}},[s,b]),!s)return null;const I=e.jsxs("div",{className:"bear-fixed bear-inset-0 bear-z-[11000]",children:[e.jsx("div",{className:S.cn("bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",v?"bear-opacity-0":"bear-opacity-100"),style:{transitionDuration:`${r.DRAWER_ANIMATION_MS}ms`},onClick:_?o:void 0,"aria-hidden":"true"}),e.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":i?"drawer-title":void 0,className:S.cn("bear-absolute bear-bg-white dark:bear-bg-neutral-900 bear-shadow-2xl","bear-border-neutral-200 dark:bear-border-neutral-700","bear-flex bear-flex-col bear-overflow-hidden","bear-transform bear-transition-transform",r.BORDER_SIDE_MAP[n],r.POSITION_CLASSES[n],r.SIZE_CLASSES[n][N],g&&!v?r.TRANSFORM_OPEN[n]:r.TRANSFORM_CLOSED[n],A),style:{transitionDuration:`${r.DRAWER_ANIMATION_MS}ms`},children:[(i||u)&&e.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 bear-shrink-0",dir:f,children:[i&&e.jsx("h2",{id:"drawer-title",className:"bear-text-lg bear-font-semibold bear-text-neutral-900 dark:bear-text-white",children:i}),u&&e.jsx("button",{onClick:o,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:e.jsx(p.XIcon,{className:"bear-w-5 bear-h-5"})})]}),e.jsx("div",{className:"bear-flex-1 bear-min-h-0 bear-overflow-y-auto bear-overscroll-contain bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300",children:k})]})]});return D.createPortal(I,E??document.body)};exports.Drawer=j;

package/dist/components/Drawer/Drawer.js

@@ -1,93 +1,94 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { useState as d, useEffect as k, useCallback as A } from "react";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useState as c, useEffect as x, useCallback as O } from "react";
 import { createPortal as R } from "react-dom";
-import { cn as x } from "../../utils/cn.js";
-import { XIcon as D } from "../Icon/index.js";
-import { DRAWER_ANIMATION_MS as c, TRANSFORM_OPEN as M, TRANSFORM_CLOSED as O, SIZE_CLASSES as C, POSITION_CLASSES as L, BORDER_SIDE_MAP as T } from "./Drawer.const.js";
-import { lockBodyScroll as F } from "./Drawer.utils.js";
-const G = ({
-  isOpen: b,
+import { useBearDirectionOptional as M } from "../../context/BearProvider.js";
+import { cn as S } from "../../utils/cn.js";
+import { XIcon as C } from "../Icon/index.js";
+import { DRAWER_ANIMATION_MS as u, TRANSFORM_OPEN as L, TRANSFORM_CLOSED as T, SIZE_CLASSES as F, POSITION_CLASSES as P, BORDER_SIDE_MAP as j } from "./Drawer.const.js";
+import { lockBodyScroll as B } from "./Drawer.utils.js";
+const U = ({
+  isOpen: s,
   onClose: o,
   title: n,
-  children: p,
+  children: w,
   side: y = "right",
-  anchor: S,
-  variant: P = "temporary",
-  size: w = "md",
-  showCloseButton: u = !0,
-  closeOnBackdrop: N = !0,
-  closeOnEscape: m = !0,
-  className: E,
-  container: g,
-  id: j,
-  testId: $
+  anchor: N,
+  variant: $ = "temporary",
+  size: g = "md",
+  showCloseButton: m = !0,
+  closeOnBackdrop: E = !0,
+  closeOnEscape: f = !0,
+  className: I,
+  container: _,
+  id: q,
+  testId: z
 }) => {
-  const r = S ?? y, [a, f] = d(b), [v, s] = d(!1), [I, h] = d(!1);
-  k(() => {
-    if (b) {
-      f(!0), s(!1);
-      const e = requestAnimationFrame(() => h(!0));
+  const { direction: h } = M(), i = N ?? y, r = h === "rtl" && (i === "left" || i === "right") ? i === "left" ? "right" : "left" : i, [a, v] = c(s), [k, b] = c(!1), [A, p] = c(!1);
+  x(() => {
+    if (s) {
+      v(!0), b(!1);
+      const e = requestAnimationFrame(() => p(!0));
       return () => cancelAnimationFrame(e);
     }
     if (a) {
-      h(!1), s(!0);
+      p(!1), b(!0);
       const e = setTimeout(() => {
-        f(!1), s(!1);
-      }, c);
+        v(!1), b(!1);
+      }, u);
       return () => clearTimeout(e);
     }
-  }, [b, a]);
-  const i = A(
+  }, [s, a]);
+  const l = O(
     (e) => {
-      m && e.key === "Escape" && o();
+      f && e.key === "Escape" && o();
     },
-    [m, o]
+    [f, o]
   );
-  if (k(() => {
+  if (x(() => {
     if (a) {
-      document.addEventListener("keydown", i);
-      const e = F();
+      document.addEventListener("keydown", l);
+      const e = B();
       return () => {
-        document.removeEventListener("keydown", i), e();
+        document.removeEventListener("keydown", l), e();
       };
     }
     return () => {
-      document.removeEventListener("keydown", i);
+      document.removeEventListener("keydown", l);
     };
-  }, [a, i]), !a) return null;
-  const _ = /* @__PURE__ */ l("div", { className: "bear-fixed bear-inset-0 bear-z-[11000]", children: [
+  }, [a, l]), !a) return null;
+  const D = /* @__PURE__ */ d("div", { className: "bear-fixed bear-inset-0 bear-z-[11000]", children: [
     /* @__PURE__ */ t(
       "div",
       {
-        className: x(
+        className: S(
           "bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",
-          v ? "bear-opacity-0" : "bear-opacity-100"
+          k ? "bear-opacity-0" : "bear-opacity-100"
         ),
-        style: { transitionDuration: `${c}ms` },
-        onClick: N ? o : void 0,
+        style: { transitionDuration: `${u}ms` },
+        onClick: E ? o : void 0,
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ d(
       "div",
       {
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": n ? "drawer-title" : void 0,
-        className: x(
+        className: S(
           "bear-absolute bear-bg-white dark:bear-bg-neutral-900 bear-shadow-2xl",
           "bear-border-neutral-200 dark:bear-border-neutral-700",
           "bear-flex bear-flex-col bear-overflow-hidden",
           "bear-transform bear-transition-transform",
-          T[r],
-          L[r],
-          C[r][w],
-          I && !v ? M[r] : O[r],
-          E
+          j[r],
+          P[r],
+          F[r][g],
+          A && !k ? L[r] : T[r],
+          I
         ),
-        style: { transitionDuration: `${c}ms` },
+        style: { transitionDuration: `${u}ms` },
         children: [
-          (n || u) && /* @__PURE__ */ l("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 bear-shrink-0", children: [
+          (n || m) && /* @__PURE__ */ d("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 bear-shrink-0", dir: h, children: [
             n && /* @__PURE__ */ t(
               "h2",
               {
@@ -96,23 +97,23 @@ const G = ({
                 children: n
               }
             ),
-            u && /* @__PURE__ */ t(
+            m && /* @__PURE__ */ t(
               "button",
               {
                 onClick: o,
                 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: /* @__PURE__ */ t(D, { className: "bear-w-5 bear-h-5" })
+                children: /* @__PURE__ */ t(C, { className: "bear-w-5 bear-h-5" })
               }
             )
           ] }),
-          /* @__PURE__ */ t("div", { className: "bear-flex-1 bear-min-h-0 bear-overflow-y-auto bear-overscroll-contain bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300", children: p })
+          /* @__PURE__ */ t("div", { className: "bear-flex-1 bear-min-h-0 bear-overflow-y-auto bear-overscroll-contain bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300", children: w })
         ]
       }
     )
   ] });
-  return R(_, g ?? document.body);
+  return R(D, _ ?? document.body);
 };
 export {
-  G as Drawer
+  U as Drawer
 };