@forgedevstack/bear 1.0.7 → 1.0.8

package/dist/components/QRCode/QRCode.const.js

@@ -0,0 +1,11 @@
+const E = {
+  SIZE: 128,
+  LEVEL: "M",
+  BG_COLOR: "#ffffff",
+  FG_COLOR: "#000000",
+  INCLUDE_MARGIN: !0,
+  IMAGE_SIZE: 0.2
+};
+export {
+  E as QRCODE_DEFAULTS
+};

package/dist/components/QRCode/QRCode.d.ts

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+import { QRCodeProps } from './QRCode.types';
+/**
+ * QRCode - QR code generator component
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <QRCode value="https://forgestack.dev" />
+ *
+ * // Custom styling
+ * <QRCode
+ *   value="Hello World"
+ *   size={200}
+ *   fgColor="#ec4899"
+ *   bgColor="transparent"
+ * />
+ *
+ * // With center logo
+ * <QRCode
+ *   value="https://forgestack.dev"
+ *   imageUrl="/logo.png"
+ *   imageSize={0.25}
+ *   level="H"
+ * />
+ * ```
+ */
+export declare const QRCode: FC<QRCodeProps>;
+export default QRCode;

package/dist/components/QRCode/QRCode.js

@@ -0,0 +1,68 @@
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import { cn as w } from "../../utils/cn.js";
+import { QRCODE_DEFAULTS as r } from "./QRCode.const.js";
+import { generateQRMatrix as C, matrixToSvgPath as D } from "./QRCode.utils.js";
+const Q = ({
+  value: n,
+  size: t = r.SIZE,
+  level: c = r.LEVEL,
+  bgColor: s = r.BG_COLOR,
+  fgColor: g = r.FG_COLOR,
+  includeMargin: d = r.INCLUDE_MARGIN,
+  imageUrl: f,
+  imageSize: E = r.IMAGE_SIZE,
+  className: R,
+  style: L,
+  testId: M
+}) => {
+  const l = u(() => {
+    if (!n) return null;
+    const h = C(n, c), m = d ? 4 : 0, p = h.size + m * 2, a = t / p, O = D(h, a, m * a);
+    return { matrix: h, path: O, cellSize: a, margin: m, totalModules: p };
+  }, [n, c, t, d]);
+  if (!l) return null;
+  const o = t * E, i = (t - o) / 2;
+  return /* @__PURE__ */ x(
+    "svg",
+    {
+      className: w("Bear-QRCode", R),
+      width: t,
+      height: t,
+      viewBox: `0 0 ${t} ${t}`,
+      style: L,
+      "data-testid": M,
+      children: [
+        /* @__PURE__ */ e("rect", { width: t, height: t, fill: s }),
+        /* @__PURE__ */ e("path", { d: l.path, fill: g }),
+        f && /* @__PURE__ */ x("g", { children: [
+          /* @__PURE__ */ e(
+            "rect",
+            {
+              x: i - 4,
+              y: i - 4,
+              width: o + 8,
+              height: o + 8,
+              fill: s,
+              rx: 4
+            }
+          ),
+          /* @__PURE__ */ e(
+            "image",
+            {
+              href: f,
+              x: i,
+              y: i,
+              width: o,
+              height: o,
+              preserveAspectRatio: "xMidYMid slice"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  Q as QRCode
+};

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

@@ -0,0 +1,32 @@
+import { CSSProperties } from 'react';
+export interface QRCodeProps {
+    /** The value to encode in the QR code */
+    value: string;
+    /** Size in pixels */
+    size?: number;
+    /** Error correction level */
+    level?: 'L' | 'M' | 'Q' | 'H';
+    /** Background color */
+    bgColor?: string;
+    /** Foreground color */
+    fgColor?: string;
+    /** Include margin (quiet zone) */
+    includeMargin?: boolean;
+    /** Center image URL */
+    imageUrl?: string;
+    /** Center image size (as percentage of QR code size) */
+    imageSize?: number;
+    /** Render as canvas or SVG */
+    renderAs?: 'canvas' | 'svg';
+    /** Custom class name */
+    className?: string;
+    /** Custom style */
+    style?: CSSProperties;
+    /** Test ID */
+    testId?: string;
+}
+export interface QRCodeCell {
+    row: number;
+    col: number;
+    isDark: boolean;
+}

package/dist/components/QRCode/QRCode.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function y(a,i){const f=[17,32,53,78,106,134,154,192,230],r=i==="L"?1:i==="M"?.85:i==="Q"?.65:.5;for(let e=1;e<=9;e++)if(a<=f[e-1]*r)return e;return 9}function v(a,i="M"){const f=y(a.length,i),r=f*4+17,e=Array(r).fill(null).map(()=>Array(r).fill(!1)),h=(t,n)=>{for(let o=-1;o<=7;o++)for(let s=-1;s<=7;s++){const c=t+o,d=n+s;if(c>=0&&c<r&&d>=0&&d<r){const M=o===-1||o===7||s===-1||s===7,p=o>=1&&o<=5&&s>=1&&s<=5,x=o>=2&&o<=4&&s>=2&&s<=4;e[c][d]=!M&&(x||!p)}}};h(0,0),h(0,r-7),h(r-7,0);for(let t=8;t<r-8;t++)e[6][t]=t%2===0,e[t][6]=t%2===0;if(f>=2){const t=r-7;for(let n=-2;n<=2;n++)for(let o=-2;o<=2;o++){const s=t+n,c=t+o;if(s>=0&&s<r&&c>=0&&c<r){const d=Math.abs(n)===2||Math.abs(o)===2,M=n===0&&o===0;e[s][c]=d||M}}}const l=new TextEncoder().encode(a);let u=0,g=0;for(let t=r-1;t>=1;t-=2){t===6&&(t=5);for(let n=0;n<r;n++)for(let o=0;o<2;o++){const s=t-o,c=(t+1)%4<2?r-1-n:n;if(!b(c,s,r,f))if(u<l.length){const d=l[u]>>7-g&1;e[c][s]=d===1,g++,g===8&&(g=0,u++)}else e[c][s]=(c+s)%2===0}}for(let t=0;t<r;t++)for(let n=0;n<r;n++)b(t,n,r,f)||(t+n)%2===0&&(e[t][n]=!e[t][n]);return{size:r,modules:e}}function b(a,i,f,r){if(a<=8&&i<=8||a<=8&&i>=f-8||a>=f-8&&i<=8||a===6||i===6)return!0;if(r>=2){const e=f-7;if(Math.abs(a-e)<=2&&Math.abs(i-e)<=2)return!0}return!1}function P(a,i,f){const{size:r,modules:e}=a;let h="";for(let l=0;l<r;l++)for(let u=0;u<r;u++)if(e[l][u]){const g=f+u*i,t=f+l*i;h+=`M${g},${t}h${i}v${i}h-${i}z`}return h}exports.generateQRMatrix=v;exports.matrixToSvgPath=P;

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

@@ -0,0 +1,12 @@
+/**
+ * Simplified QR Code generator utilities
+ * Note: For production, consider using a dedicated library like 'qrcode'
+ * This is a basic implementation for demonstration purposes
+ */
+interface QRMatrix {
+    size: number;
+    modules: boolean[][];
+}
+export declare function generateQRMatrix(text: string, level?: string): QRMatrix;
+export declare function matrixToSvgPath(matrix: QRMatrix, cellSize: number, margin: number): string;
+export {};

package/dist/components/QRCode/QRCode.utils.js

@@ -0,0 +1,74 @@
+function y(c, f) {
+  const i = [17, 32, 53, 78, 106, 134, 154, 192, 230], n = f === "L" ? 1 : f === "M" ? 0.85 : f === "Q" ? 0.65 : 0.5;
+  for (let r = 1; r <= 9; r++)
+    if (c <= i[r - 1] * n) return r;
+  return 9;
+}
+function $(c, f = "M") {
+  const i = y(c.length, f), n = i * 4 + 17, r = Array(n).fill(null).map(() => Array(n).fill(!1)), h = (t, e) => {
+    for (let o = -1; o <= 7; o++)
+      for (let s = -1; s <= 7; s++) {
+        const a = t + o, d = e + s;
+        if (a >= 0 && a < n && d >= 0 && d < n) {
+          const M = o === -1 || o === 7 || s === -1 || s === 7, x = o >= 1 && o <= 5 && s >= 1 && s <= 5, g = o >= 2 && o <= 4 && s >= 2 && s <= 4;
+          r[a][d] = !M && (g || !x);
+        }
+      }
+  };
+  h(0, 0), h(0, n - 7), h(n - 7, 0);
+  for (let t = 8; t < n - 8; t++)
+    r[6][t] = t % 2 === 0, r[t][6] = t % 2 === 0;
+  if (i >= 2) {
+    const t = n - 7;
+    for (let e = -2; e <= 2; e++)
+      for (let o = -2; o <= 2; o++) {
+        const s = t + e, a = t + o;
+        if (s >= 0 && s < n && a >= 0 && a < n) {
+          const d = Math.abs(e) === 2 || Math.abs(o) === 2, M = e === 0 && o === 0;
+          r[s][a] = d || M;
+        }
+      }
+  }
+  const l = new TextEncoder().encode(c);
+  let u = 0, p = 0;
+  for (let t = n - 1; t >= 1; t -= 2) {
+    t === 6 && (t = 5);
+    for (let e = 0; e < n; e++)
+      for (let o = 0; o < 2; o++) {
+        const s = t - o, a = (t + 1) % 4 < 2 ? n - 1 - e : e;
+        if (!b(a, s, n, i))
+          if (u < l.length) {
+            const d = l[u] >> 7 - p & 1;
+            r[a][s] = d === 1, p++, p === 8 && (p = 0, u++);
+          } else
+            r[a][s] = (a + s) % 2 === 0;
+      }
+  }
+  for (let t = 0; t < n; t++)
+    for (let e = 0; e < n; e++)
+      b(t, e, n, i) || (t + e) % 2 === 0 && (r[t][e] = !r[t][e]);
+  return { size: n, modules: r };
+}
+function b(c, f, i, n) {
+  if (c <= 8 && f <= 8 || c <= 8 && f >= i - 8 || c >= i - 8 && f <= 8 || c === 6 || f === 6) return !0;
+  if (n >= 2) {
+    const r = i - 7;
+    if (Math.abs(c - r) <= 2 && Math.abs(f - r) <= 2) return !0;
+  }
+  return !1;
+}
+function v(c, f, i) {
+  const { size: n, modules: r } = c;
+  let h = "";
+  for (let l = 0; l < n; l++)
+    for (let u = 0; u < n; u++)
+      if (r[l][u]) {
+        const p = i + u * f, t = i + l * f;
+        h += `M${p},${t}h${f}v${f}h-${f}z`;
+      }
+  return h;
+}
+export {
+  $ as generateQRMatrix,
+  v as matrixToSvgPath
+};

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

@@ -0,0 +1,3 @@
+export { QRCode, default } from './QRCode';
+export * from './QRCode.types';
+export * from './QRCode.const';

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

@@ -1,7 +1,7 @@
-import { EmberSize } from '../../types';
+import { BearSize } from '../../types';
 export interface SpinnerProps {
     /** Spinner size */
-    size?: EmberSize;
+    size?: BearSize;
     /** Additional class names */
     className?: string;
     /** Spinner color (CSS color value) */

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;

package/dist/components/Terminal/Terminal.js

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

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

@@ -0,0 +1,49 @@
+import { ReactNode } from 'react';
+export type TerminalLineType = 'input' | 'output' | 'error' | 'success' | 'warning' | 'info' | 'system';
+export interface TerminalLine {
+    id: string;
+    type: TerminalLineType;
+    content: string | ReactNode;
+    timestamp?: Date;
+    prefix?: string;
+}
+export interface TerminalProps {
+    /** Array of terminal lines */
+    lines: TerminalLine[];
+    /** Callback when user submits a command */
+    onCommand?: (command: string) => void;
+    /** Current working directory to display */
+    cwd?: string;
+    /** Username to display */
+    user?: string;
+    /** Hostname to display */
+    host?: string;
+    /** Shell prompt prefix (overrides user@host) */
+    prompt?: string | ReactNode;
+    /** Title in the header */
+    title?: string;
+    /** Show header with controls */
+    showHeader?: boolean;
+    /** Show line numbers */
+    showLineNumbers?: boolean;
+    /** Show timestamps */
+    showTimestamps?: boolean;
+    /** Read-only mode (no input) */
+    readOnly?: boolean;
+    /** Height of the terminal */
+    height?: number | string;
+    /** Theme variant */
+    theme?: 'dark' | 'light' | 'matrix';
+    /** Command history */
+    history?: string[];
+    /** Callback when history changes */
+    onHistoryChange?: (history: string[]) => void;
+    /** Auto-scroll to bottom */
+    autoScroll?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+    /** Loading state */
+    isLoading?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { Terminal } from './Terminal';
+export type { TerminalProps, TerminalLine, TerminalLineType } from './Terminal.types';

package/dist/components/Tour/Tour.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),L=require("../../utils/cn.cjs"),U=require("../Button/Button.cjs"),v=require("../Typography/Typography.cjs"),a=require("./Tour.const.cjs"),G=({steps:T,open:u=!1,current:A,onClose:d,onStepChange:b,onFinish:f,showIndicators:N=a.TOUR_DEFAULTS.SHOW_INDICATORS,showCloseButton:I=a.TOUR_DEFAULTS.SHOW_CLOSE_BUTTON,showSkipButton:w=a.TOUR_DEFAULTS.SHOW_SKIP_BUTTON,showPrevButton:P=a.TOUR_DEFAULTS.SHOW_PREV_BUTTON,finishText:D=a.TOUR_DEFAULTS.FINISH_TEXT,skipText:y=a.TOUR_DEFAULTS.SKIP_TEXT,maskOpacity:g=a.TOUR_DEFAULTS.MASK_OPACITY,maskColor:m=a.TOUR_DEFAULTS.MASK_COLOR,animated:E=a.TOUR_DEFAULTS.ANIMATED,className:k,testId:j})=>{const[B,x]=s.useState(0),[r,F]=s.useState(null),[R,M]=s.useState({top:0,left:0}),z=s.useRef(null),c=A??B,e=T[c],_=c===T.length-1,H=c===0,O=s.useCallback(()=>e?typeof e.target=="function"?e.target():document.querySelector(e.target):null,[e]),S=s.useCallback(()=>{const t=O();if(t){const i=t.getBoundingClientRect();F(i)}},[O]);s.useEffect(()=>{if(!r||!e)return;const t=e.placement||a.TOUR_DEFAULTS.PLACEMENT,i=e.spotlightPadding??a.TOUR_DEFAULTS.SPOTLIGHT_PADDING;let l=0,n=0;switch(t){case"top":case"top-start":case"top-end":l=r.top-a.TOUR_TOOLTIP_OFFSET-i,n=t==="top"?r.left+r.width/2:t==="top-start"?r.left:r.right;break;case"bottom":case"bottom-start":case"bottom-end":l=r.bottom+a.TOUR_TOOLTIP_OFFSET+i,n=t==="bottom"?r.left+r.width/2:t==="bottom-start"?r.left:r.right;break;case"left":case"left-start":case"left-end":n=r.left-a.TOUR_TOOLTIP_OFFSET-i,l=t==="left"?r.top+r.height/2:t==="left-start"?r.top:r.bottom;break;case"right":case"right-start":case"right-end":n=r.right+a.TOUR_TOOLTIP_OFFSET+i,l=t==="right"?r.top+r.height/2:t==="right-start"?r.top:r.bottom;break}M({top:l,left:n})},[r,e]),s.useEffect(()=>{if(!u)return;S();const t=()=>S();return window.addEventListener("resize",t),window.addEventListener("scroll",t,!0),()=>{window.removeEventListener("resize",t),window.removeEventListener("scroll",t,!0)}},[u,c,S]),s.useEffect(()=>{if(!u)return;const t=O();t&&t.scrollIntoView({behavior:"smooth",block:"center"})},[u,c,O]);const X=s.useCallback(async()=>{var t,i,l;if(e!=null&&e.onAfterStep&&await e.onAfterStep(),_)f==null||f(),d==null||d();else{const n=c+1;x(n),b==null||b(n),(t=T[n])!=null&&t.onBeforeStep&&await((l=(i=T[n]).onBeforeStep)==null?void 0:l.call(i))}},[c,_,e,T,f,d,b]),q=s.useCallback(async()=>{var i,l,n;e!=null&&e.onAfterStep&&await e.onAfterStep();const t=c-1;x(t),b==null||b(t),(i=T[t])!=null&&i.onBeforeStep&&await((n=(l=T[t]).onBeforeStep)==null?void 0:n.call(l))},[c,e,T,b]),p=s.useCallback(()=>{d==null||d()},[d]),W=(e==null?void 0:e.placement)||a.TOUR_DEFAULTS.PLACEMENT,h=(e==null?void 0:e.spotlightPadding)??a.TOUR_DEFAULTS.SPOTLIGHT_PADDING;return!u||!e?null:o.jsxs("div",{className:L.cn("Bear-Tour",k),"data-testid":j,children:[o.jsx("div",{className:"Bear-Tour__overlay bear-fixed bear-inset-0",style:{zIndex:a.TOUR_Z_INDEX.OVERLAY,backgroundColor:m,opacity:g,transition:E?"opacity 0.3s":"none"},onClick:p}),r&&o.jsx("div",{className:"Bear-Tour__spotlight bear-fixed bear-pointer-events-none",style:{zIndex:a.TOUR_Z_INDEX.SPOTLIGHT,top:r.top-h,left:r.left-h,width:r.width+h*2,height:r.height+h*2,borderRadius:8,boxShadow:`0 0 0 9999px ${m}`,opacity:g,transition:E?"all 0.3s ease":"none"}}),o.jsxs("div",{ref:z,className:"Bear-Tour__tooltip bear-fixed bear-bg-white dark:bear-bg-neutral-800 bear-rounded-lg bear-shadow-xl bear-p-4",style:{zIndex:a.TOUR_Z_INDEX.TOOLTIP,top:R.top,left:R.left,minWidth:280,maxWidth:360,...a.TOUR_PLACEMENT_STYLES[W],transition:E?"all 0.3s ease":"none"},children:[I&&o.jsx("button",{className:"Bear-Tour__close bear-absolute bear-top-2 bear-right-2 bear-p-1 bear-text-neutral-400 hover:bear-text-neutral-600 dark:hover:bear-text-neutral-300 bear-cursor-pointer bear-bg-transparent bear-border-none",onClick:p,"aria-label":"Close tour",children:o.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:o.jsx("path",{d:"M18 6L6 18M6 6l12 12"})})}),o.jsxs("div",{className:"Bear-Tour__content bear-pr-6",children:[e.title&&o.jsx(v.Typography,{variant:"h6",className:"bear-mb-2",children:e.title}),e.description&&o.jsx(v.Typography,{variant:"body2",color:"secondary",className:"bear-mb-4",children:e.description}),e.content]}),o.jsxs("div",{className:"Bear-Tour__footer bear-flex bear-items-center bear-justify-between bear-mt-4 bear-pt-3 bear-border-t bear-border-neutral-200 dark:bear-border-neutral-700",children:[N&&o.jsx("div",{className:"bear-flex bear-gap-1.5",children:T.map((t,i)=>o.jsx("div",{className:L.cn("bear-w-2 bear-h-2 bear-rounded-full bear-transition-colors",i===c?"bear-bg-[var(--bear-primary-500)]":"bear-bg-neutral-300 dark:bear-bg-neutral-600")},i))}),o.jsxs("div",{className:"bear-flex bear-gap-2 bear-ml-auto",children:[w&&!_&&o.jsx(U.Button,{variant:"ghost",size:"sm",onClick:p,children:y}),P&&!H&&o.jsx(U.Button,{variant:"outline",size:"sm",onClick:q,children:e.prevText||a.TOUR_DEFAULTS.PREV_TEXT}),o.jsx(U.Button,{variant:"primary",size:"sm",onClick:X,children:_?D:e.nextText||a.TOUR_DEFAULTS.NEXT_TEXT})]})]})]})]})};exports.Tour=G;

package/dist/components/Tour/Tour.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={SHOW_INDICATORS:!0,SHOW_CLOSE_BUTTON:!0,SHOW_SKIP_BUTTON:!0,SHOW_PREV_BUTTON:!0,FINISH_TEXT:"Finish",SKIP_TEXT:"Skip",NEXT_TEXT:"Next",PREV_TEXT:"Back",MASK_OPACITY:.5,MASK_COLOR:"#000000",SPOTLIGHT_PADDING:8,ANIMATED:!0,PLACEMENT:"bottom"},r={OVERLAY:99990,SPOTLIGHT:99991,TOOLTIP:99992},T=12,a={top:{transform:"translate(-50%, -100%)"},"top-start":{transform:"translate(0, -100%)"},"top-end":{transform:"translate(-100%, -100%)"},bottom:{transform:"translate(-50%, 0)"},"bottom-start":{transform:"translate(0, 0)"},"bottom-end":{transform:"translate(-100%, 0)"},left:{transform:"translate(-100%, -50%)"},"left-start":{transform:"translate(-100%, 0)"},"left-end":{transform:"translate(-100%, -100%)"},right:{transform:"translate(0, -50%)"},"right-start":{transform:"translate(0, 0)"},"right-end":{transform:"translate(0, -100%)"}};exports.TOUR_DEFAULTS=t;exports.TOUR_PLACEMENT_STYLES=a;exports.TOUR_TOOLTIP_OFFSET=T;exports.TOUR_Z_INDEX=r;

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

@@ -0,0 +1,25 @@
+import { TourPlacement } from './Tour.types';
+export declare const TOUR_DEFAULTS: {
+    readonly SHOW_INDICATORS: true;
+    readonly SHOW_CLOSE_BUTTON: true;
+    readonly SHOW_SKIP_BUTTON: true;
+    readonly SHOW_PREV_BUTTON: true;
+    readonly FINISH_TEXT: "Finish";
+    readonly SKIP_TEXT: "Skip";
+    readonly NEXT_TEXT: "Next";
+    readonly PREV_TEXT: "Back";
+    readonly MASK_OPACITY: 0.5;
+    readonly MASK_COLOR: "#000000";
+    readonly SPOTLIGHT_PADDING: 8;
+    readonly ANIMATED: true;
+    readonly PLACEMENT: TourPlacement;
+};
+export declare const TOUR_Z_INDEX: {
+    readonly OVERLAY: 99990;
+    readonly SPOTLIGHT: 99991;
+    readonly TOOLTIP: 99992;
+};
+export declare const TOUR_TOOLTIP_OFFSET = 12;
+export declare const TOUR_PLACEMENT_STYLES: Record<TourPlacement, {
+    transform: string;
+}>;

package/dist/components/Tour/Tour.const.js

@@ -0,0 +1,38 @@
+const t = {
+  SHOW_INDICATORS: !0,
+  SHOW_CLOSE_BUTTON: !0,
+  SHOW_SKIP_BUTTON: !0,
+  SHOW_PREV_BUTTON: !0,
+  FINISH_TEXT: "Finish",
+  SKIP_TEXT: "Skip",
+  NEXT_TEXT: "Next",
+  PREV_TEXT: "Back",
+  MASK_OPACITY: 0.5,
+  MASK_COLOR: "#000000",
+  SPOTLIGHT_PADDING: 8,
+  ANIMATED: !0,
+  PLACEMENT: "bottom"
+}, r = {
+  OVERLAY: 99990,
+  SPOTLIGHT: 99991,
+  TOOLTIP: 99992
+}, a = 12, T = {
+  top: { transform: "translate(-50%, -100%)" },
+  "top-start": { transform: "translate(0, -100%)" },
+  "top-end": { transform: "translate(-100%, -100%)" },
+  bottom: { transform: "translate(-50%, 0)" },
+  "bottom-start": { transform: "translate(0, 0)" },
+  "bottom-end": { transform: "translate(-100%, 0)" },
+  left: { transform: "translate(-100%, -50%)" },
+  "left-start": { transform: "translate(-100%, 0)" },
+  "left-end": { transform: "translate(-100%, -100%)" },
+  right: { transform: "translate(0, -50%)" },
+  "right-start": { transform: "translate(0, 0)" },
+  "right-end": { transform: "translate(0, -100%)" }
+};
+export {
+  t as TOUR_DEFAULTS,
+  T as TOUR_PLACEMENT_STYLES,
+  a as TOUR_TOOLTIP_OFFSET,
+  r as TOUR_Z_INDEX
+};