@hanzo/ui 5.3.18 → 5.3.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (229) hide show
  1. package/dist/3d/button.js +298 -1
  2. package/dist/3d/button.mjs +273 -1
  3. package/dist/3d/card.js +234 -1
  4. package/dist/3d/card.mjs +207 -1
  5. package/dist/3d/carousel.js +371 -1
  6. package/dist/3d/carousel.mjs +344 -1
  7. package/dist/3d/grid.js +362 -1
  8. package/dist/3d/grid.mjs +337 -1
  9. package/dist/3d/index.js +1518 -1
  10. package/dist/3d/index.mjs +1472 -1
  11. package/dist/3d/marquee.js +352 -1
  12. package/dist/3d/marquee.mjs +327 -1
  13. package/dist/3d/pin.js +46 -1
  14. package/dist/3d/pin.mjs +24 -1
  15. package/dist/accordion.js +80 -1
  16. package/dist/accordion.mjs +55 -1
  17. package/dist/alert-dialog.js +220 -1
  18. package/dist/alert-dialog.mjs +187 -1
  19. package/dist/alert.js +68 -1
  20. package/dist/alert.mjs +64 -1
  21. package/dist/animation/animated-background.js +424 -1
  22. package/dist/animation/animated-background.mjs +418 -1
  23. package/dist/animation/animated-beam.js +119 -1
  24. package/dist/animation/animated-beam.mjs +97 -1
  25. package/dist/animation/animated-cursor.js +275 -1
  26. package/dist/animation/animated-cursor.mjs +270 -1
  27. package/dist/animation/animated-icon.js +357 -2
  28. package/dist/animation/animated-icon.mjs +351 -2
  29. package/dist/animation/animated-list.js +339 -1
  30. package/dist/animation/animated-list.mjs +333 -1
  31. package/dist/animation/animated-number.js +283 -1
  32. package/dist/animation/animated-number.mjs +277 -1
  33. package/dist/animation/animated-testimonials.js +97 -1
  34. package/dist/animation/animated-testimonials.mjs +75 -1
  35. package/dist/animation/animated-tooltip.js +67 -1
  36. package/dist/animation/animated-tooltip.mjs +45 -1
  37. package/dist/animation/apple-cards-carousel.js +308 -1
  38. package/dist/animation/apple-cards-carousel.mjs +285 -1
  39. package/dist/animation/apple-hello-effect.js +60 -1
  40. package/dist/animation/apple-hello-effect.mjs +38 -1
  41. package/dist/animation/index.js +1952 -2
  42. package/dist/animation/index.mjs +1921 -2
  43. package/dist/avatar.js +71 -1
  44. package/dist/avatar.mjs +47 -1
  45. package/dist/badge.js +66 -1
  46. package/dist/badge.mjs +40 -1
  47. package/dist/blocks/index.js +1665 -2
  48. package/dist/blocks/index.mjs +1626 -2
  49. package/dist/breadcrumb.js +107 -1
  50. package/dist/breadcrumb.mjs +99 -1
  51. package/dist/calendar.js +189 -1
  52. package/dist/calendar.mjs +164 -1
  53. package/dist/carousel.js +278 -1
  54. package/dist/carousel.mjs +249 -1
  55. package/dist/checkbox.js +60 -1
  56. package/dist/checkbox.mjs +35 -1
  57. package/dist/code/block.js +226 -2
  58. package/dist/code/block.mjs +203 -2
  59. package/dist/code/compare.js +445 -5
  60. package/dist/code/compare.mjs +422 -5
  61. package/dist/code/diff.js +430 -12
  62. package/dist/code/diff.mjs +406 -11
  63. package/dist/code/editor.js +243 -1
  64. package/dist/code/editor.mjs +218 -1
  65. package/dist/code/explorer.js +291 -1
  66. package/dist/code/explorer.mjs +268 -1
  67. package/dist/code/index.js +2515 -26
  68. package/dist/code/index.mjs +2472 -24
  69. package/dist/code/preview.js +364 -6
  70. package/dist/code/preview.mjs +341 -6
  71. package/dist/code/snippet.js +274 -2
  72. package/dist/code/snippet.mjs +250 -2
  73. package/dist/code/tabs.js +75 -1
  74. package/dist/code/tabs.mjs +53 -1
  75. package/dist/code/terminal.js +437 -3
  76. package/dist/code/terminal.mjs +414 -3
  77. package/dist/collapsible.js +33 -1
  78. package/dist/collapsible.mjs +9 -1
  79. package/dist/command.js +262 -1
  80. package/dist/command.mjs +232 -1
  81. package/dist/context-menu.js +207 -1
  82. package/dist/context-menu.mjs +171 -1
  83. package/dist/device/index.js +3 -1
  84. package/dist/device/index.mjs +2 -0
  85. package/dist/dialog.js +151 -1
  86. package/dist/dialog.mjs +121 -1
  87. package/dist/dock/basic.js +174 -1
  88. package/dist/dock/basic.mjs +151 -1
  89. package/dist/dock/index.js +628 -1
  90. package/dist/dock/index.mjs +601 -1
  91. package/dist/dock/limelight-nav.js +295 -1
  92. package/dist/dock/limelight-nav.mjs +274 -1
  93. package/dist/dock/macos.js +141 -1
  94. package/dist/dock/macos.mjs +118 -1
  95. package/dist/dock/menu.js +70 -1
  96. package/dist/dock/menu.mjs +48 -1
  97. package/dist/dock/message.js +144 -1
  98. package/dist/dock/message.mjs +122 -1
  99. package/dist/drawer.js +115 -1
  100. package/dist/drawer.mjs +103 -1
  101. package/dist/dropdown-menu.js +202 -1
  102. package/dist/dropdown-menu.mjs +166 -1
  103. package/dist/finance/AdvancedChart.js +48 -2
  104. package/dist/finance/AdvancedChart.mjs +46 -2
  105. package/dist/finance/CompanyProfile.js +48 -2
  106. package/dist/finance/CompanyProfile.mjs +46 -2
  107. package/dist/finance/CryptoScreener.js +45 -2
  108. package/dist/finance/CryptoScreener.mjs +43 -2
  109. package/dist/finance/Financials.js +52 -2
  110. package/dist/finance/Financials.mjs +50 -2
  111. package/dist/finance/ForexScreener.js +46 -2
  112. package/dist/finance/ForexScreener.mjs +44 -2
  113. package/dist/finance/MarketOverview.js +104 -2
  114. package/dist/finance/MarketOverview.mjs +102 -2
  115. package/dist/finance/NewsTimeline.js +44 -2
  116. package/dist/finance/NewsTimeline.mjs +42 -2
  117. package/dist/finance/OrderEntry.js +131 -1
  118. package/dist/finance/OrderEntry.mjs +129 -1
  119. package/dist/finance/OrdersHistory.js +64 -1
  120. package/dist/finance/OrdersHistory.mjs +62 -1
  121. package/dist/finance/PositionsList.js +80 -1
  122. package/dist/finance/PositionsList.mjs +78 -1
  123. package/dist/finance/StockScreener.js +46 -2
  124. package/dist/finance/StockScreener.mjs +44 -2
  125. package/dist/finance/SymbolInfo.js +46 -2
  126. package/dist/finance/SymbolInfo.mjs +44 -2
  127. package/dist/finance/TechnicalAnalysis.js +54 -2
  128. package/dist/finance/TechnicalAnalysis.mjs +52 -2
  129. package/dist/finance/TickerTape.js +56 -2
  130. package/dist/finance/TickerTape.mjs +54 -2
  131. package/dist/finance/TradingPanel.js +191 -1
  132. package/dist/finance/TradingPanel.mjs +189 -1
  133. package/dist/finance/index.js +930 -2
  134. package/dist/finance/index.mjs +914 -2
  135. package/dist/form/index.js +155 -1
  136. package/dist/form/index.mjs +125 -1
  137. package/dist/form.js +172 -1
  138. package/dist/form.mjs +142 -1
  139. package/dist/hover-card.js +58 -1
  140. package/dist/hover-card.mjs +34 -1
  141. package/dist/index.js +8467 -192
  142. package/dist/index.mjs +8087 -192
  143. package/dist/input-otp.js +79 -1
  144. package/dist/input-otp.mjs +54 -1
  145. package/dist/lib/utils.js +29 -1
  146. package/dist/lib/utils.mjs +25 -1
  147. package/dist/navigation/index.js +98 -1
  148. package/dist/navigation/index.mjs +79 -1
  149. package/dist/navigation-menu.js +149 -1
  150. package/dist/navigation-menu.mjs +116 -1
  151. package/dist/pattern/grid-pattern.js +326 -3
  152. package/dist/pattern/grid-pattern.mjs +303 -3
  153. package/dist/pattern/index.js +326 -3
  154. package/dist/pattern/index.mjs +303 -3
  155. package/dist/popover.js +63 -1
  156. package/dist/popover.mjs +37 -1
  157. package/dist/primitives/index.js +8467 -192
  158. package/dist/primitives/index.mjs +8087 -192
  159. package/dist/primitives-export.js +8467 -192
  160. package/dist/primitives-export.mjs +8087 -192
  161. package/dist/progress.js +62 -1
  162. package/dist/progress.mjs +37 -1
  163. package/dist/project/gantt.js +65 -1
  164. package/dist/project/gantt.mjs +43 -1
  165. package/dist/project/index.js +636 -1
  166. package/dist/project/index.mjs +611 -1
  167. package/dist/project/kanban.js +597 -1
  168. package/dist/project/kanban.mjs +572 -1
  169. package/dist/project/list.js +35 -1
  170. package/dist/project/list.mjs +12 -1
  171. package/dist/radio-group.js +68 -1
  172. package/dist/radio-group.mjs +45 -1
  173. package/dist/resizable.js +72 -1
  174. package/dist/resizable.mjs +48 -1
  175. package/dist/scroll-area.js +89 -1
  176. package/dist/scroll-area.mjs +66 -1
  177. package/dist/select.js +140 -1
  178. package/dist/select.mjs +111 -1
  179. package/dist/separator.js +59 -1
  180. package/dist/separator.mjs +34 -1
  181. package/dist/sheet.js +148 -1
  182. package/dist/sheet.mjs +117 -1
  183. package/dist/skeleton.js +32 -1
  184. package/dist/skeleton.mjs +27 -1
  185. package/dist/slider.js +99 -1
  186. package/dist/slider.mjs +73 -1
  187. package/dist/sonner.js +34 -1
  188. package/dist/sonner.mjs +29 -1
  189. package/dist/switch.js +62 -1
  190. package/dist/switch.mjs +37 -1
  191. package/dist/table.js +110 -1
  192. package/dist/table.mjs +101 -1
  193. package/dist/tabs.js +82 -1
  194. package/dist/tabs.mjs +57 -1
  195. package/dist/tailwind/index.js +2024 -1
  196. package/dist/tailwind/index.mjs +2012 -1
  197. package/dist/textarea.js +78 -1
  198. package/dist/textarea.mjs +56 -1
  199. package/dist/toggle-group.js +118 -1
  200. package/dist/toggle-group.mjs +93 -1
  201. package/dist/toggle.js +71 -1
  202. package/dist/toggle.mjs +48 -1
  203. package/dist/tooltip.js +67 -1
  204. package/dist/tooltip.mjs +40 -1
  205. package/dist/types/index.js +58 -1
  206. package/dist/types/index.mjs +52 -1
  207. package/dist/ui/announcement.js +129 -1
  208. package/dist/ui/announcement.mjs +107 -1
  209. package/dist/ui/avatar-group.js +88 -1
  210. package/dist/ui/avatar-group.mjs +65 -1
  211. package/dist/ui/banner.js +85 -1
  212. package/dist/ui/banner.mjs +62 -1
  213. package/dist/ui/cursor.js +78 -1
  214. package/dist/ui/cursor.mjs +56 -1
  215. package/dist/ui/index.js +475 -1
  216. package/dist/ui/index.mjs +442 -1
  217. package/dist/ui/marquee.js +74 -1
  218. package/dist/ui/marquee.mjs +52 -1
  219. package/dist/ui/pill.js +85 -1
  220. package/dist/ui/pill.mjs +62 -1
  221. package/dist/ui/spinner.js +28 -1
  222. package/dist/ui/spinner.mjs +26 -1
  223. package/dist/ui/tags.js +101 -1
  224. package/dist/ui/tags.mjs +79 -1
  225. package/dist/ui/ticker.js +73 -1
  226. package/dist/ui/ticker.mjs +51 -1
  227. package/dist/util/index.js +458 -1
  228. package/dist/util/index.mjs +400 -1
  229. package/package.json +1 -1
@@ -1,3 +1,414 @@
1
- import*as r from'react';import {cva}from'class-variance-authority';import {Terminal,RefreshCw,Copy,Download,Minimize2,Maximize2,ChevronRight}from'lucide-react';import {cn}from'@hanzo/ui/lib/utils';import {Button}from'@hanzo/ui/button';import {Input}from'@hanzo/ui/input';import {ScrollArea}from'@hanzo/ui/scroll-area';import {Separator}from'@hanzo/ui/separator';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var Z=Object.defineProperty;var b=(c,f)=>Z(c,"name",{value:f,configurable:true});var me=cva("relative flex flex-col overflow-hidden rounded-lg border",{variants:{theme:{dark:"bg-black border-gray-700 text-green-400",light:"bg-white border-gray-300 text-gray-900",matrix:"bg-black border-green-500 text-green-400",hacker:"bg-gray-900 border-yellow-500 text-yellow-400",retro:"bg-amber-900 border-amber-600 text-amber-100",modern:"bg-slate-900 border-slate-700 text-slate-100"},size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{theme:"dark",size:"default"}}),n={black:"text-black",red:"text-red-500",green:"text-green-500",yellow:"text-yellow-500",blue:"text-blue-500",magenta:"text-magenta-500",cyan:"text-cyan-500",white:"text-white",gray:"text-gray-500",brightRed:"text-red-400",brightGreen:"text-green-400",brightYellow:"text-yellow-400",brightBlue:"text-blue-400",brightMagenta:"text-magenta-400",brightCyan:"text-cyan-400",brightWhite:"text-gray-100"},ue=b(c=>{let f=/\x1b\[([0-9;]*)m/g,x=[],d=0,a=[],o;for(;(o=f.exec(c))!==null;)o.index>d&&x.push({text:c.slice(d,o.index),classes:[...a]}),o[1].split(";").map(m=>parseInt(m)||0).forEach(m=>{switch(m){case 0:a=[];break;case 30:a.push(n.black);break;case 31:a.push(n.red);break;case 32:a.push(n.green);break;case 33:a.push(n.yellow);break;case 34:a.push(n.blue);break;case 35:a.push(n.magenta);break;case 36:a.push(n.cyan);break;case 37:a.push(n.white);break;case 90:a.push(n.gray);break;case 91:a.push(n.brightRed);break;case 92:a.push(n.brightGreen);break;case 93:a.push(n.brightYellow);break;case 94:a.push(n.brightBlue);break;case 95:a.push(n.brightMagenta);break;case 96:a.push(n.brightCyan);break;case 97:a.push(n.brightWhite);break}}),d=o.index+o[0].length;return d<c.length&&x.push({text:c.slice(d),classes:[...a]}),x.map((y,m)=>jsx("span",{className:cn(y.classes),children:y.text},m))},"parseAnsiContent"),de=r.forwardRef(({className:c,theme:f,size:x,title:d="Terminal",prompt:a="$",maxLines:o=1e3,showLineNumbers:y=false,allowInput:m=true,allowClear:z=true,allowCopy:H=true,allowDownload:A=false,allowFullscreen:B=true,height:F="400px",autoScroll:M=true,history:P=[],onCommand:L,onClear:w,initialLines:U=[],...V},j)=>{let[u,D]=r.useState(U),[S,v]=r.useState(""),[k,N]=r.useState(-1),[R,O]=r.useState(false),[p,K]=r.useState(P),C=r.useRef(null),E=r.useRef(null);r.useEffect(()=>{M&&C.current&&(C.current.scrollTop=C.current.scrollHeight);},[u,M]);let h=r.useCallback(e=>{let s={...e,id:`line-${Date.now()}-${Math.random()}`,timestamp:Date.now()};D(g=>{let l=[...g,s];return l.length>o?l.slice(-o):l});},[o]),W=r.useCallback(async e=>{if(e.trim()){if(K(s=>[...s,e]),N(-1),h({type:"input",content:`${a} ${e}`,command:e}),e==="clear"){w?w():D([]);return}if(e==="history"){p.forEach((s,g)=>{h({type:"output",content:`${g+1} ${s}`});});return}if(e.startsWith("echo ")){h({type:"output",content:e.slice(5)});return}if(L)try{await L(e);}catch(s){h({type:"error",content:s instanceof Error?s.message:String(s),exitCode:1});}else h({type:"error",content:`Command not found: ${e}`,exitCode:127});}},[a,h,L,w,p]),G=b(e=>{e.preventDefault(),S.trim()&&(W(S),v(""));},"handleInputSubmit"),Y=b(e=>{if(e.key==="ArrowUp"){if(e.preventDefault(),k<p.length-1){let s=k+1;N(s),v(p[p.length-1-s]||"");}}else if(e.key==="ArrowDown")if(e.preventDefault(),k>0){let s=k-1;N(s),v(p[p.length-1-s]||"");}else k===0&&(N(-1),v(""));},"handleKeyDown"),q=r.useCallback(async()=>{let e=u.map(s=>s.content).join(`
2
- `);try{await navigator.clipboard.writeText(e);}catch(s){console.error("Failed to copy terminal content:",s);}},[u]),X=r.useCallback(()=>{let e=u.map($=>`[${new Date($.timestamp).toISOString()}] ${$.content}`).join(`
3
- `),s=new Blob([e],{type:"text/plain"}),g=URL.createObjectURL(s),l=document.createElement("a");l.href=g,l.download=`terminal-${Date.now()}.txt`,document.body.appendChild(l),l.click(),document.body.removeChild(l),URL.revokeObjectURL(g);},[u]),J=b(()=>{w?w():D([]);},"clearTerminal"),Q=b(()=>{m&&E.current&&E.current.focus();},"handleTerminalClick");return jsxs("div",{ref:j,className:cn(me({theme:f,size:x}),R&&"fixed inset-0 z-50",c),style:{height:R?"100vh":F},onClick:Q,...V,children:[jsxs("div",{className:"flex items-center justify-between border-b px-4 py-2 bg-muted/30",children:[jsxs("div",{className:"flex items-center gap-2",children:[jsxs("div",{className:"flex gap-1",children:[jsx("div",{className:"w-3 h-3 rounded-full bg-red-500"}),jsx("div",{className:"w-3 h-3 rounded-full bg-yellow-500"}),jsx("div",{className:"w-3 h-3 rounded-full bg-green-500"})]}),jsx(Terminal,{className:"h-4 w-4"}),jsx("span",{className:"text-sm font-medium",children:d}),u.length>0&&jsxs("span",{className:"text-xs text-muted-foreground",children:[u.length," lines"]})]}),jsxs("div",{className:"flex items-center gap-1",children:[z&&jsx(Button,{variant:"ghost",size:"sm",onClick:J,className:"h-8 w-8 p-0",children:jsx(RefreshCw,{className:"h-3.5 w-3.5"})}),H&&jsx(Button,{variant:"ghost",size:"sm",onClick:q,className:"h-8 w-8 p-0",children:jsx(Copy,{className:"h-3.5 w-3.5"})}),A&&jsx(Button,{variant:"ghost",size:"sm",onClick:X,className:"h-8 w-8 p-0",children:jsx(Download,{className:"h-3.5 w-3.5"})}),B&&jsx(Button,{variant:"ghost",size:"sm",onClick:()=>O(!R),className:"h-8 w-8 p-0",children:R?jsx(Minimize2,{className:"h-3.5 w-3.5"}):jsx(Maximize2,{className:"h-3.5 w-3.5"})})]})]}),jsxs("div",{className:"flex-1 flex flex-col min-h-0",children:[jsx(ScrollArea,{ref:C,className:"flex-1 p-4",children:jsx("div",{className:"space-y-1 font-mono",children:u.map((e,s)=>jsxs("div",{className:"flex items-start gap-2",children:[y&&jsx("span",{className:"text-xs text-muted-foreground w-12 text-right flex-shrink-0",children:s+1}),jsx("div",{className:cn("flex-1 whitespace-pre-wrap break-words",e.type==="input"&&"text-inherit",e.type==="output"&&"text-muted-foreground",e.type==="error"&&"text-red-400",e.type==="system"&&"text-blue-400"),children:typeof e.content=="string"&&e.content.includes("\x1B[")?ue(e.content):e.content})]},e.id))})}),m&&jsxs(Fragment,{children:[jsx(Separator,{}),jsx("form",{onSubmit:G,className:"p-4",children:jsxs("div",{className:"flex items-center gap-2 font-mono",children:[jsx(ChevronRight,{className:"h-4 w-4 flex-shrink-0"}),jsx("span",{className:"flex-shrink-0",children:a}),jsx(Input,{ref:E,value:S,onChange:e=>v(e.target.value),onKeyDown:Y,className:"flex-1 border-0 bg-transparent p-0 focus-visible:ring-0 font-mono",placeholder:"Enter command...",autoComplete:"off",autoFocus:true})]})})]})]})]})});de.displayName="CodeTerminal";export{de as CodeTerminal,me as codeTerminalVariants};
1
+ "use client";
2
+ import * as React from 'react';
3
+ import { cva } from 'class-variance-authority';
4
+ import { Terminal, RefreshCw, Copy, Download, Minimize2, Maximize2, ChevronRight } from 'lucide-react';
5
+ import { cn } from '@hanzo/ui/lib/utils';
6
+ import { Button } from '@hanzo/ui/button';
7
+ import { Input } from '@hanzo/ui/input';
8
+ import { ScrollArea } from '@hanzo/ui/scroll-area';
9
+ import { Separator } from '@hanzo/ui/separator';
10
+ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
11
+
12
+ var __defProp = Object.defineProperty;
13
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
14
+ var codeTerminalVariants = cva(
15
+ "relative flex flex-col overflow-hidden rounded-lg border",
16
+ {
17
+ variants: {
18
+ theme: {
19
+ dark: "bg-black border-gray-700 text-green-400",
20
+ light: "bg-white border-gray-300 text-gray-900",
21
+ matrix: "bg-black border-green-500 text-green-400",
22
+ hacker: "bg-gray-900 border-yellow-500 text-yellow-400",
23
+ retro: "bg-amber-900 border-amber-600 text-amber-100",
24
+ modern: "bg-slate-900 border-slate-700 text-slate-100"
25
+ },
26
+ size: {
27
+ sm: "text-xs",
28
+ default: "text-sm",
29
+ lg: "text-base"
30
+ }
31
+ },
32
+ defaultVariants: {
33
+ theme: "dark",
34
+ size: "default"
35
+ }
36
+ }
37
+ );
38
+ var ansiColors = {
39
+ black: "text-black",
40
+ red: "text-red-500",
41
+ green: "text-green-500",
42
+ yellow: "text-yellow-500",
43
+ blue: "text-blue-500",
44
+ magenta: "text-magenta-500",
45
+ cyan: "text-cyan-500",
46
+ white: "text-white",
47
+ gray: "text-gray-500",
48
+ brightRed: "text-red-400",
49
+ brightGreen: "text-green-400",
50
+ brightYellow: "text-yellow-400",
51
+ brightBlue: "text-blue-400",
52
+ brightMagenta: "text-magenta-400",
53
+ brightCyan: "text-cyan-400",
54
+ brightWhite: "text-gray-100"
55
+ };
56
+ var parseAnsiContent = /* @__PURE__ */ __name((content) => {
57
+ const ansiRegex = /\x1b\[([0-9;]*)m/g;
58
+ const parts = [];
59
+ let lastIndex = 0;
60
+ let currentClasses = [];
61
+ let match;
62
+ while ((match = ansiRegex.exec(content)) !== null) {
63
+ if (match.index > lastIndex) {
64
+ parts.push({
65
+ text: content.slice(lastIndex, match.index),
66
+ classes: [...currentClasses]
67
+ });
68
+ }
69
+ const codes = match[1].split(";").map((code) => parseInt(code) || 0);
70
+ codes.forEach((code) => {
71
+ switch (code) {
72
+ case 0:
73
+ currentClasses = [];
74
+ break;
75
+ // reset
76
+ case 30:
77
+ currentClasses.push(ansiColors.black);
78
+ break;
79
+ case 31:
80
+ currentClasses.push(ansiColors.red);
81
+ break;
82
+ case 32:
83
+ currentClasses.push(ansiColors.green);
84
+ break;
85
+ case 33:
86
+ currentClasses.push(ansiColors.yellow);
87
+ break;
88
+ case 34:
89
+ currentClasses.push(ansiColors.blue);
90
+ break;
91
+ case 35:
92
+ currentClasses.push(ansiColors.magenta);
93
+ break;
94
+ case 36:
95
+ currentClasses.push(ansiColors.cyan);
96
+ break;
97
+ case 37:
98
+ currentClasses.push(ansiColors.white);
99
+ break;
100
+ case 90:
101
+ currentClasses.push(ansiColors.gray);
102
+ break;
103
+ case 91:
104
+ currentClasses.push(ansiColors.brightRed);
105
+ break;
106
+ case 92:
107
+ currentClasses.push(ansiColors.brightGreen);
108
+ break;
109
+ case 93:
110
+ currentClasses.push(ansiColors.brightYellow);
111
+ break;
112
+ case 94:
113
+ currentClasses.push(ansiColors.brightBlue);
114
+ break;
115
+ case 95:
116
+ currentClasses.push(ansiColors.brightMagenta);
117
+ break;
118
+ case 96:
119
+ currentClasses.push(ansiColors.brightCyan);
120
+ break;
121
+ case 97:
122
+ currentClasses.push(ansiColors.brightWhite);
123
+ break;
124
+ }
125
+ });
126
+ lastIndex = match.index + match[0].length;
127
+ }
128
+ if (lastIndex < content.length) {
129
+ parts.push({
130
+ text: content.slice(lastIndex),
131
+ classes: [...currentClasses]
132
+ });
133
+ }
134
+ return parts.map((part, index) => /* @__PURE__ */ jsx("span", { className: cn(part.classes), children: part.text }, index));
135
+ }, "parseAnsiContent");
136
+ var CodeTerminal = React.forwardRef(
137
+ ({
138
+ className,
139
+ theme,
140
+ size,
141
+ title = "Terminal",
142
+ prompt = "$",
143
+ maxLines = 1e3,
144
+ showLineNumbers = false,
145
+ allowInput = true,
146
+ allowClear = true,
147
+ allowCopy = true,
148
+ allowDownload = false,
149
+ allowFullscreen = true,
150
+ height = "400px",
151
+ autoScroll = true,
152
+ history = [],
153
+ onCommand,
154
+ onClear,
155
+ initialLines = [],
156
+ ...props
157
+ }, ref) => {
158
+ const [lines, setLines] = React.useState(initialLines);
159
+ const [input, setInput] = React.useState("");
160
+ const [historyIndex, setHistoryIndex] = React.useState(-1);
161
+ const [isFullscreen, setIsFullscreen] = React.useState(false);
162
+ const [commandHistory, setCommandHistory] = React.useState(history);
163
+ const scrollAreaRef = React.useRef(null);
164
+ const inputRef = React.useRef(null);
165
+ React.useEffect(() => {
166
+ if (autoScroll && scrollAreaRef.current) {
167
+ scrollAreaRef.current.scrollTop = scrollAreaRef.current.scrollHeight;
168
+ }
169
+ }, [lines, autoScroll]);
170
+ const addLine = React.useCallback(
171
+ (line) => {
172
+ const newLine = {
173
+ ...line,
174
+ id: `line-${Date.now()}-${Math.random()}`,
175
+ timestamp: Date.now()
176
+ };
177
+ setLines((prev) => {
178
+ const updated = [...prev, newLine];
179
+ return updated.length > maxLines ? updated.slice(-maxLines) : updated;
180
+ });
181
+ },
182
+ [maxLines]
183
+ );
184
+ const handleCommand = React.useCallback(
185
+ async (command) => {
186
+ if (!command.trim()) return;
187
+ setCommandHistory((prev) => [...prev, command]);
188
+ setHistoryIndex(-1);
189
+ addLine({
190
+ type: "input",
191
+ content: `${prompt} ${command}`,
192
+ command
193
+ });
194
+ if (command === "clear") {
195
+ if (onClear) {
196
+ onClear();
197
+ } else {
198
+ setLines([]);
199
+ }
200
+ return;
201
+ }
202
+ if (command === "history") {
203
+ commandHistory.forEach((cmd, index) => {
204
+ addLine({
205
+ type: "output",
206
+ content: `${index + 1} ${cmd}`
207
+ });
208
+ });
209
+ return;
210
+ }
211
+ if (command.startsWith("echo ")) {
212
+ addLine({
213
+ type: "output",
214
+ content: command.slice(5)
215
+ });
216
+ return;
217
+ }
218
+ if (onCommand) {
219
+ try {
220
+ await onCommand(command);
221
+ } catch (error) {
222
+ addLine({
223
+ type: "error",
224
+ content: error instanceof Error ? error.message : String(error),
225
+ exitCode: 1
226
+ });
227
+ }
228
+ } else {
229
+ addLine({
230
+ type: "error",
231
+ content: `Command not found: ${command}`,
232
+ exitCode: 127
233
+ });
234
+ }
235
+ },
236
+ [prompt, addLine, onCommand, onClear, commandHistory]
237
+ );
238
+ const handleInputSubmit = /* @__PURE__ */ __name((e) => {
239
+ e.preventDefault();
240
+ if (input.trim()) {
241
+ handleCommand(input);
242
+ setInput("");
243
+ }
244
+ }, "handleInputSubmit");
245
+ const handleKeyDown = /* @__PURE__ */ __name((e) => {
246
+ if (e.key === "ArrowUp") {
247
+ e.preventDefault();
248
+ if (historyIndex < commandHistory.length - 1) {
249
+ const newIndex = historyIndex + 1;
250
+ setHistoryIndex(newIndex);
251
+ setInput(commandHistory[commandHistory.length - 1 - newIndex] || "");
252
+ }
253
+ } else if (e.key === "ArrowDown") {
254
+ e.preventDefault();
255
+ if (historyIndex > 0) {
256
+ const newIndex = historyIndex - 1;
257
+ setHistoryIndex(newIndex);
258
+ setInput(commandHistory[commandHistory.length - 1 - newIndex] || "");
259
+ } else if (historyIndex === 0) {
260
+ setHistoryIndex(-1);
261
+ setInput("");
262
+ }
263
+ }
264
+ }, "handleKeyDown");
265
+ const copyContent = React.useCallback(async () => {
266
+ const content = lines.map((line) => line.content).join("\n");
267
+ try {
268
+ await navigator.clipboard.writeText(content);
269
+ } catch (error) {
270
+ console.error("Failed to copy terminal content:", error);
271
+ }
272
+ }, [lines]);
273
+ const downloadContent = React.useCallback(() => {
274
+ const content = lines.map(
275
+ (line) => `[${new Date(line.timestamp).toISOString()}] ${line.content}`
276
+ ).join("\n");
277
+ const blob = new Blob([content], { type: "text/plain" });
278
+ const url = URL.createObjectURL(blob);
279
+ const a = document.createElement("a");
280
+ a.href = url;
281
+ a.download = `terminal-${Date.now()}.txt`;
282
+ document.body.appendChild(a);
283
+ a.click();
284
+ document.body.removeChild(a);
285
+ URL.revokeObjectURL(url);
286
+ }, [lines]);
287
+ const clearTerminal = /* @__PURE__ */ __name(() => {
288
+ if (onClear) {
289
+ onClear();
290
+ } else {
291
+ setLines([]);
292
+ }
293
+ }, "clearTerminal");
294
+ const handleTerminalClick = /* @__PURE__ */ __name(() => {
295
+ if (allowInput && inputRef.current) {
296
+ inputRef.current.focus();
297
+ }
298
+ }, "handleTerminalClick");
299
+ return /* @__PURE__ */ jsxs(
300
+ "div",
301
+ {
302
+ ref,
303
+ className: cn(
304
+ codeTerminalVariants({ theme, size }),
305
+ isFullscreen && "fixed inset-0 z-50",
306
+ className
307
+ ),
308
+ style: { height: isFullscreen ? "100vh" : height },
309
+ onClick: handleTerminalClick,
310
+ ...props,
311
+ children: [
312
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-4 py-2 bg-muted/30", children: [
313
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
314
+ /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
315
+ /* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-red-500" }),
316
+ /* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-yellow-500" }),
317
+ /* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-green-500" })
318
+ ] }),
319
+ /* @__PURE__ */ jsx(Terminal, { className: "h-4 w-4" }),
320
+ /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: title }),
321
+ lines.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
322
+ lines.length,
323
+ " lines"
324
+ ] })
325
+ ] }),
326
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
327
+ allowClear && /* @__PURE__ */ jsx(
328
+ Button,
329
+ {
330
+ variant: "ghost",
331
+ size: "sm",
332
+ onClick: clearTerminal,
333
+ className: "h-8 w-8 p-0",
334
+ children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-3.5 w-3.5" })
335
+ }
336
+ ),
337
+ allowCopy && /* @__PURE__ */ jsx(
338
+ Button,
339
+ {
340
+ variant: "ghost",
341
+ size: "sm",
342
+ onClick: copyContent,
343
+ className: "h-8 w-8 p-0",
344
+ children: /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" })
345
+ }
346
+ ),
347
+ allowDownload && /* @__PURE__ */ jsx(
348
+ Button,
349
+ {
350
+ variant: "ghost",
351
+ size: "sm",
352
+ onClick: downloadContent,
353
+ className: "h-8 w-8 p-0",
354
+ children: /* @__PURE__ */ jsx(Download, { className: "h-3.5 w-3.5" })
355
+ }
356
+ ),
357
+ allowFullscreen && /* @__PURE__ */ jsx(
358
+ Button,
359
+ {
360
+ variant: "ghost",
361
+ size: "sm",
362
+ onClick: () => setIsFullscreen(!isFullscreen),
363
+ className: "h-8 w-8 p-0",
364
+ children: isFullscreen ? /* @__PURE__ */ jsx(Minimize2, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Maximize2, { className: "h-3.5 w-3.5" })
365
+ }
366
+ )
367
+ ] })
368
+ ] }),
369
+ /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-h-0", children: [
370
+ /* @__PURE__ */ jsx(ScrollArea, { ref: scrollAreaRef, className: "flex-1 p-4", children: /* @__PURE__ */ jsx("div", { className: "space-y-1 font-mono", children: lines.map((line, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
371
+ showLineNumbers && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground w-12 text-right flex-shrink-0", children: index + 1 }),
372
+ /* @__PURE__ */ jsx(
373
+ "div",
374
+ {
375
+ className: cn(
376
+ "flex-1 whitespace-pre-wrap break-words",
377
+ line.type === "input" && "text-inherit",
378
+ line.type === "output" && "text-muted-foreground",
379
+ line.type === "error" && "text-red-400",
380
+ line.type === "system" && "text-blue-400"
381
+ ),
382
+ children: typeof line.content === "string" && line.content.includes("\x1B[") ? parseAnsiContent(line.content) : line.content
383
+ }
384
+ )
385
+ ] }, line.id)) }) }),
386
+ allowInput && /* @__PURE__ */ jsxs(Fragment, { children: [
387
+ /* @__PURE__ */ jsx(Separator, {}),
388
+ /* @__PURE__ */ jsx("form", { onSubmit: handleInputSubmit, className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 font-mono", children: [
389
+ /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 flex-shrink-0" }),
390
+ /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: prompt }),
391
+ /* @__PURE__ */ jsx(
392
+ Input,
393
+ {
394
+ ref: inputRef,
395
+ value: input,
396
+ onChange: (e) => setInput(e.target.value),
397
+ onKeyDown: handleKeyDown,
398
+ className: "flex-1 border-0 bg-transparent p-0 focus-visible:ring-0 font-mono",
399
+ placeholder: "Enter command...",
400
+ autoComplete: "off",
401
+ autoFocus: true
402
+ }
403
+ )
404
+ ] }) })
405
+ ] })
406
+ ] })
407
+ ]
408
+ }
409
+ );
410
+ }
411
+ );
412
+ CodeTerminal.displayName = "CodeTerminal";
413
+
414
+ export { CodeTerminal, codeTerminalVariants };
@@ -1 +1,33 @@
1
- 'use strict';var l=require('@radix-ui/react-collapsible');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var l__namespace=/*#__PURE__*/_interopNamespace(l);var i=l__namespace.Root,o=l__namespace.CollapsibleTrigger,e=l__namespace.CollapsibleContent;exports.Collapsible=i;exports.CollapsibleContent=e;exports.CollapsibleTrigger=o;
1
+ "use client";
2
+ 'use strict';
3
+
4
+ var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
5
+
6
+ function _interopNamespace(e) {
7
+ if (e && e.__esModule) return e;
8
+ var n = Object.create(null);
9
+ if (e) {
10
+ Object.keys(e).forEach(function (k) {
11
+ if (k !== 'default') {
12
+ var d = Object.getOwnPropertyDescriptor(e, k);
13
+ Object.defineProperty(n, k, d.get ? d : {
14
+ enumerable: true,
15
+ get: function () { return e[k]; }
16
+ });
17
+ }
18
+ });
19
+ }
20
+ n.default = e;
21
+ return Object.freeze(n);
22
+ }
23
+
24
+ var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
25
+
26
+ // primitives/collapsible.tsx
27
+ var Collapsible = CollapsiblePrimitive__namespace.Root;
28
+ var CollapsibleTrigger2 = CollapsiblePrimitive__namespace.CollapsibleTrigger;
29
+ var CollapsibleContent2 = CollapsiblePrimitive__namespace.CollapsibleContent;
30
+
31
+ exports.Collapsible = Collapsible;
32
+ exports.CollapsibleContent = CollapsibleContent2;
33
+ exports.CollapsibleTrigger = CollapsibleTrigger2;
@@ -1 +1,9 @@
1
- import*as l from'@radix-ui/react-collapsible';var i=l.Root,o=l.CollapsibleTrigger,e=l.CollapsibleContent;export{i as Collapsible,e as CollapsibleContent,o as CollapsibleTrigger};
1
+ "use client";
2
+ import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
3
+
4
+ // primitives/collapsible.tsx
5
+ var Collapsible = CollapsiblePrimitive.Root;
6
+ var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
7
+ var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
8
+
9
+ export { Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger };