@melv1c/ui-kit 0.0.0

package/dist/code-editor-DK64HVFQ.cjs

@@ -0,0 +1,84 @@
+'use strict';
+
+var chunk2ZWQNZEN_cjs = require('./chunk-2ZWQNZEN.cjs');
+var chunkQ4GFV3J3_cjs = require('./chunk-Q4GFV3J3.cjs');
+var chunkI7WHASOO_cjs = require('./chunk-I7WHASOO.cjs');
+require('./chunk-Q7SFCCGT.cjs');
+var react$1 = require('@monaco-editor/react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function LoadingFallback() {
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkQ4GFV3J3_cjs.Skeleton, { className: "h-full w-full" });
+}
+function CodeEditor({
+  value,
+  defaultValue,
+  language,
+  theme = "qualifio",
+  readOnly = false,
+  disabled = false,
+  lineNumbers = true,
+  wordWrap = false,
+  minimap = false,
+  className,
+  variant,
+  size,
+  onChange,
+  onMount,
+  onValidate,
+  options,
+  ...props
+}) {
+  const editorOptions = react.useMemo(
+    () => ({
+      readOnly: readOnly || disabled,
+      lineNumbers: lineNumbers ? "on" : "off",
+      wordWrap: wordWrap ? "on" : "off",
+      minimap: { enabled: minimap },
+      fontSize: 14,
+      fontFamily: "'Menlo', 'Monaco', Consolas, monospace",
+      scrollBeyondLastLine: false,
+      automaticLayout: true,
+      padding: { top: 12, bottom: 12 },
+      bracketPairColorization: { enabled: true },
+      ...options
+    }),
+    [readOnly, disabled, lineNumbers, wordWrap, minimap, options]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "code-editor",
+      className: chunkI7WHASOO_cjs.cn(
+        chunk2ZWQNZEN_cjs.codeEditorVariants({ variant, size }),
+        disabled && "cursor-not-allowed opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        react$1.Editor,
+        {
+          language,
+          theme,
+          value,
+          defaultValue,
+          onChange,
+          beforeMount: (monaco) => {
+            chunk2ZWQNZEN_cjs.defineQualifioThemes(monaco).catch((error) => {
+              console.error("Failed to define Qualifio themes:", error);
+            });
+          },
+          onMount,
+          onValidate,
+          options: editorOptions,
+          loading: /* @__PURE__ */ jsxRuntime.jsx(LoadingFallback, {})
+        }
+      )
+    }
+  );
+}
+
+exports.CodeEditor = CodeEditor;
+//# sourceMappingURL=code-editor-DK64HVFQ.cjs.map
+//# sourceMappingURL=code-editor-DK64HVFQ.cjs.map

package/dist/code-editor-DK64HVFQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/editors/code/code-editor.tsx"],"names":["jsx","Skeleton","useMemo","cn","codeEditorVariants","Editor","defineQualifioThemes"],"mappings":";;;;;;;;;;AA6BA,SAAS,eAAA,GAAkB;AACzB,EAAA,uBAAOA,cAAA,CAACC,0BAAA,EAAA,EAAS,SAAA,EAAU,eAAA,EAAgB,CAAA;AAC7C;AAEA,SAAS,UAAA,CAAW;AAAA,EAClB,KAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,GAAQ,UAAA;AAAA,EACR,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,WAAA,GAAc,IAAA;AAAA,EACd,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,MAAM,aAAA,GAAgBC,aAAA;AAAA,IACpB,OAAO;AAAA,MACL,UAAU,QAAA,IAAY,QAAA;AAAA,MACtB,WAAA,EAAa,cAAe,IAAA,GAAkB,KAAA;AAAA,MAC9C,QAAA,EAAU,WAAY,IAAA,GAAkB,KAAA;AAAA,MACxC,OAAA,EAAS,EAAE,OAAA,EAAS,OAAA,EAAQ;AAAA,MAC5B,QAAA,EAAU,EAAA;AAAA,MACV,UAAA,EAAY,wCAAA;AAAA,MACZ,oBAAA,EAAsB,KAAA;AAAA,MACtB,eAAA,EAAiB,IAAA;AAAA,MACjB,OAAA,EAAS,EAAE,GAAA,EAAK,EAAA,EAAI,QAAQ,EAAA,EAAG;AAAA,MAC/B,uBAAA,EAAyB,EAAE,OAAA,EAAS,IAAA,EAAK;AAAA,MACzC,GAAG;AAAA,KACL,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,QAAA,EAAU,WAAA,EAAa,QAAA,EAAU,SAAS,OAAO;AAAA,GAC9D;AAEA,EAAA,uBACEF,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAWG,oBAAA;AAAA,QACTC,oCAAA,CAAmB,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA;AAAA,QACpC,QAAA,IAAY,+BAAA;AAAA,QACZ;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAJ,cAAA;AAAA,QAACK,cAAA;AAAA,QAAA;AAAA,UACC,QAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,YAAA;AAAA,UACA,QAAA;AAAA,UACA,WAAA,EAAa,CAAC,MAAA,KAAW;AACvB,YAAAC,sCAAA,CAAqB,MAAM,CAAA,CAAE,KAAA,CAAM,CAAC,KAAA,KAAU;AAC5C,cAAA,OAAA,CAAQ,KAAA,CAAM,qCAAqC,KAAK,CAAA;AAAA,YAC1D,CAAC,CAAA;AAAA,UACH,CAAA;AAAA,UACA,OAAA;AAAA,UACA,UAAA;AAAA,UACA,OAAA,EAAS,aAAA;AAAA,UACT,OAAA,iCAAU,eAAA,EAAA,EAAgB;AAAA;AAAA;AAC5B;AAAA,GACF;AAEJ","file":"code-editor-DK64HVFQ.cjs","sourcesContent":["import { Editor, type Monaco } from \"@monaco-editor/react\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport type { editor } from \"monaco-editor\";\nimport { type HTMLAttributes, useMemo } from \"react\";\nimport { Skeleton } from \"@/components/base/skeleton\";\nimport { cn } from \"@/lib/utils\";\nimport { defineQualifioThemes } from \"./qualifio-themes\";\nimport type { EditorTheme, SupportedLanguage } from \"./types\";\nimport { codeEditorVariants } from \"./variants\";\n\ninterface CodeEditorProps\n  extends\n    VariantProps<typeof codeEditorVariants>,\n    Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  value?: string;\n  defaultValue?: string;\n  language: SupportedLanguage;\n  theme?: EditorTheme;\n  readOnly?: boolean;\n  disabled?: boolean;\n  lineNumbers?: boolean;\n  wordWrap?: boolean;\n  minimap?: boolean;\n  onChange?: (value: string | undefined) => void;\n  onMount?: (editor: editor.IStandaloneCodeEditor, monaco: Monaco) => void;\n  onValidate?: (markers: editor.IMarker[]) => void;\n  options?: editor.IStandaloneEditorConstructionOptions;\n}\n\nfunction LoadingFallback() {\n  return <Skeleton className=\"h-full w-full\" />;\n}\n\nfunction CodeEditor({\n  value,\n  defaultValue,\n  language,\n  theme = \"qualifio\",\n  readOnly = false,\n  disabled = false,\n  lineNumbers = true,\n  wordWrap = false,\n  minimap = false,\n  className,\n  variant,\n  size,\n  onChange,\n  onMount,\n  onValidate,\n  options,\n  ...props\n}: CodeEditorProps) {\n  const editorOptions = useMemo(\n    () => ({\n      readOnly: readOnly || disabled,\n      lineNumbers: lineNumbers ? (\"on\" as const) : (\"off\" as const),\n      wordWrap: wordWrap ? (\"on\" as const) : (\"off\" as const),\n      minimap: { enabled: minimap },\n      fontSize: 14,\n      fontFamily: \"'Menlo', 'Monaco', Consolas, monospace\",\n      scrollBeyondLastLine: false,\n      automaticLayout: true,\n      padding: { top: 12, bottom: 12 },\n      bracketPairColorization: { enabled: true },\n      ...options,\n    }),\n    [readOnly, disabled, lineNumbers, wordWrap, minimap, options],\n  );\n\n  return (\n    <div\n      data-slot=\"code-editor\"\n      className={cn(\n        codeEditorVariants({ variant, size }),\n        disabled && \"cursor-not-allowed opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <Editor\n        language={language}\n        theme={theme}\n        value={value}\n        defaultValue={defaultValue}\n        onChange={onChange}\n        beforeMount={(monaco) => {\n          defineQualifioThemes(monaco).catch((error) => {\n            console.error(\"Failed to define Qualifio themes:\", error);\n          });\n        }}\n        onMount={onMount}\n        onValidate={onValidate}\n        options={editorOptions}\n        loading={<LoadingFallback />}\n      />\n    </div>\n  );\n}\n\nexport { CodeEditor, type CodeEditorProps };\nexport type { EditorTheme, SupportedLanguage } from \"./types\";\n"]}

package/dist/code-editor-EJIJXZLN.js

@@ -0,0 +1,82 @@
+import { defineQualifioThemes, codeEditorVariants } from './chunk-RZJFYAJW.js';
+import { Skeleton } from './chunk-PYHBC3IQ.js';
+import { cn } from './chunk-WZ2GOU2J.js';
+import './chunk-PZ5AY32C.js';
+import { Editor } from '@monaco-editor/react';
+import { useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function LoadingFallback() {
+  return /* @__PURE__ */ jsx(Skeleton, { className: "h-full w-full" });
+}
+function CodeEditor({
+  value,
+  defaultValue,
+  language,
+  theme = "qualifio",
+  readOnly = false,
+  disabled = false,
+  lineNumbers = true,
+  wordWrap = false,
+  minimap = false,
+  className,
+  variant,
+  size,
+  onChange,
+  onMount,
+  onValidate,
+  options,
+  ...props
+}) {
+  const editorOptions = useMemo(
+    () => ({
+      readOnly: readOnly || disabled,
+      lineNumbers: lineNumbers ? "on" : "off",
+      wordWrap: wordWrap ? "on" : "off",
+      minimap: { enabled: minimap },
+      fontSize: 14,
+      fontFamily: "'Menlo', 'Monaco', Consolas, monospace",
+      scrollBeyondLastLine: false,
+      automaticLayout: true,
+      padding: { top: 12, bottom: 12 },
+      bracketPairColorization: { enabled: true },
+      ...options
+    }),
+    [readOnly, disabled, lineNumbers, wordWrap, minimap, options]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "code-editor",
+      className: cn(
+        codeEditorVariants({ variant, size }),
+        disabled && "cursor-not-allowed opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Editor,
+        {
+          language,
+          theme,
+          value,
+          defaultValue,
+          onChange,
+          beforeMount: (monaco) => {
+            defineQualifioThemes(monaco).catch((error) => {
+              console.error("Failed to define Qualifio themes:", error);
+            });
+          },
+          onMount,
+          onValidate,
+          options: editorOptions,
+          loading: /* @__PURE__ */ jsx(LoadingFallback, {})
+        }
+      )
+    }
+  );
+}
+
+export { CodeEditor };
+//# sourceMappingURL=code-editor-EJIJXZLN.js.map
+//# sourceMappingURL=code-editor-EJIJXZLN.js.map

package/dist/code-editor-EJIJXZLN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/editors/code/code-editor.tsx"],"names":[],"mappings":";;;;;;;;AA6BA,SAAS,eAAA,GAAkB;AACzB,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,eAAA,EAAgB,CAAA;AAC7C;AAEA,SAAS,UAAA,CAAW;AAAA,EAClB,KAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,GAAQ,UAAA;AAAA,EACR,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,WAAA,GAAc,IAAA;AAAA,EACd,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,MAAM,aAAA,GAAgB,OAAA;AAAA,IACpB,OAAO;AAAA,MACL,UAAU,QAAA,IAAY,QAAA;AAAA,MACtB,WAAA,EAAa,cAAe,IAAA,GAAkB,KAAA;AAAA,MAC9C,QAAA,EAAU,WAAY,IAAA,GAAkB,KAAA;AAAA,MACxC,OAAA,EAAS,EAAE,OAAA,EAAS,OAAA,EAAQ;AAAA,MAC5B,QAAA,EAAU,EAAA;AAAA,MACV,UAAA,EAAY,wCAAA;AAAA,MACZ,oBAAA,EAAsB,KAAA;AAAA,MACtB,eAAA,EAAiB,IAAA;AAAA,MACjB,OAAA,EAAS,EAAE,GAAA,EAAK,EAAA,EAAI,QAAQ,EAAA,EAAG;AAAA,MAC/B,uBAAA,EAAyB,EAAE,OAAA,EAAS,IAAA,EAAK;AAAA,MACzC,GAAG;AAAA,KACL,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,QAAA,EAAU,WAAA,EAAa,QAAA,EAAU,SAAS,OAAO;AAAA,GAC9D;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA,CAAmB,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA;AAAA,QACpC,QAAA,IAAY,+BAAA;AAAA,QACZ;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,QAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,YAAA;AAAA,UACA,QAAA;AAAA,UACA,WAAA,EAAa,CAAC,MAAA,KAAW;AACvB,YAAA,oBAAA,CAAqB,MAAM,CAAA,CAAE,KAAA,CAAM,CAAC,KAAA,KAAU;AAC5C,cAAA,OAAA,CAAQ,KAAA,CAAM,qCAAqC,KAAK,CAAA;AAAA,YAC1D,CAAC,CAAA;AAAA,UACH,CAAA;AAAA,UACA,OAAA;AAAA,UACA,UAAA;AAAA,UACA,OAAA,EAAS,aAAA;AAAA,UACT,OAAA,sBAAU,eAAA,EAAA,EAAgB;AAAA;AAAA;AAC5B;AAAA,GACF;AAEJ","file":"code-editor-EJIJXZLN.js","sourcesContent":["import { Editor, type Monaco } from \"@monaco-editor/react\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport type { editor } from \"monaco-editor\";\nimport { type HTMLAttributes, useMemo } from \"react\";\nimport { Skeleton } from \"@/components/base/skeleton\";\nimport { cn } from \"@/lib/utils\";\nimport { defineQualifioThemes } from \"./qualifio-themes\";\nimport type { EditorTheme, SupportedLanguage } from \"./types\";\nimport { codeEditorVariants } from \"./variants\";\n\ninterface CodeEditorProps\n  extends\n    VariantProps<typeof codeEditorVariants>,\n    Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  value?: string;\n  defaultValue?: string;\n  language: SupportedLanguage;\n  theme?: EditorTheme;\n  readOnly?: boolean;\n  disabled?: boolean;\n  lineNumbers?: boolean;\n  wordWrap?: boolean;\n  minimap?: boolean;\n  onChange?: (value: string | undefined) => void;\n  onMount?: (editor: editor.IStandaloneCodeEditor, monaco: Monaco) => void;\n  onValidate?: (markers: editor.IMarker[]) => void;\n  options?: editor.IStandaloneEditorConstructionOptions;\n}\n\nfunction LoadingFallback() {\n  return <Skeleton className=\"h-full w-full\" />;\n}\n\nfunction CodeEditor({\n  value,\n  defaultValue,\n  language,\n  theme = \"qualifio\",\n  readOnly = false,\n  disabled = false,\n  lineNumbers = true,\n  wordWrap = false,\n  minimap = false,\n  className,\n  variant,\n  size,\n  onChange,\n  onMount,\n  onValidate,\n  options,\n  ...props\n}: CodeEditorProps) {\n  const editorOptions = useMemo(\n    () => ({\n      readOnly: readOnly || disabled,\n      lineNumbers: lineNumbers ? (\"on\" as const) : (\"off\" as const),\n      wordWrap: wordWrap ? (\"on\" as const) : (\"off\" as const),\n      minimap: { enabled: minimap },\n      fontSize: 14,\n      fontFamily: \"'Menlo', 'Monaco', Consolas, monospace\",\n      scrollBeyondLastLine: false,\n      automaticLayout: true,\n      padding: { top: 12, bottom: 12 },\n      bracketPairColorization: { enabled: true },\n      ...options,\n    }),\n    [readOnly, disabled, lineNumbers, wordWrap, minimap, options],\n  );\n\n  return (\n    <div\n      data-slot=\"code-editor\"\n      className={cn(\n        codeEditorVariants({ variant, size }),\n        disabled && \"cursor-not-allowed opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <Editor\n        language={language}\n        theme={theme}\n        value={value}\n        defaultValue={defaultValue}\n        onChange={onChange}\n        beforeMount={(monaco) => {\n          defineQualifioThemes(monaco).catch((error) => {\n            console.error(\"Failed to define Qualifio themes:\", error);\n          });\n        }}\n        onMount={onMount}\n        onValidate={onValidate}\n        options={editorOptions}\n        loading={<LoadingFallback />}\n      />\n    </div>\n  );\n}\n\nexport { CodeEditor, type CodeEditorProps };\nexport type { EditorTheme, SupportedLanguage } from \"./types\";\n"]}