@motiadev/workbench 0.7.2-beta.135-745094 → 0.7.3-beta.136

package/dist/src/components/ui/table.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { cn } from '@motiadev/ui';
+import { cn } from '@/lib/utils';
 const Table = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: "relative w-full overflow-auto", children: _jsx("table", { ref: ref, className: cn('w-full caption-bottom text-sm', className), ...props }) })));
 Table.displayName = 'Table';
 const TableHeader = React.forwardRef(({ className, ...props }, ref) => _jsx("thead", { ref: ref, className: cn('[&_tr]:border-b', className), ...props }));

package/dist/src/components/ui/theme-toggle.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Moon, Sun } from 'lucide-react';
 import { useThemeStore } from '@/stores/use-theme-store';
-import { cn } from '@motiadev/ui';
+import { cn } from '@/lib/utils';
 import { useEffect } from 'react';
 export const ThemeToggle = () => {
     const theme = useThemeStore((state) => state.theme);

package/dist/src/index.css

@@ -1,7 +1,5 @@
-@import '@motiadev/plugin-endpoint/styles.css';
-@import '@motiadev/ui/styles.css';
-@import '@motiadev/ui/globals.css';
-
+@import "@motiadev/ui/styles.css";
+@import "@motiadev/ui/globals.css";
 @import 'tw-animate-css';
 @config "../tailwind.config.js";
 
@@ -15,12 +13,12 @@
 }
 
 .json-view {
-  background: rgba(0, 0, 0, 0.1);
+  background:rgba(0, 0, 0, 0.1);
 }
 
 .dark {
   .react-flow__panel {
-    background: var(--background);
+    background: var(--background)
   }
   .json-view {
     background: rgba(0, 0, 0, 0.8);
@@ -47,12 +45,10 @@
   font-weight: 500;
 }
 
-.json-view--pair,
-.json-view--property,
-.json-view > span {
+.json-view--pair, .json-view--property, .json-view > span {
   line-height: 24px;
 }
 
 .json-view--property {
   font-weight: 600;
-}
+}

package/dist/src/lib/utils.d.ts

@@ -1,2 +1,4 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
 export declare const formatDuration: (duration?: number) => string;
 export declare const formatTimestamp: (time: number) => string;

package/dist/src/lib/utils.js

@@ -1,3 +1,8 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
 export const formatDuration = (duration) => {
     if (!duration)
         return 'N/A';

package/dist/src/publicComponents/base-node/feature-card.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '@motiadev/ui';
+import { cn } from '@/lib/utils';
 export const FeatureCard = ({ feature, highlighted, onClick, onHover }) => {
     return (_jsxs("div", { "data-feature-id": feature.id, className: cn('p-4 rounded-lg bg-card shadow-sm cursor-pointer hover:bg-card/50 border-2 border-transparent', highlighted && 'border-2 border-accent-1000 bg-accent-100'), onClick: onClick, onMouseEnter: onHover, children: [_jsx("div", { className: "text-md font-semibold text-foreground leading-tight whitespace-nowrap mb-2", children: feature.title }), _jsx("div", { className: "text-sm font-medium text-muted-foreground leading-tight", children: feature.description }), feature.link && (_jsx("div", { className: "text-sm font-medium text-muted-foreground leading-tight", children: _jsx("a", { href: feature.link, children: "Learn more" }) }))] }));
 };

package/dist/src/publicComponents/base-node/node-header.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '@motiadev/ui';
+import { cn } from '@/lib/utils';
 import { cva } from 'class-variance-authority';
 import { CalendarClock, CircleOff, Link2, Waypoints } from 'lucide-react';
 const baseIcon = cva('rounded-md p-2', {

package/dist/src/publicComponents/base-node/node-sidebar.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Sidebar } from '@motiadev/ui';
+import { Sidebar } from '@/components/sidebar/sidebar';
 import { X } from 'lucide-react';
 import { CodeDisplay } from './code-display';
 export const NodeSidebar = ({ content, title, subtitle, language, isOpen, onClose, features, }) => {