@forgedevstack/bear 1.0.8 → 1.1.0

package/dist/components/ResizablePanel/ResizablePanel.js

@@ -0,0 +1,70 @@
+import { jsxs as k, jsx as d } from "react/jsx-runtime";
+import { useState as C, useRef as H, useCallback as w } from "react";
+import { DEFAULT_DIRECTION as A, DEFAULT_FIRST_SIZE as M, MIN_SIZE as O, MAX_SIZE as U, EVENT_POINTER_MOVE as p, EVENT_POINTER_UP as v, HANDLE_WIDTH as E } from "./ResizablePanel.const.js";
+import { clampSize as $, getResizePercentage as B } from "./ResizablePanel.utils.js";
+import { cn as I } from "../../utils/cn.js";
+const X = (z) => {
+  const {
+    first: g,
+    second: N,
+    direction: o = A,
+    defaultSize: S = M,
+    minSize: s = O,
+    maxSize: l = U,
+    onResize: i,
+    className: _,
+    testId: P
+  } = z, [t, x] = C(S), c = H(null), b = w((e) => $(e, s, l), [s, l]), R = w(
+    (e) => {
+      var f;
+      e.preventDefault();
+      const r = e.target;
+      (f = r.setPointerCapture) == null || f.call(r, e.pointerId);
+      const m = (a) => {
+        if (!c.current) return;
+        const y = c.current.getBoundingClientRect(), L = B(y, o, a.clientX, a.clientY), u = b(L);
+        x(u), i == null || i(u);
+      }, h = () => {
+        var a;
+        (a = r.releasePointerCapture) == null || a.call(r, e.pointerId), window.removeEventListener(p, m), window.removeEventListener(v, h);
+      };
+      window.addEventListener(p, m), window.addEventListener(v, h);
+    },
+    [o, b, i]
+  ), n = o === "horizontal", T = n ? { width: `${t}%`, minWidth: 0 } : { height: `${t}%`, minHeight: 0 }, D = n ? { width: `${100 - t}%`, minWidth: 0 } : { height: `${100 - t}%`, minHeight: 0 };
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      ref: c,
+      "data-testid": P,
+      className: I(
+        "Bear-ResizablePanel bear-flex bear-w-full bear-h-full bear-overflow-hidden",
+        n ? "bear-flex-row" : "bear-flex-col",
+        _
+      ),
+      children: [
+        /* @__PURE__ */ d("div", { className: "bear-overflow-auto bear-shrink-0", style: T, children: g }),
+        /* @__PURE__ */ d(
+          "div",
+          {
+            role: "separator",
+            "aria-valuenow": t,
+            "aria-valuemin": s,
+            "aria-valuemax": l,
+            tabIndex: 0,
+            onPointerDown: R,
+            className: I(
+              "Bear-ResizablePanel__handle bear-shrink-0 bear-bg-gray-200 dark:bear-bg-gray-700 hover:bear-bg-pink-500/30 bear-transition-colors bear-cursor-col-resize",
+              n ? "bear-w-1.5" : "bear-h-1.5 bear-w-full bear-cursor-row-resize"
+            ),
+            style: n ? { width: E } : { height: E }
+          }
+        ),
+        /* @__PURE__ */ d("div", { className: "bear-overflow-auto bear-shrink-0 bear-flex-1", style: D, children: N })
+      ]
+    }
+  );
+};
+export {
+  X as ResizablePanel
+};

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

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export interface ResizablePanelProps {
+    /** First pane content */
+    first: ReactNode;
+    /** Second pane content */
+    second: ReactNode;
+    /** Layout direction */
+    direction?: 'horizontal' | 'vertical';
+    /** Default size of first pane (0–100, percentage) */
+    defaultSize?: number;
+    /** Minimum size of first pane (percentage) */
+    minSize?: number;
+    /** Maximum size of first pane (percentage) */
+    maxSize?: number;
+    /** Called when resize ends with new size (0–100) */
+    onResize?: (size: number) => void;
+    /** Class name for the root container */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}

package/dist/components/ResizablePanel/ResizablePanel.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./ResizablePanel.const.cjs");function r(e,t,i,a){return t==="horizontal"?(i-e.left)/e.width*n.PERCENTAGE_SCALE:(a-e.top)/e.height*n.PERCENTAGE_SCALE}function o(e,t,i){return Math.min(i,Math.max(t,e))}exports.clampSize=o;exports.getResizePercentage=r;

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

@@ -0,0 +1,10 @@
+import { ResizablePanelProps } from './ResizablePanel.types';
+/**
+ * Compute first pane size as a percentage (0–100) from pointer position and container rect.
+ * Used for both horizontal and vertical layouts.
+ */
+export declare function getResizePercentage(rect: DOMRect, direction: NonNullable<ResizablePanelProps['direction']>, clientX: number, clientY: number): number;
+/**
+ * Clamp a value between min and max (inclusive).
+ */
+export declare function clampSize(value: number, min: number, max: number): number;

package/dist/components/ResizablePanel/ResizablePanel.utils.js

@@ -0,0 +1,11 @@
+import { PERCENTAGE_SCALE as n } from "./ResizablePanel.const.js";
+function a(t, e, i, o) {
+  return e === "horizontal" ? (i - t.left) / t.width * n : (o - t.top) / t.height * n;
+}
+function h(t, e, i) {
+  return Math.min(i, Math.max(e, t));
+}
+export {
+  h as clampSize,
+  a as getResizePercentage
+};

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

@@ -0,0 +1,2 @@
+export { ResizablePanel } from './ResizablePanel';
+export type { ResizablePanelProps } from './ResizablePanel.types';

package/dist/components/ResizableTextarea/ResizableTextarea.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("react"),f=require("../../utils/cn.cjs"),w=require("./ResizableTextarea.const.cjs"),k=({minHeight:e=w.DEFAULT_MIN_HEIGHT,maxHeight:t=w.DEFAULT_MAX_HEIGHT,resizable:a=!0,className:x,style:y,testId:R,...T})=>{const h=o.useRef(null),[c,E]=o.useState(e),b=o.useRef(0),d=o.useRef(e),_=o.useCallback(r=>{var v,g;if(!a)return;r.preventDefault(),b.current=r.clientY,d.current=c,(g=(v=r.target).setPointerCapture)==null||g.call(v,r.pointerId);const l=s=>{const i=s.clientY-b.current;let n=d.current+i;e>0&&(n=Math.max(e,n)),t>0&&(n=Math.min(t,n)),E(n)},p=()=>{var s,i;(i=(s=r.target).releasePointerCapture)==null||i.call(s,r.pointerId),window.removeEventListener("pointermove",l),window.removeEventListener("pointerup",p)};window.addEventListener("pointermove",l),window.addEventListener("pointerup",p)},[a,c,e,t]);return u.jsxs("div",{className:f.cn("Bear-ResizableTextarea bear-relative",x),"data-testid":R,children:[u.jsx("textarea",{ref:h,className:f.cn("bear-w-full bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-gray-600","bear-bg-white dark:bear-bg-gray-900 bear-text-gray-900 dark:bear-text-gray-100","bear-p-3 bear-resize-none focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-pink-500/50"),style:{...y,minHeight:a?e:void 0,height:a?c:void 0,maxHeight:t>0?t:void 0},...T}),a&&u.jsx("div",{role:"separator",onPointerDown:_,className:"Bear-ResizableTextarea__handle bear-absolute bear-right-0 bear-bottom-0 bear-w-4 bear-h-4 bear-cursor-s-resize bear-opacity-50 hover:bear-opacity-100",style:{background:"linear-gradient(135deg, transparent 50%, currentColor 50%)"}})]})};exports.ResizableTextarea=k;

package/dist/components/ResizableTextarea/ResizableTextarea.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=80,t=400;exports.DEFAULT_MAX_HEIGHT=t;exports.DEFAULT_MIN_HEIGHT=T;

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

@@ -0,0 +1,2 @@
+export declare const DEFAULT_MIN_HEIGHT = 80;
+export declare const DEFAULT_MAX_HEIGHT = 400;

package/dist/components/ResizableTextarea/ResizableTextarea.const.js

@@ -0,0 +1,5 @@
+const E = 80, H = 400;
+export {
+  H as DEFAULT_MAX_HEIGHT,
+  E as DEFAULT_MIN_HEIGHT
+};

package/dist/components/ResizableTextarea/ResizableTextarea.d.ts

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

package/dist/components/ResizableTextarea/ResizableTextarea.js

@@ -0,0 +1,60 @@
+import { jsxs as k, jsx as f } from "react/jsx-runtime";
+import { useRef as d, useState as L, useCallback as _ } from "react";
+import { cn as g } from "../../utils/cn.js";
+import { DEFAULT_MIN_HEIGHT as D, DEFAULT_MAX_HEIGHT as I } from "./ResizableTextarea.const.js";
+const P = ({
+  minHeight: e = D,
+  maxHeight: t = I,
+  resizable: a = !0,
+  className: w,
+  style: m,
+  testId: y,
+  ...x
+}) => {
+  const h = d(null), [i, E] = L(e), b = d(0), c = d(e), T = _((r) => {
+    var p, v;
+    if (!a) return;
+    r.preventDefault(), b.current = r.clientY, c.current = i, (v = (p = r.target).setPointerCapture) == null || v.call(p, r.pointerId);
+    const u = (n) => {
+      const s = n.clientY - b.current;
+      let o = c.current + s;
+      e > 0 && (o = Math.max(e, o)), t > 0 && (o = Math.min(t, o)), E(o);
+    }, l = () => {
+      var n, s;
+      (s = (n = r.target).releasePointerCapture) == null || s.call(n, r.pointerId), window.removeEventListener("pointermove", u), window.removeEventListener("pointerup", l);
+    };
+    window.addEventListener("pointermove", u), window.addEventListener("pointerup", l);
+  }, [a, i, e, t]);
+  return /* @__PURE__ */ k("div", { className: g("Bear-ResizableTextarea bear-relative", w), "data-testid": y, children: [
+    /* @__PURE__ */ f(
+      "textarea",
+      {
+        ref: h,
+        className: g(
+          "bear-w-full bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-gray-600",
+          "bear-bg-white dark:bear-bg-gray-900 bear-text-gray-900 dark:bear-text-gray-100",
+          "bear-p-3 bear-resize-none focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-pink-500/50"
+        ),
+        style: {
+          ...m,
+          minHeight: a ? e : void 0,
+          height: a ? i : void 0,
+          maxHeight: t > 0 ? t : void 0
+        },
+        ...x
+      }
+    ),
+    a && /* @__PURE__ */ f(
+      "div",
+      {
+        role: "separator",
+        onPointerDown: T,
+        className: "Bear-ResizableTextarea__handle bear-absolute bear-right-0 bear-bottom-0 bear-w-4 bear-h-4 bear-cursor-s-resize bear-opacity-50 hover:bear-opacity-100",
+        style: { background: "linear-gradient(135deg, transparent 50%, currentColor 50%)" }
+      }
+    )
+  ] });
+};
+export {
+  P as ResizableTextarea
+};

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

@@ -0,0 +1,15 @@
+import { TextareaHTMLAttributes } from 'react';
+export interface ResizableTextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'style'> {
+    /** Minimum height in pixels */
+    minHeight?: number;
+    /** Maximum height in pixels (0 = unbounded) */
+    maxHeight?: number;
+    /** Allow user to resize by dragging the handle */
+    resizable?: boolean;
+    /** Class name for the wrapper */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { ResizableTextarea } from './ResizableTextarea';
+export type { ResizableTextareaProps } from './ResizableTextarea.types';

package/dist/components/RichEditor/components/ToolbarButton/ToolbarButton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),T=require("../../../../utils/cn.cjs"),t=require("../../RichEditor.const.cjs"),E=e=>{const{icon:i,title:_,active:n,onClick:r,disabled:o}=e;return c.jsx("button",{type:"button",title:_,onClick:r,disabled:o,className:T.cn("Bear-RichEditor__button",t.RICH_EDITOR_BUTTON_BASE_CLASSES,n?`Bear-RichEditor__button--active ${t.RICH_EDITOR_BUTTON_ACTIVE_CLASSES}`:t.RICH_EDITOR_BUTTON_INACTIVE_CLASSES,o&&`Bear-RichEditor__button--disabled ${t.RICH_EDITOR_BUTTON_DISABLED_CLASSES}`),children:i})};exports.ToolbarButton=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),T=require("../../../../utils/cn.cjs");require("react");const t=require("../../RichEditor.const.cjs"),u=o=>{const{icon:i,title:r,active:_,onClick:n,disabled:e}=o;return c.jsx("button",{type:"button",title:r,onClick:n,disabled:e,className:T.cn("Bear-RichEditor__button",t.RICH_EDITOR_BUTTON_BASE_CLASSES,_?`Bear-RichEditor__button--active ${t.RICH_EDITOR_BUTTON_ACTIVE_CLASSES}`:t.RICH_EDITOR_BUTTON_INACTIVE_CLASSES,e&&`Bear-RichEditor__button--disabled ${t.RICH_EDITOR_BUTTON_DISABLED_CLASSES}`),children:i})};exports.ToolbarButton=u;

package/dist/components/RichEditor/components/ToolbarButton/ToolbarButton.js

@@ -1,7 +1,8 @@
 import { jsx as T } from "react/jsx-runtime";
 import { cn as S } from "../../../../utils/cn.js";
+import "react";
 import { RICH_EDITOR_BUTTON_DISABLED_CLASSES as e, RICH_EDITOR_BUTTON_ACTIVE_CLASSES as n, RICH_EDITOR_BUTTON_INACTIVE_CLASSES as c, RICH_EDITOR_BUTTON_BASE_CLASSES as I } from "../../RichEditor.const.js";
-const B = (o) => {
+const b = (o) => {
   const { icon: _, title: i, active: r, onClick: E, disabled: t } = o;
   return /* @__PURE__ */ T(
     "button",
@@ -21,5 +22,5 @@ const B = (o) => {
   );
 };
 export {
-  B as ToolbarButton
+  b as ToolbarButton
 };

package/dist/components/ScrollArea/ScrollArea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("../../utils/cn.cjs"),w=({children:b,className:l,orientation:a="vertical",scrollbarSize:o="md",scrollbarVariant:t="default",maxHeight:r,maxWidth:e})=>{const s={sm:"[&::-webkit-scrollbar]:bear-w-1 [&::-webkit-scrollbar]:bear-h-1",md:"[&::-webkit-scrollbar]:bear-w-2 [&::-webkit-scrollbar]:bear-h-2",lg:"[&::-webkit-scrollbar]:bear-w-3 [&::-webkit-scrollbar]:bear-h-3"},c={default:"[&::-webkit-scrollbar-track]:bear-bg-zinc-800 [&::-webkit-scrollbar-thumb]:bear-bg-zinc-600 [&::-webkit-scrollbar-thumb]:bear-rounded-full [&::-webkit-scrollbar-thumb]:hover:bear-bg-zinc-500",minimal:"[&::-webkit-scrollbar-track]:bear-bg-transparent [&::-webkit-scrollbar-thumb]:bear-bg-zinc-700 [&::-webkit-scrollbar-thumb]:bear-rounded-full",hidden:"[&::-webkit-scrollbar]:bear-hidden bear-scrollbar-none"},i={vertical:"bear-overflow-y-auto bear-overflow-x-hidden",horizontal:"bear-overflow-x-auto bear-overflow-y-hidden",both:"bear-overflow-auto"};return n.jsx("div",{className:u.cn(i[a],s[o],c[t],l),style:{maxHeight:typeof r=="number"?`${r}px`:r,maxWidth:typeof e=="number"?`${e}px`:e},children:b})};exports.ScrollArea=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("../../utils/cn.cjs");require("react");const w=({children:b,className:l,orientation:a="vertical",scrollbarSize:o="md",scrollbarVariant:t="default",maxHeight:r,maxWidth:e})=>{const s={sm:"[&::-webkit-scrollbar]:bear-w-1 [&::-webkit-scrollbar]:bear-h-1",md:"[&::-webkit-scrollbar]:bear-w-2 [&::-webkit-scrollbar]:bear-h-2",lg:"[&::-webkit-scrollbar]:bear-w-3 [&::-webkit-scrollbar]:bear-h-3"},c={default:"[&::-webkit-scrollbar-track]:bear-bg-zinc-800 [&::-webkit-scrollbar-thumb]:bear-bg-zinc-600 [&::-webkit-scrollbar-thumb]:bear-rounded-full [&::-webkit-scrollbar-thumb]:hover:bear-bg-zinc-500",minimal:"[&::-webkit-scrollbar-track]:bear-bg-transparent [&::-webkit-scrollbar-thumb]:bear-bg-zinc-700 [&::-webkit-scrollbar-thumb]:bear-rounded-full",hidden:"[&::-webkit-scrollbar]:bear-hidden bear-scrollbar-none"},i={vertical:"bear-overflow-y-auto bear-overflow-x-hidden",horizontal:"bear-overflow-x-auto bear-overflow-y-hidden",both:"bear-overflow-auto"};return n.jsx("div",{className:u.cn(i[a],s[o],c[t],l),style:{maxHeight:typeof r=="number"?`${r}px`:r,maxWidth:typeof e=="number"?`${e}px`:e},children:b})};exports.ScrollArea=w;

package/dist/components/ScrollArea/ScrollArea.js

@@ -1,6 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { cn as n } from "../../utils/cn.js";
-const k = ({
+import "react";
+const m = ({
   children: b,
   className: l,
   orientation: a = "vertical",
@@ -40,5 +41,5 @@ const k = ({
   );
 };
 export {
-  k as ScrollArea
+  m as ScrollArea
 };

package/dist/components/Sidebar/Sidebar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../utils/cn.cjs"),t=require("../Icon/index.cjs"),p=require("./components/SidebarItem/SidebarItem.cjs"),a=require("./Sidebar.const.cjs"),L=S=>{const{items:b,collapsed:r=!1,onCollapsedChange:d,width:_=a.SIDEBAR_WIDTH,collapsedWidth:I=a.SIDEBAR_COLLAPSED_WIDTH,header:o,footer:c,showHeader:E=!0,activeItemId:h,onItemClick:u,activeVariant:f="fill",fullHeight:A=!1,variant:s="default",position:l="left",className:C,style:x,testId:B,id:R}=S,m=r?I:_,v=l==="left"?"bear-border-r":"bear-border-l",D=E&&o;return e.jsxs("aside",{id:R,"data-testid":B,className:i.cn("Bear-Sidebar",`Bear-Sidebar--${s}`,r&&"Bear-Sidebar--collapsed","bear-flex bear-flex-col bear-h-full bear-transition-all bear-duration-300",A&&"bear-min-h-full",s==="default"&&v,a.SIDEBAR_VARIANT_STYLES[s],C),style:{width:m,...x},children:[D&&e.jsxs("div",{className:i.cn("Bear-Sidebar__header",a.SIDEBAR_HEADER_CLASSES),children:[!r&&o,d&&e.jsx("button",{type:"button",onClick:()=>d(!r),className:i.cn("Bear-Sidebar__toggle",a.SIDEBAR_TOGGLE_CLASSES),"aria-label":r?"Expand sidebar":"Collapse sidebar",children:r?l==="left"?e.jsx(t.ChevronRightIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE}):e.jsx(t.ChevronLeftIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE}):l==="left"?e.jsx(t.ChevronLeftIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE}):e.jsx(t.ChevronRightIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE})})]}),e.jsx("nav",{className:"Bear-Sidebar__nav bear-flex-1 bear-overflow-y-auto bear-px-2 bear-py-3 bear-space-y-1 bear-min-h-0",children:b.map(n=>e.jsx(p.SidebarItem,{item:n,isActive:n.id===h,collapsed:r,onClick:u,activeVariant:f},n.id))}),c&&e.jsx("div",{className:i.cn("Bear-Sidebar__footer",a.SIDEBAR_FOOTER_CLASSES),children:r?null:c})]})};exports.Sidebar=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../utils/cn.cjs");require("react");const t=require("../Icon/index.cjs"),p=require("./components/SidebarItem/SidebarItem.cjs"),a=require("./Sidebar.const.cjs"),L=S=>{const{items:b,collapsed:r=!1,onCollapsedChange:d,width:_=a.SIDEBAR_WIDTH,collapsedWidth:I=a.SIDEBAR_COLLAPSED_WIDTH,header:o,footer:c,showHeader:E=!0,activeItemId:h,onItemClick:u,activeVariant:f="fill",fullHeight:A=!1,variant:s="default",position:l="left",className:C,style:x,testId:B,id:R}=S,m=r?I:_,v=l==="left"?"bear-border-r":"bear-border-l",D=E&&o;return e.jsxs("aside",{id:R,"data-testid":B,className:i.cn("Bear-Sidebar",`Bear-Sidebar--${s}`,r&&"Bear-Sidebar--collapsed","bear-flex bear-flex-col bear-h-full bear-transition-all bear-duration-300",A&&"bear-min-h-full",s==="default"&&v,a.SIDEBAR_VARIANT_STYLES[s],C),style:{width:m,...x},children:[D&&e.jsxs("div",{className:i.cn("Bear-Sidebar__header",a.SIDEBAR_HEADER_CLASSES),children:[!r&&o,d&&e.jsx("button",{type:"button",onClick:()=>d(!r),className:i.cn("Bear-Sidebar__toggle",a.SIDEBAR_TOGGLE_CLASSES),"aria-label":r?"Expand sidebar":"Collapse sidebar",children:r?l==="left"?e.jsx(t.ChevronRightIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE}):e.jsx(t.ChevronLeftIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE}):l==="left"?e.jsx(t.ChevronLeftIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE}):e.jsx(t.ChevronRightIcon,{size:a.SIDEBAR_TOGGLE_ICON_SIZE})})]}),e.jsx("nav",{className:"Bear-Sidebar__nav bear-flex-1 bear-overflow-y-auto bear-px-2 bear-py-3 bear-space-y-1 bear-min-h-0",children:b.map(n=>e.jsx(p.SidebarItem,{item:n,isActive:n.id===h,collapsed:r,onClick:u,activeVariant:f},n.id))}),c&&e.jsx("div",{className:i.cn("Bear-Sidebar__footer",a.SIDEBAR_FOOTER_CLASSES),children:r?null:c})]})};exports.Sidebar=L;

package/dist/components/Sidebar/Sidebar.js

@@ -1,20 +1,21 @@
 import { jsxs as b, jsx as a } from "react/jsx-runtime";
 import { cn as r } from "../../utils/cn.js";
+import "react";
 import { ChevronRightIcon as c, ChevronLeftIcon as S } from "../Icon/index.js";
 import { SidebarItem as N } from "./components/SidebarItem/SidebarItem.js";
 import { SIDEBAR_WIDTH as T, SIDEBAR_COLLAPSED_WIDTH as y, SIDEBAR_TOGGLE_ICON_SIZE as i, SIDEBAR_TOGGLE_CLASSES as H, SIDEBAR_HEADER_CLASSES as O, SIDEBAR_FOOTER_CLASSES as g, SIDEBAR_VARIANT_STYLES as w } from "./Sidebar.const.js";
-const V = (f) => {
+const F = (f) => {
   const {
-    items: _,
+    items: m,
     collapsed: e = !1,
     onCollapsedChange: d,
-    width: h = T,
-    collapsedWidth: m = y,
+    width: _ = T,
+    collapsedWidth: h = y,
     header: s,
     footer: n,
-    showHeader: E = !0,
-    activeItemId: I,
-    onItemClick: p,
+    showHeader: p = !0,
+    activeItemId: E,
+    onItemClick: I,
     activeVariant: A = "fill",
     fullHeight: B = !1,
     variant: l = "default",
@@ -23,7 +24,7 @@ const V = (f) => {
     style: C,
     testId: v,
     id: D
-  } = f, R = e ? m : h, L = t === "left" ? "bear-border-r" : "bear-border-l", x = E && s;
+  } = f, R = e ? h : _, L = t === "left" ? "bear-border-r" : "bear-border-l", x = p && s;
   return /* @__PURE__ */ b(
     "aside",
     {
@@ -54,13 +55,13 @@ const V = (f) => {
             }
           )
         ] }),
-        /* @__PURE__ */ a("nav", { className: "Bear-Sidebar__nav bear-flex-1 bear-overflow-y-auto bear-px-2 bear-py-3 bear-space-y-1 bear-min-h-0", children: _.map((o) => /* @__PURE__ */ a(
+        /* @__PURE__ */ a("nav", { className: "Bear-Sidebar__nav bear-flex-1 bear-overflow-y-auto bear-px-2 bear-py-3 bear-space-y-1 bear-min-h-0", children: m.map((o) => /* @__PURE__ */ a(
           N,
           {
             item: o,
-            isActive: o.id === I,
+            isActive: o.id === E,
             collapsed: e,
-            onClick: p,
+            onClick: I,
             activeVariant: A
           },
           o.id
@@ -71,5 +72,5 @@ const V = (f) => {
   );
 };
 export {
-  V as Sidebar
+  F as Sidebar
 };

package/dist/components/Spinner/Spinner.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../utils/cn.cjs"),t={xs:"bear-w-3 bear-h-3",sm:"bear-w-4 bear-h-4",md:"bear-w-6 bear-h-6",lg:"bear-w-8 bear-h-8",xl:"bear-w-10 bear-h-10"},c=({size:r="md",className:n,color:a="currentColor",label:s="Loading"})=>e.jsxs("svg",{className:i.cn("Bear-Spinner",`Bear-Spinner--${r}`,"bear-animate-spin",t[r],n),viewBox:"0 0 24 24",fill:"none","aria-label":s,role:"status",children:[e.jsx("circle",{className:"Bear-Spinner__track bear-opacity-25",cx:"12",cy:"12",r:"10",stroke:a,strokeWidth:"4"}),e.jsx("path",{className:"Bear-Spinner__arc bear-opacity-75",fill:a,d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]});exports.Spinner=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../utils/cn.cjs");require("react");const t={xs:"bear-w-3 bear-h-3",sm:"bear-w-4 bear-h-4",md:"bear-w-6 bear-h-6",lg:"bear-w-8 bear-h-8",xl:"bear-w-10 bear-h-10"},c=({size:r="md",className:n,color:a="currentColor",label:s="Loading"})=>e.jsxs("svg",{className:i.cn("Bear-Spinner",`Bear-Spinner--${r}`,"bear-animate-spin",t[r],n),viewBox:"0 0 24 24",fill:"none","aria-label":s,role:"status",children:[e.jsx("circle",{className:"Bear-Spinner__track bear-opacity-25",cx:"12",cy:"12",r:"10",stroke:a,strokeWidth:"4"}),e.jsx("path",{className:"Bear-Spinner__arc bear-opacity-75",fill:a,d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]});exports.Spinner=c;

package/dist/components/Spinner/Spinner.js

@@ -1,12 +1,13 @@
 import { jsxs as i, jsx as a } from "react/jsx-runtime";
 import { cn as t } from "../../utils/cn.js";
+import "react";
 const c = {
   xs: "bear-w-3 bear-h-3",
   sm: "bear-w-4 bear-h-4",
   md: "bear-w-6 bear-h-6",
   lg: "bear-w-8 bear-h-8",
   xl: "bear-w-10 bear-h-10"
-}, b = ({
+}, m = ({
   size: r = "md",
   className: s,
   color: e = "currentColor",
@@ -49,5 +50,5 @@ const c = {
   }
 );
 export {
-  b as Spinner
+  m as Spinner
 };

package/dist/components/Spotlight/Spotlight.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),m=require("../../utils/cn.cjs"),x=require("./Spotlight.const.cjs"),R=(s,l)=>{var i,p;const n=l.toLowerCase();return!!(s.label.toLowerCase().includes(n)||(i=s.description)!=null&&i.toLowerCase().includes(n)||(p=s.keywords)!=null&&p.some(y=>y.toLowerCase().includes(n)))},E=(s,l)=>{if(!l)return s;const n=s.toLowerCase().indexOf(l.toLowerCase());return n===-1?s:r.jsxs(r.Fragment,{children:[s.slice(0,n),r.jsx("mark",{className:"Bear-Spotlight__highlight bear-bg-yellow-200 dark:bear-bg-yellow-800 bear-text-inherit bear-rounded-sm bear-px-0.5",children:s.slice(n,n+l.length)}),s.slice(n+l.length)]})},U=s=>{const{actions:l,open:n,onOpenChange:i,placeholder:p=x.DEFAULT_PLACEHOLDER,shortcutKey:y=x.DEFAULT_SHORTCUT_KEY,shortcutMod:v=!0,nothingFoundMessage:L=x.DEFAULT_NOTHING_FOUND,highlightMatches:S=!0,limit:f=x.DEFAULT_LIMIT,filter:k,className:B,style:D,testId:T}=s,[I,A]=b.useState(!1),[o,j]=b.useState(""),[h,u]=b.useState(0),N=b.useRef(null),C=b.useRef(null),g=n??I,d=b.useCallback(e=>{A(e),i==null||i(e),e||(j(""),u(0))},[i]);b.useEffect(()=>{const e=a=>{(v?a.metaKey||a.ctrlKey:!0)&&a.key.toLowerCase()===y.toLowerCase()&&(a.preventDefault(),d(!g)),a.key==="Escape"&&g&&d(!1)};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[y,v,g,d]),b.useEffect(()=>{g&&setTimeout(()=>{var e;return(e=N.current)==null?void 0:e.focus()},x.FOCUS_DELAY)},[g]);const c=b.useMemo(()=>k?k(o,l).slice(0,f):o?l.filter(e=>R(e,o)).slice(0,f):l.slice(0,f),[l,o,k,f]),O=b.useMemo(()=>{const e=new Map;return c.forEach(a=>{const t=a.group||"";e.has(t)||e.set(t,[]),e.get(t).push(a)}),e},[c]),M=b.useCallback(e=>{if(e.key==="ArrowDown")e.preventDefault(),u(a=>Math.min(a+1,c.length-1));else if(e.key==="ArrowUp")e.preventDefault(),u(a=>Math.max(a-1,0));else if(e.key==="Enter"&&c[h]){e.preventDefault();const a=c[h];a.disabled||(a.onTrigger(),d(!1))}},[c,h,d]);if(b.useEffect(()=>{const e=C.current;if(!e)return;const a=e.querySelector('[data-active="true"]');a==null||a.scrollIntoView({block:"nearest"})},[h]),!g)return null;let _=-1;return r.jsxs("div",{className:m.cn("Bear-Spotlight","bear-fixed bear-inset-0 bear-flex bear-items-start bear-justify-center bear-pt-[15vh]"),style:{zIndex:x.SPOTLIGHT_Z_INDEX},"data-testid":T,children:[r.jsx("div",{className:"Bear-Spotlight__backdrop bear-absolute bear-inset-0 bear-bg-black/50 dark:bear-bg-black/70 bear-backdrop-blur-sm",onClick:()=>d(!1),"aria-hidden":"true"}),r.jsxs("div",{className:m.cn("Bear-Spotlight__dialog","bear-relative bear-w-full bear-max-w-[560px] bear-mx-4","bear-bg-white dark:bear-bg-gray-900","bear-rounded-xl bear-shadow-2xl","bear-border bear-border-gray-200 dark:bear-border-gray-700","bear-overflow-hidden",B),style:D,role:"dialog","aria-label":"Search",children:[r.jsxs("div",{className:"Bear-Spotlight__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-gray-700",children:[r.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"bear-text-gray-400 dark:bear-text-gray-500 bear-shrink-0",children:[r.jsx("circle",{cx:"11",cy:"11",r:"8"}),r.jsx("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})]}),r.jsx("input",{ref:N,type:"text",value:o,onChange:e=>{j(e.target.value),u(0)},onKeyDown:M,placeholder:p,className:m.cn("Bear-Spotlight__input","bear-flex-1 bear-bg-transparent bear-outline-none bear-text-base","bear-text-gray-900 dark:bear-text-white","placeholder:bear-text-gray-400 dark:placeholder:bear-text-gray-500"),autoComplete:"off",spellCheck:!1}),r.jsx("kbd",{className:"bear-hidden sm:bear-inline-flex bear-items-center bear-px-1.5 bear-py-0.5 bear-rounded bear-text-[10px] bear-font-mono bear-text-gray-400 dark:bear-text-gray-500 bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"ESC"})]}),r.jsxs("div",{ref:C,className:"Bear-Spotlight__results bear-max-h-[400px] bear-overflow-y-auto bear-py-2",role:"listbox",children:[c.length===0&&r.jsx("div",{className:"Bear-Spotlight__empty bear-px-4 bear-py-8 bear-text-center bear-text-gray-500 dark:bear-text-gray-400 bear-text-sm",children:L}),Array.from(O.entries()).map(([e,a])=>r.jsxs("div",{className:"Bear-Spotlight__group",children:[e&&r.jsx("div",{className:"Bear-Spotlight__group-title bear-px-4 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider bear-text-gray-400 dark:bear-text-gray-500",children:e}),a.map(t=>{_++;const w=_===h,F=_;return r.jsxs("button",{className:m.cn("Bear-Spotlight__action","bear-w-full bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-2.5 bear-text-left bear-cursor-pointer","bear-transition-colors bear-duration-100",w?"bear-bg-gray-100 dark:bear-bg-gray-800":"hover:bear-bg-gray-50 dark:hover:bear-bg-gray-800/50",t.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),"data-active":w,onMouseEnter:()=>u(F),onClick:()=>{t.disabled||(t.onTrigger(),d(!1))},role:"option","aria-selected":w,"aria-disabled":t.disabled,children:[t.icon&&r.jsx("span",{className:"Bear-Spotlight__action-icon bear-text-gray-500 dark:bear-text-gray-400 bear-shrink-0",children:t.icon}),r.jsxs("div",{className:"Bear-Spotlight__action-body bear-flex-1 bear-min-w-0",children:[r.jsx("div",{className:"Bear-Spotlight__action-label bear-text-sm bear-font-medium bear-text-gray-900 dark:bear-text-white bear-truncate",children:S?E(t.label,o):t.label}),t.description&&r.jsx("div",{className:"Bear-Spotlight__action-desc bear-text-xs bear-text-gray-500 dark:bear-text-gray-400 bear-truncate",children:S?E(t.description,o):t.description})]}),t.rightSection&&r.jsx("span",{className:"Bear-Spotlight__action-right bear-shrink-0",children:t.rightSection})]},t.id)})]},e))]}),r.jsxs("div",{className:"Bear-Spotlight__footer bear-border-t bear-border-gray-200 dark:bear-border-gray-700 bear-px-4 bear-py-2 bear-flex bear-items-center bear-gap-4 bear-text-[11px] bear-text-gray-400 dark:bear-text-gray-500",children:[r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[r.jsx("kbd",{className:"bear-px-1 bear-rounded bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"↑↓"}),"navigate"]}),r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[r.jsx("kbd",{className:"bear-px-1 bear-rounded bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"↵"}),"select"]}),r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[r.jsx("kbd",{className:"bear-px-1 bear-rounded bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"esc"}),"close"]})]})]})]})};exports.Spotlight=U;

package/dist/components/Spotlight/Spotlight.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T="k",E="Search...",L="No results found",_=10,D=9999,U=50;exports.DEFAULT_LIMIT=_;exports.DEFAULT_NOTHING_FOUND=L;exports.DEFAULT_PLACEHOLDER=E;exports.DEFAULT_SHORTCUT_KEY=T;exports.FOCUS_DELAY=U;exports.SPOTLIGHT_Z_INDEX=D;

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

@@ -0,0 +1,18 @@
+/** Default shortcut key */
+export declare const DEFAULT_SHORTCUT_KEY = "k";
+/** Default placeholder */
+export declare const DEFAULT_PLACEHOLDER = "Search...";
+/** Default nothing found message */
+export declare const DEFAULT_NOTHING_FOUND = "No results found";
+/** Default result limit */
+export declare const DEFAULT_LIMIT = 10;
+/** Backdrop z-index */
+export declare const SPOTLIGHT_Z_INDEX = 9999;
+/** Top offset for dialog (percentage of viewport height) */
+export declare const DIALOG_TOP_OFFSET = "15vh";
+/** Max dialog width in pixels */
+export declare const DIALOG_MAX_WIDTH = 560;
+/** Max results height in pixels */
+export declare const RESULTS_MAX_HEIGHT = 400;
+/** Focus delay after open in ms */
+export declare const FOCUS_DELAY = 50;

package/dist/components/Spotlight/Spotlight.const.js

@@ -0,0 +1,9 @@
+const T = "k", o = "Search...", E = "No results found", L = 10, _ = 9999, s = 50;
+export {
+  L as DEFAULT_LIMIT,
+  E as DEFAULT_NOTHING_FOUND,
+  o as DEFAULT_PLACEHOLDER,
+  T as DEFAULT_SHORTCUT_KEY,
+  s as FOCUS_DELAY,
+  _ as SPOTLIGHT_Z_INDEX
+};

package/dist/components/Spotlight/Spotlight.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { SpotlightProps } from './Spotlight.types';
+/**
+ * Spotlight - macOS-style search overlay (Cmd+K).
+ * Supports grouped actions, highlighting, keyboard navigation, and theming via BearProvider.
+ */
+export declare const Spotlight: FC<SpotlightProps>;