@messenger-box/tailwind-ui-inbox 10.0.3-alpha.144 → 10.0.3-alpha.158

package/src/container/TestInboxWithAiLoader.tsx

@@ -1,18 +1,10 @@
 import React from 'react';
 import InboxWithAiLoader from './InboxWithAiLoader';
 import { useParams } from '@remix-run/react';
-import { useRecreateSandboxMutation } from 'common/graphql';
 const TestInboxWithAiLoaderOutlet = () => {
     const { orgName } = useParams();
-    const [recreateSandbox, { loading, error }] = useRecreateSandboxMutation();
     const handleRecreateSandbox = async (messageId: string) => {
         console.log('recreateSandbox', messageId);
-        const response = await recreateSandbox({
-            variables: {
-                messageId,
-            },
-        });
-        return response;
     };
     return (
         <InboxWithAiLoader

package/src/hooks/index.ts

@@ -1,2 +1 @@
 export * from './usePersistentModelConfig';
-export * from './use-file-sync';

package/src/hooks/usePersistentModelConfig.ts

@@ -25,6 +25,7 @@ export interface ModelConfig {
     stepName?: string;
     metadata?: ModelConfigMetadata;
     domain?: string;
+    mode: 'plan' | 'build';
 }
 
 const STORAGE_KEY = 'mbx:model-config';
@@ -52,6 +53,7 @@ const DEFAULTS: ModelConfig = {
     functionId: '',
     stepName: '',
     domain: 'yarntra.ai',
+    mode: 'plan',
     metadata: DEFAULT_METADATA,
 };
 

package/src/templates/InboxWithAi.tsx

@@ -11,10 +11,8 @@ import React, {
 } from 'react';
 import { Outlet, useNavigate, useParams, useLocation } from '@remix-run/react';
 import { RightSidebarAi } from '../components/InboxMessage/RightSidebarAi';
-import { useRecreateSandboxMutation } from 'common/graphql';
 import { usePersistentModelConfig } from '../hooks/usePersistentModelConfig';
 import { ICreateChannelInput } from 'common';
-import { useFileSync } from '../hooks/use-file-sync';
 
 // Context for sharing tab state between header and sidebar
 const TabContext = createContext<{
@@ -128,7 +126,6 @@ const InboxWithAiInternal = (props: InboxProps) => {
     const { activeTab, setActiveTab } = useContext(TabContext);
     const [messages, setMessages] = useState<any[]>([]);
     const [selectedPost, setSelectedPost] = useState<any>(null);
-    const [recreateSandbox] = useRecreateSandboxMutation();
     const { modelConfig, getValidatedConfig, hasApiKey } = usePersistentModelConfig();
     const [isLoading, setIsLoading] = useState(true);
     const [isCreatingSandbox, setIsCreatingSandbox] = useState(false);
@@ -138,12 +135,7 @@ const InboxWithAiInternal = (props: InboxProps) => {
     const showContextTab = props.showContextTab ?? true;
     const contextData = useMemo(() => {
         const cfg = selectedPost?.propsConfiguration;
-        return (
-            cfg?.contents?.fragment?.context ||
-            cfg?.content?.fragment?.context ||
-            cfg?.fragment?.context ||
-            null
-        );
+        return cfg?.contents?.fragment?.context || cfg?.content?.fragment?.context || cfg?.fragment?.context || null;
     }, [selectedPost]);
     // Extract channelId from query parameters (priority) or path parameters (fallback)
     const channelId = urlParams?.get('id') || pathChannelId;
@@ -167,27 +159,13 @@ const InboxWithAiInternal = (props: InboxProps) => {
                 setError(null);
 
                 props.handleRecreateSandbox?.(messageId);
-
-                // const response = await recreateSandbox({
-                //     variables: {
-                //         messageId,
-                //     },
-                // });
-
-                // if (response.data?.recreateSandbox?.success) {
-                //     console.log('Sandbox recreation initiated successfully');
-                //     // The subscription will handle updating the UI with the new sandbox URL
-                // } else {
-                //     const errorMsg = response.data?.recreateSandbox?.message || 'Failed to recreate sandbox';
-                //     throw new Error(errorMsg);
-                // }
             } catch (err) {
                 console.error('Error recreating sandbox:', err);
                 setError(err instanceof Error ? err.message : 'Failed to recreate sandbox');
                 setIsCreatingSandbox(false);
             }
         },
-        [recreateSandbox, channelId],
+        [channelId],
     );
 
     // Handle refresh sandbox

package/lib/components/live-code-editor/hybrid-live-editor.js

@@ -1,68 +0,0 @@
-import React__default,{forwardRef,useCallback,useImperativeHandle}from'react';import {cn}from'../../utils/utils.js';import {LiveCodeEditor}from'./live-code-editor.js';const HybridLiveEditor = forwardRef(({
-  projectId,
-  fragmentId,
-  files = {},
-  className,
-  sandboxUrl,
-  onCopyToClipboard,
-  onFileUpdate,
-  readOnly = false,
-  autoSave = true,
-  debounceMs = 500,
-  showFileExplorer = true
-}, ref) => {
-  const handleOpenVSCodeInTab = useCallback(async () => {
-    if (sandboxUrl) {
-      try {
-        // Start VS Code sync first
-        if (projectId && fragmentId) {
-          console.log('HybridLiveEditor - Starting VSCode sync for:', {
-            projectId,
-            fragmentId
-          });
-          // Note: You'll need to implement the VSCode sync mutation based on your GraphQL setup
-          // await startVSCodeSyncMutation({
-          //   variables: { projectId, fragmentId }
-          // });
-          console.log('HybridLiveEditor - VSCode sync started successfully');
-        }
-        const url = new URL(sandboxUrl);
-        let codeServerUrl;
-        // Handle different URL formats
-        if (url.hostname.includes('yarntra.ai')) {
-          // Format: https://3000-{sandboxId}.yarntra.ai -> https://8080-{sandboxId}.yarntra.ai
-          codeServerUrl = `${url.protocol}//${url.hostname.replace('3000-', '8080-')}${url.pathname}`;
-        } else if (url.hostname.includes('e2b.dev')) {
-          // Format: https://{sandboxId}.e2b.dev -> https://{sandboxId}-8080.e2b.dev
-          codeServerUrl = `${url.protocol}//${url.hostname}-8080${url.pathname}`;
-        } else {
-          // Fallback: try port-based approach
-          const port = url.port || '3000';
-          codeServerUrl = sandboxUrl.replace(`:${port}`, ':8080');
-        }
-        window.open(codeServerUrl, '_blank');
-      } catch (err) {
-        console.error('Error opening VSCode in new tab:', err);
-      }
-    }
-  }, [sandboxUrl, projectId, fragmentId]);
-  // Expose the openVSCode function via ref
-  useImperativeHandle(ref, () => ({
-    openVSCode: handleOpenVSCodeInTab
-  }), [handleOpenVSCodeInTab]);
-  // Return Monaco Editor without header/footer, exposing VSCode function
-  return React__default.createElement("div", {
-    className: cn('flex flex-col h-full w-full', className)
-  }, React__default.createElement("div", {
-    className: "flex-1 overflow-hidden"
-  }, React__default.createElement(LiveCodeEditor, {
-    files: files,
-    onCopyToClipboard: onCopyToClipboard,
-    onFileUpdate: onFileUpdate,
-    readOnly: readOnly,
-    autoSave: autoSave,
-    debounceMs: debounceMs,
-    showFileExplorer: showFileExplorer,
-    className: "h-full"
-  })));
-});export{HybridLiveEditor};//# sourceMappingURL=hybrid-live-editor.js.map

package/lib/components/live-code-editor/hybrid-live-editor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hybrid-live-editor.js","sources":["../../../src/components/live-code-editor/hybrid-live-editor.tsx"],"sourcesContent":[null],"names":[],"mappings":"uKAuBO,MAAM,gBAAgB,GAAG,UAAU,CACtC,CACI;AAeA,EAAA;YACQ;AACA,EAAA,KAAA,GAAA,EAAA;;AAEI,EAAA,UAAA;;;;;;AAMI,EAAA,gBAAA,GAAA;;AAGJ,EAAA,MAAA,qBAAY,GAAI,WAAI,CAAA,YAAY;AAChC,IAAA,IAAA,UAAA,EAAI;;;qBAIA,IAAA,UAAA,EAAA;qBACA,CAAA,8CAAgD;qBACnD;;;AAEG;;;;AAGA,UAAA,OAAA,CAAA,GAAA,CAAA,qDAAgC,CAAA;;iBAEnC,GAAA,IAAA,GAAA,CAAA,UAAA,CAAA;AAED,QAAA,IAAA,aAAO;;YACT,GAAA,CAAA,QAAY,CAAC,QAAA,CAAA,YAAA,CAAA,EAAA;AACX;uBACH,GAAA,CAAA,EAAA,GAAA,CAAA,QAAA,CAAA,EAAA,EAAA,GAAA,CAAA,QAAA,CAAA,OAAA,CAAA,OAAA,EAAA,OAAA,CAAA,CAAA,EAAA,GAAA,CAAA,QAAA,CAAA,CAAA;QACL,CAAC,MAAA,IAAA,GAAA,CAAA,QAAA,CAAA,QAAA,CAAA,SAAA,CAAA,EAAA;;UAGL,aAAA,GAAA,CAAA,EAAA,GAAA,CAAA,QAAA,CAAA,EAAA,EAAyC,GAAA,CAAA,QAAA,CAAA,KAAA,EAAA,GAAA,CAAA,QAAA,CAAA,CAAA;AACzC,QAAA,CAAA,MAAA;AAGQ;AACH,UACA,MAAA,IAAA,GAAA,GAAA,CAAA,IAAsB,IACzB,MAAA;UAEF,aAAA,GAAA,UAAA,CAAA,OAAA,CAAA,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA,EAAA,OAAA,CAAA;QACA;QAGQ,MAAA,CAAA,IAAA,CAAA,aAAA,EAAA,QAAK,CAAA;AACD,MAAA,CAAA,CAAA,OAAA,GAAA,EAAA;AAahB,QACF,OAAA,CAAA,KAAA,CAAA,kCAAA,EAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/live-code-editor/live-code-editor.js

@@ -1,207 +0,0 @@
-import React__default,{useState,useRef,useEffect,useCallback}from'react';import {Editor}from'@monaco-editor/react';import {BsFileText}from'@react-icons/all-files/bs/BsFileText.js';// File Explorer Component
-const FileExplorer = ({
-  files,
-  currentFile,
-  onFileSelect
-}) => {
-  // Simple file list without folder structure
-  const fileList = Object.keys(files);
-  return React__default.createElement("div", {
-    className: "w-48 bg-gray-50 border-l border-gray-200 flex flex-col"
-  }, React__default.createElement("div", {
-    className: "p-3 border-b border-gray-200 bg-white"
-  }, React__default.createElement("h3", {
-    className: "text-sm font-semibold text-gray-700"
-  }, "Files")), React__default.createElement("div", {
-    className: "flex-1 overflow-y-auto"
-  }, fileList.map(filePath => {
-    const fileName = filePath.split('/').pop() || filePath;
-    const isSelected = currentFile === filePath;
-    return React__default.createElement("div", {
-      key: filePath,
-      className: `flex items-center py-2 px-3 cursor-pointer hover:bg-gray-100 ${isSelected ? 'bg-blue-50 text-blue-600' : 'text-gray-700'}`,
-      onClick: () => onFileSelect(filePath)
-    }, React__default.createElement(BsFileText, {
-      className: "w-4 h-4 mr-2 text-gray-500"
-    }), React__default.createElement("span", {
-      className: "text-sm"
-    }, fileName));
-  })));
-};
-const LiveCodeEditor = ({
-  files = {},
-  className = '',
-  onCopyToClipboard,
-  onFileUpdate,
-  readOnly = false,
-  autoSave = true,
-  debounceMs = 500,
-  showFileExplorer = true
-}) => {
-  const [currentFile, setCurrentFile] = useState(Object.keys(files)[0] || '');
-  const [fileContent, setFileContent] = useState(files[currentFile] || '');
-  const editorRef = useRef(null);
-  const timeoutRef = useRef(null);
-  // Update file content when files prop changes
-  useEffect(() => {
-    if (files && Object.keys(files).length > 0) {
-      const firstFile = Object.keys(files)[0];
-      setCurrentFile(firstFile);
-      setFileContent(files[firstFile] || '');
-    }
-  }, [files]);
-  const handleEditorDidMount = useCallback((editor, monaco) => {
-    editorRef.current = editor;
-    // Configure editor options
-    editor.updateOptions({
-      readOnly,
-      minimap: {
-        enabled: false
-      },
-      scrollBeyondLastLine: false,
-      wordWrap: 'on',
-      lineNumbers: 'on',
-      folding: true,
-      lineDecorationsWidth: 0,
-      lineNumbersMinChars: 0,
-      renderLineHighlight: 'none',
-      cursorStyle: 'line',
-      cursorWidth: 1,
-      fontSize: 14,
-      fontFamily: "'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace"
-    });
-    // Add keyboard shortcuts
-    editor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyC, () => {
-      const selection = editor.getSelection();
-      const selectedText = editor.getModel()?.getValueInRange(selection) || '';
-      if (selectedText && onCopyToClipboard) {
-        onCopyToClipboard(selectedText);
-      }
-    });
-  }, [readOnly, onCopyToClipboard]);
-  const handleEditorChange = useCallback(value => {
-    if (value !== undefined) {
-      setFileContent(value);
-      // Debounced auto-save
-      if (autoSave && onFileUpdate && currentFile) {
-        if (timeoutRef.current) {
-          clearTimeout(timeoutRef.current);
-        }
-        timeoutRef.current = setTimeout(() => {
-          onFileUpdate(currentFile, value);
-        }, debounceMs);
-      }
-    }
-  }, [autoSave, onFileUpdate, currentFile, debounceMs]);
-  const getLanguageFromFileName = fileName => {
-    const extension = fileName.split('.').pop()?.toLowerCase();
-    const languageMap = {
-      js: 'javascript',
-      jsx: 'javascript',
-      ts: 'typescript',
-      tsx: 'typescript',
-      py: 'python',
-      java: 'java',
-      cpp: 'cpp',
-      c: 'c',
-      cs: 'csharp',
-      php: 'php',
-      rb: 'ruby',
-      go: 'go',
-      rs: 'rust',
-      html: 'html',
-      css: 'css',
-      scss: 'scss',
-      sass: 'sass',
-      less: 'less',
-      json: 'json',
-      xml: 'xml',
-      yaml: 'yaml',
-      yml: 'yaml',
-      md: 'markdown',
-      sql: 'sql',
-      sh: 'shell',
-      bash: 'shell',
-      dockerfile: 'dockerfile'
-    };
-    return languageMap[extension || ''] || 'plaintext';
-  };
-  // Cleanup timeout on unmount
-  useEffect(() => {
-    return () => {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-    };
-  }, []);
-  const handleFileSelect = useCallback(filePath => {
-    setCurrentFile(filePath);
-    setFileContent(files[filePath] || '');
-  }, [files]);
-  return React__default.createElement("div", {
-    className: `flex h-full w-full ${className}`
-  }, React__default.createElement("div", {
-    className: "flex-1 flex flex-col"
-  }, React__default.createElement("div", {
-    className: "flex items-center justify-between px-4 py-2 bg-gray-100 border-b border-gray-200"
-  }, React__default.createElement("div", {
-    className: "flex items-center"
-  }, React__default.createElement(BsFileText, {
-    className: "w-4 h-4 mr-2 text-gray-500"
-  }), React__default.createElement("span", {
-    className: "text-sm font-medium text-gray-700"
-  }, currentFile.split('/').pop() || currentFile)), React__default.createElement("div", {
-    className: "flex items-center space-x-2"
-  }, React__default.createElement("button", {
-    className: "text-gray-400 hover:text-gray-600"
-  }, React__default.createElement("svg", {
-    className: "w-4 h-4",
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: "0 0 24 24"
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2,
-    d: "M6 18L18 6M6 6l12 12"
-  }))))), React__default.createElement("div", {
-    className: "flex-1",
-    style: {
-      height: '100%',
-      minHeight: '400px'
-    }
-  }, React__default.createElement(Editor, {
-    height: "100%",
-    language: getLanguageFromFileName(currentFile),
-    value: fileContent,
-    onMount: handleEditorDidMount,
-    onChange: handleEditorChange,
-    options: {
-      readOnly,
-      minimap: {
-        enabled: false
-      },
-      scrollBeyondLastLine: true,
-      wordWrap: 'on',
-      lineNumbers: 'on',
-      folding: true,
-      lineDecorationsWidth: 0,
-      lineNumbersMinChars: 0,
-      renderLineHighlight: 'none',
-      cursorStyle: 'line',
-      cursorWidth: 1,
-      fontSize: 14,
-      fontFamily: "'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace",
-      scrollbar: {
-        vertical: 'auto',
-        horizontal: 'auto',
-        verticalScrollbarSize: 8,
-        horizontalScrollbarSize: 8
-      }
-    }
-  }))), showFileExplorer && Object.keys(files).length > 0 && React__default.createElement(FileExplorer, {
-    files: files,
-    currentFile: currentFile,
-    onFileSelect: handleFileSelect
-  }));
-};export{LiveCodeEditor};//# sourceMappingURL=live-code-editor.js.map

package/lib/components/live-code-editor/live-code-editor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"live-code-editor.js","sources":["../../../src/components/live-code-editor/live-code-editor.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/lib/hooks/use-file-sync.d.ts

@@ -1,16 +0,0 @@
-export interface FileSyncHookProps {
-    projectId: string;
-    messageId?: string;
-}
-export interface FileSyncResult {
-    updateFile: (filePath: string, content: string) => Promise<void>;
-    isUpdating: boolean;
-    error: string | null;
-    lastUpdate: {
-        filePath: string;
-        operation: string;
-        timestamp: string;
-    } | null;
-}
-export declare const useFileSync: ({ projectId, messageId }: FileSyncHookProps) => FileSyncResult;
-//# sourceMappingURL=use-file-sync.d.ts.map

package/lib/hooks/use-file-sync.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-file-sync.d.ts","sourceRoot":"","sources":["../../src/hooks/use-file-sync.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC3B,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjE,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE;QACR,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;KACrB,GAAG,IAAI,CAAC;CACZ;AAED,eAAO,MAAM,WAAW,GAAI,0BAA0B,iBAAiB,KAAG,cAuEzE,CAAC"}

package/lib/hooks/use-file-sync.js

@@ -1,63 +0,0 @@
-import {useState,useEffect,useCallback}from'react';import {useUpdateSandboxFileMutation,useFileUpdatedSubscription}from'common/graphql';const useFileSync = ({
-  projectId,
-  messageId
-}) => {
-  const [isUpdating, setIsUpdating] = useState(false);
-  const [error, setError] = useState(null);
-  const [lastUpdate, setLastUpdate] = useState(null);
-  // GraphQL mutations
-  const [updateSandboxFileMutation] = useUpdateSandboxFileMutation();
-  // Real-time file updates subscription
-  const {
-    data: fileUpdateData
-  } = useFileUpdatedSubscription({
-    variables: {
-      projectId
-    },
-    skip: !projectId
-  });
-  // Handle real-time file updates
-  useEffect(() => {
-    if (fileUpdateData?.fileUpdated) {
-      const update = fileUpdateData.fileUpdated;
-      setLastUpdate({
-        filePath: update.filePath,
-        operation: update.operation,
-        timestamp: update.timestamp
-      });
-    }
-  }, [fileUpdateData]);
-  const updateFile = useCallback(async (filePath, content) => {
-    if (!messageId) {
-      throw new Error('Fragment ID is required for file operations');
-    }
-    console.log('useFileSync.updateFile - Using fragmentId:', messageId);
-    try {
-      setIsUpdating(true);
-      setError(null);
-      const response = await updateSandboxFileMutation({
-        variables: {
-          projectId,
-          messageId,
-          filePath,
-          content
-        }
-      });
-      if (!response.data?.updateSandboxFile.success) {
-        throw new Error(response.data?.updateSandboxFile.message || 'Failed to update file');
-      }
-    } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : 'Unknown error occurred';
-      setError(errorMessage);
-      throw err;
-    } finally {
-      setIsUpdating(false);
-    }
-  }, [updateSandboxFileMutation, projectId, messageId]);
-  return {
-    updateFile,
-    isUpdating,
-    error,
-    lastUpdate
-  };
-};export{useFileSync};//# sourceMappingURL=use-file-sync.js.map

package/lib/hooks/use-file-sync.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-file-sync.js","sources":["../../src/hooks/use-file-sync.ts"],"sourcesContent":[null],"names":[],"mappings":"wIAmBO,MAAM,WAAW,GAAG,CAAC;WACjB;;MAEP;QAMA,CAAA,UAAA,EAAA,aAAoB,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACpB,EAAA,MAAA,CAAA,KAAO,EAAA,QAAA,CAAA,GAAA,QAAyB,CAAC,IAAG,CAAA;QAEpC,CAAA,UAAA,EAAA,aAAA,CAAA,GAAA,QAAsC,CAAA,IAAA,CAAA;AACtC;QACI,CAAA,yBAAwB,CAAA,GAAA,4BAAA,EAAA;;AAE3B,EAAA,MAAE;IAEH,IAAA,EAAA;MACA,0BAAe,CAAA;AACX,IAAA,SAAI,EAAA;AACA,MAAA;AACA,KAAA;;;;AAIC,EAAA,SAAA,CAAA,MAAE;QACP,cAAC,EAAA,WAAA,EAAA;AACL,MAAC,MAAG,MAAA,GAAA,cAAiB,CAAA,WAAA;MAErB,aAAM,CAAU;QAER,QAAK,EAAA,MAAW,CAAC,QAAA;AACb,QAAA,SAAA,EAAM,MAAI,CAAA,SAAM;QACpB,SAAC,EAAA,MAAA,CAAA;AAED,OAAA,CAAA;AAEA,IAAA;oBACI,CAAA,CAAA;kBACA,GAAS,WAAM,CAAA,OAAA,QAAA,EAAA,OAAA,KAAA;AAEf,IAAA,IAAA,CAAA,SAAM,EAAA;AACF,MAAA,MAAA,IAAA,KAAA,CAAA,6CAAW,CAAA;;4DAEE,EAAA,SAAA,CAAA;;oBAET,IAAA,CAAA;AACH,MAAA,QAAA,CAAA,IAAA,CAAA;AACJ,MAAA,MAAA,QAAE,GAAA,MAAA,yBAAA,CAAA;iBAEE;AACD,UAAA,SAAA;mBACH;UACJ,QAAA;UAAC;AACE;;AAEA,MAAA,IAAA,CAAA,aAAU,EAAA,iBAAA,CAAA,OAAA,EAAA;QACd,MAAC,IAAA,KAAA,CAAA,QAAA,CAAA,IAAA,EAAA,iBAAA,CAAA,OAAA,IAAA,uBAAA,CAAA;;aACG,GAAA,EAAA;YACH,YAAA,GAAA,GAAA,YAAA,KAAA,GAAA,GAAA,CAAA,OAAA,GAAA,wBAAA;MACJ,QACA,CAAA,YAAA,CAAA;MAGL,MAAO,GAAA;cACH;mBACU,CAAA,KAAA,CAAA;;+BAEA,EAAA,SAAA,EAAA,SAAA,CAAA,CAAA;SACZ;AACN,IAAE,UAAA;;;;;"}

package/lib/utils/utils.js

@@ -1,3 +0,0 @@
-function cn(...inputs) {
-  return inputs.filter(Boolean).join(' ').trim();
-}export{cn};//# sourceMappingURL=utils.js.map

package/lib/utils/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../src/utils/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAM,SAAU,EAAE,CAAC,GAAG,MAA6C,EAAA;AAC/D,EAAA,OAAA,MAAO,CAAA,MAAO,CAAA,SAAc,IAAE,CAAA,GAAK,CAAA,CAAG,IAAE,EAAI;AAChD"}