@forgedevstack/bear 1.0.8 → 1.0.9

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

@@ -0,0 +1,56 @@
+import { ReactNode } from 'react';
+export type NavigableSelectSize = 'sm' | 'md' | 'lg';
+export interface NavigableSelectOption {
+    /** Unique option value */
+    value: string;
+    /** Display label */
+    label: string;
+    /** Optional description */
+    description?: string;
+    /** Optional icon */
+    icon?: ReactNode;
+    /** Whether option is disabled */
+    disabled?: boolean;
+    /** Optional group name */
+    group?: string;
+}
+export interface NavigableSelectProps {
+    /** Available options */
+    options: NavigableSelectOption[];
+    /** Selected value(s) — string for single, string[] for multiple */
+    value?: string | string[];
+    /** Default value (uncontrolled) */
+    defaultValue?: string | string[];
+    /** Called when selection changes */
+    onChange?: (value: string | string[]) => void;
+    /** Allow multiple selections */
+    multiple?: boolean;
+    /** Enable search/filter */
+    searchable?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Label text */
+    label?: string;
+    /** Helper text */
+    helperText?: string;
+    /** Error message */
+    error?: string;
+    /** Whether select is disabled */
+    disabled?: boolean;
+    /** Component size */
+    size?: NavigableSelectSize;
+    /** Whether select is full width */
+    fullWidth?: boolean;
+    /** Maximum visible options before scrolling */
+    maxVisible?: number;
+    /** Maximum selections in multiple mode */
+    maxSelections?: number;
+    /** Empty state text */
+    emptyText?: string;
+    /** Custom class name */
+    className?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { NavigableSelect } from './NavigableSelect';
+export type { NavigableSelectProps, NavigableSelectOption, NavigableSelectSize } from './NavigableSelect.types';

package/dist/components/Progress/Progress.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs"),m={sm:"bear-h-1.5",md:"bear-h-2.5",lg:"bear-h-4"},f={default:"bear-bg-pink-500",success:"bear-bg-green-500",warning:"bear-bg-yellow-500",danger:"bear-bg-red-500",info:"bear-bg-blue-500"},x=({value:n,max:b=100,size:l="md",color:o="default",showLabel:i=!1,labelPosition:d="outside",striped:r=!1,animated:c=!1,indeterminate:a=!1,className:g,testId:u})=>{const s=Math.min(100,Math.max(0,n/b*100));return e.jsxs("div",{className:t.cn("bear-w-full",g),"data-testid":u,children:[i&&d==="outside"&&e.jsxs("div",{className:"bear-flex bear-justify-between bear-mb-1",children:[e.jsx("span",{className:"bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200",children:"Progress"}),e.jsxs("span",{className:"bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200",children:[Math.round(s),"%"]})]}),e.jsx("div",{className:t.cn("bear-w-full bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full bear-overflow-hidden",m[l]),children:e.jsx("div",{className:t.cn("bear-h-full bear-rounded-full bear-transition-all bear-duration-300 bear-ease-out","bear-flex bear-items-center bear-justify-center",f[o],r&&"bear-bg-stripes",c&&"bear-animate-stripes",a&&"bear-animate-indeterminate"),style:{width:a?"50%":`${s}%`,backgroundSize:r?"1rem 1rem":void 0,backgroundImage:r?"linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)":void 0},role:"progressbar","aria-valuenow":a?void 0:n,"aria-valuemin":0,"aria-valuemax":b,children:i&&d==="inside"&&l==="lg"&&!a&&e.jsxs("span",{className:"bear-text-xs bear-font-medium bear-text-white",children:[Math.round(s),"%"]})})})]})};exports.Progress=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs");require("react");const m={sm:"bear-h-1.5",md:"bear-h-2.5",lg:"bear-h-4"},f={default:"bear-bg-pink-500",success:"bear-bg-green-500",warning:"bear-bg-yellow-500",danger:"bear-bg-red-500",info:"bear-bg-blue-500"},x=({value:n,max:b=100,size:l="md",color:o="default",showLabel:i=!1,labelPosition:d="outside",striped:r=!1,animated:c=!1,indeterminate:a=!1,className:g,testId:u})=>{const s=Math.min(100,Math.max(0,n/b*100));return e.jsxs("div",{className:t.cn("bear-w-full",g),"data-testid":u,children:[i&&d==="outside"&&e.jsxs("div",{className:"bear-flex bear-justify-between bear-mb-1",children:[e.jsx("span",{className:"bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200",children:"Progress"}),e.jsxs("span",{className:"bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200",children:[Math.round(s),"%"]})]}),e.jsx("div",{className:t.cn("bear-w-full bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full bear-overflow-hidden",m[l]),children:e.jsx("div",{className:t.cn("bear-h-full bear-rounded-full bear-transition-all bear-duration-300 bear-ease-out","bear-flex bear-items-center bear-justify-center",f[o],r&&"bear-bg-stripes",c&&"bear-animate-stripes",a&&"bear-animate-indeterminate"),style:{width:a?"50%":`${s}%`,backgroundSize:r?"1rem 1rem":void 0,backgroundImage:r?"linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)":void 0},role:"progressbar","aria-valuenow":a?void 0:n,"aria-valuemin":0,"aria-valuemax":b,children:i&&d==="inside"&&l==="lg"&&!a&&e.jsxs("span",{className:"bear-text-xs bear-font-medium bear-text-white",children:[Math.round(s),"%"]})})})]})};exports.Progress=x;

package/dist/components/Progress/Progress.js

@@ -1,5 +1,6 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { cn as b } from "../../utils/cn.js";
+import "react";
 const f = {
   sm: "bear-h-1.5",
   md: "bear-h-2.5",
@@ -10,7 +11,7 @@ const f = {
   warning: "bear-bg-yellow-500",
   danger: "bear-bg-red-500",
   info: "bear-bg-blue-500"
-}, v = ({
+}, y = ({
   value: n,
   max: l = 100,
   size: d = "md",
@@ -70,5 +71,5 @@ const f = {
   ] });
 };
 export {
-  v as Progress
+  y as Progress
 };

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>;

package/dist/components/Spotlight/Spotlight.js

@@ -0,0 +1,220 @@
+import { jsxs as b, jsx as t, Fragment as G } from "react/jsx-runtime";
+import { useState as w, useRef as E, useCallback as D, useEffect as v, useMemo as T } from "react";
+import { cn as m } from "../../utils/cn.js";
+import { DEFAULT_PLACEHOLDER as P, DEFAULT_SHORTCUT_KEY as Y, DEFAULT_NOTHING_FOUND as z, DEFAULT_LIMIT as Q, FOCUS_DELAY as V, SPOTLIGHT_Z_INDEX as W } from "./Spotlight.const.js";
+const X = (l, s) => {
+  var o, u;
+  const i = s.toLowerCase();
+  return !!(l.label.toLowerCase().includes(i) || (o = l.description) != null && o.toLowerCase().includes(i) || (u = l.keywords) != null && u.some((y) => y.toLowerCase().includes(i)));
+}, I = (l, s) => {
+  if (!s) return l;
+  const i = l.toLowerCase().indexOf(s.toLowerCase());
+  return i === -1 ? l : /* @__PURE__ */ b(G, { children: [
+    l.slice(0, i),
+    /* @__PURE__ */ t("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: l.slice(i, i + s.length) }),
+    l.slice(i + s.length)
+  ] });
+}, ee = (l) => {
+  const {
+    actions: s,
+    open: i,
+    onOpenChange: o,
+    placeholder: u = P,
+    shortcutKey: y = Y,
+    shortcutMod: N = !0,
+    nothingFoundMessage: A = z,
+    highlightMatches: S = !0,
+    limit: x = Q,
+    filter: f,
+    className: O,
+    style: M,
+    testId: F
+  } = l, [U, K] = w(!1), [n, L] = w(""), [p, h] = w(0), B = E(null), C = E(null), g = i ?? U, d = D(
+    (e) => {
+      K(e), o == null || o(e), e || (L(""), h(0));
+    },
+    [o]
+  );
+  v(() => {
+    const e = (r) => {
+      (N ? r.metaKey || r.ctrlKey : !0) && r.key.toLowerCase() === y.toLowerCase() && (r.preventDefault(), d(!g)), r.key === "Escape" && g && d(!1);
+    };
+    return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+  }, [y, N, g, d]), v(() => {
+    g && setTimeout(() => {
+      var e;
+      return (e = B.current) == null ? void 0 : e.focus();
+    }, V);
+  }, [g]);
+  const c = T(() => f ? f(n, s).slice(0, x) : n ? s.filter((e) => X(e, n)).slice(0, x) : s.slice(0, x), [s, n, f, x]), R = T(() => {
+    const e = /* @__PURE__ */ new Map();
+    return c.forEach((r) => {
+      const a = r.group || "";
+      e.has(a) || e.set(a, []), e.get(a).push(r);
+    }), e;
+  }, [c]), H = D(
+    (e) => {
+      if (e.key === "ArrowDown")
+        e.preventDefault(), h((r) => Math.min(r + 1, c.length - 1));
+      else if (e.key === "ArrowUp")
+        e.preventDefault(), h((r) => Math.max(r - 1, 0));
+      else if (e.key === "Enter" && c[p]) {
+        e.preventDefault();
+        const r = c[p];
+        r.disabled || (r.onTrigger(), d(!1));
+      }
+    },
+    [c, p, d]
+  );
+  if (v(() => {
+    const e = C.current;
+    if (!e) return;
+    const r = e.querySelector('[data-active="true"]');
+    r == null || r.scrollIntoView({ block: "nearest" });
+  }, [p]), !g) return null;
+  let k = -1;
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: m(
+        "Bear-Spotlight",
+        "bear-fixed bear-inset-0 bear-flex bear-items-start bear-justify-center bear-pt-[15vh]"
+      ),
+      style: { zIndex: W },
+      "data-testid": F,
+      children: [
+        /* @__PURE__ */ t(
+          "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"
+          }
+        ),
+        /* @__PURE__ */ b(
+          "div",
+          {
+            className: m(
+              "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",
+              O
+            ),
+            style: M,
+            role: "dialog",
+            "aria-label": "Search",
+            children: [
+              /* @__PURE__ */ b("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: [
+                /* @__PURE__ */ b(
+                  "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: [
+                      /* @__PURE__ */ t("circle", { cx: "11", cy: "11", r: "8" }),
+                      /* @__PURE__ */ t("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "input",
+                  {
+                    ref: B,
+                    type: "text",
+                    value: n,
+                    onChange: (e) => {
+                      L(e.target.value), h(0);
+                    },
+                    onKeyDown: H,
+                    placeholder: u,
+                    className: m(
+                      "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
+                  }
+                ),
+                /* @__PURE__ */ t("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" })
+              ] }),
+              /* @__PURE__ */ b(
+                "div",
+                {
+                  ref: C,
+                  className: "Bear-Spotlight__results bear-max-h-[400px] bear-overflow-y-auto bear-py-2",
+                  role: "listbox",
+                  children: [
+                    c.length === 0 && /* @__PURE__ */ t("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: A }),
+                    Array.from(R.entries()).map(([e, r]) => /* @__PURE__ */ b("div", { className: "Bear-Spotlight__group", children: [
+                      e && /* @__PURE__ */ t("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 }),
+                      r.map((a) => {
+                        k++;
+                        const _ = k === p, j = k;
+                        return /* @__PURE__ */ b(
+                          "button",
+                          {
+                            className: m(
+                              "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",
+                              _ ? "bear-bg-gray-100 dark:bear-bg-gray-800" : "hover:bear-bg-gray-50 dark:hover:bear-bg-gray-800/50",
+                              a.disabled && "bear-opacity-50 bear-cursor-not-allowed"
+                            ),
+                            "data-active": _,
+                            onMouseEnter: () => h(j),
+                            onClick: () => {
+                              a.disabled || (a.onTrigger(), d(!1));
+                            },
+                            role: "option",
+                            "aria-selected": _,
+                            "aria-disabled": a.disabled,
+                            children: [
+                              a.icon && /* @__PURE__ */ t("span", { className: "Bear-Spotlight__action-icon bear-text-gray-500 dark:bear-text-gray-400 bear-shrink-0", children: a.icon }),
+                              /* @__PURE__ */ b("div", { className: "Bear-Spotlight__action-body bear-flex-1 bear-min-w-0", children: [
+                                /* @__PURE__ */ t("div", { className: "Bear-Spotlight__action-label bear-text-sm bear-font-medium bear-text-gray-900 dark:bear-text-white bear-truncate", children: S ? I(a.label, n) : a.label }),
+                                a.description && /* @__PURE__ */ t("div", { className: "Bear-Spotlight__action-desc bear-text-xs bear-text-gray-500 dark:bear-text-gray-400 bear-truncate", children: S ? I(a.description, n) : a.description })
+                              ] }),
+                              a.rightSection && /* @__PURE__ */ t("span", { className: "Bear-Spotlight__action-right bear-shrink-0", children: a.rightSection })
+                            ]
+                          },
+                          a.id
+                        );
+                      })
+                    ] }, e))
+                  ]
+                }
+              ),
+              /* @__PURE__ */ b("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: [
+                /* @__PURE__ */ b("span", { className: "bear-flex bear-items-center bear-gap-1", children: [
+                  /* @__PURE__ */ t("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"
+                ] }),
+                /* @__PURE__ */ b("span", { className: "bear-flex bear-items-center bear-gap-1", children: [
+                  /* @__PURE__ */ t("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"
+                ] }),
+                /* @__PURE__ */ b("span", { className: "bear-flex bear-items-center bear-gap-1", children: [
+                  /* @__PURE__ */ t("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"
+                ] })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ee as Spotlight
+};

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

@@ -0,0 +1,51 @@
+import { ReactNode } from 'react';
+export interface SpotlightAction {
+    /** Unique ID */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Description text */
+    description?: string;
+    /** Left icon */
+    icon?: ReactNode;
+    /** Right-side content (e.g. shortcut badge) */
+    rightSection?: ReactNode;
+    /** Group/category name */
+    group?: string;
+    /** Keywords for search matching */
+    keywords?: string[];
+    /** Callback when selected */
+    onTrigger: () => void;
+    /** Whether action is disabled */
+    disabled?: boolean;
+    /** Nested actions (submenu) */
+    children?: SpotlightAction[];
+}
+export interface SpotlightProps {
+    /** Available actions */
+    actions: SpotlightAction[];
+    /** Whether spotlight is open */
+    open?: boolean;
+    /** Callback when open changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Search placeholder */
+    placeholder?: string;
+    /** Keyboard shortcut to trigger (default: 'k') */
+    shortcutKey?: string;
+    /** Whether shortcut needs Cmd/Ctrl */
+    shortcutMod?: boolean;
+    /** Nothing found message */
+    nothingFoundMessage?: string;
+    /** Whether to highlight matches */
+    highlightMatches?: boolean;
+    /** Limit number of results */
+    limit?: number;
+    /** Custom filter function */
+    filter?: (query: string, actions: SpotlightAction[]) => SpotlightAction[];
+    /** Custom class name */
+    className?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Spotlight } from './Spotlight';
+export type { SpotlightProps, SpotlightAction } from './Spotlight.types';

package/dist/components/StatCard/StatCard.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../utils/cn.cjs"),o=({title:s,value:i,color:t="#6366f1",icon:n,onClick:r,className:a,...l})=>e.jsxs("div",{className:d.cn("relative overflow-hidden rounded-2xl p-6 transition-transform hover:scale-105 cursor-pointer",a),style:{background:`linear-gradient(135deg, ${t}dd, ${t}99)`},onClick:r,...l,children:[e.jsx("div",{className:"absolute top-0 right-0 w-32 h-32 -mr-8 -mt-8 rounded-full opacity-20 bg-white"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("p",{className:"text-white/80 text-sm font-medium mb-1",children:s}),e.jsx("p",{className:"text-white text-3xl font-bold mb-4",children:i}),r&&e.jsxs("button",{className:"flex items-center gap-2 px-4 py-1.5 bg-white/20 hover:bg-white/30 rounded-full text-white text-sm font-medium transition-colors",children:[n,"View All"]})]})]});exports.StatCard=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../utils/cn.cjs");require("react");const o=({title:s,value:i,color:t="#6366f1",icon:n,onClick:r,className:a,...l})=>e.jsxs("div",{className:d.cn("relative overflow-hidden rounded-2xl p-6 transition-transform hover:scale-105 cursor-pointer",a),style:{background:`linear-gradient(135deg, ${t}dd, ${t}99)`},onClick:r,...l,children:[e.jsx("div",{className:"absolute top-0 right-0 w-32 h-32 -mr-8 -mt-8 rounded-full opacity-20 bg-white"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("p",{className:"text-white/80 text-sm font-medium mb-1",children:s}),e.jsx("p",{className:"text-white text-3xl font-bold mb-4",children:i}),r&&e.jsxs("button",{className:"flex items-center gap-2 px-4 py-1.5 bg-white/20 hover:bg-white/30 rounded-full text-white text-sm font-medium transition-colors",children:[n,"View All"]})]})]});exports.StatCard=o;

package/dist/components/StatCard/StatCard.js

@@ -1,19 +1,20 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import { cn as n } from "../../utils/cn.js";
-const h = ({
+import "react";
+const p = ({
   title: l,
-  value: s,
+  value: o,
   color: r = "#6366f1",
-  icon: a,
+  icon: s,
   onClick: i,
-  className: o,
+  className: a,
   ...d
 }) => /* @__PURE__ */ e(
   "div",
   {
     className: n(
       "relative overflow-hidden rounded-2xl p-6 transition-transform hover:scale-105 cursor-pointer",
-      o
+      a
     ),
     style: { background: `linear-gradient(135deg, ${r}dd, ${r}99)` },
     onClick: i,
@@ -22,9 +23,9 @@ const h = ({
       /* @__PURE__ */ t("div", { className: "absolute top-0 right-0 w-32 h-32 -mr-8 -mt-8 rounded-full opacity-20 bg-white" }),
       /* @__PURE__ */ e("div", { className: "relative z-10", children: [
         /* @__PURE__ */ t("p", { className: "text-white/80 text-sm font-medium mb-1", children: l }),
-        /* @__PURE__ */ t("p", { className: "text-white text-3xl font-bold mb-4", children: s }),
+        /* @__PURE__ */ t("p", { className: "text-white text-3xl font-bold mb-4", children: o }),
         i && /* @__PURE__ */ e("button", { className: "flex items-center gap-2 px-4 py-1.5 bg-white/20 hover:bg-white/30 rounded-full text-white text-sm font-medium transition-colors", children: [
-          a,
+          s,
           "View All"
         ] })
       ] })
@@ -32,5 +33,5 @@ const h = ({
   }
 );
 export {
-  h as StatCard
+  p as StatCard
 };