@forgedevstack/bear 1.0.7 → 1.0.9

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

package/dist/components/Statistic/Statistic.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../utils/cn.cjs"),v=({title:u,value:t,prefix:i,suffix:l,icon:n,trend:r,description:c,loading:h=!1,precision:d=0,className:x,size:s="md",variant:m="default"})=>{const j=typeof t=="number"?t.toLocaleString(void 0,{minimumFractionDigits:d,maximumFractionDigits:d}):t,b={sm:{value:"bear-text-xl",title:"bear-text-xs",icon:"bear-w-8 bear-h-8"},md:{value:"bear-text-3xl",title:"bear-text-sm",icon:"bear-w-10 bear-h-10"},lg:{value:"bear-text-4xl",title:"bear-text-base",icon:"bear-w-12 bear-h-12"}},o={default:"",card:"bear-bg-zinc-800 bear-rounded-xl bear-p-4 bear-border bear-border-zinc-700",minimal:""};return h?e.jsx("div",{className:a.cn(o[m],x),children:e.jsxs("div",{className:"bear-animate-pulse",children:[e.jsx("div",{className:"bear-h-4 bear-w-20 bear-bg-zinc-700 bear-rounded bear-mb-2"}),e.jsx("div",{className:"bear-h-8 bear-w-32 bear-bg-zinc-700 bear-rounded"})]})}):e.jsxs("div",{className:a.cn("bear-flex bear-items-start bear-gap-3",o[m],x),children:[n&&e.jsx("div",{className:a.cn("bear-flex bear-items-center bear-justify-center bear-rounded-lg bear-bg-pink-500/20 bear-text-pink-400",b[s].icon),children:n}),e.jsxs("div",{children:[e.jsx("div",{className:a.cn("bear-text-zinc-400 bear-mb-1",b[s].title),children:u}),e.jsxs("div",{className:a.cn("bear-font-bold bear-text-white bear-flex bear-items-baseline bear-gap-1",b[s].value),children:[i&&e.jsx("span",{className:"bear-text-zinc-400",children:i}),j,l&&e.jsx("span",{className:"bear-text-zinc-400 bear-text-lg",children:l})]}),r&&e.jsxs("div",{className:a.cn("bear-flex bear-items-center bear-gap-1 bear-mt-1 bear-text-sm",r.isUpward!==!1?"bear-text-green-400":"bear-text-red-400"),children:[e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:r.isUpward!==!1?"M5 10l7-7m0 0l7 7m-7-7v18":"M19 14l-7 7m0 0l-7-7m7 7V3"})}),Math.abs(r.value),"%"]}),c&&e.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mt-1",children:c})]})]})};exports.Statistic=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../utils/cn.cjs");require("react");const v=({title:u,value:t,prefix:b,suffix:l,icon:n,trend:r,description:c,loading:h=!1,precision:d=0,className:x,size:s="md",variant:m="default"})=>{const j=typeof t=="number"?t.toLocaleString(void 0,{minimumFractionDigits:d,maximumFractionDigits:d}):t,i={sm:{value:"bear-text-xl",title:"bear-text-xs",icon:"bear-w-8 bear-h-8"},md:{value:"bear-text-3xl",title:"bear-text-sm",icon:"bear-w-10 bear-h-10"},lg:{value:"bear-text-4xl",title:"bear-text-base",icon:"bear-w-12 bear-h-12"}},o={default:"",card:"bear-bg-zinc-800 bear-rounded-xl bear-p-4 bear-border bear-border-zinc-700",minimal:""};return h?e.jsx("div",{className:a.cn(o[m],x),children:e.jsxs("div",{className:"bear-animate-pulse",children:[e.jsx("div",{className:"bear-h-4 bear-w-20 bear-bg-zinc-700 bear-rounded bear-mb-2"}),e.jsx("div",{className:"bear-h-8 bear-w-32 bear-bg-zinc-700 bear-rounded"})]})}):e.jsxs("div",{className:a.cn("bear-flex bear-items-start bear-gap-3",o[m],x),children:[n&&e.jsx("div",{className:a.cn("bear-flex bear-items-center bear-justify-center bear-rounded-lg bear-bg-pink-500/20 bear-text-pink-400",i[s].icon),children:n}),e.jsxs("div",{children:[e.jsx("div",{className:a.cn("bear-text-zinc-400 bear-mb-1",i[s].title),children:u}),e.jsxs("div",{className:a.cn("bear-font-bold bear-text-white bear-flex bear-items-baseline bear-gap-1",i[s].value),children:[b&&e.jsx("span",{className:"bear-text-zinc-400",children:b}),j,l&&e.jsx("span",{className:"bear-text-zinc-400 bear-text-lg",children:l})]}),r&&e.jsxs("div",{className:a.cn("bear-flex bear-items-center bear-gap-1 bear-mt-1 bear-text-sm",r.isUpward!==!1?"bear-text-green-400":"bear-text-red-400"),children:[e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:r.isUpward!==!1?"M5 10l7-7m0 0l7 7m-7-7v18":"M19 14l-7 7m0 0l-7-7m7 7V3"})}),Math.abs(r.value),"%"]}),c&&e.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mt-1",children:c})]})]})};exports.Statistic=v;

package/dist/components/Statistic/Statistic.js

@@ -1,20 +1,21 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { cn as a } from "../../utils/cn.js";
-const N = ({
+import "react";
+const w = ({
   title: u,
   value: b,
   prefix: l,
   suffix: n,
   icon: c,
   trend: t,
-  description: d,
+  description: m,
   loading: v = !1,
-  precision: m = 0,
+  precision: d = 0,
   className: o,
   size: i = "md",
   variant: x = "default"
 }) => {
-  const g = typeof b == "number" ? b.toLocaleString(void 0, { minimumFractionDigits: m, maximumFractionDigits: m }) : b, s = {
+  const g = typeof b == "number" ? b.toLocaleString(void 0, { minimumFractionDigits: d, maximumFractionDigits: d }) : b, s = {
     sm: { value: "bear-text-xl", title: "bear-text-xs", icon: "bear-w-8 bear-h-8" },
     md: { value: "bear-text-3xl", title: "bear-text-sm", icon: "bear-w-10 bear-h-10" },
     lg: { value: "bear-text-4xl", title: "bear-text-base", icon: "bear-w-12 bear-h-12" }
@@ -46,10 +47,10 @@ const N = ({
         Math.abs(t.value),
         "%"
       ] }),
-      d && /* @__PURE__ */ e("div", { className: "bear-text-xs bear-text-zinc-500 bear-mt-1", children: d })
+      m && /* @__PURE__ */ e("div", { className: "bear-text-xs bear-text-zinc-500 bear-mt-1", children: m })
     ] })
   ] });
 };
 export {
-  N as Statistic
+  w as Statistic
 };

package/dist/components/Switch/Switch.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../../utils/cn.cjs"),g="Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor-pointer",h="bear-opacity-50 bear-cursor-not-allowed",C="Bear-Switch__track bear-relative bear-inline-flex bear-items-center bear-shrink-0 bear-rounded-full bear-transition-colors bear-duration-200 focus-within:bear-ring-2 focus-within:bear-ring-pink-500 focus-within:bear-ring-offset-2 focus-within:bear-ring-offset-white dark:focus-within:bear-ring-offset-zinc-900",p="bear-bg-pink-500",E="bear-bg-gray-300 dark:bear-bg-gray-600",A="Bear-Switch__thumb bear-absolute bear-top-0.5 bear-left-0.5 bear-rounded-full bear-bg-white bear-shadow bear-transition-transform bear-duration-200 bear-flex bear-items-center bear-justify-center",y="Bear-Switch__label bear-text-sm bear-text-gray-700 dark:bear-text-gray-300",l="Bear-Switch__icon bear-flex bear-items-center bear-justify-center",j={sm:{track:"bear-w-8 bear-h-4",thumb:"bear-w-3 bear-h-3",translate:"bear-translate-x-4",iconSize:8},md:{track:"bear-w-11 bear-h-6",thumb:"bear-w-5 bear-h-5",translate:"bear-translate-x-5",iconSize:12},lg:{track:"bear-w-14 bear-h-7",thumb:"bear-w-6 bear-h-6",translate:"bear-translate-x-7",iconSize:16}},T=({label:o,checked:r=!1,onCheckedChange:t,size:u="md",disabled:s=!1,uncheckedIcon:n,checkedIcon:b,showIconsInThumb:S=!1,className:f,testId:x,id:_,...m})=>{const w=()=>{s||t==null||t(!r)},i=j[u],c=n||b;return a.jsxs("label",{id:_,"data-testid":x,className:e.cn(g,s&&h,f),children:[a.jsx("input",{type:"checkbox",checked:r,onChange:w,disabled:s,className:"bear-sr-only",...m}),a.jsxs("span",{className:e.cn(C,r?p:E,i.track),children:[c&&!S&&a.jsxs(a.Fragment,{children:[a.jsx("span",{className:e.cn(l,"bear-absolute bear-left-1",r?"bear-text-white":"bear-text-transparent","bear-transition-colors bear-duration-200"),children:b}),a.jsx("span",{className:e.cn(l,"bear-absolute bear-right-1",r?"bear-text-transparent":"bear-text-gray-600 dark:bear-text-gray-400","bear-transition-colors bear-duration-200"),children:n})]}),a.jsx("span",{className:e.cn(A,r&&i.translate,i.thumb),children:c&&S&&a.jsx("span",{className:e.cn(l,r?"bear-text-pink-500":"bear-text-gray-400"),children:r?b:n})})]}),o&&a.jsx("span",{className:y,children:o})]})};exports.Switch=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("../../utils/cn.cjs");require("react");const g="Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor-pointer",h="bear-opacity-50 bear-cursor-not-allowed",C="Bear-Switch__track bear-relative bear-inline-flex bear-items-center bear-shrink-0 bear-rounded-full bear-transition-colors bear-duration-200 focus-within:bear-ring-2 focus-within:bear-ring-pink-500 focus-within:bear-ring-offset-2 focus-within:bear-ring-offset-white dark:focus-within:bear-ring-offset-zinc-900",p="bear-bg-pink-500",E="bear-bg-gray-300 dark:bear-bg-gray-600",A="Bear-Switch__thumb bear-absolute bear-top-0.5 bear-left-0.5 bear-rounded-full bear-bg-white bear-shadow bear-transition-transform bear-duration-200 bear-flex bear-items-center bear-justify-center",y="Bear-Switch__label bear-text-sm bear-text-gray-700 dark:bear-text-gray-300",l="Bear-Switch__icon bear-flex bear-items-center bear-justify-center",j={sm:{track:"bear-w-8 bear-h-4",thumb:"bear-w-3 bear-h-3",translate:"bear-translate-x-4",iconSize:8},md:{track:"bear-w-11 bear-h-6",thumb:"bear-w-5 bear-h-5",translate:"bear-translate-x-5",iconSize:12},lg:{track:"bear-w-14 bear-h-7",thumb:"bear-w-6 bear-h-6",translate:"bear-translate-x-7",iconSize:16}},T=({label:o,checked:a=!1,onCheckedChange:t,size:u="md",disabled:s=!1,uncheckedIcon:n,checkedIcon:b,showIconsInThumb:S=!1,className:f,testId:x,id:_,...m})=>{const w=()=>{s||t==null||t(!a)},i=j[u],c=n||b;return r.jsxs("label",{id:_,"data-testid":x,className:e.cn(g,s&&h,f),children:[r.jsx("input",{type:"checkbox",checked:a,onChange:w,disabled:s,className:"bear-sr-only",...m}),r.jsxs("span",{className:e.cn(C,a?p:E,i.track),children:[c&&!S&&r.jsxs(r.Fragment,{children:[r.jsx("span",{className:e.cn(l,"bear-absolute bear-left-1",a?"bear-text-white":"bear-text-transparent","bear-transition-colors bear-duration-200"),children:b}),r.jsx("span",{className:e.cn(l,"bear-absolute bear-right-1",a?"bear-text-transparent":"bear-text-gray-600 dark:bear-text-gray-400","bear-transition-colors bear-duration-200"),children:n})]}),r.jsx("span",{className:e.cn(A,a&&i.translate,i.thumb),children:c&&S&&r.jsx("span",{className:e.cn(l,a?"bear-text-pink-500":"bear-text-gray-400"),children:a?b:n})})]}),o&&r.jsx("span",{className:y,children:o})]})};exports.Switch=T;

package/dist/components/Switch/Switch.js

@@ -1,5 +1,6 @@
-import { jsxs as o, jsx as r, Fragment as p } from "react/jsx-runtime";
+import { jsxs as o, jsx as r, Fragment as h } from "react/jsx-runtime";
 import { cn as e } from "../../utils/cn.js";
+import "react";
 const C = "Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor-pointer", g = "bear-opacity-50 bear-cursor-not-allowed", E = "Bear-Switch__track bear-relative bear-inline-flex bear-items-center bear-shrink-0 bear-rounded-full bear-transition-colors bear-duration-200 focus-within:bear-ring-2 focus-within:bear-ring-pink-500 focus-within:bear-ring-offset-2 focus-within:bear-ring-offset-white dark:focus-within:bear-ring-offset-zinc-900", A = "bear-bg-pink-500", y = "bear-bg-gray-300 dark:bear-bg-gray-600", T = "Bear-Switch__thumb bear-absolute bear-top-0.5 bear-left-0.5 bear-rounded-full bear-bg-white bear-shadow bear-transition-transform bear-duration-200 bear-flex bear-items-center bear-justify-center", H = "Bear-Switch__label bear-text-sm bear-text-gray-700 dark:bear-text-gray-300", l = "Bear-Switch__icon bear-flex bear-items-center bear-justify-center", L = {
   sm: {
     track: "bear-w-8 bear-h-4",
@@ -19,7 +20,7 @@ const C = "Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor
     translate: "bear-translate-x-7",
     iconSize: 16
   }
-}, d = ({
+}, W = ({
   label: S,
   checked: a = !1,
   onCheckedChange: t,
@@ -30,16 +31,16 @@ const C = "Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor
   showIconsInThumb: c = !1,
   className: m,
   testId: u,
-  id: w,
-  ...x
+  id: p,
+  ...w
 }) => {
-  const h = () => {
+  const x = () => {
     s || t == null || t(!a);
   }, i = L[_], f = b || n;
   return /* @__PURE__ */ o(
     "label",
     {
-      id: w,
+      id: p,
       "data-testid": u,
       className: e(
         C,
@@ -52,10 +53,10 @@ const C = "Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor
           {
             type: "checkbox",
             checked: a,
-            onChange: h,
+            onChange: x,
             disabled: s,
             className: "bear-sr-only",
-            ...x
+            ...w
           }
         ),
         /* @__PURE__ */ o(
@@ -67,7 +68,7 @@ const C = "Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor
               i.track
             ),
             children: [
-              f && !c && /* @__PURE__ */ o(p, { children: [
+              f && !c && /* @__PURE__ */ o(h, { children: [
                 /* @__PURE__ */ r("span", { className: e(
                   l,
                   "bear-absolute bear-left-1",
@@ -104,5 +105,5 @@ const C = "Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor
   );
 };
 export {
-  d as Switch
+  W as Switch
 };

package/dist/components/Terminal/Terminal.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),K=require("../../utils/cn.cjs"),P=require("../Typography/Typography.cjs"),B=require("../Spinner/Spinner.cjs"),l=require("./Terminal.const.cjs"),O=({lines:m,onCommand:u,cwd:E=l.TERMINAL_DEFAULTS.CWD,user:S=l.TERMINAL_DEFAULTS.USER,host:w=l.TERMINAL_DEFAULTS.HOST,prompt:h,title:I=l.TERMINAL_DEFAULTS.TITLE,showHeader:y=!0,showLineNumbers:L=!1,showTimestamps:R=!1,readOnly:x=!1,height:f=l.TERMINAL_DEFAULTS.HEIGHT,theme:k="dark",history:A,onHistoryChange:C,autoScroll:g=!0,className:D,testId:M,isLoading:j=!1})=>{const a=l.TERMINAL_THEMES[k],[o,c]=n.useState(""),[i,p]=n.useState(-1),[_,H]=n.useState([]),r=A??_,N=C??H,T=n.useRef(null),d=n.useRef(null);n.useEffect(()=>{g&&d.current&&(d.current.scrollTop=d.current.scrollHeight)},[m,g]);const U=n.useCallback(()=>{var s;x||(s=T.current)==null||s.focus()},[x]),b=n.useCallback(()=>{o.trim()&&u&&(u(o.trim()),N([...r,o.trim()]),p(-1),c(""))},[o,u,r,N]),q=n.useCallback(s=>{if(s.key==="Enter")b();else if(s.key==="ArrowUp"){if(s.preventDefault(),r.length>0){const t=i===-1?r.length-1:Math.max(0,i-1);p(t),c(r[t])}}else if(s.key==="ArrowDown"){if(s.preventDefault(),i!==-1){const t=i+1;t>=r.length?(p(-1),c("")):(p(t),c(r[t]))}}else s.key==="c"&&s.ctrlKey&&(c(""),p(-1))},[b,r,i]),v=()=>h||e.jsxs(e.Fragment,{children:[e.jsxs("span",{style:{color:a.prompt},children:[S,"@",w]}),e.jsx("span",{className:"opacity-50",children:":"}),e.jsx("span",{className:"text-blue-400",children:E}),e.jsx("span",{className:"opacity-50",children:"$"})]}),F=(s,t)=>{const $=l.LINE_TYPE_COLORS[s.type];return e.jsxs("div",{className:"flex gap-2 py-0.5 hover:bg-white/5",children:[L&&e.jsx("span",{className:"opacity-30 w-8 text-right select-none",children:t+1}),R&&s.timestamp&&e.jsxs("span",{className:"opacity-30 select-none",children:["[",s.timestamp.toLocaleTimeString(),"]"]}),s.type==="input"?e.jsxs("div",{className:"flex gap-2",children:[e.jsx("span",{className:"flex gap-1 select-none",children:s.prefix||v()}),e.jsx("span",{children:s.content})]}):e.jsx("span",{style:{color:$},children:s.content})]},s.id)};return e.jsxs("div",{className:K.cn("Bear-Terminal","rounded-lg overflow-hidden font-mono text-sm",D),style:{backgroundColor:a.bg,color:a.text,border:`1px solid ${a.border}`,height:typeof f=="number"?`${f}px`:f},"data-testid":M,onClick:U,children:[y&&e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2",style:{backgroundColor:a.header,borderBottom:`1px solid ${a.border}`},children:[e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx("div",{className:"w-3 h-3 rounded-full bg-red-500"}),e.jsx("div",{className:"w-3 h-3 rounded-full bg-yellow-500"}),e.jsx("div",{className:"w-3 h-3 rounded-full bg-green-500"})]}),e.jsx(P.Typography,{variant:"caption",className:"flex-1 text-center opacity-60",children:I}),e.jsx("div",{className:"w-14"})," "]}),e.jsxs("div",{ref:d,className:"overflow-y-auto p-4",style:{height:y?"calc(100% - 40px)":"100%"},children:[m.map((s,t)=>F(s,t)),j&&e.jsxs("div",{className:"flex items-center gap-2 py-0.5",children:[e.jsx(B.Spinner,{size:"sm"}),e.jsx("span",{className:"opacity-50",children:"Processing..."})]}),!x&&e.jsxs("div",{className:"flex gap-2 py-0.5",children:[e.jsx("span",{className:"flex gap-1 select-none",children:v()}),e.jsx("input",{ref:T,type:"text",value:o,onChange:s=>c(s.target.value),onKeyDown:q,className:"flex-1 bg-transparent outline-none caret-current",style:{color:"inherit"},autoComplete:"off",spellCheck:!1,disabled:j})]})]})]})};exports.Terminal=O;

package/dist/components/Terminal/Terminal.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={HEIGHT:400,USER:"user",HOST:"localhost",CWD:"~",TITLE:"Terminal"},a={input:"inherit",output:"inherit",error:"#ef4444",success:"#22c55e",warning:"#f59e0b",info:"#3b82f6",system:"#a855f7"},t={dark:{bg:"#1a1a2e",text:"#eaeaea",prompt:"#22c55e",border:"#2d2d44",header:"#16162a"},light:{bg:"#fafafa",text:"#1a1a2e",prompt:"#16a34a",border:"#e5e5e5",header:"#f0f0f0"},matrix:{bg:"#0d0d0d",text:"#00ff00",prompt:"#00ff00",border:"#003300",header:"#0a0a0a"}};exports.LINE_TYPE_COLORS=a;exports.TERMINAL_DEFAULTS=e;exports.TERMINAL_THEMES=t;

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

@@ -0,0 +1,32 @@
+import { TerminalLineType } from './Terminal.types';
+export declare const TERMINAL_DEFAULTS: {
+    readonly HEIGHT: 400;
+    readonly USER: "user";
+    readonly HOST: "localhost";
+    readonly CWD: "~";
+    readonly TITLE: "Terminal";
+};
+export declare const LINE_TYPE_COLORS: Record<TerminalLineType, string>;
+export declare const TERMINAL_THEMES: {
+    readonly dark: {
+        readonly bg: "#1a1a2e";
+        readonly text: "#eaeaea";
+        readonly prompt: "#22c55e";
+        readonly border: "#2d2d44";
+        readonly header: "#16162a";
+    };
+    readonly light: {
+        readonly bg: "#fafafa";
+        readonly text: "#1a1a2e";
+        readonly prompt: "#16a34a";
+        readonly border: "#e5e5e5";
+        readonly header: "#f0f0f0";
+    };
+    readonly matrix: {
+        readonly bg: "#0d0d0d";
+        readonly text: "#00ff00";
+        readonly prompt: "#00ff00";
+        readonly border: "#003300";
+        readonly header: "#0a0a0a";
+    };
+};

package/dist/components/Terminal/Terminal.const.js

@@ -0,0 +1,42 @@
+const e = {
+  HEIGHT: 400,
+  USER: "user",
+  HOST: "localhost",
+  CWD: "~",
+  TITLE: "Terminal"
+}, a = {
+  input: "inherit",
+  output: "inherit",
+  error: "#ef4444",
+  success: "#22c55e",
+  warning: "#f59e0b",
+  info: "#3b82f6",
+  system: "#a855f7"
+}, r = {
+  dark: {
+    bg: "#1a1a2e",
+    text: "#eaeaea",
+    prompt: "#22c55e",
+    border: "#2d2d44",
+    header: "#16162a"
+  },
+  light: {
+    bg: "#fafafa",
+    text: "#1a1a2e",
+    prompt: "#16a34a",
+    border: "#e5e5e5",
+    header: "#f0f0f0"
+  },
+  matrix: {
+    bg: "#0d0d0d",
+    text: "#00ff00",
+    prompt: "#00ff00",
+    border: "#003300",
+    header: "#0a0a0a"
+  }
+};
+export {
+  a as LINE_TYPE_COLORS,
+  e as TERMINAL_DEFAULTS,
+  r as TERMINAL_THEMES
+};

package/dist/components/Terminal/Terminal.d.ts

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+import { TerminalProps } from './Terminal.types';
+/**
+ * Terminal - Console/terminal emulator component
+ *
+ * @example
+ * ```tsx
+ * const [lines, setLines] = useState<TerminalLine[]>([
+ *   { id: '1', type: 'output', content: 'Welcome to Bear Terminal!' },
+ * ]);
+ *
+ * <Terminal
+ *   lines={lines}
+ *   onCommand={(cmd) => {
+ *     setLines([
+ *       ...lines,
+ *       { id: Date.now().toString(), type: 'input', content: cmd },
+ *       { id: (Date.now() + 1).toString(), type: 'output', content: `Executed: ${cmd}` },
+ *     ]);
+ *   }}
+ *   user="bear"
+ *   host="forge"
+ * />
+ * ```
+ */
+export declare const Terminal: FC<TerminalProps>;
+export default Terminal;