@forgedevstack/bear 1.0.7 → 1.0.9

package/dist/components/Chat/Chat.js

@@ -0,0 +1,179 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { useState as B, useRef as R, useEffect as _, useCallback as k } from "react";
+import { cn as d } from "../../utils/cn.js";
+import { useBear as H } from "../../context/BearProvider.js";
+import { Button as O } from "../Button/Button.js";
+import { Input as U } from "../Input/Input.js";
+import { Avatar as j } from "../Avatar/Avatar.js";
+import { Typography as m } from "../Typography/Typography.js";
+import { BearIcons as G } from "../Icon/index.js";
+import { CHAT_DEFAULTS as g, SENDER_COLORS as K, MESSAGE_STATUS_ICONS as V } from "./Chat.const.js";
+const z = ({
+  message: e,
+  showTimestamp: o = !0,
+  showStatus: l = !0,
+  showAvatar: b = !0,
+  userAvatar: u,
+  botAvatar: p
+}) => {
+  var s;
+  const n = e.sender === "user", h = e.sender === "system", i = K[e.sender];
+  if (h)
+    return /* @__PURE__ */ r("div", { className: "flex justify-center my-2", children: /* @__PURE__ */ r(
+      m,
+      {
+        variant: "caption",
+        className: "px-3 py-1 rounded-full bg-gray-100 dark:bg-gray-800",
+        style: { color: i.text },
+        children: e.content
+      }
+    ) });
+  const x = n ? u : p, f = e.status ? V[e.status] : null;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: d(
+        "flex gap-2 mb-3",
+        n ? "flex-row-reverse" : "flex-row"
+      ),
+      children: [
+        b && /* @__PURE__ */ r(
+          j,
+          {
+            src: x,
+            initials: ((s = e.name) == null ? void 0 : s[0]) || (n ? "U" : "B"),
+            size: "sm",
+            className: "flex-shrink-0"
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: d("flex flex-col max-w-[70%]", n ? "items-end" : "items-start"), children: [
+          e.name && /* @__PURE__ */ r(m, { variant: "caption", className: "mb-1 opacity-60", children: e.name }),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: d(
+                "px-4 py-2 rounded-2xl",
+                n ? "rounded-br-sm" : "rounded-bl-sm"
+              ),
+              style: {
+                backgroundColor: i.bg,
+                color: i.text
+              },
+              children: typeof e.content == "string" ? /* @__PURE__ */ r(m, { variant: "body2", children: e.content }) : e.content
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-1 mt-1", children: [
+            o && e.timestamp && /* @__PURE__ */ r(m, { variant: "caption", className: "opacity-50 text-xs", children: e.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) }),
+            l && f && n && /* @__PURE__ */ r(
+              "span",
+              {
+                className: d(
+                  "text-xs",
+                  e.status === "read" ? "text-blue-500" : "opacity-50",
+                  e.status === "error" && "text-red-500"
+                ),
+                children: f
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}, L = ({ text: e = g.TYPING_TEXT }) => /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mb-3", children: [
+  /* @__PURE__ */ a("div", { className: "flex gap-1 px-4 py-3 bg-gray-100 dark:bg-gray-800 rounded-2xl rounded-bl-sm", children: [
+    /* @__PURE__ */ r("span", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
+    /* @__PURE__ */ r("span", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
+    /* @__PURE__ */ r("span", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
+  ] }),
+  /* @__PURE__ */ r(m, { variant: "caption", className: "opacity-50", children: e })
+] }), Z = ({
+  messages: e,
+  onSend: o,
+  isLoading: l = !1,
+  placeholder: b = g.PLACEHOLDER,
+  header: u,
+  footer: p,
+  showTimestamps: n = !0,
+  showStatus: h = !0,
+  showAvatars: i = !0,
+  userAvatar: x,
+  botAvatar: f,
+  isTyping: s = !1,
+  typingText: C,
+  className: S,
+  height: v = g.HEIGHT,
+  testId: T,
+  disabled: y = !1
+}) => {
+  const { mode: D } = H(), I = D === "dark", [c, w] = B(""), E = R(null);
+  _(() => {
+    var t;
+    (t = E.current) == null || t.scrollIntoView({ behavior: "smooth" });
+  }, [e, s]);
+  const N = k(() => {
+    c.trim() && o && !y && !l && (o(c.trim()), w(""));
+  }, [c, o, y, l]), A = k((t) => {
+    t.key === "Enter" && !t.shiftKey && (t.preventDefault(), N());
+  }, [N]);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: d(
+        "Bear-Chat",
+        "flex flex-col rounded-xl overflow-hidden border",
+        I ? "bg-gray-900 border-gray-700" : "bg-white border-gray-200",
+        S
+      ),
+      style: { height: typeof v == "number" ? `${v}px` : v },
+      "data-testid": T,
+      children: [
+        u && /* @__PURE__ */ r("div", { className: "px-4 py-3 border-b border-gray-200 dark:border-gray-700", children: u }),
+        /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto p-4", children: [
+          e.map((t) => /* @__PURE__ */ r(
+            z,
+            {
+              message: t,
+              showTimestamp: n,
+              showStatus: h,
+              showAvatar: i,
+              userAvatar: x,
+              botAvatar: f
+            },
+            t.id
+          )),
+          s && /* @__PURE__ */ r(L, { text: C }),
+          /* @__PURE__ */ r("div", { ref: E })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "p-3 border-t border-gray-200 dark:border-gray-700", children: [
+          /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ r(
+              U,
+              {
+                value: c,
+                onChange: (t) => w(t.target.value),
+                onKeyDown: A,
+                placeholder: b,
+                disabled: y || l,
+                className: "flex-1"
+              }
+            ),
+            /* @__PURE__ */ r(
+              O,
+              {
+                variant: "primary",
+                onClick: N,
+                disabled: !c.trim() || y || l,
+                children: /* @__PURE__ */ r(G.SendIcon, { size: 18 })
+              }
+            )
+          ] }),
+          p && /* @__PURE__ */ r("div", { className: "mt-2", children: p })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  Z as Chat
+};

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

@@ -0,0 +1,55 @@
+import { ReactNode } from 'react';
+export interface ChatMessage {
+    id: string;
+    content: string | ReactNode;
+    sender: 'user' | 'bot' | 'system';
+    timestamp?: Date;
+    avatar?: string;
+    name?: string;
+    status?: 'sending' | 'sent' | 'delivered' | 'read' | 'error';
+    metadata?: Record<string, unknown>;
+}
+export interface ChatProps {
+    /** Array of messages */
+    messages: ChatMessage[];
+    /** Callback when user sends a message */
+    onSend?: (message: string) => void;
+    /** Loading state (e.g., waiting for bot response) */
+    isLoading?: boolean;
+    /** Placeholder text for input */
+    placeholder?: string;
+    /** Chat header content */
+    header?: ReactNode;
+    /** Chat footer content (below input) */
+    footer?: ReactNode;
+    /** Show timestamps */
+    showTimestamps?: boolean;
+    /** Show message status */
+    showStatus?: boolean;
+    /** Show avatars */
+    showAvatars?: boolean;
+    /** User avatar URL */
+    userAvatar?: string;
+    /** Bot avatar URL */
+    botAvatar?: string;
+    /** Typing indicator */
+    isTyping?: boolean;
+    /** Typing indicator text */
+    typingText?: string;
+    /** Custom class name */
+    className?: string;
+    /** Height of the chat container */
+    height?: number | string;
+    /** Test ID */
+    testId?: string;
+    /** Disable input */
+    disabled?: boolean;
+}
+export interface ChatBubbleProps {
+    message: ChatMessage;
+    showTimestamp?: boolean;
+    showStatus?: boolean;
+    showAvatar?: boolean;
+    userAvatar?: string;
+    botAvatar?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Chat } from './Chat';
+export type { ChatProps, ChatMessage, ChatBubbleProps } from './Chat.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>;