@motiadev/workbench 0.3.1-beta.87 → 0.3.1-beta.88-041205

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@motiadev/workbench",
   "description": "A web-based interface for building and managing Motia workflows.",
-  "version": "0.3.1-beta.87",
+  "version": "0.3.1-beta.88-041205",
   "main": "dist/index.js",
   "dependencies": {
+    "@monaco-editor/react": "^4.6.1",
     "@radix-ui/react-collapsible": "^1.1.10",
     "@radix-ui/react-dialog": "^1.1.13",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
@@ -16,30 +17,31 @@
     "@radix-ui/react-switch": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.12",
     "@radix-ui/react-tooltip": "^1.2.6",
-    "@tailwindcss/postcss": "^4.1.7",
-    "@vitejs/plugin-react": "^4.4.1",
     "@xyflow/react": "^12.6.4",
-    "autoprefixer": "^10.4.21",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
     "dagre": "^0.8.5",
-    "fast-deep-equal": "^3.1.3",
     "date-fns": "^4.1.0",
+    "fast-deep-equal": "^3.1.3",
     "json-schema": "^0.4.0",
     "lucide-react": "^0.510.0",
+    "react-use-resizable": "^0.2.0",
+    "react18-json-view": "^0.2.9",
+    "zustand": "^5.0.6",
+    "@tailwindcss/postcss": "^4.1.7",
+    "@vitejs/plugin-react": "^4.4.1",
+    "autoprefixer": "^10.4.21",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
     "postcss": "^8.5.3",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-router": "^7.6.0",
-    "recharts": "^2.15.3",
     "tailwind-merge": "^3.3.0",
     "tailwindcss": "^4.1.7",
     "tw-animate-css": "^1.2.9",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.32.1",
     "vite": "^6.3.5",
-    "zod": "^3.24.4",
-    "@motiadev/stream-client-react": "0.3.1-beta.87"
+    "@motiadev/ui": "0.3.1-beta.88-041205",
+    "@motiadev/stream-client-react": "0.3.1-beta.88-041205"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
@@ -61,7 +63,6 @@
     "lint:ts": "eslint",
     "lint:tsx": "eslint --config ../../eslint.config.tsx.js",
     "build": "rm -rf dist && tsc --build && sh post-build.sh",
-    "test": "jest",
     "test:watch": "jest --watch"
   }
 }

package/dist/src/components/app-sidebar.d.ts

@@ -1 +0,0 @@
-export declare const AppSidebar: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/app-sidebar.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useListFlows } from '@/hooks/use-list-flows';
-import { File, Link2, Logs, Workflow, GanttChartIcon } from 'lucide-react';
-import { Link, useLocation } from 'react-router';
-import { Sidebar, SidebarButton, SidebarGroup } from './ui/sidebar';
-import { BadgeCount } from './ui/BadgeCount';
-export const AppSidebar = () => {
-    const { flows } = useListFlows();
-    const { pathname } = useLocation();
-    const isActive = (flowId) => pathname.includes(`/flow/${flowId}`);
-    return (_jsxs(Sidebar, { children: [_jsxs(SidebarGroup, { testId: "motia-title", title: "Motia", children: [_jsx(Link, { "data-testid": "logs-link", to: "/logs", children: _jsxs(SidebarButton, { isActive: pathname === '/logs', icon: _jsx(Logs, { className: "w-4 h-4" }), children: ["Logs", pathname !== '/logs' && _jsx(BadgeCount, {})] }) }), _jsx(Link, { "data-testid": "traces-link", to: "/traces", children: _jsx(SidebarButton, { isActive: pathname === '/traces', icon: _jsx(GanttChartIcon, { className: "w-4 h-4" }), children: "Traces" }) }), _jsx(Link, { "data-testid": "states-link", to: "/states", children: _jsx(SidebarButton, { isActive: pathname === '/states', icon: _jsx(File, { className: "w-4 h-4" }), children: "States" }) }), _jsx(Link, { "data-testid": "endpoints-link", to: "/endpoints", children: _jsx(SidebarButton, { isActive: pathname === '/endpoints', icon: _jsx(Link2, { className: "w-4 h-4" }), children: "Endpoints" }) })] }), _jsx(SidebarGroup, { testId: "flows-title", title: "Flows", children: flows.map((flow) => (_jsx(Link, { "data-testid": `flow-${flow.name}-link`, to: `/flow/${flow.id}`, children: _jsx(SidebarButton, { isActive: isActive(flow.id), icon: _jsx(Workflow, { className: "w-4 h-4" }), children: flow.name }) }, flow.id))) })] }));
-};

package/dist/src/components/endpoints/endpoints.d.ts

@@ -1 +0,0 @@
-export declare const Endpoints: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/endpoints/endpoints.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cva } from 'class-variance-authority';
-import { useEffect, useState } from 'react';
-import { EndpointBadge } from './endpoint-badge';
-import { EndpointCall } from './endpoint-call';
-import { useGetEndpoints } from './hooks/use-get-endpoints';
-import { SelectedEndpoint } from './selected-endpoint';
-const endpointVariants = cva('flex flex-col gap-2 font-mono p-2 rounded-lg cursor-pointer', {
-    variants: {
-        method: {
-            GET: 'bg-lime-500/20',
-            POST: 'bg-blue-500/20',
-            PUT: 'bg-yellow-500/20',
-            DELETE: 'bg-red-500/20',
-            PATCH: 'bg-yellow-500/20',
-            HEAD: 'bg-blue-500/20',
-            OPTIONS: 'bg-purple-500/20',
-        },
-    },
-    defaultVariants: { method: 'GET' },
-});
-export const Endpoints = () => {
-    const endpoints = useGetEndpoints();
-    const [selectedEndpoint, setSelectedEndpoint] = useState(null);
-    useEffect(() => {
-        setSelectedEndpoint((selected) => {
-            if (!selected)
-                return null;
-            const endpoint = endpoints.find((endpoint) => endpoint.method === selected.method && endpoint.path === selected.path);
-            return endpoint ?? null;
-        });
-    }, [endpoints]);
-    return (_jsxs("div", { className: "flex flex-row w-full h-full", children: [_jsxs("div", { className: "flex flex-col gap-2 flex-1 m-4 mr-2 overflow-y-auto", children: [_jsxs("header", { children: [_jsx("h1", { className: "text-2xl font-bold", children: "API Endpoints" }), _jsx("span", { className: "text-sm text-zinc-400", children: "Check all API endpoints" })] }), endpoints.map((endpoint) => (_jsxs("div", { "data-testid": `endpoint-${endpoint.method}-${endpoint.path}`, className: endpointVariants({ method: endpoint.method }), onClick: () => setSelectedEndpoint(endpoint), children: [_jsxs("div", { className: "flex flex-row gap-2 items-center", children: [_jsx(EndpointBadge, { variant: endpoint.method, children: endpoint.method.toUpperCase() }), _jsx("span", { className: "text-md font-bold", children: endpoint.path }), !selectedEndpoint && _jsx("span", { className: "text-xs text-muted-foreground", children: endpoint.description })] }), selectedEndpoint && _jsx("span", { className: "text-xs text-muted-foreground", children: endpoint.description }), selectedEndpoint === endpoint && _jsx(SelectedEndpoint, { endpoint: selectedEndpoint })] }, `${endpoint.method} ${endpoint.path}`)))] }), selectedEndpoint && (_jsx("div", { className: "flex flex-col gap-2 flex-1 m-4 ml-2 p-4 rounded-lg bg-muted", children: _jsx(EndpointCall, { endpoint: selectedEndpoint, onClose: () => setSelectedEndpoint(null) }) }))] }));
-};

package/dist/src/components/endpoints/selected-endpoint.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ApiEndpoint } from './hooks/use-get-endpoints';
-type Props = {
-    endpoint: ApiEndpoint;
-};
-export declare const SelectedEndpoint: React.FC<Props>;
-export {};

package/dist/src/components/endpoints/selected-endpoint.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useJsonSchemaToJson } from './hooks/use-json-schema-to-json';
-import { ResponseBody } from './response-body';
-export const SelectedEndpoint = ({ endpoint }) => {
-    const { body: requestBody } = useJsonSchemaToJson(endpoint.bodySchema);
-    return (_jsxs(_Fragment, { children: [endpoint.queryParams && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "text-xs font-bold", children: "Query Params" }), _jsx("div", { className: "flex flex-col gap-2 flex-1 p-2 rounded-lg bg-muted table", children: endpoint.queryParams.map((param) => (_jsxs("span", { className: "text-xs table-row", children: [_jsx("span", { className: "font-bold table-cell", children: param.name }), _jsx("span", { className: "text-xs table-cell", children: param.description })] }, param.name))) })] })), requestBody && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "text-xs font-bold", children: "Request Body" }), _jsx("span", { className: "text-xs font-mono dark:bg-black/50 bg-white/50 p-2 rounded-lg whitespace-pre-wrap", children: requestBody })] })), endpoint.responseSchema && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "text-xs font-bold", children: "Response" }), Object.entries(endpoint.responseSchema).map(([status, schema]) => (_jsx(ResponseBody, { status: status, body: schema }, status)))] }))] }));
-};

package/dist/src/components/logs/log-console.d.ts

@@ -1 +0,0 @@
-export declare const LogConsole: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/logs/log-console.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLogs } from '@/stores/use-logs';
-import { ChevronDown, ChevronUp, Trash2 } from 'lucide-react';
-import { useState, useCallback, useRef, useEffect } from 'react';
-import { Button } from '../ui/button';
-import { cn } from '@/lib/utils';
-import { Logs } from './logs';
-const MIN_HEIGHT = 100;
-const DEFAULT_HEIGHT = 200;
-const ClearLogsButton = () => {
-    const hasLog = useLogs((state) => state.logs.length > 0);
-    const resetLogs = useLogs((state) => state.resetLogs);
-    if (!hasLog) {
-        return null;
-    }
-    return (_jsxs(Button, { variant: "outline", onClick: resetLogs, children: [_jsx(Trash2, { className: "w-4 h-4" }), "Clear logs"] }));
-};
-export const LogConsole = () => {
-    const [isExpanded, setIsExpanded] = useState(false);
-    const [height, setHeight] = useState(DEFAULT_HEIGHT);
-    const dragRef = useRef(null);
-    const [isDragging, setIsDragging] = useState(false);
-    const contentRef = useRef(null);
-    const setUnreadLogsCount = useLogs((state) => state.setUnreadLogsCount);
-    const toggleExpand = useCallback(() => {
-        setIsExpanded((prev) => !prev);
-        setUnreadLogsCount(0);
-    }, [setUnreadLogsCount]);
-    const handleMouseDown = useCallback((e) => {
-        e.preventDefault();
-        setIsDragging(true);
-    }, []);
-    useEffect(() => {
-        const handleMouseUp = () => {
-            setIsDragging(false);
-        };
-        const handleMouseMove = (e) => {
-            if (!isDragging)
-                return;
-            const windowHeight = window.innerHeight;
-            const mouseY = e.clientY;
-            const newHeight = windowHeight - mouseY;
-            if (newHeight >= MIN_HEIGHT) {
-                setHeight(newHeight);
-            }
-        };
-        document.addEventListener('mousemove', handleMouseMove);
-        document.addEventListener('mouseup', handleMouseUp);
-        return () => {
-            document.removeEventListener('mousemove', handleMouseMove);
-            document.removeEventListener('mouseup', handleMouseUp);
-        };
-    }, [isDragging]);
-    useEffect(() => {
-        if (contentRef.current) {
-            if (isExpanded) {
-                contentRef.current.style.height = `${height}px`;
-            }
-            else {
-                contentRef.current.style.height = '0px';
-            }
-        }
-    }, [isExpanded, height]);
-    return (_jsxs("div", { className: "absolute bottom-0 left-0 right-0 bg-background/80 border border-solid border-border m-4 rounded-lg", children: [_jsx("div", { ref: dragRef, onMouseDown: handleMouseDown, className: cn('absolute -top-1 left-0 right-0 h-1 cursor-ns-resize hover:bg-background/40', isDragging && 'bg-background/40') }), _jsxs("div", { className: "text-muted-foreground flex justify-between w-full items-center p-4 gap-2", children: [_jsx("label", { className: "w-full text-left justify-start h-full text-md uppercase", children: "Logs" }), _jsx(ClearLogsButton, {}), _jsx(Button, { variant: "outline", onClick: toggleExpand, children: isExpanded ? _jsx(ChevronDown, { className: "w-4 h-4" }) : _jsx(ChevronUp, { className: "w-4 h-4" }) })] }), _jsx("div", { ref: contentRef, style: {
-                    overflow: 'hidden',
-                    transition: 'height 0.2s ease-out',
-                    height: isExpanded ? `${height}px` : '0px',
-                }, children: _jsx(Logs, {}) })] }));
-};

package/dist/src/components/logs/log-field.d.ts

@@ -1,7 +0,0 @@
-type Props = {
-    label: string;
-    value: unknown;
-    className?: string;
-};
-export declare const LogField: ({ label, value, className }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/logs/log-field.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { cn } from '@/lib/utils';
-const Value = ({ value }) => {
-    const displayValue = typeof value === 'string' ? value : JSON.stringify(value);
-    return (_jsx("div", { className: "dark:text-gray-400 text-md", "aria-label": displayValue, children: displayValue }));
-};
-const LogValue = ({ value }) => {
-    if (React.isValidElement(value)) {
-        return value;
-    }
-    if (value && typeof value === 'object') {
-        const valueObject = value;
-        return (_jsx("div", { className: "flex flex-col gap-4", children: Object.keys(valueObject).map((key) => (_jsxs("div", { className: "ml-4 flex flex-col gap-2", children: [_jsx("span", { className: "text-md font-semibold", children: key }), _jsx("span", { className: "text-md", children: value ? (_jsx(LogValue, { value: valueObject[key] })) : (_jsx(Value, { value: valueObject[key] })) })] }, key))) }));
-    }
-    return _jsx(Value, { value: value });
-};
-export const LogField = ({ label, value, className }) => {
-    return (_jsx("div", { className: cn('flex row text-foreground p-2', className), children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "text-md font-semibold", children: label }), _jsx("span", { className: "", children: value ? _jsx(LogValue, { value: value }) : _jsx(Value, { value: value }) })] }) }));
-};

package/dist/src/components/logs/logs.d.ts

@@ -1 +0,0 @@
-export declare const Logs: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/logs/logs.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Table, TableBody, TableCell, TableRow } from '@/components/ui/table';
-import { useLogs } from '@/stores/use-logs';
-import { useState } from 'react';
-import { LogDetail } from './log-detail';
-import { LogLevelDot } from './log-level-dot';
-const timestamp = (time) => {
-    const date = new Date(Number(time));
-    return `${date.toLocaleDateString()} ${date.toLocaleTimeString()}`;
-};
-export const Logs = () => {
-    const logs = useLogs((state) => state.logs);
-    const [selectedLog, setSelectedLog] = useState();
-    const handleLogClick = (log) => {
-        setSelectedLog(log);
-    };
-    return (_jsxs("div", { className: "overflow-y-auto h-full text-bold p-4", children: [_jsx(LogDetail, { log: selectedLog, onClose: () => setSelectedLog(undefined) }), _jsx(Table, { children: _jsx(TableBody, { className: "text-md font-mono", children: logs.map((log, index) => (_jsxs(TableRow, { className: "cursor-pointer even:bg-muted/50 border-0", onClick: () => handleLogClick(log), children: [_jsxs(TableCell, { "data-testid": `time-${index}`, className: "whitespace-nowrap flex items-center gap-2", children: [_jsx(LogLevelDot, { level: log.level }), timestamp(log.time)] }), _jsx(TableCell, { "data-testid": `trace-${log.traceId}`, className: "whitespace-nowrap text-md cursor-pointer hover:text-primary text-muted-foreground text-xs font-mono", children: log.traceId }), _jsx(TableCell, { "data-testid": `step-${index}`, "aria-label": log.step, className: "whitespace-nowrap text-md font-mono", children: log.step }), _jsx(TableCell, { "data-testid": `msg-${index}`, "aria-label": log.msg, className: "whitespace-nowrap text-md font-mono max-w-[500px] truncate w-full", children: log.msg })] }, index))) }) })] }));
-};

package/dist/src/components/observability/observability-stats.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { TraceGroup } from '@/types/observability';
-export declare const ObservabilityStats: React.MemoExoticComponent<({ groups }: {
-    groups: TraceGroup[];
-}) => import("react/jsx-runtime").JSX.Element>;

package/dist/src/components/observability/observability-stats.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { Card, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
-import { Activity, CheckCircle, Hash, XCircle } from 'lucide-react';
-const calculateStats = (groups) => {
-    const running = groups.filter(({ status }) => status === 'running').length;
-    const completed = groups.filter(({ status }) => status === 'completed').length;
-    const failed = groups.filter(({ status }) => status === 'failed').length;
-    return { total: groups.length, running, completed, failed };
-};
-const Stat = ({ title, value, icon }) => {
-    return (_jsx(Card, { children: _jsxs(CardHeader, { className: "relative", children: [_jsx(CardDescription, { children: title }), _jsxs("div", { className: "flex flex-row gap-2 items-center", children: [icon, _jsx(CardTitle, { className: "@[250px]/card:text-3xl text-2xl font-semibold tabular-nums", children: value })] })] }) }));
-};
-export const ObservabilityStats = memo(({ groups }) => {
-    const stats = calculateStats(groups);
-    return (_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Stat, { title: "Total Traces", value: stats.total.toLocaleString(), icon: _jsx(Hash, { className: "w-4 h-4 text-teal-500" }) }), _jsx(Stat, { title: "Running Traces", value: stats.running.toLocaleString(), icon: _jsx(Activity, { className: "w-4 h-4 text-blue-500" }) }), _jsx(Stat, { title: "Completed Traces", value: stats.completed.toLocaleString(), icon: _jsx(CheckCircle, { className: "w-4 h-4 text-green-500" }) }), _jsx(Stat, { title: "Failed Traces", value: stats.failed.toLocaleString(), icon: _jsx(XCircle, { className: "w-4 h-4 text-red-500" }) })] }));
-});

package/dist/src/components/states/states.d.ts

@@ -1 +0,0 @@
-export declare const States: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/states/states.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../ui/table';
-import { useState } from 'react';
-import { useGetFields, useGetTraces, useGetValues } from './hooks/states-hooks';
-import { StateDetail } from './state-detail';
-export const States = () => {
-    const [selectedTraceId, setSelectedTraceId] = useState();
-    const [selectedState, setSelectedState] = useState(); // eslint-disable-line @typescript-eslint/no-explicit-any
-    const traces = useGetTraces();
-    const fields = useGetFields(selectedTraceId);
-    const values = useGetValues(selectedTraceId, selectedState);
-    const handleTraceClick = (traceId) => {
-        setSelectedTraceId(traceId);
-        setSelectedState(undefined);
-    };
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const handleStateClick = (state) => {
-        setSelectedState(state);
-    };
-    return (_jsxs("div", { className: "flex flex-row gap-4 h-full", children: [_jsx(StateDetail, { state: values, onClose: () => setSelectedState(undefined) }), _jsx("div", { className: "flex flex-col gap-2 flex-1 pl-4 py-4", children: _jsxs(Table, { children: [_jsx(TableHeader, { className: "sticky top-0", children: _jsx(TableRow, { children: _jsx(TableHead, { children: "Root Field (Trace ID)" }) }) }), _jsx(TableBody, { children: traces.map((trace) => (_jsx(TableRow, { "data-testid": `trace-${trace}`, onClick: () => handleTraceClick(trace), children: _jsx(TableCell, { className: `rounded-lg font-mono font-semibold ${selectedTraceId === trace ? 'bg-indigo-900/50 hover:bg-indigo-900/30' : ''}`, children: trace }) }, trace))) })] }) }), _jsx("div", { className: "flex flex-col gap-2 flex-1 pr-4 py-4", children: _jsxs(Table, { children: [_jsx(TableHeader, { className: "sticky top-0", children: _jsx(TableRow, { children: _jsx(TableHead, { children: "Fields" }) }) }), _jsx(TableBody, { children: fields.map((field) => (_jsx(TableRow, { "data-testid": `field-${field}`, className: `font-semibold font-mono ${selectedState === field ? 'bg-indigo-900/50 hover:bg-indigo-900/30' : ''}`, onClick: () => handleStateClick(field), children: _jsx(TableCell, { children: field }) }, field))) })] }) })] }));
-};

package/dist/src/components/ui/BadgeCount.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface BadgeCountProps {
-    className?: string;
-    dotOnly?: boolean;
-}
-export declare const BadgeCount: React.FC<BadgeCountProps>;
-export {};

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

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useLogs } from '@/stores/use-logs';
-import { Badge } from './badge';
-export const BadgeCount = ({ className, dotOnly = false }) => {
-    const unreadLogsCount = useLogs((state) => state.unreadLogsCount);
-    if (!unreadLogsCount) {
-        return null;
-    }
-    if (dotOnly) {
-        return _jsx(Badge, { variant: "red-dot", className: className });
-    }
-    return (_jsx(Badge, { variant: "red-rounded", className: className, children: unreadLogsCount }));
-};

package/dist/src/components/ui/button.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "none" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-}
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export {};

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

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { cn } from '@/lib/utils';
-const buttonVariants = cva('inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
-    variants: {
-        variant: {
-            default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
-            destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
-            outline: 'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
-            secondary: 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
-            ghost: 'hover:bg-accent hover:text-accent-foreground',
-            link: 'text-primary underline-offset-4 hover:underline',
-            none: '',
-        },
-        size: {
-            default: 'h-9 px-4 py-2',
-            sm: 'h-8 rounded-md px-3 text-xs',
-            lg: 'h-10 rounded-md px-8',
-            icon: 'h-9 w-9',
-        },
-    },
-    defaultVariants: {
-        variant: 'default',
-        size: 'default',
-    },
-});
-export const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : 'button';
-    return _jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props });
-});
-Button.displayName = 'Button';

package/dist/src/components/ui/card.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

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

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { cn } from '@/lib/utils';
-const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('rounded-lg border bg-card text-card-foreground shadow-sm', className), ...props })));
-Card.displayName = 'Card';
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-1.5 p-4', className), ...props })));
-CardHeader.displayName = 'CardHeader';
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn('text-2xl font-semibold leading-none tracking-tight', className), ...props })));
-CardTitle.displayName = 'CardTitle';
-const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props })));
-CardDescription.displayName = 'CardDescription';
-const CardContent = React.forwardRef(({ className, ...props }, ref) => _jsx("div", { ref: ref, className: cn('p-6 pt-0', className), ...props }));
-CardContent.displayName = 'CardContent';
-const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex items-center p-6 pt-0', className), ...props })));
-CardFooter.displayName = 'CardFooter';
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/dist/src/components/ui/collapsible.d.ts

@@ -1,5 +0,0 @@
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };

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

@@ -1,5 +0,0 @@
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-const Collapsible = CollapsiblePrimitive.Root;
-const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
-const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/src/components/ui/dialog.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

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

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { X } from 'lucide-react';
-import { cn } from '@/lib/utils';
-const Dialog = DialogPrimitive.Root;
-const DialogTrigger = DialogPrimitive.Trigger;
-const DialogPortal = DialogPrimitive.Portal;
-const DialogClose = DialogPrimitive.Close;
-const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn('fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props })));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg', className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col space-y-1.5 text-center sm:text-left', className), ...props }));
-DialogHeader.displayName = 'DialogHeader';
-const DialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
-DialogFooter.displayName = 'DialogFooter';
-const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn('text-lg font-semibold leading-none tracking-tight', className), ...props })));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props })));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/src/components/ui/dropdown-menu.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean;
-    variant?: 'default' | 'destructive';
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/src/components/ui/dropdown-menu.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
-import { cn } from '@/lib/utils';
-function DropdownMenu({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuPortal({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
-}
-function DropdownMenuTrigger({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
-}
-function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', className), ...props }) }));
-}
-function DropdownMenuGroup({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
-}
-function DropdownMenuItem({ className, inset, variant = 'default', ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
-}
-function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
-    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
-}
-function DropdownMenuRadioGroup({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
-}
-function DropdownMenuRadioItem({ className, children, ...props }) {
-    return (_jsxs(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }) }), children] }));
-}
-function DropdownMenuLabel({ className, inset, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className), ...props }));
-}
-function DropdownMenuSeparator({ className, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn('bg-border -mx-1 my-1 h-px', className), ...props }));
-}
-function DropdownMenuShortcut({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn('text-muted-foreground ml-auto text-xs tracking-widest', className), ...props }));
-}
-function DropdownMenuSub({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
-}
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-    return (_jsxs(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn('focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8', className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto size-4" })] }));
-}
-function DropdownMenuSubContent({ className, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.SubContent, { "data-slot": "dropdown-menu-sub-content", className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg', className), ...props }));
-}
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/src/components/ui/input.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export { Input };

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

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { cn } from '@/lib/utils';
-const Input = React.forwardRef(({ className, type, ...props }, ref) => {
-    return (_jsx("input", { type: type, className: cn('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className), ref: ref, ...props }));
-});
-Input.displayName = 'Input';
-export { Input };

package/dist/src/components/ui/logo-icon.d.ts

@@ -1,5 +0,0 @@
-interface LogoIconProps {
-    className?: string;
-}
-export declare const LogoIcon: import("react").MemoExoticComponent<({ className }: LogoIconProps) => import("react/jsx-runtime").JSX.Element>;
-export {};

package/dist/src/components/ui/logo-icon.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-export const LogoIcon = memo(({ className }) => {
-    return (_jsxs("svg", { "data-testid": "logo-icon", className: className, width: "295", height: "127", viewBox: "0 0 295 127", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { clipPath: "url(#clip0_512_36)", children: [_jsx("path", { d: "M0.520508 84.2194H32.0014C53.9923 84.2194 74.81 74.298 88.6654 57.2074C102.512 40.1254 123.33 30.1954 145.329 30.1954H173.394", className: "stroke-black dark:stroke-white", strokeWidth: "60.3909", strokeMiterlimit: "10" }), _jsx("path", { d: "M119.724 84.2194H151.205C173.196 84.2194 194.014 74.298 207.869 57.2074C221.716 40.1254 242.533 30.1954 264.533 30.1954H292.597", className: "stroke-black dark:stroke-white", strokeWidth: "60.3909", strokeMiterlimit: "10" }), _jsx("path", { d: "M292.477 53.8428H232.086V114.122H292.477V53.8428Z", className: "fill-black dark:fill-white" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_512_36", children: _jsx("rect", { width: "294.199", height: "126.993", className: "fill-black dark:fill-white", transform: "translate(0.520508)" }) }) })] }));
-});