@bikdotai/bik-component-library 0.0.685-beta.13 → 0.0.685-beta.15

package/dist/cjs/components/code-block/CodeBlock.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("react-toastify"),o=require("./CodeBlock.styled.js"),s=require("./CodeBlockHelper.js"),n=require("./types.js");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}exports.CodeBlock=c=>{let{code:d="",language:l=n.CodeLanguage.JAVASCRIPT,title:u="",showTitle:h=!0,showLineNumbers:j=!0,maxHeight:g="400px",maxWidth:p,theme:m="dark"}=c;const[f,b]=r.useState(!1),[x,v]=r.useState(d);r.useEffect((()=>{let t=!0;return e.__awaiter(void 0,void 0,void 0,(function*(){try{const r=yield(e=`./languageSpecificFormatting/${l}.ts`,Promise.resolve().then((function(){return a(require(e))})));if((null==r?void 0:r.format)&&t)return void v(r.format(d))}catch(e){}var e;t&&v(d)})),()=>{t=!1}}),[d,l]);const C=x.split("\n");return t.jsxs(o.Container,Object.assign({themeMode:m,maxWidth:p},{children:[t.jsxs(o.Header,Object.assign({themeMode:m},{children:[t.jsxs(o.TitleSection,{children:[h&&u&&t.jsx(o.Title,Object.assign({themeMode:m},{children:u})),t.jsx(o.LanguageBadge,Object.assign({bg:(y=l,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[y.toLowerCase()]||("dark"===m?"#6e7681":"#656d76")),color:(e=>{const t={javascript:"#000"};return(null==t?void 0:t[e.toLowerCase()])||"#fff"})(l)},{children:l}))]}),t.jsx(o.CopyButton,Object.assign({themeMode:m,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(d),b(!0),i.toast.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout((()=>b(!1)),2e3)}catch(e){i.toast.error("Failed to copy code",{position:"top-right",autoClose:2e3})}}))},{children:f?t.jsx(t.Fragment,{children:"✓ Copied"}):t.jsx(t.Fragment,{children:"Copy"})}))]})),t.jsxs(o.CodeContainer,Object.assign({maxHeight:g},{children:[j&&t.jsx(o.LineNumbers,Object.assign({themeMode:m},{children:C.map(((e,r)=>t.jsx("div",{children:r+1},r)))})),t.jsx(o.Code,Object.assign({themeMode:m},{children:C.map(((e,r)=>t.jsx("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:s.highlightCode(e,l)||" "}},r)))}))]}))]}));var y};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("react-toastify"),o=require("./CodeBlock.styled.js"),s=require("./CodeBlockHelper.js"),n=require("./types.js");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}exports.CodeBlock=c=>{let{code:d="",language:l=n.CodeLanguage.JAVASCRIPT,title:u="",showTitle:h=!0,showLineNumbers:j=!0,maxHeight:g="400px",maxWidth:p,theme:m="dark"}=c;const[f,b]=r.useState(!1),[x,v]=r.useState(d);r.useEffect((()=>{let t=!0;return e.__awaiter(void 0,void 0,void 0,(function*(){try{const r=yield(e=`./languageSpecificFormatting/${l}.ts`,Promise.resolve().then((function(){return a(require(e))})));if((null==r?void 0:r.format)&&t)return void v(r.format(d))}catch(e){}var e;t&&v(d)})),()=>{t=!1}}),[d,l]);const C=x.split("\n");return t.jsxs(o.Container,Object.assign({themeMode:m,maxWidth:p},{children:[t.jsxs(o.Header,Object.assign({themeMode:m},{children:[t.jsxs(o.TitleSection,{children:[h&&u&&t.jsx(o.Title,Object.assign({themeMode:m},{children:u})),t.jsx(o.LanguageBadge,Object.assign({bg:(y=l,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[y.toLowerCase()]||("dark"===m?"#6e7681":"#656d76")),color:(e=>{const t={javascript:"#000"};return(null==t?void 0:t[e.toLowerCase()])||"#fff"})(l)},{children:l}))]}),t.jsx(o.CopyButton,Object.assign({themeMode:m,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(d),b(!0),i.toast.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout((()=>b(!1)),2e3)}catch(e){i.toast.error("Failed to copy code",{position:"top-right",autoClose:2e3})}}))},{children:f?t.jsx(t.Fragment,{children:"✓ Copied"}):t.jsx(t.Fragment,{children:"Copy"})}))]})),t.jsxs(o.CodeContainer,Object.assign({maxHeight:g},{children:[j&&t.jsx(o.LineNumbers,Object.assign({themeMode:m},{children:C.map(((e,r)=>t.jsx("div",{children:r+1},r)))})),t.jsx(o.Code,Object.assign({themeMode:m},{children:C.map(((e,r)=>t.jsx("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:s.highlightCode(e,l,m)||" "}},r)))}))]}))]}));var y};

package/dist/cjs/components/code-block/CodeBlockHelper.d.ts

@@ -1 +1,3 @@
-export declare const highlightCode: (code: string, lang: string) => string;
+import { CodeLanguage, CodeThemeMode } from './types';
+export declare const randomStringToColor: (str: string) => string;
+export declare const highlightCode: (code: string, lang: CodeLanguage, theme?: CodeThemeMode) => string;

package/dist/cjs/components/code-block/CodeBlockHelper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.highlightCode=(e,t)=>{const s={javascript:["function","const","let","var","if","else","for","while","return","class","import","export","from","async","await","try","catch","new","this","console","log","window","document","switch"],python:["def","class","if","else","elif","for","while","import","from","return","try","except","with","as","lambda","and","or","not","in","print"],java:["public","private","protected","static","class","interface","if","else","for","while","return","import","new","this","extends","implements","System","out","println"],css:["color","background","margin","padding","display","position","flex","grid","width","height","border","font"],html:["div","span","p","h1","h2","h3","body","head","html","script","style","link"],json:["true","false","null"]}[t.toLowerCase()]||[],n={};s.forEach((e=>{n[e]=(e=>{let t=0;for(let s=0;s<e.length;s++)t=e.charCodeAt(s)+((t<<5)-t);const s=(16777215&t).toString(16).toUpperCase();return`#${"00000".substring(0,6-s.length)+s}`})(e)}));let r=e;return r=r.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),r=r.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),r=r.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),r=r.replace(/#.*$/gm,'<span class="comment">$&</span>'),r=r.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>'),s.forEach((e=>{const t=new RegExp(`\\b(${e})\\b(?![^<]*>)`,"g");r=r.replace(t,`<span style="color: ${n[e]}">$1</span>`)})),r};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./keywordMap.js");const o={javascript:require("./languageSpecificFormatting/javascript.js")},s=e=>{let o=0;for(let s=0;s<e.length;s++)o=(o<<5)-o+e.charCodeAt(s),o|=0;return Math.abs(o)};exports.highlightCode=function(r,l){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"dark";const a=e.keywordsMap[l.toLowerCase()]||[],c=(r=>{let{theme:l,lang:n}=r;var a,c;const t=e.keywordsMap[n.toLowerCase()]||[],g={};let i={},d=[];const p=o[n.toLowerCase()];if(p)try{i=(null===(a=p.colorOverWrite)||void 0===a?void 0:a.call(p,l))||{},d=(null===(c=p.colorMap)||void 0===c?void 0:c.call(p,l))||[],console.log(`Formatter found for ${n} (${l}):`,{overrides:Object.keys(i),colorMapLength:d.length,colorMapColors:d})}catch(e){console.warn(`Failed to load formatting for ${n}:`,e)}else console.log(`No formatter found for ${n}`);const f="dark"===l?{primary:"#79c0ff",secondary:"#a5d6ff",tertiary:"#ff7b72",quaternary:"#d2a8ff"}:{primary:"#0969da",secondary:"#207d57ff",tertiary:"#d1242f",quaternary:"#8250df"},u=Object.values(f);return console.log(`Processing ${t.length} keywords for ${n}`),t.forEach((e=>{if(null==i?void 0:i[e])g[e]=i[e],["function","console","log"].includes(e)&&console.log(`${e}: using override color ${i[e]}`);else if(d&&d.length>0){const o=s(e)%d.length;g[e]=d[o],["function","console","log"].includes(e)&&console.log(`${e}: using colorMap[${o}] = ${d[o]}`)}else{const o=s(e)%u.length;g[e]=u[o],["function","console","log"].includes(e)&&console.log(`${e}: using fallback color ${u[o]}`)}})),g})({theme:n,lang:l});let t=r;t=t.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),t=t.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),t=t.replace(/#.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>');const g=a.sort(((e,o)=>o.length-e.length));return console.log(`Processing ${l} keywords in order:`,g),g.forEach((e=>{let o;o="css"===l.toLowerCase()?new RegExp(`(^|[\\s:])\\b(${e.replace(/-/g,"\\-")})(?=\\s*:|\\s|$)(?![^<]*>)`,"g"):new RegExp(`\\b(${e})\\b(?![^<]*>)`,"g");const s=t;t="css"===l.toLowerCase()?t.replace(o,`$1<span style="color: ${c[e]}">$2</span>`):t.replace(o,`<span style="color: ${c[e]}">$1</span>`),s!==t&&["background","background-color","color"].includes(e)&&console.log(`${e} -> ${c[e]} (made changes)`)})),t};

package/dist/cjs/components/code-block/keywordMap.d.ts

@@ -0,0 +1 @@
+export declare const keywordsMap: Record<string, string[]>;

package/dist/cjs/components/code-block/keywordMap.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.keywordsMap={javascript:["function","const","let","var","if","else","for","while","return","class","import","export","from","async","await","try","catch","new","this","console","log","window","document","switch"],python:["def","class","if","else","elif","for","while","import","from","return","try","except","with","as","lambda","and","or","not","in","print"],java:["public","private","protected","static","class","interface","if","else","for","while","return","import","new","this","extends","implements","System","out","println"],css:["color","background","background-color","font-family","margin","padding","display","position","flex","grid","width","height","border","font"],html:["div","span","p","h1","h2","h3","body","head","html","script","style","link"],json:["true","false","null"]};

package/dist/cjs/components/code-block/languageSpecificFormatting/javascript.d.ts

@@ -0,0 +1,3 @@
+import { CodeThemeMode } from '../types';
+export declare function colorOverWrite(theme: CodeThemeMode): Record<string, string> | undefined;
+export declare function colorMap(theme: CodeThemeMode): string[] | undefined;

package/dist/cjs/components/code-block/languageSpecificFormatting/javascript.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.colorMap=function(o){const t={light:["#E13B4D","#7043BE","#005DC1","#ED6729"],dark:["#ff7b72","#d2a8ff","#a5d6ff","#ffa657","#7ee787"]};return(null==t?void 0:t[o])||void 0},exports.colorOverWrite=function(o){const t={light:{function:"#970000"},dark:{function:"#79c0ff"}};return null==t?void 0:t[o]};

package/dist/cjs/components/code-block/types.d.ts

@@ -6,6 +6,7 @@ export declare enum CodeLanguage {
     HTML = "html",
     JSON = "json"
 }
+export type CodeThemeMode = 'dark' | 'light';
 export interface CodeBlockProps {
     code?: string;
     language?: CodeLanguage;
@@ -14,5 +15,5 @@ export interface CodeBlockProps {
     showLineNumbers?: boolean;
     maxHeight?: string;
     maxWidth?: string;
-    theme?: 'dark' | 'light';
+    theme?: CodeThemeMode;
 }

package/dist/esm/components/code-block/CodeBlock.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as o,Fragment as i}from"react/jsx-runtime";import{useState as r,useEffect as s}from"react";import{toast as c}from"react-toastify";import{Container as n,Header as d,TitleSection as a,Title as l,LanguageBadge as m,CopyButton as h,CodeContainer as p,LineNumbers as g,Code as f}from"./CodeBlock.styled.js";import{highlightCode as u}from"./CodeBlockHelper.js";import{CodeLanguage as b}from"./types.js";const j=j=>{let{code:v="",language:y=b.JAVASCRIPT,title:C="",showTitle:x=!0,showLineNumbers:O=!0,maxHeight:M="400px",maxWidth:k,theme:w="dark"}=j;const[H,T]=r(!1),[L,_]=r(v);s((()=>{let t=!0;return e(void 0,void 0,void 0,(function*(){try{const e=yield import(`./languageSpecificFormatting/${y}.ts`);if((null==e?void 0:e.format)&&t)return void _(e.format(v))}catch(e){}t&&_(v)})),()=>{t=!1}}),[v,y]);const B=L.split("\n");return t(n,Object.assign({themeMode:w,maxWidth:k},{children:[t(d,Object.assign({themeMode:w},{children:[t(a,{children:[x&&C&&o(l,Object.assign({themeMode:w},{children:C})),o(m,Object.assign({bg:(S=y,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[S.toLowerCase()]||("dark"===w?"#6e7681":"#656d76")),color:(e=>{const t={javascript:"#000"};return(null==t?void 0:t[e.toLowerCase()])||"#fff"})(y)},{children:y}))]}),o(h,Object.assign({themeMode:w,onClick:()=>e(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(v),T(!0),c.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout((()=>T(!1)),2e3)}catch(e){c.error("Failed to copy code",{position:"top-right",autoClose:2e3})}}))},{children:o(i,H?{children:"✓ Copied"}:{children:"Copy"})}))]})),t(p,Object.assign({maxHeight:M},{children:[O&&o(g,Object.assign({themeMode:w},{children:B.map(((e,t)=>o("div",{children:t+1},t)))})),o(f,Object.assign({themeMode:w},{children:B.map(((e,t)=>o("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:u(e,y)||" "}},t)))}))]}))]}));var S};export{j as CodeBlock};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as o,Fragment as i}from"react/jsx-runtime";import{useState as r,useEffect as s}from"react";import{toast as c}from"react-toastify";import{Container as n,Header as d,TitleSection as a,Title as l,LanguageBadge as m,CopyButton as h,CodeContainer as p,LineNumbers as g,Code as f}from"./CodeBlock.styled.js";import{highlightCode as u}from"./CodeBlockHelper.js";import{CodeLanguage as b}from"./types.js";const j=j=>{let{code:v="",language:y=b.JAVASCRIPT,title:C="",showTitle:x=!0,showLineNumbers:O=!0,maxHeight:M="400px",maxWidth:k,theme:w="dark"}=j;const[H,T]=r(!1),[L,_]=r(v);s((()=>{let t=!0;return e(void 0,void 0,void 0,(function*(){try{const e=yield import(`./languageSpecificFormatting/${y}.ts`);if((null==e?void 0:e.format)&&t)return void _(e.format(v))}catch(e){}t&&_(v)})),()=>{t=!1}}),[v,y]);const B=L.split("\n");return t(n,Object.assign({themeMode:w,maxWidth:k},{children:[t(d,Object.assign({themeMode:w},{children:[t(a,{children:[x&&C&&o(l,Object.assign({themeMode:w},{children:C})),o(m,Object.assign({bg:(S=y,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[S.toLowerCase()]||("dark"===w?"#6e7681":"#656d76")),color:(e=>{const t={javascript:"#000"};return(null==t?void 0:t[e.toLowerCase()])||"#fff"})(y)},{children:y}))]}),o(h,Object.assign({themeMode:w,onClick:()=>e(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(v),T(!0),c.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout((()=>T(!1)),2e3)}catch(e){c.error("Failed to copy code",{position:"top-right",autoClose:2e3})}}))},{children:o(i,H?{children:"✓ Copied"}:{children:"Copy"})}))]})),t(p,Object.assign({maxHeight:M},{children:[O&&o(g,Object.assign({themeMode:w},{children:B.map(((e,t)=>o("div",{children:t+1},t)))})),o(f,Object.assign({themeMode:w},{children:B.map(((e,t)=>o("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:u(e,y,w)||" "}},t)))}))]}))]}));var S};export{j as CodeBlock};

package/dist/esm/components/code-block/CodeBlockHelper.d.ts

@@ -1 +1,3 @@
-export declare const highlightCode: (code: string, lang: string) => string;
+import { CodeLanguage, CodeThemeMode } from './types';
+export declare const randomStringToColor: (str: string) => string;
+export declare const highlightCode: (code: string, lang: CodeLanguage, theme?: CodeThemeMode) => string;

package/dist/esm/components/code-block/CodeBlockHelper.js

@@ -1 +1 @@
-const e=(e,t)=>{const s={javascript:["function","const","let","var","if","else","for","while","return","class","import","export","from","async","await","try","catch","new","this","console","log","window","document","switch"],python:["def","class","if","else","elif","for","while","import","from","return","try","except","with","as","lambda","and","or","not","in","print"],java:["public","private","protected","static","class","interface","if","else","for","while","return","import","new","this","extends","implements","System","out","println"],css:["color","background","margin","padding","display","position","flex","grid","width","height","border","font"],html:["div","span","p","h1","h2","h3","body","head","html","script","style","link"],json:["true","false","null"]}[t.toLowerCase()]||[],n={};s.forEach((e=>{n[e]=(e=>{let t=0;for(let s=0;s<e.length;s++)t=e.charCodeAt(s)+((t<<5)-t);const s=(16777215&t).toString(16).toUpperCase();return`#${"00000".substring(0,6-s.length)+s}`})(e)}));let r=e;return r=r.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),r=r.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),r=r.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),r=r.replace(/#.*$/gm,'<span class="comment">$&</span>'),r=r.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>'),s.forEach((e=>{const t=new RegExp(`\\b(${e})\\b(?![^<]*>)`,"g");r=r.replace(t,`<span style="color: ${n[e]}">$1</span>`)})),r};export{e as highlightCode};
+import{keywordsMap as o}from"./keywordMap.js";import*as e from"./languageSpecificFormatting/javascript.js";const l={javascript:e},n=o=>{let e=0;for(let l=0;l<o.length;l++)e=(e<<5)-e+o.charCodeAt(l),e|=0;return Math.abs(e)},s=function(e,s){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"dark";const a=o[s.toLowerCase()]||[],c=(e=>{let{theme:s,lang:r}=e;var a,c;const t=o[r.toLowerCase()]||[],g={};let i={},p=[];const d=l[r.toLowerCase()];if(d)try{i=(null===(a=d.colorOverWrite)||void 0===a?void 0:a.call(d,s))||{},p=(null===(c=d.colorMap)||void 0===c?void 0:c.call(d,s))||[],console.log(`Formatter found for ${r} (${s}):`,{overrides:Object.keys(i),colorMapLength:p.length,colorMapColors:p})}catch(o){console.warn(`Failed to load formatting for ${r}:`,o)}else console.log(`No formatter found for ${r}`);const f="dark"===s?{primary:"#79c0ff",secondary:"#a5d6ff",tertiary:"#ff7b72",quaternary:"#d2a8ff"}:{primary:"#0969da",secondary:"#207d57ff",tertiary:"#d1242f",quaternary:"#8250df"},$=Object.values(f);return console.log(`Processing ${t.length} keywords for ${r}`),t.forEach((o=>{if(null==i?void 0:i[o])g[o]=i[o],["function","console","log"].includes(o)&&console.log(`${o}: using override color ${i[o]}`);else if(p&&p.length>0){const e=n(o)%p.length;g[o]=p[e],["function","console","log"].includes(o)&&console.log(`${o}: using colorMap[${e}] = ${p[e]}`)}else{const e=n(o)%$.length;g[o]=$[e],["function","console","log"].includes(o)&&console.log(`${o}: using fallback color ${$[e]}`)}})),g})({theme:r,lang:s});let t=e;t=t.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),t=t.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),t=t.replace(/#.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>');const g=a.sort(((o,e)=>e.length-o.length));return console.log(`Processing ${s} keywords in order:`,g),g.forEach((o=>{let e;e="css"===s.toLowerCase()?new RegExp(`(^|[\\s:])\\b(${o.replace(/-/g,"\\-")})(?=\\s*:|\\s|$)(?![^<]*>)`,"g"):new RegExp(`\\b(${o})\\b(?![^<]*>)`,"g");const l=t;t="css"===s.toLowerCase()?t.replace(e,`$1<span style="color: ${c[o]}">$2</span>`):t.replace(e,`<span style="color: ${c[o]}">$1</span>`),l!==t&&["background","background-color","color"].includes(o)&&console.log(`${o} -> ${c[o]} (made changes)`)})),t};export{s as highlightCode};

package/dist/esm/components/code-block/keywordMap.d.ts

@@ -0,0 +1 @@
+export declare const keywordsMap: Record<string, string[]>;

package/dist/esm/components/code-block/keywordMap.js

@@ -0,0 +1 @@
+const t={javascript:["function","const","let","var","if","else","for","while","return","class","import","export","from","async","await","try","catch","new","this","console","log","window","document","switch"],python:["def","class","if","else","elif","for","while","import","from","return","try","except","with","as","lambda","and","or","not","in","print"],java:["public","private","protected","static","class","interface","if","else","for","while","return","import","new","this","extends","implements","System","out","println"],css:["color","background","background-color","font-family","margin","padding","display","position","flex","grid","width","height","border","font"],html:["div","span","p","h1","h2","h3","body","head","html","script","style","link"],json:["true","false","null"]};export{t as keywordsMap};

package/dist/esm/components/code-block/languageSpecificFormatting/javascript.d.ts

@@ -0,0 +1,3 @@
+import { CodeThemeMode } from '../types';
+export declare function colorOverWrite(theme: CodeThemeMode): Record<string, string> | undefined;
+export declare function colorMap(theme: CodeThemeMode): string[] | undefined;

package/dist/esm/components/code-block/languageSpecificFormatting/javascript.js

@@ -0,0 +1 @@
+function f(f){const n={light:{function:"#970000"},dark:{function:"#79c0ff"}};return null==n?void 0:n[f]}function n(f){const n={light:["#E13B4D","#7043BE","#005DC1","#ED6729"],dark:["#ff7b72","#d2a8ff","#a5d6ff","#ffa657","#7ee787"]};return(null==n?void 0:n[f])||void 0}export{n as colorMap,f as colorOverWrite};

package/dist/esm/components/code-block/types.d.ts

@@ -6,6 +6,7 @@ export declare enum CodeLanguage {
     HTML = "html",
     JSON = "json"
 }
+export type CodeThemeMode = 'dark' | 'light';
 export interface CodeBlockProps {
     code?: string;
     language?: CodeLanguage;
@@ -14,5 +15,5 @@ export interface CodeBlockProps {
     showLineNumbers?: boolean;
     maxHeight?: string;
     maxWidth?: string;
-    theme?: 'dark' | 'light';
+    theme?: CodeThemeMode;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.685-beta.13",
+	"version": "0.0.685-beta.15",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",