@forgedevstack/bear 1.0.8 → 1.0.9

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

@@ -1,10 +1,18 @@
-import { ReactNode } from 'react';
+import { ReactNode, CSSProperties } from 'react';
+/**
+ * Carousel transition effect
+ */
+export type CarouselTransition = 'slide' | 'fade' | 'zoom' | 'flip';
+/**
+ * Carousel indicator style
+ */
+export type CarouselIndicator = 'dots' | 'numbers' | 'thumbnails' | 'bars' | 'none';
 export interface CarouselProps {
     /** Carousel slides */
     children: ReactNode;
     /** Auto-play interval in ms (0 to disable) */
     autoPlay?: number;
-    /** Show navigation dots */
+    /** Show navigation dots/indicators */
     showDots?: boolean;
     /** Show arrow buttons */
     showArrows?: boolean;
@@ -18,8 +26,30 @@ export interface CarouselProps {
     pauseOnHover?: boolean;
     /** Called when slide changes */
     onSlideChange?: (index: number) => void;
+    /** Transition effect */
+    transition?: CarouselTransition;
+    /** Transition duration in ms */
+    transitionDuration?: number;
+    /** Indicator style */
+    indicator?: CarouselIndicator;
+    /** Thumbnail images for 'thumbnails' indicator */
+    thumbnails?: string[];
+    /** Thumbnail size in px */
+    thumbnailSize?: number;
+    /** Enable keyboard navigation */
+    keyboard?: boolean;
+    /** Enable drag/swipe to navigate */
+    draggable?: boolean;
+    /** Show progress bar */
+    showProgress?: boolean;
+    /** Show slide counter */
+    showCounter?: boolean;
+    /** Active dot/indicator color */
+    activeColor?: string;
     /** Custom class name */
     className?: string;
+    /** Custom styles */
+    style?: CSSProperties;
     /** Test ID */
     testId?: string;
 }

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

@@ -1,2 +1,2 @@
 export { Carousel } from './Carousel';
-export type { CarouselProps } from './Carousel.types';
+export type { CarouselProps, CarouselTransition, CarouselIndicator } from './Carousel.types';

package/dist/components/Chip/Chip.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../utils/cn.cjs"),m=({children:l,variant:i="filled",color:c="default",size:b="md",icon:t,avatar:o,onDelete:n,onClick:a,disabled:r=!1,className:d})=>{const p={filled:{default:"bear-bg-zinc-600 bear-text-white",primary:"bear-bg-pink-500 bear-text-white",secondary:"bear-bg-purple-500 bear-text-white",success:"bear-bg-green-500 bear-text-white",warning:"bear-bg-yellow-500 bear-text-black",error:"bear-bg-red-500 bear-text-white",info:"bear-bg-blue-500 bear-text-white"},outlined:{default:"bear-border bear-border-zinc-500 bear-text-zinc-300",primary:"bear-border bear-border-pink-500 bear-text-pink-400",secondary:"bear-border bear-border-purple-500 bear-text-purple-400",success:"bear-border bear-border-green-500 bear-text-green-400",warning:"bear-border bear-border-yellow-500 bear-text-yellow-400",error:"bear-border bear-border-red-500 bear-text-red-400",info:"bear-border bear-border-blue-500 bear-text-blue-400"},soft:{default:"bear-bg-zinc-500/20 bear-text-zinc-300",primary:"bear-bg-pink-500/20 bear-text-pink-400",secondary:"bear-bg-purple-500/20 bear-text-purple-400",success:"bear-bg-green-500/20 bear-text-green-400",warning:"bear-bg-yellow-500/20 bear-text-yellow-400",error:"bear-bg-red-500/20 bear-text-red-400",info:"bear-bg-blue-500/20 bear-text-blue-400"}},u={sm:"bear-h-6 bear-text-xs bear-px-2 bear-gap-1",md:"bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5",lg:"bear-h-10 bear-text-base bear-px-4 bear-gap-2"},x={sm:"bear-w-3 bear-h-3",md:"bear-w-4 bear-h-4",lg:"bear-w-5 bear-h-5"},g=a?"button":"span";return e.jsxs(g,{onClick:a,disabled:r,className:s.cn("bear-inline-flex bear-items-center bear-rounded-full bear-font-medium bear-transition-all",u[b],p[i][c],a&&!r&&"bear-cursor-pointer hover:bear-opacity-80",r&&"bear-opacity-50 bear-cursor-not-allowed",d),children:[o&&e.jsx("span",{className:"bear--ml-1",children:o}),t&&e.jsx("span",{children:t}),e.jsx("span",{children:l}),n&&e.jsx("button",{onClick:h=>{h.stopPropagation(),n()},disabled:r,className:s.cn("bear-ml-1 bear-rounded-full bear-p-0.5 hover:bear-bg-black/20 bear-transition-colors",r&&"bear-cursor-not-allowed"),children:e.jsx("svg",{className:x[b],fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})};exports.Chip=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../utils/cn.cjs");require("react");const m=({children:l,variant:i="filled",color:c="default",size:b="md",icon:t,avatar:o,onDelete:n,onClick:a,disabled:r=!1,className:d})=>{const p={filled:{default:"bear-bg-zinc-600 bear-text-white",primary:"bear-bg-pink-500 bear-text-white",secondary:"bear-bg-purple-500 bear-text-white",success:"bear-bg-green-500 bear-text-white",warning:"bear-bg-yellow-500 bear-text-black",error:"bear-bg-red-500 bear-text-white",info:"bear-bg-blue-500 bear-text-white"},outlined:{default:"bear-border bear-border-zinc-500 bear-text-zinc-300",primary:"bear-border bear-border-pink-500 bear-text-pink-400",secondary:"bear-border bear-border-purple-500 bear-text-purple-400",success:"bear-border bear-border-green-500 bear-text-green-400",warning:"bear-border bear-border-yellow-500 bear-text-yellow-400",error:"bear-border bear-border-red-500 bear-text-red-400",info:"bear-border bear-border-blue-500 bear-text-blue-400"},soft:{default:"bear-bg-zinc-500/20 bear-text-zinc-300",primary:"bear-bg-pink-500/20 bear-text-pink-400",secondary:"bear-bg-purple-500/20 bear-text-purple-400",success:"bear-bg-green-500/20 bear-text-green-400",warning:"bear-bg-yellow-500/20 bear-text-yellow-400",error:"bear-bg-red-500/20 bear-text-red-400",info:"bear-bg-blue-500/20 bear-text-blue-400"}},u={sm:"bear-h-6 bear-text-xs bear-px-2 bear-gap-1",md:"bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5",lg:"bear-h-10 bear-text-base bear-px-4 bear-gap-2"},x={sm:"bear-w-3 bear-h-3",md:"bear-w-4 bear-h-4",lg:"bear-w-5 bear-h-5"},g=a?"button":"span";return e.jsxs(g,{onClick:a,disabled:r,className:s.cn("bear-inline-flex bear-items-center bear-rounded-full bear-font-medium bear-transition-all",u[b],p[i][c],a&&!r&&"bear-cursor-pointer hover:bear-opacity-80",r&&"bear-opacity-50 bear-cursor-not-allowed",d),children:[o&&e.jsx("span",{className:"bear--ml-1",children:o}),t&&e.jsx("span",{children:t}),e.jsx("span",{children:l}),n&&e.jsx("button",{onClick:h=>{h.stopPropagation(),n()},disabled:r,className:s.cn("bear-ml-1 bear-rounded-full bear-p-0.5 hover:bear-bg-black/20 bear-transition-colors",r&&"bear-cursor-not-allowed"),children:e.jsx("svg",{className:x[b],fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})};exports.Chip=m;

package/dist/components/Chip/Chip.js

@@ -1,6 +1,7 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { cn as l } from "../../utils/cn.js";
-const y = ({
+import "react";
+const k = ({
   children: s,
   variant: i = "filled",
   color: p = "default",
@@ -81,5 +82,5 @@ const y = ({
   );
 };
 export {
-  y as Chip
+  k as Chip
 };

package/dist/components/CodeEditor/CodeEditor.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),ie=require("../../utils/cn.cjs"),l=require("./CodeEditor.const.cjs"),le=require("./CodeEditor.utils.cjs"),oe=({value:n,onChange:r,language:S="typescript",theme:I="dark",customTheme:f,placeholder:B="Start typing...",showLineNumbers:T=!0,showGutter:_=!0,highlightActiveLine:G=!0,readOnly:p=!1,fontSize:v=l.DEFAULT_FONT_SIZE,fontFamily:N=l.DEFAULT_FONT_FAMILY,tabSize:k=l.DEFAULT_TAB_SIZE,autoIndent:j=!0,autoCloseBrackets:H=!0,wordWrap:x=!1,minHeight:w,maxHeight:D,height:q,className:O,style:Y,testId:Z,onFocus:g,onBlur:L})=>{const y=s.useRef(null),[R,F]=s.useState(!1),[A,J]=s.useState(0),[M,Q]=s.useState(0),[X,W]=s.useState(0),U=I==="dark"?l.DARK_THEME:l.LIGHT_THEME,a=s.useMemo(()=>({...U,...f,tokens:{...U.tokens,...f==null?void 0:f.tokens}}),[I,f]),h=s.useMemo(()=>n.split(`
+`),[n]),z=s.useMemo(()=>h.map(e=>le.tokenizeLine(e,S)),[h,S]),K=s.useCallback(()=>{const e=y.current;if(!e)return;const t=e.value.substring(0,e.selectionStart);J(t.split(`
+`).length-1)},[]),C=s.useCallback(e=>{var V;if(p)return;const t=y.current;if(!t)return;const{selectionStart:i,selectionEnd:d}=t;if(e.key==="Tab"){e.preventDefault();const c=" ".repeat(k),b=n.substring(0,i),E=n.substring(d),u=b+c+E;r==null||r(u),requestAnimationFrame(()=>{t.selectionStart=t.selectionEnd=i+k});return}if(e.key==="Enter"&&j){e.preventDefault();const c=n.substring(0,i),b=n.substring(d),u=((V=(c.split(`
+`).pop()??"").match(/^\s*/))==null?void 0:V[0])??"",m=c.trim().slice(-1),$=["{","(","[",":"].includes(m)?" ".repeat(k):"",ne=c+`
+`+u+$+b;r==null||r(ne),requestAnimationFrame(()=>{const ae=i+1+u.length+$.length;t.selectionStart=t.selectionEnd=ae});return}if(H&&l.AUTO_CLOSE_PAIRS[e.key]){e.preventDefault();const c=l.AUTO_CLOSE_PAIRS[e.key],b=n.substring(0,i),E=n.substring(i,d),u=n.substring(d);if(E){const m=b+e.key+E+c+u;r==null||r(m),requestAnimationFrame(()=>{t.selectionStart=i+1,t.selectionEnd=d+1})}else{const m=b+e.key+c+u;r==null||r(m),requestAnimationFrame(()=>{t.selectionStart=t.selectionEnd=i+1})}return}},[n,r,p,k,j,H]),ee=s.useCallback(e=>{p||r==null||r(e.target.value)},[r,p]),te=s.useCallback(()=>{const e=y.current;e&&(Q(e.scrollTop),W(e.scrollLeft))},[]),re=s.useCallback(()=>{F(!0),g==null||g()},[g]),se=s.useCallback(()=>{F(!1),L==null||L()},[L]),P=v*l.LINE_HEIGHT;return o.jsxs("div",{className:ie.cn("bear-relative bear-overflow-hidden bear-rounded-lg bear-font-mono","bear-border",R?"bear-ring-2 bear-ring-offset-1":"",O),style:{background:a.background,borderColor:a.gutterBorder,fontFamily:N,fontSize:v,lineHeight:l.LINE_HEIGHT,minHeight:w,maxHeight:D,height:q,"--bear-editor-ring":"var(--bear-primary-500)",...Y},"data-testid":Z,children:[o.jsxs("div",{className:"bear-relative bear-flex bear-h-full",children:[_&&T&&o.jsx("div",{className:"bear-flex-shrink-0 bear-select-none bear-text-right bear-pr-3 bear-overflow-hidden",style:{width:l.GUTTER_WIDTH,background:a.gutterBackground,borderRight:`1px solid ${a.gutterBorder}`,paddingTop:12,transform:`translateY(-${M}px)`},"aria-hidden":"true",children:h.map((e,t)=>o.jsx("div",{style:{height:P,color:t===A?a.lineNumberActive:a.lineNumber,fontWeight:t===A?600:400},children:t+1},t))}),o.jsxs("div",{className:"bear-relative bear-flex-1 bear-overflow-hidden",children:[o.jsx("div",{className:"bear-absolute bear-inset-0 bear-pointer-events-none bear-overflow-hidden",style:{padding:12,paddingLeft:_&&!T?12:16,transform:`translate(-${X}px, -${M}px)`,whiteSpace:x?"pre-wrap":"pre",wordBreak:x?"break-all":"normal"},"aria-hidden":"true",children:z.map((e,t)=>o.jsxs("div",{style:{height:P,background:G&&t===A&&R?a.selection:"transparent"},children:[e.map((i,d)=>o.jsx("span",{style:{color:a.tokens[i.type]??a.foreground},children:i.value},d)),e.length===0&&" "]},t))}),o.jsx("textarea",{ref:y,value:n,onChange:ee,onKeyDown:C,onScroll:te,onFocus:re,onBlur:se,onClick:K,onKeyUp:K,readOnly:p,placeholder:n?void 0:B,spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",className:"bear-w-full bear-h-full bear-resize-none bear-outline-none",style:{padding:12,paddingLeft:_&&!T?12:16,background:"transparent",color:"transparent",caretColor:a.cursor,fontFamily:N,fontSize:v,lineHeight:l.LINE_HEIGHT,tabSize:k,whiteSpace:x?"pre-wrap":"pre",wordBreak:x?"break-all":"normal",minHeight:w??100,maxHeight:D,height:q??"auto"}})]})]}),o.jsx("div",{className:"bear-absolute bear-bottom-2 bear-right-3 bear-text-xs bear-font-medium bear-px-2 bear-py-0.5 bear-rounded bear-select-none",style:{color:a.lineNumber,background:a.gutterBackground},children:S})]})};exports.CodeEditor=oe;

package/dist/components/CodeEditor/CodeEditor.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=14,t="'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace",a=2,n=56,r=1.6,o={background:"#1e1e2e",foreground:"#cdd6f4",cursor:"#f5e0dc",selection:"rgba(137, 180, 250, 0.2)",lineNumber:"#585b70",lineNumberActive:"#a6adc8",gutterBackground:"#181825",gutterBorder:"#313244",tokens:{keyword:"#cba6f7",string:"#a6e3a1",number:"#fab387",comment:"#6c7086",operator:"#89dceb",punctuation:"#a6adc8",function:"#89b4fa",variable:"#f5e0dc",tag:"#f38ba8",attribute:"#f9e2af",property:"#89b4fa",builtin:"#f5c2e7",regex:"#a6e3a1",boolean:"#fab387",null:"#f38ba8",type:"#f9e2af",default:"#cdd6f4"}},i={background:"#eff1f5",foreground:"#4c4f69",cursor:"#dc8a78",selection:"rgba(114, 135, 253, 0.15)",lineNumber:"#9ca0b0",lineNumberActive:"#4c4f69",gutterBackground:"#e6e9ef",gutterBorder:"#ccd0da",tokens:{keyword:"#8839ef",string:"#40a02b",number:"#fe640b",comment:"#9ca0b0",operator:"#04a5e5",punctuation:"#6c6f85",function:"#1e66f5",variable:"#dc8a78",tag:"#d20f39",attribute:"#df8e1d",property:"#1e66f5",builtin:"#ea76cb",regex:"#40a02b",boolean:"#fe640b",null:"#d20f39",type:"#df8e1d",default:"#4c4f69"}},s={"(":")","[":"]","{":"}",'"':'"',"'":"'","`":"`"},c={javascript:["const","let","var","function","return","if","else","for","while","do","switch","case","break","continue","new","delete","typeof","instanceof","in","of","class","extends","super","this","import","export","from","default","async","await","try","catch","finally","throw","yield","void","null","undefined","true","false","NaN","Infinity"],typescript:["const","let","var","function","return","if","else","for","while","do","switch","case","break","continue","new","delete","typeof","instanceof","in","of","class","extends","super","this","import","export","from","default","async","await","try","catch","finally","throw","yield","void","null","undefined","true","false","interface","type","enum","implements","abstract","private","protected","public","readonly","static","as","is","keyof","never","unknown","any","string","number","boolean","object","symbol","bigint"],jsx:["const","let","var","function","return","if","else","for","while","class","extends","import","export","from","default","async","await","try","catch","throw","new","this","super","null","undefined","true","false"],tsx:["const","let","var","function","return","if","else","for","while","class","extends","import","export","from","default","async","await","try","catch","throw","new","this","super","null","undefined","true","false","interface","type","enum","as","is","keyof"],python:["def","class","return","if","elif","else","for","while","break","continue","pass","import","from","as","try","except","finally","raise","with","yield","lambda","global","nonlocal","assert","del","in","not","and","or","is","True","False","None","async","await","self"],html:["html","head","body","div","span","p","a","img","input","button","form","table","tr","td","th","ul","ol","li","h1","h2","h3","h4","h5","h6","section","header","footer","nav","main","article","aside","script","style","link","meta"],css:["color","background","margin","padding","border","display","position","width","height","font","text","flex","grid","align","justify","overflow","transition","animation","transform","opacity","z-index","box-shadow","cursor"],sql:["SELECT","FROM","WHERE","INSERT","INTO","UPDATE","DELETE","CREATE","DROP","ALTER","TABLE","INDEX","JOIN","LEFT","RIGHT","INNER","OUTER","ON","AND","OR","NOT","NULL","IS","IN","BETWEEN","LIKE","ORDER","BY","GROUP","HAVING","LIMIT","OFFSET","AS","SET","VALUES","DISTINCT","COUNT","SUM","AVG","MAX","MIN"],json:[],markdown:[],shell:["echo","cd","ls","mkdir","rm","cp","mv","cat","grep","sed","awk","find","chmod","chown","export","source","alias","if","then","else","fi","for","do","done","while","case","esac","function","return","exit","sudo","apt","npm","yarn","git"]},l=["console","Math","JSON","Array","Object","String","Number","Boolean","Date","RegExp","Error","Map","Set","Promise","setTimeout","setInterval","clearTimeout","clearInterval","parseInt","parseFloat","isNaN","isFinite","fetch","require","document","window","navigator","alert","confirm","prompt"];exports.AUTO_CLOSE_PAIRS=s;exports.BUILTIN_FUNCTIONS=l;exports.DARK_THEME=o;exports.DEFAULT_FONT_FAMILY=t;exports.DEFAULT_FONT_SIZE=e;exports.DEFAULT_TAB_SIZE=a;exports.GUTTER_WIDTH=n;exports.LANGUAGE_KEYWORDS=c;exports.LIGHT_THEME=i;exports.LINE_HEIGHT=r;

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

@@ -0,0 +1,21 @@
+import { CodeEditorTheme, CodeEditorLanguage } from './CodeEditor.types';
+/** Default font size */
+export declare const DEFAULT_FONT_SIZE = 14;
+/** Default font family */
+export declare const DEFAULT_FONT_FAMILY = "'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace";
+/** Default tab size */
+export declare const DEFAULT_TAB_SIZE = 2;
+/** Gutter width */
+export declare const GUTTER_WIDTH = 56;
+/** Line height multiplier */
+export declare const LINE_HEIGHT = 1.6;
+/** Dark theme */
+export declare const DARK_THEME: CodeEditorTheme;
+/** Light theme */
+export declare const LIGHT_THEME: CodeEditorTheme;
+/** Auto-close pairs */
+export declare const AUTO_CLOSE_PAIRS: Record<string, string>;
+/** Keywords per language */
+export declare const LANGUAGE_KEYWORDS: Partial<Record<CodeEditorLanguage, string[]>>;
+/** Builtin functions */
+export declare const BUILTIN_FUNCTIONS: string[];

package/dist/components/CodeEditor/CodeEditor.const.js

@@ -0,0 +1,119 @@
+const e = 14, t = "'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace", a = 2, n = 56, r = 1.6, o = {
+  background: "#1e1e2e",
+  foreground: "#cdd6f4",
+  cursor: "#f5e0dc",
+  selection: "rgba(137, 180, 250, 0.2)",
+  lineNumber: "#585b70",
+  lineNumberActive: "#a6adc8",
+  gutterBackground: "#181825",
+  gutterBorder: "#313244",
+  tokens: {
+    keyword: "#cba6f7",
+    string: "#a6e3a1",
+    number: "#fab387",
+    comment: "#6c7086",
+    operator: "#89dceb",
+    punctuation: "#a6adc8",
+    function: "#89b4fa",
+    variable: "#f5e0dc",
+    tag: "#f38ba8",
+    attribute: "#f9e2af",
+    property: "#89b4fa",
+    builtin: "#f5c2e7",
+    regex: "#a6e3a1",
+    boolean: "#fab387",
+    null: "#f38ba8",
+    type: "#f9e2af",
+    default: "#cdd6f4"
+  }
+}, i = {
+  background: "#eff1f5",
+  foreground: "#4c4f69",
+  cursor: "#dc8a78",
+  selection: "rgba(114, 135, 253, 0.15)",
+  lineNumber: "#9ca0b0",
+  lineNumberActive: "#4c4f69",
+  gutterBackground: "#e6e9ef",
+  gutterBorder: "#ccd0da",
+  tokens: {
+    keyword: "#8839ef",
+    string: "#40a02b",
+    number: "#fe640b",
+    comment: "#9ca0b0",
+    operator: "#04a5e5",
+    punctuation: "#6c6f85",
+    function: "#1e66f5",
+    variable: "#dc8a78",
+    tag: "#d20f39",
+    attribute: "#df8e1d",
+    property: "#1e66f5",
+    builtin: "#ea76cb",
+    regex: "#40a02b",
+    boolean: "#fe640b",
+    null: "#d20f39",
+    type: "#df8e1d",
+    default: "#4c4f69"
+  }
+}, s = {
+  "(": ")",
+  "[": "]",
+  "{": "}",
+  '"': '"',
+  "'": "'",
+  "`": "`"
+}, c = {
+  javascript: ["const", "let", "var", "function", "return", "if", "else", "for", "while", "do", "switch", "case", "break", "continue", "new", "delete", "typeof", "instanceof", "in", "of", "class", "extends", "super", "this", "import", "export", "from", "default", "async", "await", "try", "catch", "finally", "throw", "yield", "void", "null", "undefined", "true", "false", "NaN", "Infinity"],
+  typescript: ["const", "let", "var", "function", "return", "if", "else", "for", "while", "do", "switch", "case", "break", "continue", "new", "delete", "typeof", "instanceof", "in", "of", "class", "extends", "super", "this", "import", "export", "from", "default", "async", "await", "try", "catch", "finally", "throw", "yield", "void", "null", "undefined", "true", "false", "interface", "type", "enum", "implements", "abstract", "private", "protected", "public", "readonly", "static", "as", "is", "keyof", "never", "unknown", "any", "string", "number", "boolean", "object", "symbol", "bigint"],
+  jsx: ["const", "let", "var", "function", "return", "if", "else", "for", "while", "class", "extends", "import", "export", "from", "default", "async", "await", "try", "catch", "throw", "new", "this", "super", "null", "undefined", "true", "false"],
+  tsx: ["const", "let", "var", "function", "return", "if", "else", "for", "while", "class", "extends", "import", "export", "from", "default", "async", "await", "try", "catch", "throw", "new", "this", "super", "null", "undefined", "true", "false", "interface", "type", "enum", "as", "is", "keyof"],
+  python: ["def", "class", "return", "if", "elif", "else", "for", "while", "break", "continue", "pass", "import", "from", "as", "try", "except", "finally", "raise", "with", "yield", "lambda", "global", "nonlocal", "assert", "del", "in", "not", "and", "or", "is", "True", "False", "None", "async", "await", "self"],
+  html: ["html", "head", "body", "div", "span", "p", "a", "img", "input", "button", "form", "table", "tr", "td", "th", "ul", "ol", "li", "h1", "h2", "h3", "h4", "h5", "h6", "section", "header", "footer", "nav", "main", "article", "aside", "script", "style", "link", "meta"],
+  css: ["color", "background", "margin", "padding", "border", "display", "position", "width", "height", "font", "text", "flex", "grid", "align", "justify", "overflow", "transition", "animation", "transform", "opacity", "z-index", "box-shadow", "cursor"],
+  sql: ["SELECT", "FROM", "WHERE", "INSERT", "INTO", "UPDATE", "DELETE", "CREATE", "DROP", "ALTER", "TABLE", "INDEX", "JOIN", "LEFT", "RIGHT", "INNER", "OUTER", "ON", "AND", "OR", "NOT", "NULL", "IS", "IN", "BETWEEN", "LIKE", "ORDER", "BY", "GROUP", "HAVING", "LIMIT", "OFFSET", "AS", "SET", "VALUES", "DISTINCT", "COUNT", "SUM", "AVG", "MAX", "MIN"],
+  json: [],
+  markdown: [],
+  shell: ["echo", "cd", "ls", "mkdir", "rm", "cp", "mv", "cat", "grep", "sed", "awk", "find", "chmod", "chown", "export", "source", "alias", "if", "then", "else", "fi", "for", "do", "done", "while", "case", "esac", "function", "return", "exit", "sudo", "apt", "npm", "yarn", "git"]
+}, l = [
+  "console",
+  "Math",
+  "JSON",
+  "Array",
+  "Object",
+  "String",
+  "Number",
+  "Boolean",
+  "Date",
+  "RegExp",
+  "Error",
+  "Map",
+  "Set",
+  "Promise",
+  "setTimeout",
+  "setInterval",
+  "clearTimeout",
+  "clearInterval",
+  "parseInt",
+  "parseFloat",
+  "isNaN",
+  "isFinite",
+  "fetch",
+  "require",
+  "document",
+  "window",
+  "navigator",
+  "alert",
+  "confirm",
+  "prompt"
+];
+export {
+  s as AUTO_CLOSE_PAIRS,
+  l as BUILTIN_FUNCTIONS,
+  o as DARK_THEME,
+  t as DEFAULT_FONT_FAMILY,
+  e as DEFAULT_FONT_SIZE,
+  a as DEFAULT_TAB_SIZE,
+  n as GUTTER_WIDTH,
+  c as LANGUAGE_KEYWORDS,
+  i as LIGHT_THEME,
+  r as LINE_HEIGHT
+};

package/dist/components/CodeEditor/CodeEditor.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { CodeEditorProps } from './CodeEditor.types';
+/**
+ * CodeEditor - Syntax-highlighted code editor with line numbers
+ *
+ * @description
+ * Zero-dependency code editor with syntax highlighting for multiple
+ * languages, line numbers, auto-indent, bracket pairing, and theming.
+ *
+ * @example
+ * ```tsx
+ * <CodeEditor
+ *   value={code}
+ *   onChange={setCode}
+ *   language="typescript"
+ *   theme="dark"
+ *   showLineNumbers
+ *   height={400}
+ * />
+ * ```
+ */
+export declare const CodeEditor: FC<CodeEditorProps>;

package/dist/components/CodeEditor/CodeEditor.js

@@ -0,0 +1,250 @@
+import { jsxs as L, jsx as d } from "react/jsx-runtime";
+import { useRef as de, useState as x, useMemo as N, useCallback as b } from "react";
+import { cn as be } from "../../utils/cn.js";
+import { DARK_THEME as pe, LIGHT_THEME as fe, DEFAULT_TAB_SIZE as ue, AUTO_CLOSE_PAIRS as G, LINE_HEIGHT as D, DEFAULT_FONT_SIZE as me, DEFAULT_FONT_FAMILY as ke, GUTTER_WIDTH as Ee } from "./CodeEditor.const.js";
+import { tokenizeLine as ge } from "./CodeEditor.utils.js";
+const Te = ({
+  value: s,
+  onChange: r,
+  language: A = "typescript",
+  theme: F = "dark",
+  customTheme: p,
+  placeholder: J = "Start typing...",
+  showLineNumbers: T = !0,
+  showGutter: h = !0,
+  highlightActiveLine: O = !0,
+  readOnly: f = !1,
+  fontSize: _ = me,
+  fontFamily: H = ke,
+  tabSize: u = ue,
+  autoIndent: I = !0,
+  autoCloseBrackets: R = !0,
+  wordWrap: E = !1,
+  minHeight: U,
+  maxHeight: q,
+  height: K,
+  className: Q,
+  style: X,
+  testId: W,
+  onFocus: g,
+  onBlur: v
+}) => {
+  const y = de(null), [M, V] = x(!1), [S, z] = x(0), [$, C] = x(0), [ee, te] = x(0), B = F === "dark" ? pe : fe, n = N(
+    () => ({
+      ...B,
+      ...p,
+      tokens: { ...B.tokens, ...p == null ? void 0 : p.tokens }
+    }),
+    [F, p]
+  ), w = N(() => s.split(`
+`), [s]), re = N(
+    () => w.map((e) => ge(e, A)),
+    [w, A]
+  ), j = b(() => {
+    const e = y.current;
+    if (!e) return;
+    const t = e.value.substring(0, e.selectionStart);
+    z(t.split(`
+`).length - 1);
+  }, []), se = b(
+    (e) => {
+      var Y;
+      if (f) return;
+      const t = y.current;
+      if (!t) return;
+      const { selectionStart: i, selectionEnd: o } = t;
+      if (e.key === "Tab") {
+        e.preventDefault();
+        const a = " ".repeat(u), c = s.substring(0, i), m = s.substring(o), l = c + a + m;
+        r == null || r(l), requestAnimationFrame(() => {
+          t.selectionStart = t.selectionEnd = i + u;
+        });
+        return;
+      }
+      if (e.key === "Enter" && I) {
+        e.preventDefault();
+        const a = s.substring(0, i), c = s.substring(o), l = ((Y = (a.split(`
+`).pop() ?? "").match(/^\s*/)) == null ? void 0 : Y[0]) ?? "", k = a.trim().slice(-1), Z = ["{", "(", "[", ":"].includes(k) ? " ".repeat(u) : "", le = a + `
+` + l + Z + c;
+        r == null || r(le), requestAnimationFrame(() => {
+          const ce = i + 1 + l.length + Z.length;
+          t.selectionStart = t.selectionEnd = ce;
+        });
+        return;
+      }
+      if (R && G[e.key]) {
+        e.preventDefault();
+        const a = G[e.key], c = s.substring(0, i), m = s.substring(i, o), l = s.substring(o);
+        if (m) {
+          const k = c + e.key + m + a + l;
+          r == null || r(k), requestAnimationFrame(() => {
+            t.selectionStart = i + 1, t.selectionEnd = o + 1;
+          });
+        } else {
+          const k = c + e.key + a + l;
+          r == null || r(k), requestAnimationFrame(() => {
+            t.selectionStart = t.selectionEnd = i + 1;
+          });
+        }
+        return;
+      }
+    },
+    [s, r, f, u, I, R]
+  ), ne = b(
+    (e) => {
+      f || r == null || r(e.target.value);
+    },
+    [r, f]
+  ), ie = b(() => {
+    const e = y.current;
+    e && (C(e.scrollTop), te(e.scrollLeft));
+  }, []), ae = b(() => {
+    V(!0), g == null || g();
+  }, [g]), oe = b(() => {
+    V(!1), v == null || v();
+  }, [v]), P = _ * D;
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      className: be(
+        "bear-relative bear-overflow-hidden bear-rounded-lg bear-font-mono",
+        "bear-border",
+        M ? "bear-ring-2 bear-ring-offset-1" : "",
+        Q
+      ),
+      style: {
+        background: n.background,
+        borderColor: n.gutterBorder,
+        fontFamily: H,
+        fontSize: _,
+        lineHeight: D,
+        minHeight: U,
+        maxHeight: q,
+        height: K,
+        "--bear-editor-ring": "var(--bear-primary-500)",
+        ...X
+      },
+      "data-testid": W,
+      children: [
+        /* @__PURE__ */ L("div", { className: "bear-relative bear-flex bear-h-full", children: [
+          h && T && /* @__PURE__ */ d(
+            "div",
+            {
+              className: "bear-flex-shrink-0 bear-select-none bear-text-right bear-pr-3 bear-overflow-hidden",
+              style: {
+                width: Ee,
+                background: n.gutterBackground,
+                borderRight: `1px solid ${n.gutterBorder}`,
+                paddingTop: 12,
+                transform: `translateY(-${$}px)`
+              },
+              "aria-hidden": "true",
+              children: w.map((e, t) => /* @__PURE__ */ d(
+                "div",
+                {
+                  style: {
+                    height: P,
+                    color: t === S ? n.lineNumberActive : n.lineNumber,
+                    fontWeight: t === S ? 600 : 400
+                  },
+                  children: t + 1
+                },
+                t
+              ))
+            }
+          ),
+          /* @__PURE__ */ L("div", { className: "bear-relative bear-flex-1 bear-overflow-hidden", children: [
+            /* @__PURE__ */ d(
+              "div",
+              {
+                className: "bear-absolute bear-inset-0 bear-pointer-events-none bear-overflow-hidden",
+                style: {
+                  padding: 12,
+                  paddingLeft: h && !T ? 12 : 16,
+                  transform: `translate(-${ee}px, -${$}px)`,
+                  whiteSpace: E ? "pre-wrap" : "pre",
+                  wordBreak: E ? "break-all" : "normal"
+                },
+                "aria-hidden": "true",
+                children: re.map((e, t) => /* @__PURE__ */ L(
+                  "div",
+                  {
+                    style: {
+                      height: P,
+                      background: O && t === S && M ? n.selection : "transparent"
+                    },
+                    children: [
+                      e.map((i, o) => /* @__PURE__ */ d(
+                        "span",
+                        {
+                          style: {
+                            color: n.tokens[i.type] ?? n.foreground
+                          },
+                          children: i.value
+                        },
+                        o
+                      )),
+                      e.length === 0 && " "
+                    ]
+                  },
+                  t
+                ))
+              }
+            ),
+            /* @__PURE__ */ d(
+              "textarea",
+              {
+                ref: y,
+                value: s,
+                onChange: ne,
+                onKeyDown: se,
+                onScroll: ie,
+                onFocus: ae,
+                onBlur: oe,
+                onClick: j,
+                onKeyUp: j,
+                readOnly: f,
+                placeholder: s ? void 0 : J,
+                spellCheck: !1,
+                autoComplete: "off",
+                autoCorrect: "off",
+                autoCapitalize: "off",
+                className: "bear-w-full bear-h-full bear-resize-none bear-outline-none",
+                style: {
+                  padding: 12,
+                  paddingLeft: h && !T ? 12 : 16,
+                  background: "transparent",
+                  color: "transparent",
+                  caretColor: n.cursor,
+                  fontFamily: H,
+                  fontSize: _,
+                  lineHeight: D,
+                  tabSize: u,
+                  whiteSpace: E ? "pre-wrap" : "pre",
+                  wordBreak: E ? "break-all" : "normal",
+                  minHeight: U ?? 100,
+                  maxHeight: q,
+                  height: K ?? "auto"
+                }
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ d(
+          "div",
+          {
+            className: "bear-absolute bear-bottom-2 bear-right-3 bear-text-xs bear-font-medium bear-px-2 bear-py-0.5 bear-rounded bear-select-none",
+            style: {
+              color: n.lineNumber,
+              background: n.gutterBackground
+            },
+            children: A
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Te as CodeEditor
+};

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

@@ -0,0 +1,80 @@
+import { CSSProperties } from 'react';
+/**
+ * Supported programming languages
+ */
+export type CodeEditorLanguage = 'javascript' | 'typescript' | 'jsx' | 'tsx' | 'html' | 'css' | 'json' | 'python' | 'markdown' | 'sql' | 'shell' | 'yaml' | 'xml' | 'plaintext';
+/**
+ * Syntax token type for highlighting
+ */
+export type TokenType = 'keyword' | 'string' | 'number' | 'comment' | 'operator' | 'punctuation' | 'function' | 'variable' | 'tag' | 'attribute' | 'property' | 'builtin' | 'regex' | 'boolean' | 'null' | 'type' | 'default';
+/**
+ * Token from syntax analysis
+ */
+export interface SyntaxToken {
+    type: TokenType;
+    value: string;
+}
+/**
+ * Theme colors for the editor
+ */
+export interface CodeEditorTheme {
+    background: string;
+    foreground: string;
+    cursor: string;
+    selection: string;
+    lineNumber: string;
+    lineNumberActive: string;
+    gutterBackground: string;
+    gutterBorder: string;
+    tokens: Partial<Record<TokenType, string>>;
+}
+export interface CodeEditorProps {
+    /** Current value */
+    value: string;
+    /** Called on value change */
+    onChange?: (value: string) => void;
+    /** Programming language for syntax highlighting */
+    language?: CodeEditorLanguage;
+    /** Editor theme ('dark' | 'light') */
+    theme?: 'dark' | 'light';
+    /** Custom theme overrides */
+    customTheme?: Partial<CodeEditorTheme>;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Show line numbers */
+    showLineNumbers?: boolean;
+    /** Show gutter (line number area) */
+    showGutter?: boolean;
+    /** Highlight active line */
+    highlightActiveLine?: boolean;
+    /** Read-only mode */
+    readOnly?: boolean;
+    /** Font size in px */
+    fontSize?: number;
+    /** Font family */
+    fontFamily?: string;
+    /** Tab size (spaces) */
+    tabSize?: number;
+    /** Auto-indent on new line */
+    autoIndent?: boolean;
+    /** Auto-close brackets */
+    autoCloseBrackets?: boolean;
+    /** Word wrap */
+    wordWrap?: boolean;
+    /** Min height */
+    minHeight?: string | number;
+    /** Max height */
+    maxHeight?: string | number;
+    /** Height */
+    height?: string | number;
+    /** Custom class name */
+    className?: string;
+    /** Custom styles */
+    style?: CSSProperties;
+    /** Test ID */
+    testId?: string;
+    /** Called on focus */
+    onFocus?: () => void;
+    /** Called on blur */
+    onBlur?: () => void;
+}

package/dist/components/CodeEditor/CodeEditor.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./CodeEditor.const.cjs"),u=(e,f)=>{if(f==="plaintext"||f==="markdown")return[{type:"default",value:e}];const r=[],h=i.LANGUAGE_KEYWORDS[f]??[];let t=0;const c=(s,o)=>{o&&r.push({type:s,value:o})};for(;t<e.length;){if(e[t]==="/"&&e[t+1]==="/"){c("comment",e.slice(t));break}if(e[t]==="/"&&e[t+1]==="*"){const s=e.indexOf("*/",t+2),o=s===-1?e.slice(t):e.slice(t,s+2);c("comment",o),t+=o.length;continue}if(e[t]==="#"&&(f==="python"||f==="shell"||f==="yaml")){c("comment",e.slice(t));break}if(e[t]==='"'||e[t]==="'"||e[t]==="`"){const s=e[t];let o=t+1;for(;o<e.length&&e[o]!==s;)e[o]==="\\"&&o++,o++;c("string",e.slice(t,o+1)),t=o+1;continue}if(/[0-9]/.test(e[t])&&(t===0||/[^a-zA-Z_$]/.test(e[t-1]))){let s=t;for(;s<e.length&&/[0-9.xXa-fA-F_eEn]/.test(e[s]);)s++;c("number",e.slice(t,s)),t=s;continue}if(/[a-zA-Z_$]/.test(e[t])){let s=t;for(;s<e.length&&/[a-zA-Z0-9_$]/.test(e[s]);)s++;const o=e.slice(t,s);o==="true"||o==="false"?c("boolean",o):o==="null"||o==="undefined"||o==="None"||o==="NaN"?c("null",o):h.includes(o)?c("keyword",o):i.BUILTIN_FUNCTIONS.includes(o)?c("builtin",o):s<e.length&&e[s]==="("?c("function",o):t>0&&e[t-1]==="."?c("property",o):c("variable",o),t=s;continue}if(e[t]==="<"&&(f==="html"||f==="jsx"||f==="tsx"||f==="xml")){e[t+1]==="/"?(c("tag","</"),t+=2):(c("tag","<"),t+=1);continue}if(e[t]===">"&&(f==="html"||f==="jsx"||f==="tsx"||f==="xml")){c("tag",">"),t+=1;continue}if(/[+\-*/%=!<>&|^~?:]/.test(e[t])){let s=t;for(;s<e.length&&/[+\-*/%=!<>&|^~?:]/.test(e[s]);)s++;c("operator",e.slice(t,s)),t=s;continue}if(/[(){}[\],;.]/.test(e[t])){c("punctuation",e[t]),t++;continue}if(/\s/.test(e[t])){let s=t;for(;s<e.length&&/\s/.test(e[s]);)s++;c("default",e.slice(t,s)),t=s;continue}c("default",e[t]),t++}return r};exports.tokenizeLine=u;

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

@@ -0,0 +1,6 @@
+import { CodeEditorLanguage, SyntaxToken } from './CodeEditor.types';
+/**
+ * Simple tokenizer for syntax highlighting
+ * Produces tokens for a single line of code
+ */
+export declare const tokenizeLine: (line: string, language: CodeEditorLanguage) => SyntaxToken[];