@hanzo/ui 5.3.34 → 5.3.36

package/dist/code/editor.js

@@ -1,243 +1,2 @@
 "use client";
-'use strict';
-
-var React = require('react');
-var Editor = require('@monaco-editor/react');
-var lucideReact = require('lucide-react');
-var nextThemes = require('next-themes');
-var utils = require('@hanzo/ui/lib/utils');
-var button = require('@hanzo/ui/button');
-var dropdownMenu = require('@hanzo/ui/dropdown-menu');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-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 React__namespace = /*#__PURE__*/_interopNamespace(React);
-var Editor__default = /*#__PURE__*/_interopDefault(Editor);
-
-var defaultLanguages = [
-  "javascript",
-  "typescript",
-  "python",
-  "java",
-  "csharp",
-  "cpp",
-  "c",
-  "go",
-  "rust",
-  "ruby",
-  "php",
-  "swift",
-  "kotlin",
-  "dart",
-  "html",
-  "css",
-  "scss",
-  "json",
-  "xml",
-  "yaml",
-  "sql",
-  "markdown",
-  "shell",
-  "plaintext"
-];
-var languageDisplayNames = {
-  javascript: "JavaScript",
-  typescript: "TypeScript",
-  python: "Python",
-  java: "Java",
-  csharp: "C#",
-  cpp: "C++",
-  c: "C",
-  go: "Go",
-  rust: "Rust",
-  ruby: "Ruby",
-  php: "PHP",
-  swift: "Swift",
-  kotlin: "Kotlin",
-  dart: "Dart",
-  html: "HTML",
-  css: "CSS",
-  scss: "SCSS",
-  json: "JSON",
-  xml: "XML",
-  yaml: "YAML",
-  sql: "SQL",
-  markdown: "Markdown",
-  shell: "Shell",
-  plaintext: "Plain Text"
-};
-var CodeEditor = React__namespace.forwardRef(
-  ({
-    value,
-    defaultValue = "",
-    language = "javascript",
-    height = "400px",
-    theme: themeProp = "auto",
-    onChange,
-    onMount,
-    readOnly = false,
-    lineNumbers = true,
-    minimap = false,
-    wordWrap = "on",
-    fontSize = 14,
-    className,
-    showCopyButton = true,
-    showLanguageSelector = true,
-    availableLanguages = defaultLanguages
-  }, ref) => {
-    const { theme: systemTheme } = nextThemes.useTheme();
-    const [selectedLanguage, setSelectedLanguage] = React__namespace.useState(language);
-    const [copied, setCopied] = React__namespace.useState(false);
-    const [editorValue, setEditorValue] = React__namespace.useState(value || defaultValue);
-    React__namespace.useEffect(() => {
-      if (value !== void 0) {
-        setEditorValue(value);
-      }
-    }, [value]);
-    const handleCopy = React__namespace.useCallback(async () => {
-      try {
-        await navigator.clipboard.writeText(editorValue);
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2e3);
-      } catch (err) {
-        console.error("Failed to copy:", err);
-      }
-    }, [editorValue]);
-    const handleChange = React__namespace.useCallback(
-      (newValue, ev) => {
-        setEditorValue(newValue || "");
-        if (onChange) {
-          onChange(newValue, ev);
-        }
-      },
-      [onChange]
-    );
-    const resolveTheme = React__namespace.useMemo(() => {
-      if (themeProp === "auto") {
-        return systemTheme === "dark" ? "vs-dark" : "light";
-      }
-      return themeProp === "dark" ? "vs-dark" : "light";
-    }, [themeProp, systemTheme]);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: utils.cn(
-          "relative overflow-hidden rounded-md border bg-background",
-          className
-        ),
-        children: [
-          (showLanguageSelector || showCopyButton) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b bg-muted/50 px-3 py-2", children: [
-            showLanguageSelector && /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                button.Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  className: "h-8 gap-1 px-2 text-xs font-mono",
-                  children: [
-                    languageDisplayNames[selectedLanguage] || selectedLanguage,
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-3 w-3" })
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                dropdownMenu.DropdownMenuContent,
-                {
-                  align: "start",
-                  className: "max-h-80 overflow-auto",
-                  children: availableLanguages.map((lang) => /* @__PURE__ */ jsxRuntime.jsx(
-                    dropdownMenu.DropdownMenuItem,
-                    {
-                      onClick: () => setSelectedLanguage(lang),
-                      className: "font-mono text-xs",
-                      children: languageDisplayNames[lang] || lang
-                    },
-                    lang
-                  ))
-                }
-              )
-            ] }),
-            showCopyButton && /* @__PURE__ */ jsxRuntime.jsx(
-              button.Button,
-              {
-                variant: "ghost",
-                size: "sm",
-                className: "h-8 gap-1.5 px-2 text-xs",
-                onClick: handleCopy,
-                disabled: !editorValue,
-                children: copied ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3 w-3" }),
-                  "Copied!"
-                ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "h-3 w-3" }),
-                  "Copy"
-                ] })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Editor__default.default,
-            {
-              height,
-              defaultLanguage: language,
-              language: selectedLanguage,
-              value: editorValue,
-              defaultValue,
-              theme: resolveTheme,
-              onChange: handleChange,
-              onMount,
-              options: {
-                readOnly,
-                lineNumbers: lineNumbers ? "on" : "off",
-                minimap: {
-                  enabled: minimap
-                },
-                wordWrap,
-                fontSize,
-                scrollBeyondLastLine: false,
-                automaticLayout: true,
-                tabSize: 2,
-                insertSpaces: true,
-                formatOnPaste: true,
-                formatOnType: true,
-                scrollbar: {
-                  vertical: "auto",
-                  horizontal: "auto",
-                  verticalScrollbarSize: 10,
-                  horizontalScrollbarSize: 10
-                },
-                padding: {
-                  top: 16,
-                  bottom: 16
-                }
-              }
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-CodeEditor.displayName = "CodeEditor";
-
-exports.CodeEditor = CodeEditor;
+'use strict';var e=require('react'),P=require('@monaco-editor/react'),lucideReact=require('lucide-react'),nextThemes=require('next-themes'),utils=require('@hanzo/ui/lib/utils'),button=require('@hanzo/ui/button'),dropdownMenu=require('@hanzo/ui/dropdown-menu'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}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 e__namespace=/*#__PURE__*/_interopNamespace(e);var P__default=/*#__PURE__*/_interopDefault(P);var G=["javascript","typescript","python","java","csharp","cpp","c","go","rust","ruby","php","swift","kotlin","dart","html","css","scss","json","xml","yaml","sql","markdown","shell","plaintext"],b={javascript:"JavaScript",typescript:"TypeScript",python:"Python",java:"Java",csharp:"C#",cpp:"C++",c:"C",go:"Go",rust:"Rust",ruby:"Ruby",php:"PHP",swift:"Swift",kotlin:"Kotlin",dart:"Dart",html:"HTML",css:"CSS",scss:"SCSS",json:"JSON",xml:"XML",yaml:"YAML",sql:"SQL",markdown:"Markdown",shell:"Shell",plaintext:"Plain Text"},K=e__namespace.forwardRef(({value:r,defaultValue:c="",language:d="javascript",height:y="400px",theme:s="auto",onChange:i,onMount:w,readOnly:v=false,lineNumbers:S=true,minimap:x=false,wordWrap:M="on",fontSize:k=14,className:N,showCopyButton:u=true,showLanguageSelector:p=true,availableLanguages:L=G},R)=>{let{theme:m}=nextThemes.useTheme(),[l,D]=e__namespace.useState(d),[T,h]=e__namespace.useState(false),[n,g]=e__namespace.useState(r||c);e__namespace.useEffect(()=>{r!==void 0&&g(r);},[r]);let O=e__namespace.useCallback(async()=>{try{await navigator.clipboard.writeText(n),h(!0),setTimeout(()=>h(!1),2e3);}catch(t){console.error("Failed to copy:",t);}},[n]),z=e__namespace.useCallback((t,j)=>{g(t||""),i&&i(t,j);},[i]),E=e__namespace.useMemo(()=>s==="auto"?m==="dark"?"vs-dark":"light":s==="dark"?"vs-dark":"light",[s,m]);return jsxRuntime.jsxs("div",{ref:R,className:utils.cn("relative overflow-hidden rounded-md border bg-background",N),children:[(p||u)&&jsxRuntime.jsxs("div",{className:"flex items-center justify-between border-b bg-muted/50 px-3 py-2",children:[p&&jsxRuntime.jsxs(dropdownMenu.DropdownMenu,{children:[jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger,{asChild:true,children:jsxRuntime.jsxs(button.Button,{variant:"ghost",size:"sm",className:"h-8 gap-1 px-2 text-xs font-mono",children:[b[l]||l,jsxRuntime.jsx(lucideReact.ChevronDown,{className:"h-3 w-3"})]})}),jsxRuntime.jsx(dropdownMenu.DropdownMenuContent,{align:"start",className:"max-h-80 overflow-auto",children:L.map(t=>jsxRuntime.jsx(dropdownMenu.DropdownMenuItem,{onClick:()=>D(t),className:"font-mono text-xs",children:b[t]||t},t))})]}),u&&jsxRuntime.jsx(button.Button,{variant:"ghost",size:"sm",className:"h-8 gap-1.5 px-2 text-xs",onClick:O,disabled:!n,children:T?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.Check,{className:"h-3 w-3"}),"Copied!"]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.Copy,{className:"h-3 w-3"}),"Copy"]})})]}),jsxRuntime.jsx(P__default.default,{height:y,defaultLanguage:d,language:l,value:n,defaultValue:c,theme:E,onChange:z,onMount:w,options:{readOnly:v,lineNumbers:S?"on":"off",minimap:{enabled:x},wordWrap:M,fontSize:k,scrollBeyondLastLine:false,automaticLayout:true,tabSize:2,insertSpaces:true,formatOnPaste:true,formatOnType:true,scrollbar:{vertical:"auto",horizontal:"auto",verticalScrollbarSize:10,horizontalScrollbarSize:10},padding:{top:16,bottom:16}}})]})});K.displayName="CodeEditor";exports.CodeEditor=K;

package/dist/code/editor.mjs

@@ -1,218 +1,2 @@
 "use client";
-import * as React from 'react';
-import Editor from '@monaco-editor/react';
-import { ChevronDown, Check, Copy } from 'lucide-react';
-import { useTheme } from 'next-themes';
-import { cn } from '@hanzo/ui/lib/utils';
-import { Button } from '@hanzo/ui/button';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '@hanzo/ui/dropdown-menu';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var defaultLanguages = [
-  "javascript",
-  "typescript",
-  "python",
-  "java",
-  "csharp",
-  "cpp",
-  "c",
-  "go",
-  "rust",
-  "ruby",
-  "php",
-  "swift",
-  "kotlin",
-  "dart",
-  "html",
-  "css",
-  "scss",
-  "json",
-  "xml",
-  "yaml",
-  "sql",
-  "markdown",
-  "shell",
-  "plaintext"
-];
-var languageDisplayNames = {
-  javascript: "JavaScript",
-  typescript: "TypeScript",
-  python: "Python",
-  java: "Java",
-  csharp: "C#",
-  cpp: "C++",
-  c: "C",
-  go: "Go",
-  rust: "Rust",
-  ruby: "Ruby",
-  php: "PHP",
-  swift: "Swift",
-  kotlin: "Kotlin",
-  dart: "Dart",
-  html: "HTML",
-  css: "CSS",
-  scss: "SCSS",
-  json: "JSON",
-  xml: "XML",
-  yaml: "YAML",
-  sql: "SQL",
-  markdown: "Markdown",
-  shell: "Shell",
-  plaintext: "Plain Text"
-};
-var CodeEditor = React.forwardRef(
-  ({
-    value,
-    defaultValue = "",
-    language = "javascript",
-    height = "400px",
-    theme: themeProp = "auto",
-    onChange,
-    onMount,
-    readOnly = false,
-    lineNumbers = true,
-    minimap = false,
-    wordWrap = "on",
-    fontSize = 14,
-    className,
-    showCopyButton = true,
-    showLanguageSelector = true,
-    availableLanguages = defaultLanguages
-  }, ref) => {
-    const { theme: systemTheme } = useTheme();
-    const [selectedLanguage, setSelectedLanguage] = React.useState(language);
-    const [copied, setCopied] = React.useState(false);
-    const [editorValue, setEditorValue] = React.useState(value || defaultValue);
-    React.useEffect(() => {
-      if (value !== void 0) {
-        setEditorValue(value);
-      }
-    }, [value]);
-    const handleCopy = React.useCallback(async () => {
-      try {
-        await navigator.clipboard.writeText(editorValue);
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2e3);
-      } catch (err) {
-        console.error("Failed to copy:", err);
-      }
-    }, [editorValue]);
-    const handleChange = React.useCallback(
-      (newValue, ev) => {
-        setEditorValue(newValue || "");
-        if (onChange) {
-          onChange(newValue, ev);
-        }
-      },
-      [onChange]
-    );
-    const resolveTheme = React.useMemo(() => {
-      if (themeProp === "auto") {
-        return systemTheme === "dark" ? "vs-dark" : "light";
-      }
-      return themeProp === "dark" ? "vs-dark" : "light";
-    }, [themeProp, systemTheme]);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "relative overflow-hidden rounded-md border bg-background",
-          className
-        ),
-        children: [
-          (showLanguageSelector || showCopyButton) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b bg-muted/50 px-3 py-2", children: [
-            showLanguageSelector && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-              /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  className: "h-8 gap-1 px-2 text-xs font-mono",
-                  children: [
-                    languageDisplayNames[selectedLanguage] || selectedLanguage,
-                    /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" })
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ jsx(
-                DropdownMenuContent,
-                {
-                  align: "start",
-                  className: "max-h-80 overflow-auto",
-                  children: availableLanguages.map((lang) => /* @__PURE__ */ jsx(
-                    DropdownMenuItem,
-                    {
-                      onClick: () => setSelectedLanguage(lang),
-                      className: "font-mono text-xs",
-                      children: languageDisplayNames[lang] || lang
-                    },
-                    lang
-                  ))
-                }
-              )
-            ] }),
-            showCopyButton && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "sm",
-                className: "h-8 gap-1.5 px-2 text-xs",
-                onClick: handleCopy,
-                disabled: !editorValue,
-                children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }),
-                  "Copied!"
-                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(Copy, { className: "h-3 w-3" }),
-                  "Copy"
-                ] })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            Editor,
-            {
-              height,
-              defaultLanguage: language,
-              language: selectedLanguage,
-              value: editorValue,
-              defaultValue,
-              theme: resolveTheme,
-              onChange: handleChange,
-              onMount,
-              options: {
-                readOnly,
-                lineNumbers: lineNumbers ? "on" : "off",
-                minimap: {
-                  enabled: minimap
-                },
-                wordWrap,
-                fontSize,
-                scrollBeyondLastLine: false,
-                automaticLayout: true,
-                tabSize: 2,
-                insertSpaces: true,
-                formatOnPaste: true,
-                formatOnType: true,
-                scrollbar: {
-                  vertical: "auto",
-                  horizontal: "auto",
-                  verticalScrollbarSize: 10,
-                  horizontalScrollbarSize: 10
-                },
-                padding: {
-                  top: 16,
-                  bottom: 16
-                }
-              }
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-CodeEditor.displayName = "CodeEditor";
-
-export { CodeEditor };
+import*as e from'react';import P from'@monaco-editor/react';import {ChevronDown,Check,Copy}from'lucide-react';import {useTheme}from'next-themes';import {cn}from'@hanzo/ui/lib/utils';import {Button}from'@hanzo/ui/button';import {DropdownMenu,DropdownMenuTrigger,DropdownMenuContent,DropdownMenuItem}from'@hanzo/ui/dropdown-menu';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var G=["javascript","typescript","python","java","csharp","cpp","c","go","rust","ruby","php","swift","kotlin","dart","html","css","scss","json","xml","yaml","sql","markdown","shell","plaintext"],b={javascript:"JavaScript",typescript:"TypeScript",python:"Python",java:"Java",csharp:"C#",cpp:"C++",c:"C",go:"Go",rust:"Rust",ruby:"Ruby",php:"PHP",swift:"Swift",kotlin:"Kotlin",dart:"Dart",html:"HTML",css:"CSS",scss:"SCSS",json:"JSON",xml:"XML",yaml:"YAML",sql:"SQL",markdown:"Markdown",shell:"Shell",plaintext:"Plain Text"},K=e.forwardRef(({value:r,defaultValue:c="",language:d="javascript",height:y="400px",theme:s="auto",onChange:i,onMount:w,readOnly:v=false,lineNumbers:S=true,minimap:x=false,wordWrap:M="on",fontSize:k=14,className:N,showCopyButton:u=true,showLanguageSelector:p=true,availableLanguages:L=G},R)=>{let{theme:m}=useTheme(),[l,D]=e.useState(d),[T,h]=e.useState(false),[n,g]=e.useState(r||c);e.useEffect(()=>{r!==void 0&&g(r);},[r]);let O=e.useCallback(async()=>{try{await navigator.clipboard.writeText(n),h(!0),setTimeout(()=>h(!1),2e3);}catch(t){console.error("Failed to copy:",t);}},[n]),z=e.useCallback((t,j)=>{g(t||""),i&&i(t,j);},[i]),E=e.useMemo(()=>s==="auto"?m==="dark"?"vs-dark":"light":s==="dark"?"vs-dark":"light",[s,m]);return jsxs("div",{ref:R,className:cn("relative overflow-hidden rounded-md border bg-background",N),children:[(p||u)&&jsxs("div",{className:"flex items-center justify-between border-b bg-muted/50 px-3 py-2",children:[p&&jsxs(DropdownMenu,{children:[jsx(DropdownMenuTrigger,{asChild:true,children:jsxs(Button,{variant:"ghost",size:"sm",className:"h-8 gap-1 px-2 text-xs font-mono",children:[b[l]||l,jsx(ChevronDown,{className:"h-3 w-3"})]})}),jsx(DropdownMenuContent,{align:"start",className:"max-h-80 overflow-auto",children:L.map(t=>jsx(DropdownMenuItem,{onClick:()=>D(t),className:"font-mono text-xs",children:b[t]||t},t))})]}),u&&jsx(Button,{variant:"ghost",size:"sm",className:"h-8 gap-1.5 px-2 text-xs",onClick:O,disabled:!n,children:T?jsxs(Fragment,{children:[jsx(Check,{className:"h-3 w-3"}),"Copied!"]}):jsxs(Fragment,{children:[jsx(Copy,{className:"h-3 w-3"}),"Copy"]})})]}),jsx(P,{height:y,defaultLanguage:d,language:l,value:n,defaultValue:c,theme:E,onChange:z,onMount:w,options:{readOnly:v,lineNumbers:S?"on":"off",minimap:{enabled:x},wordWrap:M,fontSize:k,scrollBeyondLastLine:false,automaticLayout:true,tabSize:2,insertSpaces:true,formatOnPaste:true,formatOnType:true,scrollbar:{vertical:"auto",horizontal:"auto",verticalScrollbarSize:10,horizontalScrollbarSize:10},padding:{top:16,bottom:16}}})]})});K.displayName="CodeEditor";export{K as CodeEditor};